javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-08 15:51:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'main' into chore-update-next-from-main

Browse Source
This commit is contained in:
Brandy Carney
2024-05-02 16:43:54 -04:00
parent 1116cdd44a 0124f3b0b3
commit 8b834387d4
876 changed files with 4034 additions and 2766 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
core/src/components/checkbox/checkbox.ios.vars.scss
View File

@ -6,25 +6,25 @@
// --------------------------------------------------
/// @prop - Background color of the checkbox when off
$checkbox-ios-background-color-off: $item-ios-background !default;
$checkbox-ios-background-color-off: $item-ios-background;
/// @prop - Size of the checkbox icon
$checkbox-ios-icon-size: dynamic-font-max(22px, 2.538) !default;
$checkbox-ios-icon-size: dynamic-font-max(22px, 2.538);
/// @prop - Border color of the checkbox icon when off
$checkbox-ios-icon-border-color-off: rgba($text-color-rgb, 0.23) !default;
$checkbox-ios-icon-border-color-off: rgba($text-color-rgb, 0.23);
/// @prop - Border width of the checkbox icon
$checkbox-ios-icon-border-width: dynamic-font(2px) !default;
$checkbox-ios-icon-border-width: dynamic-font(2px);
/// @prop - Border style of the checkbox icon
$checkbox-ios-icon-border-style: solid !default;
$checkbox-ios-icon-border-style: solid;
/// @prop - Border radius of the checkbox icon
$checkbox-ios-icon-border-radius: 50% !default;
$checkbox-ios-icon-border-radius: 50%;
/// @prop - Opacity of the disabled checkbox
$checkbox-ios-disabled-opacity: $form-control-ios-disabled-opacity !default;
$checkbox-ios-disabled-opacity: $form-control-ios-disabled-opacity;
/// @prop - Checkmark width of the checkbox icon
$checkbox-ios-icon-checkmark-width: 1.5px !default;
$checkbox-ios-icon-checkmark-width: 1.5px;

18
core/src/components/checkbox/checkbox.md.vars.scss
View File

@ -5,30 +5,30 @@
// --------------------------------------------------
/// @prop - Opacity of the disabled checkbox label
$checkbox-md-disabled-opacity: $form-control-md-disabled-opacity !default;
$checkbox-md-disabled-opacity: $form-control-md-disabled-opacity;
/// @prop - Background color of the checkbox icon when off
$checkbox-md-icon-background-color-off: $item-md-background !default;
$checkbox-md-icon-background-color-off: $item-md-background;
/// @prop - Size of the checkbox icon
/// The icon size does not use dynamic font
/// because it does not scale in native.
$checkbox-md-icon-size: 18px !default;
$checkbox-md-icon-size: 18px;
/// @prop - Border width of the checkbox icon
$checkbox-md-icon-border-width: 2px !default;
$checkbox-md-icon-border-width: 2px;
/// @prop - Border style of the checkbox icon
$checkbox-md-icon-border-style: solid !default;
$checkbox-md-icon-border-style: solid;
/// @prop - Border color of the checkbox icon when off
$checkbox-md-icon-border-color-off: rgb($text-color-rgb, 0.6) !default;
$checkbox-md-icon-border-color-off: rgb($text-color-rgb, 0.6);
/// @prop - Transition duration of the checkbox
$checkbox-md-transition-duration: 180ms !default;
$checkbox-md-transition-duration: 180ms;
/// @prop - Transition easing of the checkbox
$checkbox-md-transition-easing: cubic-bezier(0.4, 0, 0.2, 1) !default;
$checkbox-md-transition-easing: cubic-bezier(0.4, 0, 0.2, 1);
/// @prop - Opacity of the disabled checkbox
/// This value is used because the checkbox color is set to
@ -37,4 +37,4 @@ $checkbox-md-transition-easing: cubic-bezier(0.4, 0, 0.2, 1) !default;
/// opacity is applied on top of the transparent color so
/// this opacity gets us the equivalent of applying `0.38`
/// on top of an opaque checkbox `rgb(0, 0, 0, 1.0)`
$checkbox-md-icon-disabled-opacity: 0.63 !default;
$checkbox-md-icon-disabled-opacity: 0.63;

2
core/src/components/checkbox/checkbox.tsx
View File

@ -112,7 +112,7 @@ export class Checkbox implements ComponentInterface {
* Emitted when the checked property has changed
* as a result of a user action such as a click.
* This event will not emit when programmatically
* setting the checked property.
* setting the `checked` property.
*/
@Event() ionChange!: EventEmitter<CheckboxChangeEventDetail>;

4
core/src/components/checkbox/checkbox.vars.scss
View File

@ -1,5 +1,5 @@
/// @prop - Top margin of checkbox's label when in an item
$checkbox-item-label-margin-top: 10px !default;
$checkbox-item-label-margin-top: 10px;
/// @prop - Bottom margin of checkbox's label when in an item
$checkbox-item-label-margin-bottom: 10px !default;
$checkbox-item-label-margin-bottom: 10px;