igniteui-webcomponents 4.2.3 → 4.3.0-beta.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 +12 -0
- package/README.md +2 -6
- package/animations/player.js +10 -6
- package/animations/player.js.map +1 -1
- package/animations/presets/fade/index.d.ts +3 -0
- package/animations/presets/fade/index.js +12 -0
- package/animations/presets/fade/index.js.map +1 -0
- package/animations/presets/index.d.ts +1 -0
- package/animations/presets/index.js +1 -0
- package/animations/presets/index.js.map +1 -1
- 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 +15 -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} +25 -8
- package/components/avatar/themes/light/avatar.base.css.js.map +1 -0
- package/components/avatar/themes/light/avatar.bootstrap.css.js +26 -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 +15 -0
- package/components/button/themes/button/dark/button.bootstrap.css.js.map +1 -0
- package/components/button/themes/button/dark/button.fluent.css.js +13 -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 +15 -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 +15 -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 +229 -71
- package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -1
- package/components/button/themes/button/light/button.fluent.css.js +289 -70
- package/components/button/themes/button/light/button.fluent.css.js.map +1 -1
- package/components/button/themes/button/light/button.indigo.css.js +282 -78
- package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
- package/components/button/themes/button/light/button.material.css.js +282 -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 +15 -0
- package/components/checkbox/themes/dark/checkbox.bootstrap.css.js.map +1 -0
- package/components/checkbox/themes/dark/checkbox.fluent.css.js +13 -1
- package/components/checkbox/themes/dark/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox.indigo.css.js +13 -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 +15 -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 +15 -0
- package/components/checkbox/themes/dark/switch.bootstrap.css.js.map +1 -0
- package/components/checkbox/themes/dark/switch.fluent.css.js +13 -1
- package/components/checkbox/themes/dark/switch.fluent.css.js.map +1 -1
- package/components/checkbox/themes/dark/switch.indigo.css.js +13 -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 +15 -0
- package/components/checkbox/themes/dark/switch.material.css.js.map +1 -0
- package/components/checkbox/themes/light/checkbox.base.css.js +17 -51
- package/components/checkbox/themes/light/checkbox.base.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox.bootstrap.css.js +124 -46
- package/components/checkbox/themes/light/checkbox.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox.fluent.css.js +172 -87
- package/components/checkbox/themes/light/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox.indigo.css.js +136 -49
- package/components/checkbox/themes/light/checkbox.indigo.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox.material.css.js +148 -18
- package/components/checkbox/themes/light/checkbox.material.css.js.map +1 -1
- package/components/checkbox/themes/light/switch.base.css.js +31 -56
- package/components/checkbox/themes/light/switch.base.css.js.map +1 -1
- package/components/checkbox/themes/light/switch.bootstrap.css.js +148 -95
- package/components/checkbox/themes/light/switch.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/light/switch.fluent.css.js +144 -80
- package/components/checkbox/themes/light/switch.fluent.css.js.map +1 -1
- package/components/checkbox/themes/light/switch.indigo.css.js +154 -97
- package/components/checkbox/themes/light/switch.indigo.css.js.map +1 -1
- package/components/checkbox/themes/light/switch.material.css.js +171 -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 +51 -5
- package/components/combo/combo.js +58 -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 -3
- 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 +8 -5
- 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 +9 -2
- package/components/dialog/dialog.js +37 -10
- package/components/dialog/dialog.js.map +1 -1
- package/components/dialog/themes/light/dialog.base.css.js +17 -8
- 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 +15 -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} +13 -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 +15 -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 +15 -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 +60 -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 +60 -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 +60 -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 +60 -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 +15 -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 +15 -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 +15 -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 +15 -0
- package/components/navbar/themes/dark/navbar.material.css.js.map +1 -0
- package/components/navbar/themes/light/navbar.bootstrap.css.js +62 -6
- package/components/navbar/themes/light/navbar.bootstrap.css.js.map +1 -1
- package/components/navbar/themes/light/navbar.fluent.css.js +68 -1
- package/components/navbar/themes/light/navbar.fluent.css.js.map +1 -1
- package/components/navbar/themes/light/navbar.indigo.css.js +65 -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 +69 -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 +15 -0
- package/components/radio/themes/dark/radio.bootstrap.css.js.map +1 -0
- package/components/radio/themes/dark/radio.fluent.css.js +13 -1
- package/components/radio/themes/dark/radio.fluent.css.js.map +1 -1
- package/components/radio/themes/dark/radio.indigo.css.js +13 -1
- package/components/radio/themes/dark/radio.indigo.css.js.map +1 -1
- package/components/radio/themes/dark/radio.material.css.js +13 -1
- package/components/radio/themes/dark/radio.material.css.js.map +1 -1
- package/components/radio/themes/light/radio.base.css.js +24 -41
- package/components/radio/themes/light/radio.base.css.js.map +1 -1
- package/components/radio/themes/light/radio.bootstrap.css.js +102 -30
- package/components/radio/themes/light/radio.bootstrap.css.js.map +1 -1
- package/components/radio/themes/light/radio.fluent.css.js +155 -66
- package/components/radio/themes/light/radio.fluent.css.js.map +1 -1
- package/components/radio/themes/light/radio.indigo.css.js +106 -56
- package/components/radio/themes/light/radio.indigo.css.js.map +1 -1
- package/components/radio/themes/light/radio.material.css.js +131 -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 +8 -0
- package/components/select/select.js +9 -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.d.ts +5 -1
- package/components/snackbar/snackbar.js +19 -2
- 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.d.ts +4 -1
- package/components/toast/toast.js +17 -2
- package/components/toast/toast.js.map +1 -1
- package/components/toggle/toggle.directive.d.ts +9 -3
- package/components/toggle/toggle.directive.js +54 -38
- package/components/toggle/toggle.directive.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 +49 -32
- package/index.d.ts +1 -1
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/package.json +6 -4
- package/themes/dark/bootstrap.css +320 -0
- package/themes/dark/fluent.css +303 -25
- package/themes/dark/indigo.css +307 -12
- package/themes/dark/material.css +329 -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 +21 -32
- 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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/checkbox.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":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/checkbox.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;wMAY+K,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 */ /* 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 */\n/* stylelint-disable max-line-length */\n/* 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 */\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 */`;\n"]}
|
|
@@ -1,3 +1,15 @@
|
|
|
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 */ /* 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 */
|
|
9
|
+
/* stylelint-disable max-line-length */
|
|
10
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
11
|
+
/* stylelint-disable max-line-length */
|
|
12
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
13
|
+
/* stylelint-disable max-line-length */
|
|
14
|
+
/* stylelint-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
15
|
//# 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;;;;;;;;;;;;wMAY+K,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 */ /* 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 */\n/* stylelint-disable max-line-length */\n/* 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 */\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 */`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,15 @@
|
|
|
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 */ /* 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 */
|
|
9
|
+
/* stylelint-disable max-line-length */
|
|
10
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
11
|
+
/* stylelint-disable max-line-length */
|
|
12
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
13
|
+
/* stylelint-disable max-line-length */
|
|
14
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
|
|
15
|
+
//# 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;;;;;;;;;;;;wMAY+K,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 */ /* 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 */\n/* stylelint-disable max-line-length */\n/* 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 */\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 */`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,15 @@
|
|
|
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 */ /* 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 */
|
|
9
|
+
/* stylelint-disable max-line-length */
|
|
10
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
11
|
+
/* stylelint-disable max-line-length */
|
|
12
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
13
|
+
/* stylelint-disable max-line-length */
|
|
14
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
|
|
15
|
+
//# 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;;;;;;;;;;;;wMAY+K,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 */ /* 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 */\n/* stylelint-disable max-line-length */\n/* 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 */\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 */`;\n"]}
|
|
@@ -1,3 +1,15 @@
|
|
|
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 */ /* 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 */
|
|
9
|
+
/* stylelint-disable max-line-length */
|
|
10
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
11
|
+
/* stylelint-disable max-line-length */
|
|
12
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
13
|
+
/* stylelint-disable max-line-length */
|
|
14
|
+
/* stylelint-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
15
|
//# 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;;;;;;;;;;;;wMAY+K,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 */ /* 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 */\n/* stylelint-disable max-line-length */\n/* 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 */\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 */`;\n"]}
|
|
@@ -1,3 +1,15 @@
|
|
|
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 */ /* 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 */
|
|
9
|
+
/* stylelint-disable max-line-length */
|
|
10
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
11
|
+
/* stylelint-disable max-line-length */
|
|
12
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
13
|
+
/* stylelint-disable max-line-length */
|
|
14
|
+
/* stylelint-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
15
|
//# 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;;;;;;;;;;;;wMAY+K,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 */ /* 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 */\n/* stylelint-disable max-line-length */\n/* 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 */\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 */`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,15 @@
|
|
|
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 */ /* 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 */
|
|
9
|
+
/* stylelint-disable max-line-length */
|
|
10
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
11
|
+
/* stylelint-disable max-line-length */
|
|
12
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
13
|
+
/* stylelint-disable max-line-length */
|
|
14
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
|
|
15
|
+
//# 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;;;;;;;;;;;;wMAY+K,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 */ /* 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 */\n/* stylelint-disable max-line-length */\n/* 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 */\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 */`;\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,18 @@ 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 */ /* 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 */
|
|
41
|
+
/* stylelint-disable max-line-length */
|
|
42
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
43
|
+
/* stylelint-disable max-line-length */
|
|
44
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
45
|
+
/* stylelint-disable max-line-length */
|
|
46
|
+
/* stylelint-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
47
|
:host {
|
|
37
48
|
display: -webkit-inline-box;
|
|
38
49
|
display: -ms-inline-flexbox;
|
|
@@ -67,7 +78,6 @@ input[type=checkbox] {
|
|
|
67
78
|
user-select: none;
|
|
68
79
|
}
|
|
69
80
|
[part~=control]::after {
|
|
70
|
-
border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.125rem), 0.125rem);
|
|
71
81
|
position: absolute;
|
|
72
82
|
content: "";
|
|
73
83
|
left: 50%;
|
|
@@ -77,7 +87,6 @@ input[type=checkbox] {
|
|
|
77
87
|
transform: translate(-50%, -50%);
|
|
78
88
|
width: var(--size);
|
|
79
89
|
height: var(--size);
|
|
80
|
-
border: 0.125rem solid hsla(var(--ig-gray-600), var(--ig-gray-a));
|
|
81
90
|
-webkit-transition: all 0.15s ease-in;
|
|
82
91
|
-o-transition: all 0.15s ease-in;
|
|
83
92
|
transition: all 0.15s ease-in;
|
|
@@ -85,7 +94,6 @@ input[type=checkbox] {
|
|
|
85
94
|
|
|
86
95
|
[part~=label] {
|
|
87
96
|
display: inline-block;
|
|
88
|
-
color: hsla(var(--ig-gray-900), var(--ig-gray-a));
|
|
89
97
|
cursor: pointer;
|
|
90
98
|
-webkit-user-select: none;
|
|
91
99
|
-moz-user-select: none;
|
|
@@ -102,10 +110,7 @@ input[type=checkbox] {
|
|
|
102
110
|
display: -ms-flexbox;
|
|
103
111
|
display: flex;
|
|
104
112
|
position: absolute;
|
|
105
|
-
|
|
106
|
-
right: 0;
|
|
107
|
-
bottom: 0;
|
|
108
|
-
left: 0;
|
|
113
|
+
inset: 0;
|
|
109
114
|
stroke-linecap: square;
|
|
110
115
|
stroke-width: 3;
|
|
111
116
|
stroke-dasharray: 24;
|
|
@@ -139,17 +144,6 @@ label {
|
|
|
139
144
|
flex-flow: row nowrap;
|
|
140
145
|
gap: 0.5rem;
|
|
141
146
|
}
|
|
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
147
|
|
|
154
148
|
[part="indicator checked"] {
|
|
155
149
|
-webkit-transition: all 0.2s ease-out;
|
|
@@ -159,16 +153,6 @@ label:focus-within [part="control checked"] {
|
|
|
159
153
|
opacity: 1;
|
|
160
154
|
}
|
|
161
155
|
|
|
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
156
|
:host([indeterminate]) [part~=indicator] {
|
|
173
157
|
stroke-dashoffset: 41;
|
|
174
158
|
opacity: 1;
|
|
@@ -177,20 +161,6 @@ label:focus-within [part="control checked"] {
|
|
|
177
161
|
transform: rotate(45deg) scale(0.45) translateX(-0.25rem);
|
|
178
162
|
}
|
|
179
163
|
|
|
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
164
|
:host([disabled]) {
|
|
195
165
|
-webkit-user-select: none;
|
|
196
166
|
-moz-user-select: none;
|
|
@@ -200,10 +170,6 @@ label:focus-within [part="control checked"] {
|
|
|
200
170
|
pointer-events: none;
|
|
201
171
|
}
|
|
202
172
|
|
|
203
|
-
:host([disabled][indeterminate]) [part~=control]::after {
|
|
204
|
-
background: hsla(var(--ig-gray-300), var(--ig-gray-a));
|
|
205
|
-
}
|
|
206
|
-
|
|
207
173
|
:host([label-position=before]) [part~=label] {
|
|
208
174
|
-webkit-box-ordinal-group: 0;
|
|
209
175
|
-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+KvB,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 */ /* 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 */\n/* stylelint-disable max-line-length */\n/* 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 */\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 */\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,69 @@
|
|
|
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 */ /* 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 */
|
|
41
|
+
/* stylelint-disable max-line-length */
|
|
42
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
43
|
+
/* stylelint-disable max-line-length */
|
|
44
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
45
|
+
/* stylelint-disable max-line-length */
|
|
46
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
47
|
+
:host,
|
|
48
|
+
:host ig-checkbox {
|
|
49
|
+
--tick-color: var(--ig-checkbox-tick-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));
|
|
50
|
+
--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-50), var(--ig-gray-a)));
|
|
51
|
+
--label-color: var(--ig-checkbox-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
|
|
52
|
+
--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
|
|
53
|
+
--fill-color: var(--ig-checkbox-fill-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));
|
|
54
|
+
--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));
|
|
55
|
+
--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));
|
|
56
|
+
--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));
|
|
57
|
+
--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));
|
|
58
|
+
--error-color: var(--ig-checkbox-error-color, hsla(var(--ig-error-500), var(--ig-error-a)));
|
|
59
|
+
--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-100), var(--ig-error-a)));
|
|
60
|
+
--border-radius: var(--ig-checkbox-border-radius, 0.25rem);
|
|
61
|
+
--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, 0.25rem);
|
|
62
|
+
--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));
|
|
63
|
+
}
|
|
64
|
+
|
|
3
65
|
[part~=control] {
|
|
4
|
-
border-radius: clamp(0rem, calc(var(--ig-radius-factor) *
|
|
66
|
+
border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius-ripple)), var(--border-radius-ripple));
|
|
5
67
|
--size: 1rem;
|
|
6
68
|
width: var(--size);
|
|
7
69
|
height: var(--size);
|
|
@@ -9,15 +71,16 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
|
|
|
9
71
|
-webkit-transition: background-color 0.15s ease-in-out;
|
|
10
72
|
-o-transition: background-color 0.15s ease-in-out;
|
|
11
73
|
transition: background-color 0.15s ease-in-out;
|
|
74
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
75
|
+
transform: translate3d(0, 0, 0);
|
|
12
76
|
}
|
|
13
77
|
[part~=control]::after {
|
|
78
|
+
border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));
|
|
14
79
|
width: inherit;
|
|
15
80
|
height: inherit;
|
|
16
81
|
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));
|
|
82
|
+
-webkit-box-shadow: inset 0 0 0 0.0625rem var(--empty-color);
|
|
83
|
+
box-shadow: inset 0 0 0 0.0625rem var(--empty-color);
|
|
21
84
|
-webkit-transition: none;
|
|
22
85
|
-o-transition: none;
|
|
23
86
|
transition: none;
|
|
@@ -47,65 +110,80 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
|
|
|
47
110
|
-webkit-transition: none;
|
|
48
111
|
-o-transition: none;
|
|
49
112
|
transition: none;
|
|
113
|
+
color: var(--label-color);
|
|
50
114
|
}
|
|
51
115
|
|
|
52
|
-
|
|
116
|
+
[part="control checked"]::after {
|
|
117
|
+
background: var(--fill-color);
|
|
118
|
+
-webkit-box-shadow: inset 0 0 0 0.0625rem var(--fill-color);
|
|
119
|
+
box-shadow: inset 0 0 0 0.0625rem var(--fill-color);
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
:host([indeterminate]) [part~=control]::after {
|
|
123
|
+
background: var(--fill-color);
|
|
124
|
+
-webkit-box-shadow: inset 0 0 0 0.0625rem var(--fill-color);
|
|
125
|
+
box-shadow: inset 0 0 0 0.0625rem var(--fill-color);
|
|
126
|
+
}
|
|
127
|
+
:host([indeterminate]) [part~=indicator] {
|
|
128
|
+
stroke-dashoffset: 41;
|
|
129
|
+
opacity: 1;
|
|
53
130
|
-webkit-transform: rotate(45deg) translateX(-0.075rem) scale(0.7);
|
|
54
131
|
-ms-transform: rotate(45deg) translateX(-0.075rem) scale(0.7);
|
|
55
132
|
transform: rotate(45deg) translateX(-0.075rem) scale(0.7);
|
|
56
133
|
}
|
|
57
134
|
|
|
58
|
-
:host(:
|
|
59
|
-
|
|
60
|
-
box-shadow: 0 0 0 4px hsla(var(--ig-primary-100), var(--ig-primary-a));
|
|
135
|
+
:host(:not([disabled])[invalid]) [part~=label] {
|
|
136
|
+
color: var(--error-color);
|
|
61
137
|
}
|
|
62
|
-
:host(:
|
|
63
|
-
-webkit-box-shadow: inset 0 0 0
|
|
64
|
-
box-shadow: inset 0 0 0
|
|
138
|
+
:host(:not([disabled])[invalid]) [part~=control]::after {
|
|
139
|
+
-webkit-box-shadow: inset 0 0 0 0.0625rem var(--error-color);
|
|
140
|
+
box-shadow: inset 0 0 0 0.0625rem var(--error-color);
|
|
141
|
+
border-color: var(--error-color);
|
|
65
142
|
}
|
|
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));
|
|
143
|
+
:host(:not([disabled])[invalid]) [part="control checked"]::after {
|
|
144
|
+
-webkit-box-shadow: inset 0 0 0 0.0625rem var(--error-color);
|
|
145
|
+
box-shadow: inset 0 0 0 0.0625rem var(--error-color);
|
|
146
|
+
background: var(--error-color);
|
|
72
147
|
}
|
|
73
|
-
|
|
74
|
-
:host([invalid]) [part=control]
|
|
75
|
-
-webkit-box-shadow:
|
|
76
|
-
box-shadow:
|
|
148
|
+
:host(:not([disabled])[invalid]):focus-within [part~=control],
|
|
149
|
+
:host(:not([disabled])[invalid]):focus-within [part="control checked"] {
|
|
150
|
+
-webkit-box-shadow: 0 0 0 0.25rem var(--error-color);
|
|
151
|
+
box-shadow: 0 0 0 0.25rem var(--error-color);
|
|
77
152
|
}
|
|
78
153
|
|
|
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));
|
|
154
|
+
:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after {
|
|
155
|
+
background: var(--error-color);
|
|
83
156
|
}
|
|
84
157
|
|
|
85
|
-
:host(
|
|
86
|
-
|
|
87
|
-
:
|
|
88
|
-
|
|
89
|
-
|
|
158
|
+
:host(:focus-within) [part~=control],
|
|
159
|
+
[part~=focused] [part~=control] {
|
|
160
|
+
-webkit-box-shadow: 0 0 0 0.25rem var(--focus-outline-color);
|
|
161
|
+
box-shadow: 0 0 0 0.25rem var(--focus-outline-color);
|
|
162
|
+
}
|
|
163
|
+
:host(:focus-within) [part~=control]::after,
|
|
164
|
+
[part~=focused] [part~=control]::after {
|
|
165
|
+
-webkit-box-shadow: inset 0 0 0 0.0625rem var(--fill-color);
|
|
166
|
+
box-shadow: inset 0 0 0 0.0625rem var(--fill-color);
|
|
90
167
|
}
|
|
91
168
|
|
|
92
|
-
:host([disabled]) [part
|
|
93
|
-
:host([disabled][invalid]) [part
|
|
94
|
-
-webkit-box-shadow:
|
|
95
|
-
box-shadow:
|
|
169
|
+
:host(:focus-within:not([disabled])[invalid]) [part~=control],
|
|
170
|
+
:host(:not([disabled])[invalid]) [part~=focused] [part~=control] {
|
|
171
|
+
-webkit-box-shadow: 0 0 0 0.25rem var(--error-color-hover);
|
|
172
|
+
box-shadow: 0 0 0 0.25rem var(--error-color-hover);
|
|
96
173
|
}
|
|
97
174
|
|
|
98
|
-
:host([disabled]) [part
|
|
99
|
-
:
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
175
|
+
:host([disabled]) [part~=label] {
|
|
176
|
+
color: var(--disabled-color-label);
|
|
177
|
+
}
|
|
178
|
+
:host([disabled]) [part="control checked"]::after {
|
|
179
|
+
background: var(--disabled-color);
|
|
180
|
+
-webkit-box-shadow: inset 0 0 0 0.0625rem var(--disabled-color);
|
|
181
|
+
box-shadow: inset 0 0 0 0.0625rem var(--disabled-color);
|
|
103
182
|
}
|
|
104
183
|
|
|
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));
|
|
184
|
+
:host([disabled][indeterminate]) [part=control]::after {
|
|
185
|
+
background: var(--disabled-color);
|
|
186
|
+
-webkit-box-shadow: inset 0 0 0 0.0625rem var(--disabled-color);
|
|
187
|
+
box-shadow: inset 0 0 0 0.0625rem var(--disabled-color);
|
|
110
188
|
}`;
|
|
111
189
|
//# sourceMappingURL=checkbox.bootstrap.css.js.map
|