igniteui-webcomponents 4.2.3 → 4.3.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/README.md +2 -6
- package/components/accordion/accordion.js +2 -1
- package/components/accordion/accordion.js.map +1 -1
- package/components/avatar/avatar.js +2 -2
- package/components/avatar/avatar.js.map +1 -1
- package/components/avatar/themes/dark/avatar.base.bootstrap.css.js +13 -0
- package/components/avatar/themes/dark/avatar.base.bootstrap.css.js.map +1 -0
- package/components/avatar/themes/{avatar.base.css.js → light/avatar.base.css.js} +23 -8
- package/components/avatar/themes/light/avatar.base.css.js.map +1 -0
- package/components/avatar/themes/light/avatar.bootstrap.css.js +24 -0
- package/components/avatar/themes/light/avatar.bootstrap.css.js.map +1 -0
- package/components/badge/badge.js.map +1 -1
- package/components/badge/themes/light/badge.base.css.js +4 -5
- package/components/badge/themes/light/badge.base.css.js.map +1 -1
- package/components/button/button-base.js.map +1 -1
- package/components/button/button.js.map +1 -1
- package/components/button/icon-button.js.map +1 -1
- package/components/button/themes/button/dark/button.bootstrap.css.js +13 -0
- package/components/button/themes/button/dark/button.bootstrap.css.js.map +1 -0
- package/components/button/themes/button/dark/button.fluent.css.js +11 -1
- package/components/button/themes/button/dark/button.fluent.css.js.map +1 -1
- package/components/button/themes/button/dark/button.indigo.css.d.ts +1 -0
- package/components/button/themes/button/dark/button.indigo.css.js +13 -0
- package/components/button/themes/button/dark/button.indigo.css.js.map +1 -0
- package/components/button/themes/button/dark/button.material.css.d.ts +1 -0
- package/components/button/themes/button/dark/button.material.css.js +13 -0
- package/components/button/themes/button/dark/button.material.css.js.map +1 -0
- package/components/button/themes/button/light/button.base.css.js +6 -57
- package/components/button/themes/button/light/button.base.css.js.map +1 -1
- package/components/button/themes/button/light/button.bootstrap.css.js +227 -71
- package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -1
- package/components/button/themes/button/light/button.fluent.css.js +287 -70
- package/components/button/themes/button/light/button.fluent.css.js.map +1 -1
- package/components/button/themes/button/light/button.indigo.css.js +280 -78
- package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
- package/components/button/themes/button/light/button.material.css.js +280 -170
- package/components/button/themes/button/light/button.material.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.base.css.js +4 -6
- package/components/button/themes/icon-button/light/icon-button.base.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js +24 -0
- package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.fluent.css.js +16 -0
- package/components/button/themes/icon-button/light/icon-button.fluent.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.indigo.css.js +9 -0
- package/components/button/themes/icon-button/light/icon-button.indigo.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.material.css.js +7 -0
- package/components/button/themes/icon-button/light/icon-button.material.css.js.map +1 -1
- package/components/calendar/calendar.js.map +1 -1
- package/components/calendar/common/calendar-base.d.ts +2 -2
- package/components/calendar/common/calendar-base.js.map +1 -1
- package/components/calendar/days-view/days-view.js.map +1 -1
- package/components/calendar/months-view/months-view.js.map +1 -1
- package/components/calendar/themes/calendar.base.css.js +4 -5
- package/components/calendar/themes/calendar.base.css.js.map +1 -1
- package/components/calendar/themes/fluent/calendar.fluent.css.js +4 -5
- package/components/calendar/themes/fluent/calendar.fluent.css.js.map +1 -1
- package/components/calendar/years-view/years-view.js.map +1 -1
- package/components/card/card.actions.js.map +1 -1
- package/components/card/card.content.js.map +1 -1
- package/components/card/card.header.js.map +1 -1
- package/components/card/card.js.map +1 -1
- package/components/card/card.media.js +2 -1
- package/components/card/card.media.js.map +1 -1
- package/components/card/themes/light/card.actions.bootstrap.css.js +4 -5
- package/components/card/themes/light/card.actions.bootstrap.css.js.map +1 -1
- package/components/card/themes/light/card.actions.material.css.js +4 -5
- package/components/card/themes/light/card.actions.material.css.js.map +1 -1
- package/components/card/themes/light/card.content.bootstrap.css.js +5 -8
- package/components/card/themes/light/card.content.bootstrap.css.js.map +1 -1
- package/components/card/themes/light/card.content.indigo.css.js +5 -8
- package/components/card/themes/light/card.content.indigo.css.js.map +1 -1
- package/components/card/themes/light/card.content.material.css.js +5 -8
- package/components/card/themes/light/card.content.material.css.js.map +1 -1
- package/components/card/themes/light/card.header.bootstrap.css.js +4 -8
- package/components/card/themes/light/card.header.bootstrap.css.js.map +1 -1
- package/components/card/themes/light/card.header.fluent.css.js +4 -8
- package/components/card/themes/light/card.header.fluent.css.js.map +1 -1
- package/components/card/themes/light/card.header.indigo.css.js +4 -8
- package/components/card/themes/light/card.header.indigo.css.js.map +1 -1
- package/components/card/themes/light/card.header.material.css.js +4 -8
- package/components/card/themes/light/card.header.material.css.js.map +1 -1
- package/components/card/themes/light/card.material.css.js +15 -5
- package/components/card/themes/light/card.material.css.js.map +1 -1
- package/components/card/themes/light/card.media.material.css.js +4 -5
- package/components/card/themes/light/card.media.material.css.js.map +1 -1
- package/components/checkbox/checkbox-base.js.map +1 -1
- package/components/checkbox/checkbox.js.map +1 -1
- package/components/checkbox/switch.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox.bootstrap.css.d.ts +1 -0
- package/components/checkbox/themes/dark/checkbox.bootstrap.css.js +13 -0
- package/components/checkbox/themes/dark/checkbox.bootstrap.css.js.map +1 -0
- package/components/checkbox/themes/dark/checkbox.fluent.css.js +11 -1
- package/components/checkbox/themes/dark/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox.indigo.css.js +11 -1
- package/components/checkbox/themes/dark/checkbox.indigo.css.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox.material.css.d.ts +1 -0
- package/components/checkbox/themes/dark/checkbox.material.css.js +13 -0
- package/components/checkbox/themes/dark/checkbox.material.css.js.map +1 -0
- package/components/checkbox/themes/dark/switch.bootstrap.css.d.ts +1 -0
- package/components/checkbox/themes/dark/switch.bootstrap.css.js +13 -0
- package/components/checkbox/themes/dark/switch.bootstrap.css.js.map +1 -0
- package/components/checkbox/themes/dark/switch.fluent.css.js +11 -1
- package/components/checkbox/themes/dark/switch.fluent.css.js.map +1 -1
- package/components/checkbox/themes/dark/switch.indigo.css.js +11 -1
- package/components/checkbox/themes/dark/switch.indigo.css.js.map +1 -1
- package/components/checkbox/themes/dark/switch.material.css.d.ts +1 -0
- package/components/checkbox/themes/dark/switch.material.css.js +13 -0
- package/components/checkbox/themes/dark/switch.material.css.js.map +1 -0
- package/components/checkbox/themes/light/checkbox.base.css.js +15 -51
- package/components/checkbox/themes/light/checkbox.base.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox.bootstrap.css.js +122 -46
- package/components/checkbox/themes/light/checkbox.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox.fluent.css.js +170 -87
- package/components/checkbox/themes/light/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox.indigo.css.js +134 -49
- package/components/checkbox/themes/light/checkbox.indigo.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox.material.css.js +146 -18
- package/components/checkbox/themes/light/checkbox.material.css.js.map +1 -1
- package/components/checkbox/themes/light/switch.base.css.js +29 -56
- package/components/checkbox/themes/light/switch.base.css.js.map +1 -1
- package/components/checkbox/themes/light/switch.bootstrap.css.js +146 -95
- package/components/checkbox/themes/light/switch.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/light/switch.fluent.css.js +142 -80
- package/components/checkbox/themes/light/switch.fluent.css.js.map +1 -1
- package/components/checkbox/themes/light/switch.indigo.css.js +152 -97
- package/components/checkbox/themes/light/switch.indigo.css.js.map +1 -1
- package/components/checkbox/themes/light/switch.material.css.js +169 -37
- package/components/checkbox/themes/light/switch.material.css.js.map +1 -1
- package/components/chip/chip.js.map +1 -1
- package/components/chip/themes/chip.base.css.js +4 -5
- package/components/chip/themes/chip.base.css.js.map +1 -1
- package/components/chip/themes/chip.bootstrap.css.js +4 -5
- package/components/chip/themes/chip.bootstrap.css.js.map +1 -1
- package/components/chip/themes/chip.fluent.css.js +4 -5
- package/components/chip/themes/chip.fluent.css.js.map +1 -1
- package/components/chip/themes/chip.indigo.css.js +4 -5
- package/components/chip/themes/chip.indigo.css.js.map +1 -1
- package/components/chip/themes/chip.material.css.js +4 -5
- package/components/chip/themes/chip.material.css.js.map +1 -1
- package/components/combo/combo-header.js.map +1 -1
- package/components/combo/combo-item.d.ts +5 -0
- package/components/combo/combo-item.js.map +1 -1
- package/components/combo/combo-list.js +2 -1
- package/components/combo/combo-list.js.map +1 -1
- package/components/combo/combo.d.ts +50 -4
- package/components/combo/combo.js +57 -26
- package/components/combo/combo.js.map +1 -1
- package/components/combo/controllers/data.js +9 -5
- package/components/combo/controllers/data.js.map +1 -1
- package/components/combo/controllers/selection.d.ts +2 -1
- package/components/combo/controllers/selection.js +14 -2
- package/components/combo/controllers/selection.js.map +1 -1
- package/components/combo/operations/filter.d.ts +3 -1
- package/components/combo/operations/filter.js +10 -7
- package/components/combo/operations/filter.js.map +1 -1
- package/components/combo/operations/group.d.ts +2 -2
- package/components/combo/operations/group.js +8 -5
- package/components/combo/operations/group.js.map +1 -1
- package/components/combo/themes/light/combo.base.css.js +4 -5
- package/components/combo/themes/light/combo.base.css.js.map +1 -1
- package/components/combo/themes/light/header/combo-header.base.css.js +4 -5
- package/components/combo/themes/light/header/combo-header.base.css.js.map +1 -1
- package/components/combo/themes/light/item/combo-item.base.css.js +4 -5
- package/components/combo/themes/light/item/combo-item.base.css.js.map +1 -1
- package/components/combo/types.d.ts +5 -4
- package/components/combo/types.js.map +1 -1
- package/components/common/mixins/sizable.js.map +1 -1
- package/components/date-time-input/date-time-input.js +2 -1
- package/components/date-time-input/date-time-input.js.map +1 -1
- package/components/date-time-input/date-util.js +2 -1
- package/components/date-time-input/date-util.js.map +1 -1
- package/components/dialog/dialog.d.ts +1 -1
- package/components/dialog/dialog.js +3 -3
- package/components/dialog/dialog.js.map +1 -1
- package/components/dialog/themes/light/dialog.base.css.js +5 -13
- package/components/dialog/themes/light/dialog.base.css.js.map +1 -1
- package/components/dropdown/dropdown-group.js.map +1 -1
- package/components/dropdown/dropdown-header.js.map +1 -1
- package/components/dropdown/dropdown-item.js.map +1 -1
- package/components/dropdown/dropdown.js +2 -0
- package/components/dropdown/dropdown.js.map +1 -1
- package/components/dropdown/themes/light/dropdown-group.base.css.js +4 -5
- package/components/dropdown/themes/light/dropdown-group.base.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown-header.base.css.js +4 -5
- package/components/dropdown/themes/light/dropdown-header.base.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown-item.base.css.js +4 -5
- package/components/dropdown/themes/light/dropdown-item.base.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown.base.css.js +4 -5
- package/components/dropdown/themes/light/dropdown.base.css.js.map +1 -1
- package/components/expansion-panel/expansion-panel.d.ts +1 -0
- package/components/expansion-panel/expansion-panel.js.map +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.base.css.js +4 -5
- package/components/expansion-panel/themes/light/expansion-panel.base.css.js.map +1 -1
- package/components/form/form.js +2 -1
- package/components/form/form.js.map +1 -1
- package/components/icon/dark/icon.bootstrap.css.d.ts +1 -0
- package/components/icon/dark/icon.bootstrap.css.js +13 -0
- package/components/icon/dark/icon.bootstrap.css.js.map +1 -0
- package/components/icon/dark/icon.fluent.css.d.ts +1 -0
- package/components/{avatar/themes/avatar.bootstrap.css.js → icon/dark/icon.fluent.css.js} +11 -5
- package/components/icon/dark/icon.fluent.css.js.map +1 -0
- package/components/icon/dark/icon.indigo.css.d.ts +1 -0
- package/components/icon/dark/icon.indigo.css.js +13 -0
- package/components/icon/dark/icon.indigo.css.js.map +1 -0
- package/components/icon/dark/icon.material.css.d.ts +1 -0
- package/components/icon/dark/icon.material.css.js +13 -0
- package/components/icon/dark/icon.material.css.js.map +1 -0
- package/components/icon/icon.base.css.d.ts +1 -0
- package/components/icon/{icon.material.css.js → icon.base.css.js} +11 -13
- package/components/icon/icon.base.css.js.map +1 -0
- package/components/icon/icon.js +12 -3
- package/components/icon/icon.js.map +1 -1
- package/components/icon/light/icon.bootstrap.css.d.ts +1 -0
- package/components/icon/light/icon.bootstrap.css.js +58 -0
- package/components/icon/light/icon.bootstrap.css.js.map +1 -0
- package/components/icon/light/icon.fluent.css.d.ts +1 -0
- package/components/icon/light/icon.fluent.css.js +58 -0
- package/components/icon/light/icon.fluent.css.js.map +1 -0
- package/components/icon/light/icon.indigo.css.d.ts +1 -0
- package/components/icon/light/icon.indigo.css.js +58 -0
- package/components/icon/light/icon.indigo.css.js.map +1 -0
- package/components/icon/light/icon.material.css.d.ts +1 -0
- package/components/icon/light/icon.material.css.js +58 -0
- package/components/icon/light/icon.material.css.js.map +1 -0
- package/components/input/input-base.js.map +1 -1
- package/components/input/input.js +2 -1
- package/components/input/input.js.map +1 -1
- package/components/input/themes/light/input.base.css.js +4 -5
- package/components/input/themes/light/input.base.css.js.map +1 -1
- package/components/list/list-header.js.map +1 -1
- package/components/list/list-item.js.map +1 -1
- package/components/list/list.js.map +1 -1
- package/components/list/themes/light/list-header.base.css.js +4 -5
- package/components/list/themes/light/list-header.base.css.js.map +1 -1
- package/components/list/themes/light/list-item.base.css.js +4 -5
- package/components/list/themes/light/list-item.base.css.js.map +1 -1
- package/components/list/themes/light/list.base.css.js +4 -5
- package/components/list/themes/light/list.base.css.js.map +1 -1
- package/components/mask-input/mask-input-base.js.map +1 -1
- package/components/mask-input/mask-input.js +2 -1
- package/components/mask-input/mask-input.js.map +1 -1
- package/components/nav-drawer/nav-drawer-header-item.js.map +1 -1
- package/components/nav-drawer/nav-drawer-item.js.map +1 -1
- package/components/nav-drawer/nav-drawer.js.map +1 -1
- package/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.js +4 -5
- package/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.js.map +1 -1
- package/components/nav-drawer/themes/light/nav-drawer-item.base.css.js +4 -5
- package/components/nav-drawer/themes/light/nav-drawer-item.base.css.js.map +1 -1
- package/components/nav-drawer/themes/light/nav-drawer.base.css.js +4 -5
- package/components/nav-drawer/themes/light/nav-drawer.base.css.js.map +1 -1
- package/components/navbar/navbar.js +3 -2
- package/components/navbar/navbar.js.map +1 -1
- package/components/navbar/themes/dark/navbar.bootstrap.css.d.ts +1 -0
- package/components/navbar/themes/dark/navbar.bootstrap.css.js +13 -0
- package/components/navbar/themes/dark/navbar.bootstrap.css.js.map +1 -0
- package/components/navbar/themes/dark/navbar.fluent.css.d.ts +1 -0
- package/components/navbar/themes/dark/navbar.fluent.css.js +13 -0
- package/components/navbar/themes/dark/navbar.fluent.css.js.map +1 -0
- package/components/navbar/themes/dark/navbar.indigo.css.d.ts +1 -0
- package/components/navbar/themes/dark/navbar.indigo.css.js +13 -0
- package/components/navbar/themes/dark/navbar.indigo.css.js.map +1 -0
- package/components/navbar/themes/dark/navbar.material.css.d.ts +1 -0
- package/components/navbar/themes/dark/navbar.material.css.js +13 -0
- package/components/navbar/themes/dark/navbar.material.css.js.map +1 -0
- package/components/navbar/themes/light/navbar.bootstrap.css.js +60 -6
- package/components/navbar/themes/light/navbar.bootstrap.css.js.map +1 -1
- package/components/navbar/themes/light/navbar.fluent.css.js +66 -1
- package/components/navbar/themes/light/navbar.fluent.css.js.map +1 -1
- package/components/navbar/themes/light/navbar.indigo.css.js +63 -3
- package/components/navbar/themes/light/navbar.indigo.css.js.map +1 -1
- package/components/navbar/themes/light/navbar.material.css.d.ts +1 -0
- package/components/navbar/themes/light/navbar.material.css.js +67 -0
- package/components/navbar/themes/light/navbar.material.css.js.map +1 -0
- package/components/navbar/themes/navbar.base.css.d.ts +1 -0
- package/components/navbar/themes/{light/navbar.base.css.js → navbar.base.css.js} +7 -10
- package/components/navbar/themes/navbar.base.css.js.map +1 -0
- package/components/progress/base.js.map +1 -1
- package/components/progress/circular-gradient.js +2 -1
- package/components/progress/circular-gradient.js.map +1 -1
- package/components/progress/circular-progress.js.map +1 -1
- package/components/progress/linear-progress.js.map +1 -1
- package/components/progress/themes/circular/circular.progress.base.css.js +4 -5
- package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -1
- package/components/progress/themes/linear/linear.progress.base.css.js +4 -5
- package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
- package/components/progress/themes/linear/linear.progress.bootstrap.css.js +4 -5
- package/components/progress/themes/linear/linear.progress.bootstrap.css.js.map +1 -1
- package/components/progress/themes/linear/linear.progress.indigo.css.js +4 -5
- package/components/progress/themes/linear/linear.progress.indigo.css.js.map +1 -1
- package/components/radio/radio.js +6 -3
- package/components/radio/radio.js.map +1 -1
- package/components/radio/themes/dark/radio.bootstrap.css.d.ts +1 -0
- package/components/radio/themes/dark/radio.bootstrap.css.js +13 -0
- package/components/radio/themes/dark/radio.bootstrap.css.js.map +1 -0
- package/components/radio/themes/dark/radio.fluent.css.js +11 -1
- package/components/radio/themes/dark/radio.fluent.css.js.map +1 -1
- package/components/radio/themes/dark/radio.indigo.css.js +11 -1
- package/components/radio/themes/dark/radio.indigo.css.js.map +1 -1
- package/components/radio/themes/dark/radio.material.css.js +11 -1
- package/components/radio/themes/dark/radio.material.css.js.map +1 -1
- package/components/radio/themes/light/radio.base.css.js +22 -41
- package/components/radio/themes/light/radio.base.css.js.map +1 -1
- package/components/radio/themes/light/radio.bootstrap.css.js +100 -30
- package/components/radio/themes/light/radio.bootstrap.css.js.map +1 -1
- package/components/radio/themes/light/radio.fluent.css.js +153 -66
- package/components/radio/themes/light/radio.fluent.css.js.map +1 -1
- package/components/radio/themes/light/radio.indigo.css.js +104 -56
- package/components/radio/themes/light/radio.indigo.css.js.map +1 -1
- package/components/radio/themes/light/radio.material.css.js +129 -16
- package/components/radio/themes/light/radio.material.css.js.map +1 -1
- package/components/radio-group/radio-group.base.css.js +4 -5
- package/components/radio-group/radio-group.base.css.js.map +1 -1
- package/components/radio-group/radio-group.js.map +1 -1
- package/components/rating/rating-symbol.base.css.js +4 -5
- package/components/rating/rating-symbol.base.css.js.map +1 -1
- package/components/rating/rating-symbol.js +2 -1
- package/components/rating/rating-symbol.js.map +1 -1
- package/components/rating/rating.base.css.js +4 -5
- package/components/rating/rating.base.css.js.map +1 -1
- package/components/rating/rating.js.map +1 -1
- package/components/ripple/ripple.js +2 -1
- package/components/ripple/ripple.js.map +1 -1
- package/components/ripple/ripple.material.css.js +4 -5
- package/components/ripple/ripple.material.css.js.map +1 -1
- package/components/select/select-group.js +2 -1
- package/components/select/select-group.js.map +1 -1
- package/components/select/select-header.js +2 -1
- package/components/select/select-header.js.map +1 -1
- package/components/select/select-item.js +2 -1
- package/components/select/select-item.js.map +1 -1
- package/components/select/select.d.ts +2 -0
- package/components/select/select.js +7 -4
- package/components/select/select.js.map +1 -1
- package/components/select/themes/light/select.base.css.js +4 -5
- package/components/select/themes/light/select.base.css.js.map +1 -1
- package/components/slider/range-slider.js +2 -1
- package/components/slider/range-slider.js.map +1 -1
- package/components/slider/slider-base.js.map +1 -1
- package/components/slider/slider-label.js +2 -1
- package/components/slider/slider-label.js.map +1 -1
- package/components/slider/slider.js +2 -1
- package/components/slider/slider.js.map +1 -1
- package/components/slider/themes/light/slider.base.css.js +4 -5
- package/components/slider/themes/light/slider.base.css.js.map +1 -1
- package/components/snackbar/snackbar.js.map +1 -1
- package/components/snackbar/themes/light/snackbar.base.css.js +4 -5
- package/components/snackbar/themes/light/snackbar.base.css.js.map +1 -1
- package/components/stepper/step.js.map +1 -1
- package/components/stepper/stepper.d.ts +1 -1
- package/components/stepper/stepper.js +12 -3
- package/components/stepper/stepper.js.map +1 -1
- package/components/stepper/themes/step/light/step.base.css.js +7 -5
- package/components/stepper/themes/step/light/step.base.css.js.map +1 -1
- package/components/stepper/themes/stepper/stepper.base.css.js +13 -6
- package/components/stepper/themes/stepper/stepper.base.css.js.map +1 -1
- package/components/stepper/themes/stepper/stepper.bootstrap.css.js +4 -5
- package/components/stepper/themes/stepper/stepper.bootstrap.css.js.map +1 -1
- package/components/stepper/themes/stepper/stepper.fluent.css.js +4 -5
- package/components/stepper/themes/stepper/stepper.fluent.css.js.map +1 -1
- package/components/stepper/themes/stepper/stepper.indigo.css.js +4 -5
- package/components/stepper/themes/stepper/stepper.indigo.css.js.map +1 -1
- package/components/tabs/tab-panel.js +2 -1
- package/components/tabs/tab-panel.js.map +1 -1
- package/components/tabs/tab.js.map +1 -1
- package/components/tabs/tabs.js +1 -1
- package/components/tabs/tabs.js.map +1 -1
- package/components/tabs/themes/light/tab-panel.base.css.js +4 -5
- package/components/tabs/themes/light/tab-panel.base.css.js.map +1 -1
- package/components/tabs/themes/light/tab.base.css.js +4 -5
- package/components/tabs/themes/light/tab.base.css.js.map +1 -1
- package/components/tabs/themes/light/tabs.base.css.js +4 -5
- package/components/tabs/themes/light/tabs.base.css.js.map +1 -1
- package/components/toast/toast.js.map +1 -1
- package/components/tree/themes/light/tree-item.base.css.js +4 -5
- package/components/tree/themes/light/tree-item.base.css.js.map +1 -1
- package/components/tree/themes/light/tree.base.css.js +4 -5
- package/components/tree/themes/light/tree.base.css.js.map +1 -1
- package/components/tree/tree-item.js.map +1 -1
- package/components/tree/tree.js.map +1 -1
- package/custom-elements.json +41 -28
- package/index.d.ts +1 -1
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/package.json +4 -4
- package/themes/dark/bootstrap.css +318 -0
- package/themes/dark/fluent.css +301 -25
- package/themes/dark/indigo.css +305 -12
- package/themes/dark/material.css +327 -6
- package/themes/light/bootstrap.css +108 -0
- package/themes/light/fluent.css +108 -0
- package/themes/light/indigo.css +108 -0
- package/themes/light/material.css +108 -0
- package/vscode-html-custom-data.json +17 -28
- package/components/avatar/themes/avatar.base.css.js.map +0 -1
- package/components/avatar/themes/avatar.bootstrap.css.js.map +0 -1
- package/components/combo/utils/converters.d.ts +0 -3
- package/components/combo/utils/converters.js +0 -9
- package/components/combo/utils/converters.js.map +0 -1
- package/components/icon/icon.material.css.js.map +0 -1
- package/components/navbar/themes/light/navbar.base.css.js.map +0 -1
- /package/components/avatar/themes/{avatar.base.css.d.ts → dark/avatar.base.bootstrap.css.d.ts} +0 -0
- /package/components/avatar/themes/{avatar.bootstrap.css.d.ts → light/avatar.base.css.d.ts} +0 -0
- /package/components/{icon/icon.material.css.d.ts → avatar/themes/light/avatar.bootstrap.css.d.ts} +0 -0
- /package/components/{navbar/themes/light/navbar.base.css.d.ts → button/themes/button/dark/button.bootstrap.css.d.ts} +0 -0
|
@@ -1,3 +1,13 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length
|
|
2
|
+
export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
3
|
+
/* stylelint-disable max-line-length */
|
|
4
|
+
/* stylelint-disable max-line-length */
|
|
5
|
+
/* stylelint-disable max-line-length */
|
|
6
|
+
/* stylelint-disable max-line-length */
|
|
7
|
+
/* stylelint-disable max-line-length */
|
|
8
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
9
|
+
/* stylelint-disable max-line-length */
|
|
10
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
11
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
12
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
|
|
3
13
|
//# sourceMappingURL=checkbox.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/checkbox.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/checkbox.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;wRAU+P,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
3
|
+
/* stylelint-disable max-line-length */
|
|
4
|
+
/* stylelint-disable max-line-length */
|
|
5
|
+
/* stylelint-disable max-line-length */
|
|
6
|
+
/* stylelint-disable max-line-length */
|
|
7
|
+
/* stylelint-disable max-line-length */
|
|
8
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
9
|
+
/* stylelint-disable max-line-length */
|
|
10
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
11
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
12
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
|
|
13
|
+
//# sourceMappingURL=checkbox.material.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.material.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/checkbox.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;wRAU+P,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
3
|
+
/* stylelint-disable max-line-length */
|
|
4
|
+
/* stylelint-disable max-line-length */
|
|
5
|
+
/* stylelint-disable max-line-length */
|
|
6
|
+
/* stylelint-disable max-line-length */
|
|
7
|
+
/* stylelint-disable max-line-length */
|
|
8
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
9
|
+
/* stylelint-disable max-line-length */
|
|
10
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
11
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
12
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
|
|
13
|
+
//# sourceMappingURL=switch.bootstrap.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/switch.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;wRAU+P,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
|
|
@@ -1,3 +1,13 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length
|
|
2
|
+
export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
3
|
+
/* stylelint-disable max-line-length */
|
|
4
|
+
/* stylelint-disable max-line-length */
|
|
5
|
+
/* stylelint-disable max-line-length */
|
|
6
|
+
/* stylelint-disable max-line-length */
|
|
7
|
+
/* stylelint-disable max-line-length */
|
|
8
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
9
|
+
/* stylelint-disable max-line-length */
|
|
10
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
11
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
12
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
|
|
3
13
|
//# sourceMappingURL=switch.fluent.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/switch.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"switch.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/switch.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;wRAU+P,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
|
|
@@ -1,3 +1,13 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length
|
|
2
|
+
export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
3
|
+
/* stylelint-disable max-line-length */
|
|
4
|
+
/* stylelint-disable max-line-length */
|
|
5
|
+
/* stylelint-disable max-line-length */
|
|
6
|
+
/* stylelint-disable max-line-length */
|
|
7
|
+
/* stylelint-disable max-line-length */
|
|
8
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
9
|
+
/* stylelint-disable max-line-length */
|
|
10
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
11
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
12
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
|
|
3
13
|
//# sourceMappingURL=switch.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/switch.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"switch.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/switch.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;wRAU+P,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
3
|
+
/* stylelint-disable max-line-length */
|
|
4
|
+
/* stylelint-disable max-line-length */
|
|
5
|
+
/* stylelint-disable max-line-length */
|
|
6
|
+
/* stylelint-disable max-line-length */
|
|
7
|
+
/* stylelint-disable max-line-length */
|
|
8
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
9
|
+
/* stylelint-disable max-line-length */
|
|
10
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
11
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
12
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
|
|
13
|
+
//# sourceMappingURL=switch.material.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.material.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/switch.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;wRAU+P,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
2
|
export const styles = css `:host {
|
|
3
3
|
--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
|
|
4
|
-
--is-medium:
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
);
|
|
4
|
+
--is-medium: min(
|
|
5
|
+
clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
|
|
6
|
+
clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
|
|
7
|
+
);
|
|
9
8
|
--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
|
|
10
9
|
position: relative;
|
|
11
10
|
-webkit-box-sizing: border-box;
|
|
@@ -33,6 +32,16 @@ export const styles = css `:host {
|
|
|
33
32
|
}
|
|
34
33
|
|
|
35
34
|
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
35
|
+
/* stylelint-disable max-line-length */
|
|
36
|
+
/* stylelint-disable max-line-length */
|
|
37
|
+
/* stylelint-disable max-line-length */
|
|
38
|
+
/* stylelint-disable max-line-length */
|
|
39
|
+
/* stylelint-disable max-line-length */
|
|
40
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
41
|
+
/* stylelint-disable max-line-length */
|
|
42
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
43
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
44
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
36
45
|
:host {
|
|
37
46
|
display: -webkit-inline-box;
|
|
38
47
|
display: -ms-inline-flexbox;
|
|
@@ -67,7 +76,6 @@ input[type=checkbox] {
|
|
|
67
76
|
user-select: none;
|
|
68
77
|
}
|
|
69
78
|
[part~=control]::after {
|
|
70
|
-
border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.125rem), 0.125rem);
|
|
71
79
|
position: absolute;
|
|
72
80
|
content: "";
|
|
73
81
|
left: 50%;
|
|
@@ -77,7 +85,6 @@ input[type=checkbox] {
|
|
|
77
85
|
transform: translate(-50%, -50%);
|
|
78
86
|
width: var(--size);
|
|
79
87
|
height: var(--size);
|
|
80
|
-
border: 0.125rem solid hsla(var(--ig-gray-600), var(--ig-gray-a));
|
|
81
88
|
-webkit-transition: all 0.15s ease-in;
|
|
82
89
|
-o-transition: all 0.15s ease-in;
|
|
83
90
|
transition: all 0.15s ease-in;
|
|
@@ -85,7 +92,6 @@ input[type=checkbox] {
|
|
|
85
92
|
|
|
86
93
|
[part~=label] {
|
|
87
94
|
display: inline-block;
|
|
88
|
-
color: hsla(var(--ig-gray-900), var(--ig-gray-a));
|
|
89
95
|
cursor: pointer;
|
|
90
96
|
-webkit-user-select: none;
|
|
91
97
|
-moz-user-select: none;
|
|
@@ -102,10 +108,7 @@ input[type=checkbox] {
|
|
|
102
108
|
display: -ms-flexbox;
|
|
103
109
|
display: flex;
|
|
104
110
|
position: absolute;
|
|
105
|
-
|
|
106
|
-
right: 0;
|
|
107
|
-
bottom: 0;
|
|
108
|
-
left: 0;
|
|
111
|
+
inset: 0;
|
|
109
112
|
stroke-linecap: square;
|
|
110
113
|
stroke-width: 3;
|
|
111
114
|
stroke-dasharray: 24;
|
|
@@ -139,17 +142,6 @@ label {
|
|
|
139
142
|
flex-flow: row nowrap;
|
|
140
143
|
gap: 0.5rem;
|
|
141
144
|
}
|
|
142
|
-
label:hover [part="control checked"] {
|
|
143
|
-
background: hsla(var(--ig-secondary-500), 0.06);
|
|
144
|
-
}
|
|
145
|
-
label:focus-within [part="control checked"] {
|
|
146
|
-
background: hsla(var(--ig-secondary-500), 0.12);
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
[part="control checked"]::after {
|
|
150
|
-
border-color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
|
|
151
|
-
background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
|
|
152
|
-
}
|
|
153
145
|
|
|
154
146
|
[part="indicator checked"] {
|
|
155
147
|
-webkit-transition: all 0.2s ease-out;
|
|
@@ -159,16 +151,6 @@ label:focus-within [part="control checked"] {
|
|
|
159
151
|
opacity: 1;
|
|
160
152
|
}
|
|
161
153
|
|
|
162
|
-
:host([indeterminate]) [part~=base]:hover [part~=control] {
|
|
163
|
-
background: hsla(var(--ig-secondary-500), 0.06);
|
|
164
|
-
}
|
|
165
|
-
:host([indeterminate]) [part~=base]:focus-within [part~=control] {
|
|
166
|
-
background: hsla(var(--ig-secondary-500), 0.12);
|
|
167
|
-
}
|
|
168
|
-
:host([indeterminate]) [part~=control]::after {
|
|
169
|
-
border-color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
|
|
170
|
-
background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
|
|
171
|
-
}
|
|
172
154
|
:host([indeterminate]) [part~=indicator] {
|
|
173
155
|
stroke-dashoffset: 41;
|
|
174
156
|
opacity: 1;
|
|
@@ -177,20 +159,6 @@ label:focus-within [part="control checked"] {
|
|
|
177
159
|
transform: rotate(45deg) scale(0.45) translateX(-0.25rem);
|
|
178
160
|
}
|
|
179
161
|
|
|
180
|
-
:host(:not([disabled])[invalid]) [part~=label] {
|
|
181
|
-
color: hsla(var(--ig-error-500), var(--ig-error-a));
|
|
182
|
-
}
|
|
183
|
-
:host(:not([disabled])[invalid]) [part~=control]::after {
|
|
184
|
-
border-color: hsla(var(--ig-error-500), var(--ig-error-a));
|
|
185
|
-
}
|
|
186
|
-
:host(:not([disabled])[invalid]) [part="control checked"]::after {
|
|
187
|
-
background: hsla(var(--ig-error-500), var(--ig-error-a));
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after {
|
|
191
|
-
background: hsla(var(--ig-error-500), var(--ig-error-a));
|
|
192
|
-
}
|
|
193
|
-
|
|
194
162
|
:host([disabled]) {
|
|
195
163
|
-webkit-user-select: none;
|
|
196
164
|
-moz-user-select: none;
|
|
@@ -200,10 +168,6 @@ label:focus-within [part="control checked"] {
|
|
|
200
168
|
pointer-events: none;
|
|
201
169
|
}
|
|
202
170
|
|
|
203
|
-
:host([disabled][indeterminate]) [part~=control]::after {
|
|
204
|
-
background: hsla(var(--ig-gray-300), var(--ig-gray-a));
|
|
205
|
-
}
|
|
206
|
-
|
|
207
171
|
:host([label-position=before]) [part~=label] {
|
|
208
172
|
-webkit-box-ordinal-group: 0;
|
|
209
173
|
-ms-flex-order: -1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.base.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/light/checkbox.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"checkbox.base.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/light/checkbox.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6KvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium: min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n font-family: var(--ig-font-family);\n}\n\ninput[type=checkbox] {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n border: none;\n clip: rect(0, 0, 0, 0);\n outline: 0;\n pointer-events: none;\n overflow: hidden;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n[part~=control] {\n --size: 1.25rem;\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n[part~=control]::after {\n position: absolute;\n content: \"\";\n left: 50%;\n top: 50%;\n -webkit-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n width: var(--size);\n height: var(--size);\n -webkit-transition: all 0.15s ease-in;\n -o-transition: all 0.15s ease-in;\n transition: all 0.15s ease-in;\n}\n\n[part~=label] {\n display: inline-block;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n word-wrap: break-all;\n -webkit-transition: color 0.2s ease-in-out;\n -o-transition: color 0.2s ease-in-out;\n transition: color 0.2s ease-in-out;\n}\n\n[part~=indicator] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n inset: 0;\n stroke-linecap: square;\n stroke-width: 3;\n stroke-dasharray: 24;\n stroke-dashoffset: 24;\n fill: none;\n opacity: 0;\n z-index: 1;\n -webkit-transform: scale(0.45);\n -ms-transform: scale(0.45);\n transform: scale(0.45);\n -webkit-transform-origin: center;\n -ms-transform-origin: center;\n transform-origin: center;\n}\n[part~=indicator] svg {\n width: 100%;\n height: 100%;\n}\n\nlabel {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-flow: row nowrap;\n flex-flow: row nowrap;\n gap: 0.5rem;\n}\n\n[part=\"indicator checked\"] {\n -webkit-transition: all 0.2s ease-out;\n -o-transition: all 0.2s ease-out;\n transition: all 0.2s ease-out;\n stroke-dashoffset: 0;\n opacity: 1;\n}\n\n:host([indeterminate]) [part~=indicator] {\n stroke-dashoffset: 41;\n opacity: 1;\n -webkit-transform: rotate(45deg) scale(0.45) translateX(-0.25rem);\n -ms-transform: rotate(45deg) scale(0.45) translateX(-0.25rem);\n transform: rotate(45deg) scale(0.45) translateX(-0.25rem);\n}\n\n:host([disabled]) {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: initial;\n pointer-events: none;\n}\n\n:host([label-position=before]) [part~=label] {\n -webkit-box-ordinal-group: 0;\n -ms-flex-order: -1;\n order: -1;\n}`;\n"]}
|
|
@@ -1,7 +1,67 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css
|
|
2
|
+
export const styles = css `:host {
|
|
3
|
+
--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
|
|
4
|
+
--is-medium: min(
|
|
5
|
+
clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
|
|
6
|
+
clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
|
|
7
|
+
);
|
|
8
|
+
--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
|
|
9
|
+
position: relative;
|
|
10
|
+
-webkit-box-sizing: border-box;
|
|
11
|
+
box-sizing: border-box;
|
|
12
|
+
scrollbar-width: var(--ig-scrollbar-size);
|
|
13
|
+
scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
|
|
14
|
+
}
|
|
15
|
+
:host *,
|
|
16
|
+
:host *::before,
|
|
17
|
+
:host *::after {
|
|
18
|
+
-webkit-box-sizing: border-box;
|
|
19
|
+
box-sizing: border-box;
|
|
20
|
+
}
|
|
21
|
+
:host ::-webkit-scrollbar {
|
|
22
|
+
width: var(--ig-scrollbar-size);
|
|
23
|
+
height: var(--ig-scrollbar-size);
|
|
24
|
+
background: var(--ig-scrollbar-track-background);
|
|
25
|
+
}
|
|
26
|
+
:host ::-webkit-scrollbar-thumb {
|
|
27
|
+
background: var(--ig-scrollbar-thumb-background);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
[hidden] {
|
|
31
|
+
display: none !important;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
35
|
+
/* stylelint-disable max-line-length */
|
|
36
|
+
/* stylelint-disable max-line-length */
|
|
37
|
+
/* stylelint-disable max-line-length */
|
|
38
|
+
/* stylelint-disable max-line-length */
|
|
39
|
+
/* stylelint-disable max-line-length */
|
|
40
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
41
|
+
/* stylelint-disable max-line-length */
|
|
42
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
43
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
44
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
45
|
+
:host,
|
|
46
|
+
:host ig-checkbox {
|
|
47
|
+
--tick-color: var(--ig-checkbox-tick-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));
|
|
48
|
+
--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-50), var(--ig-gray-a)));
|
|
49
|
+
--label-color: var(--ig-checkbox-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
|
|
50
|
+
--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
|
|
51
|
+
--fill-color: var(--ig-checkbox-fill-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));
|
|
52
|
+
--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));
|
|
53
|
+
--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));
|
|
54
|
+
--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));
|
|
55
|
+
--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));
|
|
56
|
+
--error-color: var(--ig-checkbox-error-color, hsla(var(--ig-error-500), var(--ig-error-a)));
|
|
57
|
+
--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-100), var(--ig-error-a)));
|
|
58
|
+
--border-radius: var(--ig-checkbox-border-radius, 0.25rem);
|
|
59
|
+
--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, 0.25rem);
|
|
60
|
+
--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));
|
|
61
|
+
}
|
|
62
|
+
|
|
3
63
|
[part~=control] {
|
|
4
|
-
border-radius: clamp(0rem, calc(var(--ig-radius-factor) *
|
|
64
|
+
border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius-ripple)), var(--border-radius-ripple));
|
|
5
65
|
--size: 1rem;
|
|
6
66
|
width: var(--size);
|
|
7
67
|
height: var(--size);
|
|
@@ -9,15 +69,16 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
|
|
|
9
69
|
-webkit-transition: background-color 0.15s ease-in-out;
|
|
10
70
|
-o-transition: background-color 0.15s ease-in-out;
|
|
11
71
|
transition: background-color 0.15s ease-in-out;
|
|
72
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
73
|
+
transform: translate3d(0, 0, 0);
|
|
12
74
|
}
|
|
13
75
|
[part~=control]::after {
|
|
76
|
+
border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));
|
|
14
77
|
width: inherit;
|
|
15
78
|
height: inherit;
|
|
16
79
|
min-width: inherit;
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
-webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-400), var(--ig-gray-a));
|
|
20
|
-
box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-400), var(--ig-gray-a));
|
|
80
|
+
-webkit-box-shadow: inset 0 0 0 0.0625rem var(--empty-color);
|
|
81
|
+
box-shadow: inset 0 0 0 0.0625rem var(--empty-color);
|
|
21
82
|
-webkit-transition: none;
|
|
22
83
|
-o-transition: none;
|
|
23
84
|
transition: none;
|
|
@@ -47,65 +108,80 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
|
|
|
47
108
|
-webkit-transition: none;
|
|
48
109
|
-o-transition: none;
|
|
49
110
|
transition: none;
|
|
111
|
+
color: var(--label-color);
|
|
50
112
|
}
|
|
51
113
|
|
|
52
|
-
|
|
114
|
+
[part="control checked"]::after {
|
|
115
|
+
background: var(--fill-color);
|
|
116
|
+
-webkit-box-shadow: inset 0 0 0 0.0625rem var(--fill-color);
|
|
117
|
+
box-shadow: inset 0 0 0 0.0625rem var(--fill-color);
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
:host([indeterminate]) [part~=control]::after {
|
|
121
|
+
background: var(--fill-color);
|
|
122
|
+
-webkit-box-shadow: inset 0 0 0 0.0625rem var(--fill-color);
|
|
123
|
+
box-shadow: inset 0 0 0 0.0625rem var(--fill-color);
|
|
124
|
+
}
|
|
125
|
+
:host([indeterminate]) [part~=indicator] {
|
|
126
|
+
stroke-dashoffset: 41;
|
|
127
|
+
opacity: 1;
|
|
53
128
|
-webkit-transform: rotate(45deg) translateX(-0.075rem) scale(0.7);
|
|
54
129
|
-ms-transform: rotate(45deg) translateX(-0.075rem) scale(0.7);
|
|
55
130
|
transform: rotate(45deg) translateX(-0.075rem) scale(0.7);
|
|
56
131
|
}
|
|
57
132
|
|
|
58
|
-
:host(:
|
|
59
|
-
|
|
60
|
-
box-shadow: 0 0 0 4px hsla(var(--ig-primary-100), var(--ig-primary-a));
|
|
133
|
+
:host(:not([disabled])[invalid]) [part~=label] {
|
|
134
|
+
color: var(--error-color);
|
|
61
135
|
}
|
|
62
|
-
:host(:
|
|
63
|
-
-webkit-box-shadow: inset 0 0 0
|
|
64
|
-
box-shadow: inset 0 0 0
|
|
136
|
+
:host(:not([disabled])[invalid]) [part~=control]::after {
|
|
137
|
+
-webkit-box-shadow: inset 0 0 0 0.0625rem var(--error-color);
|
|
138
|
+
box-shadow: inset 0 0 0 0.0625rem var(--error-color);
|
|
139
|
+
border-color: var(--error-color);
|
|
65
140
|
}
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
:
|
|
69
|
-
background:
|
|
70
|
-
-webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));
|
|
71
|
-
box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));
|
|
141
|
+
:host(:not([disabled])[invalid]) [part="control checked"]::after {
|
|
142
|
+
-webkit-box-shadow: inset 0 0 0 0.0625rem var(--error-color);
|
|
143
|
+
box-shadow: inset 0 0 0 0.0625rem var(--error-color);
|
|
144
|
+
background: var(--error-color);
|
|
72
145
|
}
|
|
73
|
-
|
|
74
|
-
:host([invalid]) [part=control]
|
|
75
|
-
-webkit-box-shadow:
|
|
76
|
-
box-shadow:
|
|
146
|
+
:host(:not([disabled])[invalid]):focus-within [part~=control],
|
|
147
|
+
:host(:not([disabled])[invalid]):focus-within [part="control checked"] {
|
|
148
|
+
-webkit-box-shadow: 0 0 0 0.25rem var(--error-color);
|
|
149
|
+
box-shadow: 0 0 0 0.25rem var(--error-color);
|
|
77
150
|
}
|
|
78
151
|
|
|
79
|
-
:host([invalid]) [part
|
|
80
|
-
:
|
|
81
|
-
-webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-error-500), var(--ig-error-a));
|
|
82
|
-
box-shadow: inset 0 0 0 1px hsla(var(--ig-error-500), var(--ig-error-a));
|
|
152
|
+
:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after {
|
|
153
|
+
background: var(--error-color);
|
|
83
154
|
}
|
|
84
155
|
|
|
85
|
-
:host(
|
|
86
|
-
|
|
87
|
-
:
|
|
88
|
-
|
|
89
|
-
|
|
156
|
+
:host(:focus-within) [part~=control],
|
|
157
|
+
[part~=focused] [part~=control] {
|
|
158
|
+
-webkit-box-shadow: 0 0 0 0.25rem var(--focus-outline-color);
|
|
159
|
+
box-shadow: 0 0 0 0.25rem var(--focus-outline-color);
|
|
160
|
+
}
|
|
161
|
+
:host(:focus-within) [part~=control]::after,
|
|
162
|
+
[part~=focused] [part~=control]::after {
|
|
163
|
+
-webkit-box-shadow: inset 0 0 0 0.0625rem var(--fill-color);
|
|
164
|
+
box-shadow: inset 0 0 0 0.0625rem var(--fill-color);
|
|
90
165
|
}
|
|
91
166
|
|
|
92
|
-
:host([disabled]) [part
|
|
93
|
-
:host([disabled][invalid]) [part
|
|
94
|
-
-webkit-box-shadow:
|
|
95
|
-
box-shadow:
|
|
167
|
+
:host(:focus-within:not([disabled])[invalid]) [part~=control],
|
|
168
|
+
:host(:not([disabled])[invalid]) [part~=focused] [part~=control] {
|
|
169
|
+
-webkit-box-shadow: 0 0 0 0.25rem var(--error-color-hover);
|
|
170
|
+
box-shadow: 0 0 0 0.25rem var(--error-color-hover);
|
|
96
171
|
}
|
|
97
172
|
|
|
98
|
-
:host([disabled]) [part
|
|
99
|
-
:
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
173
|
+
:host([disabled]) [part~=label] {
|
|
174
|
+
color: var(--disabled-color-label);
|
|
175
|
+
}
|
|
176
|
+
:host([disabled]) [part="control checked"]::after {
|
|
177
|
+
background: var(--disabled-color);
|
|
178
|
+
-webkit-box-shadow: inset 0 0 0 0.0625rem var(--disabled-color);
|
|
179
|
+
box-shadow: inset 0 0 0 0.0625rem var(--disabled-color);
|
|
103
180
|
}
|
|
104
181
|
|
|
105
|
-
:host([disabled][indeterminate]) [part=control]::after
|
|
106
|
-
:
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-200), var(--ig-primary-a));
|
|
182
|
+
:host([disabled][indeterminate]) [part=control]::after {
|
|
183
|
+
background: var(--disabled-color);
|
|
184
|
+
-webkit-box-shadow: inset 0 0 0 0.0625rem var(--disabled-color);
|
|
185
|
+
box-shadow: inset 0 0 0 0.0625rem var(--disabled-color);
|
|
110
186
|
}`;
|
|
111
187
|
//# sourceMappingURL=checkbox.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/light/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/light/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium: min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host,\n:host ig-checkbox {\n --tick-color: var(--ig-checkbox-tick-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --label-color: var(--ig-checkbox-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --fill-color: var(--ig-checkbox-fill-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));\n --disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));\n --disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n --error-color: var(--ig-checkbox-error-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n --error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-100), var(--ig-error-a)));\n --border-radius: var(--ig-checkbox-border-radius, 0.25rem);\n --border-radius-ripple: var(--ig-checkbox-border-radius-ripple, 0.25rem);\n --focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));\n}\n\n[part~=control] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius-ripple)), var(--border-radius-ripple));\n --size: 1rem;\n width: var(--size);\n height: var(--size);\n min-width: var(--size);\n -webkit-transition: background-color 0.15s ease-in-out;\n -o-transition: background-color 0.15s ease-in-out;\n transition: background-color 0.15s ease-in-out;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n}\n[part~=control]::after {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n width: inherit;\n height: inherit;\n min-width: inherit;\n -webkit-box-shadow: inset 0 0 0 0.0625rem var(--empty-color);\n box-shadow: inset 0 0 0 0.0625rem var(--empty-color);\n -webkit-transition: none;\n -o-transition: none;\n transition: none;\n}\n\n[part~=indicator] {\n stroke-width: 3;\n -webkit-transform: scale(0.7);\n -ms-transform: scale(0.7);\n transform: scale(0.7);\n -webkit-transition: none;\n -o-transition: none;\n transition: none;\n stroke: white;\n}\n\n[part~=label] {\n font-family: var(--ig-body-2-font-family, var(--ig-font-family));\n font-size: var(--ig-body-2-font-size);\n font-weight: var(--ig-body-2-font-weight);\n font-style: var(--ig-body-2-font-style);\n line-height: var(--ig-body-2-line-height);\n letter-spacing: var(--ig-body-2-letter-spacing);\n text-transform: var(--ig-body-2-text-transform);\n margin-top: var(--ig-body-2-margin-top);\n margin-bottom: var(--ig-body-2-margin-bottom);\n -webkit-transition: none;\n -o-transition: none;\n transition: none;\n color: var(--label-color);\n}\n\n[part=\"control checked\"]::after {\n background: var(--fill-color);\n -webkit-box-shadow: inset 0 0 0 0.0625rem var(--fill-color);\n box-shadow: inset 0 0 0 0.0625rem var(--fill-color);\n}\n\n:host([indeterminate]) [part~=control]::after {\n background: var(--fill-color);\n -webkit-box-shadow: inset 0 0 0 0.0625rem var(--fill-color);\n box-shadow: inset 0 0 0 0.0625rem var(--fill-color);\n}\n:host([indeterminate]) [part~=indicator] {\n stroke-dashoffset: 41;\n opacity: 1;\n -webkit-transform: rotate(45deg) translateX(-0.075rem) scale(0.7);\n -ms-transform: rotate(45deg) translateX(-0.075rem) scale(0.7);\n transform: rotate(45deg) translateX(-0.075rem) scale(0.7);\n}\n\n:host(:not([disabled])[invalid]) [part~=label] {\n color: var(--error-color);\n}\n:host(:not([disabled])[invalid]) [part~=control]::after {\n -webkit-box-shadow: inset 0 0 0 0.0625rem var(--error-color);\n box-shadow: inset 0 0 0 0.0625rem var(--error-color);\n border-color: var(--error-color);\n}\n:host(:not([disabled])[invalid]) [part=\"control checked\"]::after {\n -webkit-box-shadow: inset 0 0 0 0.0625rem var(--error-color);\n box-shadow: inset 0 0 0 0.0625rem var(--error-color);\n background: var(--error-color);\n}\n:host(:not([disabled])[invalid]):focus-within [part~=control],\n:host(:not([disabled])[invalid]):focus-within [part=\"control checked\"] {\n -webkit-box-shadow: 0 0 0 0.25rem var(--error-color);\n box-shadow: 0 0 0 0.25rem var(--error-color);\n}\n\n:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after {\n background: var(--error-color);\n}\n\n:host(:focus-within) [part~=control],\n[part~=focused] [part~=control] {\n -webkit-box-shadow: 0 0 0 0.25rem var(--focus-outline-color);\n box-shadow: 0 0 0 0.25rem var(--focus-outline-color);\n}\n:host(:focus-within) [part~=control]::after,\n[part~=focused] [part~=control]::after {\n -webkit-box-shadow: inset 0 0 0 0.0625rem var(--fill-color);\n box-shadow: inset 0 0 0 0.0625rem var(--fill-color);\n}\n\n:host(:focus-within:not([disabled])[invalid]) [part~=control],\n:host(:not([disabled])[invalid]) [part~=focused] [part~=control] {\n -webkit-box-shadow: 0 0 0 0.25rem var(--error-color-hover);\n box-shadow: 0 0 0 0.25rem var(--error-color-hover);\n}\n\n:host([disabled]) [part~=label] {\n color: var(--disabled-color-label);\n}\n:host([disabled]) [part=\"control checked\"]::after {\n background: var(--disabled-color);\n -webkit-box-shadow: inset 0 0 0 0.0625rem var(--disabled-color);\n box-shadow: inset 0 0 0 0.0625rem var(--disabled-color);\n}\n\n:host([disabled][indeterminate]) [part=control]::after {\n background: var(--disabled-color);\n -webkit-box-shadow: inset 0 0 0 0.0625rem var(--disabled-color);\n box-shadow: inset 0 0 0 0.0625rem var(--disabled-color);\n}`;\n"]}
|