igniteui-webcomponents 6.1.2 → 6.2.1
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 +59 -0
- package/LICENSE +1 -1
- package/README.md +13 -1
- package/components/accordion/accordion.js +1 -4
- package/components/accordion/accordion.js.map +1 -1
- package/components/accordion/themes/accordion.base.css.js +1 -1
- package/components/accordion/themes/accordion.base.css.js.map +1 -1
- package/components/banner/themes/banner.base.css.js +1 -1
- package/components/banner/themes/banner.base.css.js.map +1 -1
- package/components/banner/themes/shared/banner.bootstrap.css.js +1 -1
- package/components/banner/themes/shared/banner.bootstrap.css.js.map +1 -1
- package/components/banner/themes/shared/banner.fluent.css.js +1 -1
- package/components/banner/themes/shared/banner.fluent.css.js.map +1 -1
- package/components/banner/themes/shared/banner.indigo.css.js +1 -1
- package/components/banner/themes/shared/banner.indigo.css.js.map +1 -1
- package/components/banner/themes/shared/banner.material.css.js +1 -1
- package/components/banner/themes/shared/banner.material.css.js.map +1 -1
- package/components/button/themes/button/button.base.css.js +1 -1
- package/components/button/themes/button/button.base.css.js.map +1 -1
- package/components/button/themes/button/shared/button.common.css.js +1 -1
- package/components/button/themes/button/shared/button.common.css.js.map +1 -1
- package/components/button/themes/button/shared/button.fluent.css.js +1 -1
- package/components/button/themes/button/shared/button.fluent.css.js.map +1 -1
- package/components/button/themes/button/shared/button.indigo.css.js +1 -1
- package/components/button/themes/button/shared/button.indigo.css.js.map +1 -1
- package/components/button/themes/icon-button/icon-button.base.css.js +1 -1
- package/components/button/themes/icon-button/icon-button.base.css.js.map +1 -1
- package/components/button/themes/icon-button/shared/icon-button.bootstrap.css.js +1 -1
- package/components/button/themes/icon-button/shared/icon-button.bootstrap.css.js.map +1 -1
- package/components/button/themes/icon-button/shared/icon-button.fluent.css.js +1 -1
- package/components/button/themes/icon-button/shared/icon-button.fluent.css.js.map +1 -1
- package/components/button/themes/icon-button/shared/icon-button.indigo.css.js +1 -1
- package/components/button/themes/icon-button/shared/icon-button.indigo.css.js.map +1 -1
- package/components/button/themes/icon-button/shared/icon-button.material.css.js +1 -1
- package/components/button/themes/icon-button/shared/icon-button.material.css.js.map +1 -1
- package/components/button-group/themes/shared/button/button.bootstrap.css.js +1 -1
- package/components/button-group/themes/shared/button/button.bootstrap.css.js.map +1 -1
- package/components/button-group/themes/shared/button/button.common.css.js +1 -1
- package/components/button-group/themes/shared/button/button.common.css.js.map +1 -1
- package/components/button-group/themes/shared/button/button.indigo.css.js +1 -1
- package/components/button-group/themes/shared/button/button.indigo.css.js.map +1 -1
- package/components/calendar/calendar.d.ts +1 -1
- package/components/calendar/days-view/days-view.js +1 -3
- package/components/calendar/days-view/days-view.js.map +1 -1
- package/components/calendar/months-view/months-view.js +1 -3
- package/components/calendar/months-view/months-view.js.map +1 -1
- package/components/calendar/themes/calendar.base.css.js +1 -1
- package/components/calendar/themes/calendar.base.css.js.map +1 -1
- package/components/calendar/themes/days-view.base.css.js +1 -1
- package/components/calendar/themes/days-view.base.css.js.map +1 -1
- package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js +1 -1
- package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js.map +1 -1
- package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js +1 -1
- package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js.map +1 -1
- package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js +1 -1
- package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js.map +1 -1
- package/components/calendar/themes/shared/fluent/calendar.fluent.css.js +1 -1
- package/components/calendar/themes/shared/fluent/calendar.fluent.css.js.map +1 -1
- package/components/calendar/themes/shared/indigo/calendar.indigo.css.js +1 -1
- package/components/calendar/themes/shared/indigo/calendar.indigo.css.js.map +1 -1
- package/components/calendar/themes/shared/material/calendar.material.css.js +1 -1
- package/components/calendar/themes/shared/material/calendar.material.css.js.map +1 -1
- package/components/calendar/themes/year-month-view.base.css.js +1 -1
- package/components/calendar/themes/year-month-view.base.css.js.map +1 -1
- package/components/calendar/years-view/years-view.js +1 -3
- package/components/calendar/years-view/years-view.js.map +1 -1
- package/components/card/themes/card.actions.base.css.js +1 -1
- package/components/card/themes/card.actions.base.css.js.map +1 -1
- package/components/card/themes/card.content.base.css.js +1 -1
- package/components/card/themes/card.content.base.css.js.map +1 -1
- package/components/card/themes/card.header.base.css.js +1 -1
- package/components/card/themes/card.header.base.css.js.map +1 -1
- package/components/card/themes/content.js +7 -0
- package/components/card/themes/content.js.map +1 -1
- package/components/card/themes/shared/actions/card.actions.bootstrap.css.js +1 -1
- package/components/card/themes/shared/actions/card.actions.bootstrap.css.js.map +1 -1
- package/components/card/themes/shared/actions/card.actions.indigo.css.js +1 -1
- package/components/card/themes/shared/actions/card.actions.indigo.css.js.map +1 -1
- package/components/card/themes/shared/container/card.bootstrap.css.js +1 -1
- package/components/card/themes/shared/container/card.bootstrap.css.js.map +1 -1
- package/components/card/themes/shared/container/card.indigo.css.js +1 -1
- package/components/card/themes/shared/container/card.indigo.css.js.map +1 -1
- package/components/card/themes/shared/content/card.content.bootstrap.css.js +1 -1
- package/components/card/themes/shared/content/card.content.bootstrap.css.js.map +1 -1
- package/components/card/themes/shared/content/card.content.indigo.css.d.ts +1 -0
- package/components/card/themes/shared/content/card.content.indigo.css.js +3 -0
- package/components/card/themes/shared/content/card.content.indigo.css.js.map +1 -0
- package/components/card/themes/shared/header/card.header.fluent.css.js +1 -1
- package/components/card/themes/shared/header/card.header.fluent.css.js.map +1 -1
- package/components/card/themes/shared/header/card.header.indigo.css.js +1 -1
- package/components/card/themes/shared/header/card.header.indigo.css.js.map +1 -1
- package/components/carousel/carousel-indicator.d.ts +1 -1
- package/components/carousel/carousel-indicator.js.map +1 -1
- package/components/carousel/carousel-slide.d.ts +3 -3
- package/components/carousel/carousel-slide.js +7 -13
- package/components/carousel/carousel-slide.js.map +1 -1
- package/components/carousel/carousel.d.ts +39 -38
- package/components/carousel/carousel.js +160 -156
- package/components/carousel/carousel.js.map +1 -1
- package/components/carousel/themes/carousel.base.css.js +1 -1
- package/components/carousel/themes/carousel.base.css.js.map +1 -1
- package/components/carousel/themes/shared/carousel.indigo.css.js +1 -1
- package/components/carousel/themes/shared/carousel.indigo.css.js.map +1 -1
- package/components/checkbox/checkbox-base.d.ts +3 -5
- package/components/checkbox/checkbox-base.js +15 -21
- package/components/checkbox/checkbox-base.js.map +1 -1
- package/components/checkbox/checkbox.d.ts +3 -4
- package/components/checkbox/checkbox.js +18 -17
- package/components/checkbox/checkbox.js.map +1 -1
- package/components/checkbox/switch.d.ts +0 -1
- package/components/checkbox/switch.js +7 -10
- package/components/checkbox/switch.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/dark/switch/switch.bootstrap.css.js +1 -1
- package/components/checkbox/themes/dark/switch/switch.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/dark/switch/switch.fluent.css.js +1 -1
- package/components/checkbox/themes/dark/switch/switch.fluent.css.js.map +1 -1
- package/components/checkbox/themes/dark/switch/switch.indigo.css.js +1 -1
- package/components/checkbox/themes/dark/switch/switch.indigo.css.js.map +1 -1
- package/components/checkbox/themes/dark/switch/switch.material.css.js +1 -1
- package/components/checkbox/themes/dark/switch/switch.material.css.js.map +1 -1
- package/components/checkbox/themes/light/switch/switch.bootstrap.css.js +1 -1
- package/components/checkbox/themes/light/switch/switch.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/light/switch/switch.fluent.css.js +1 -1
- package/components/checkbox/themes/light/switch/switch.fluent.css.js.map +1 -1
- package/components/checkbox/themes/light/switch/switch.indigo.css.js +1 -1
- package/components/checkbox/themes/light/switch/switch.indigo.css.js.map +1 -1
- package/components/checkbox/themes/light/switch/switch.material.css.js +1 -1
- package/components/checkbox/themes/light/switch/switch.material.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js.map +1 -1
- package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js +1 -1
- package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/shared/switch/switch.common.css.js +1 -1
- package/components/checkbox/themes/shared/switch/switch.common.css.js.map +1 -1
- package/components/checkbox/themes/shared/switch/switch.fluent.css.js +1 -1
- package/components/checkbox/themes/shared/switch/switch.fluent.css.js.map +1 -1
- package/components/checkbox/themes/shared/switch/switch.indigo.css.js +1 -1
- package/components/checkbox/themes/shared/switch/switch.indigo.css.js.map +1 -1
- package/components/chip/chip.d.ts +11 -11
- package/components/chip/chip.js +61 -65
- package/components/chip/chip.js.map +1 -1
- package/components/chip/themes/chip.base.css.js +1 -1
- package/components/chip/themes/chip.base.css.js.map +1 -1
- package/components/chip/themes/shared/chip.indigo.css.js +1 -1
- package/components/chip/themes/shared/chip.indigo.css.js.map +1 -1
- package/components/combo/combo.d.ts +3 -3
- package/components/combo/combo.js +12 -6
- package/components/combo/combo.js.map +1 -1
- package/components/combo/controllers/navigation.js +1 -1
- package/components/combo/controllers/navigation.js.map +1 -1
- package/components/combo/themes/combo-item.base.css.js +1 -1
- package/components/combo/themes/combo-item.base.css.js.map +1 -1
- package/components/combo/themes/combo.base.css.js +1 -1
- package/components/combo/themes/combo.base.css.js.map +1 -1
- package/components/combo/themes/shared/combo.bootstrap.css.js +1 -1
- package/components/combo/themes/shared/combo.bootstrap.css.js.map +1 -1
- package/components/combo/themes/shared/combo.common.css.js +1 -1
- package/components/combo/themes/shared/combo.common.css.js.map +1 -1
- package/components/combo/themes/shared/combo.fluent.css.js +1 -1
- package/components/combo/themes/shared/combo.fluent.css.js.map +1 -1
- package/components/combo/themes/shared/combo.indigo.css.js +1 -1
- package/components/combo/themes/shared/combo.indigo.css.js.map +1 -1
- package/components/combo/themes/shared/combo.material.css.js +1 -1
- package/components/combo/themes/shared/combo.material.css.js.map +1 -1
- package/components/common/controllers/internals.d.ts +66 -2
- package/components/common/controllers/internals.js +21 -0
- package/components/common/controllers/internals.js.map +1 -1
- package/components/common/controllers/key-bindings.js +4 -3
- package/components/common/controllers/key-bindings.js.map +1 -1
- package/components/common/controllers/slot.d.ts +87 -0
- package/components/common/controllers/slot.js +75 -0
- package/components/common/controllers/slot.js.map +1 -0
- package/components/common/mixins/forms/associated.d.ts +1 -1
- package/components/common/mixins/forms/associated.js +91 -36
- package/components/common/mixins/forms/associated.js.map +1 -1
- package/components/common/mixins/forms/form-transformers.d.ts +21 -0
- package/components/common/mixins/forms/form-transformers.js +64 -0
- package/components/common/mixins/forms/form-transformers.js.map +1 -0
- package/components/common/mixins/forms/form-value.d.ts +7 -36
- package/components/common/mixins/forms/form-value.js +2 -64
- package/components/common/mixins/forms/form-value.js.map +1 -1
- package/components/common/mixins/forms/types.d.ts +19 -10
- package/components/common/mixins/forms/types.js +2 -1
- package/components/common/mixins/forms/types.js.map +1 -1
- package/components/common/util.d.ts +20 -0
- package/components/common/util.js +59 -1
- package/components/common/util.js.map +1 -1
- package/components/date-picker/date-picker.d.ts +1 -3
- package/components/date-picker/date-picker.js +13 -15
- package/components/date-picker/date-picker.js.map +1 -1
- package/components/date-picker/themes/dark/date-picker.indigo.css.js +1 -1
- package/components/date-picker/themes/dark/date-picker.indigo.css.js.map +1 -1
- package/components/date-picker/themes/date-picker.base.css.js +1 -1
- package/components/date-picker/themes/date-picker.base.css.js.map +1 -1
- package/components/date-picker/themes/shared/date-picker.bootstrap.css.js +1 -1
- package/components/date-picker/themes/shared/date-picker.bootstrap.css.js.map +1 -1
- package/components/date-picker/themes/shared/date-picker.common.css.js +1 -1
- package/components/date-picker/themes/shared/date-picker.common.css.js.map +1 -1
- package/components/date-picker/themes/shared/date-picker.fluent.css.js +1 -1
- package/components/date-picker/themes/shared/date-picker.fluent.css.js.map +1 -1
- package/components/date-picker/themes/shared/date-picker.indigo.css.js +1 -1
- package/components/date-picker/themes/shared/date-picker.indigo.css.js.map +1 -1
- package/components/date-picker/themes/shared/date-picker.material.css.js +1 -1
- package/components/date-picker/themes/shared/date-picker.material.css.js.map +1 -1
- package/components/date-range-picker/date-range-picker.base.css.js +1 -1
- package/components/date-range-picker/date-range-picker.base.css.js.map +1 -1
- package/components/date-range-picker/date-range-picker.d.ts +2 -4
- package/components/date-range-picker/date-range-picker.js +19 -27
- package/components/date-range-picker/date-range-picker.js.map +1 -1
- package/components/date-range-picker/predefined-ranges-area.base.css.js +1 -1
- package/components/date-range-picker/predefined-ranges-area.base.css.js.map +1 -1
- package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js +1 -1
- package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js.map +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.js +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.js.map +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.common.css.js +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.common.css.js.map +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.js +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.js.map +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.js +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.js.map +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.material.css.js +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.material.css.js.map +1 -1
- package/components/date-time-input/date-time-input.d.ts +1 -2
- package/components/date-time-input/date-time-input.js +8 -8
- package/components/date-time-input/date-time-input.js.map +1 -1
- package/components/dialog/dialog.d.ts +23 -25
- package/components/dialog/dialog.js +108 -115
- package/components/dialog/dialog.js.map +1 -1
- package/components/dialog/themes/dark/dialog.bootstrap.css.js +1 -1
- package/components/dialog/themes/dark/dialog.bootstrap.css.js.map +1 -1
- package/components/dialog/themes/dialog.base.css.js +1 -1
- package/components/dialog/themes/dialog.base.css.js.map +1 -1
- package/components/dialog/themes/shared/dialog.bootstrap.css.js +1 -1
- package/components/dialog/themes/shared/dialog.bootstrap.css.js.map +1 -1
- package/components/dialog/themes/shared/dialog.common.css.js +1 -1
- package/components/dialog/themes/shared/dialog.common.css.js.map +1 -1
- package/components/dialog/themes/shared/dialog.fluent.css.js +1 -1
- package/components/dialog/themes/shared/dialog.fluent.css.js.map +1 -1
- package/components/dialog/themes/shared/dialog.indigo.css.js +1 -1
- package/components/dialog/themes/shared/dialog.indigo.css.js.map +1 -1
- package/components/dropdown/themes/dropdown-group.base.css.js +1 -1
- package/components/dropdown/themes/dropdown-group.base.css.js.map +1 -1
- package/components/dropdown/themes/dropdown-item.base.css.js +1 -1
- package/components/dropdown/themes/dropdown-item.base.css.js.map +1 -1
- package/components/dropdown/themes/shared/dropdown.indigo.css.js +1 -1
- package/components/dropdown/themes/shared/dropdown.indigo.css.js.map +1 -1
- package/components/dropdown/themes/shared/group/dropdown-group.fluent.css.js +1 -1
- package/components/dropdown/themes/shared/group/dropdown-group.fluent.css.js.map +1 -1
- package/components/dropdown/themes/shared/header/dropdown-header.common.css.js +1 -1
- package/components/dropdown/themes/shared/header/dropdown-header.common.css.js.map +1 -1
- package/components/dropdown/themes/shared/header/dropdown-header.indigo.css.js +1 -1
- package/components/dropdown/themes/shared/header/dropdown-header.indigo.css.js.map +1 -1
- package/components/dropdown/themes/shared/item/dropdown-item.indigo.css.js +1 -1
- package/components/dropdown/themes/shared/item/dropdown-item.indigo.css.js.map +1 -1
- package/components/expansion-panel/expansion-panel.d.ts +12 -14
- package/components/expansion-panel/expansion-panel.js +43 -57
- package/components/expansion-panel/expansion-panel.js.map +1 -1
- package/components/expansion-panel/themes/expansion-panel.base.css.js +1 -1
- package/components/expansion-panel/themes/expansion-panel.base.css.js.map +1 -1
- package/components/expansion-panel/themes/shared/expansion-panel.indigo.css.js +1 -1
- package/components/expansion-panel/themes/shared/expansion-panel.indigo.css.js.map +1 -1
- package/components/file-input/file-input.d.ts +1 -7
- package/components/file-input/file-input.js +13 -21
- package/components/file-input/file-input.js.map +1 -1
- package/components/file-input/themes/shared/file-input.bootstrap.css.js +1 -1
- package/components/file-input/themes/shared/file-input.bootstrap.css.js.map +1 -1
- package/components/file-input/themes/shared/file-input.material.css.js +1 -1
- package/components/file-input/themes/shared/file-input.material.css.js.map +1 -1
- package/components/input/input.d.ts +1 -8
- package/components/input/input.js +16 -23
- package/components/input/input.js.map +1 -1
- package/components/input/themes/shared/input.bootstrap.css.js +1 -1
- package/components/input/themes/shared/input.bootstrap.css.js.map +1 -1
- package/components/input/themes/shared/input.common.css.js +1 -1
- package/components/input/themes/shared/input.common.css.js.map +1 -1
- package/components/input/themes/shared/input.fluent.css.js +1 -1
- package/components/input/themes/shared/input.fluent.css.js.map +1 -1
- package/components/input/themes/shared/input.indigo.css.js +1 -1
- package/components/input/themes/shared/input.indigo.css.js.map +1 -1
- package/components/input/themes/shared/input.material.css.js +1 -1
- package/components/input/themes/shared/input.material.css.js.map +1 -1
- package/components/list/themes/header.base.css.js +1 -1
- package/components/list/themes/header.base.css.js.map +1 -1
- package/components/list/themes/item.base.css.js +1 -1
- package/components/list/themes/item.base.css.js.map +1 -1
- package/components/list/themes/shared/header/list-header.indigo.css.js +1 -1
- package/components/list/themes/shared/header/list-header.indigo.css.js.map +1 -1
- package/components/list/themes/shared/item/list-item.indigo.css.js +1 -1
- package/components/list/themes/shared/item/list-item.indigo.css.js.map +1 -1
- package/components/mask-input/mask-input-base.js +1 -0
- package/components/mask-input/mask-input-base.js.map +1 -1
- package/components/mask-input/mask-input.d.ts +2 -3
- package/components/mask-input/mask-input.js +5 -8
- package/components/mask-input/mask-input.js.map +1 -1
- package/components/nav-drawer/nav-drawer-item.d.ts +3 -4
- package/components/nav-drawer/nav-drawer-item.js +15 -18
- package/components/nav-drawer/nav-drawer-item.js.map +1 -1
- package/components/nav-drawer/nav-drawer.d.ts +1 -2
- package/components/nav-drawer/nav-drawer.js +9 -11
- package/components/nav-drawer/nav-drawer.js.map +1 -1
- package/components/nav-drawer/themes/container.base.css.js +1 -1
- package/components/nav-drawer/themes/container.base.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/container/nav-drawer.bootstrap.css.js +1 -1
- package/components/nav-drawer/themes/shared/container/nav-drawer.bootstrap.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/container/nav-drawer.common.css.js +1 -1
- package/components/nav-drawer/themes/shared/container/nav-drawer.common.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/container/nav-drawer.indigo.css.js +1 -1
- package/components/nav-drawer/themes/shared/container/nav-drawer.indigo.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/container/nav-drawer.material.css.js +1 -1
- package/components/nav-drawer/themes/shared/container/nav-drawer.material.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/header-item/header-item.bootstrap.css.js +1 -1
- package/components/nav-drawer/themes/shared/header-item/header-item.bootstrap.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/header-item/header-item.fluent.css.js +1 -1
- package/components/nav-drawer/themes/shared/header-item/header-item.fluent.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/header-item/header-item.indigo.css.js +1 -1
- package/components/nav-drawer/themes/shared/header-item/header-item.indigo.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/header-item/header-item.material.css.js +1 -1
- package/components/nav-drawer/themes/shared/header-item/header-item.material.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/item/item.bootstrap.css.js +1 -1
- package/components/nav-drawer/themes/shared/item/item.bootstrap.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/item/item.fluent.css.js +1 -1
- package/components/nav-drawer/themes/shared/item/item.fluent.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/item/item.indigo.css.js +1 -1
- package/components/nav-drawer/themes/shared/item/item.indigo.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/item/item.material.css.js +1 -1
- package/components/nav-drawer/themes/shared/item/item.material.css.js.map +1 -1
- package/components/navbar/themes/navbar.base.css.js +1 -1
- package/components/navbar/themes/navbar.base.css.js.map +1 -1
- package/components/navbar/themes/shared/navbar.bootstrap.css.js +1 -1
- package/components/navbar/themes/shared/navbar.bootstrap.css.js.map +1 -1
- package/components/navbar/themes/shared/navbar.indigo.css.js +1 -1
- package/components/navbar/themes/shared/navbar.indigo.css.js.map +1 -1
- package/components/popover/popover.d.ts +17 -16
- package/components/popover/popover.js +81 -91
- package/components/popover/popover.js.map +1 -1
- package/components/progress/base.d.ts +8 -8
- package/components/progress/base.js +19 -23
- package/components/progress/base.js.map +1 -1
- package/components/progress/circular-gradient.js.map +1 -1
- package/components/progress/circular-progress.d.ts +3 -4
- package/components/progress/circular-progress.js +15 -18
- package/components/progress/circular-progress.js.map +1 -1
- package/components/progress/linear-progress.d.ts +1 -0
- package/components/progress/linear-progress.js +5 -1
- package/components/progress/linear-progress.js.map +1 -1
- package/components/progress/themes/linear/shared/linear.progress.fluent.css.js +1 -1
- package/components/progress/themes/linear/shared/linear.progress.fluent.css.js.map +1 -1
- package/components/progress/themes/linear/shared/linear.progress.indigo.css.js +1 -1
- package/components/progress/themes/linear/shared/linear.progress.indigo.css.js.map +1 -1
- package/components/radio/radio.d.ts +3 -5
- package/components/radio/radio.js +33 -31
- package/components/radio/radio.js.map +1 -1
- package/components/radio/themes/dark/radio.fluent.css.js +1 -1
- package/components/radio/themes/dark/radio.fluent.css.js.map +1 -1
- package/components/radio/themes/shared/radio.bootstrap.css.js +1 -1
- package/components/radio/themes/shared/radio.bootstrap.css.js.map +1 -1
- package/components/radio/themes/shared/radio.common.css.js +1 -1
- package/components/radio/themes/shared/radio.common.css.js.map +1 -1
- package/components/radio/themes/shared/radio.fluent.css.js +1 -1
- package/components/radio/themes/shared/radio.fluent.css.js.map +1 -1
- package/components/radio/themes/shared/radio.indigo.css.js +1 -1
- package/components/radio/themes/shared/radio.indigo.css.js.map +1 -1
- package/components/radio/themes/shared/radio.material.css.js +1 -1
- package/components/radio/themes/shared/radio.material.css.js.map +1 -1
- package/components/radio-group/radio-group.d.ts +4 -4
- package/components/radio-group/radio-group.js +24 -21
- package/components/radio-group/radio-group.js.map +1 -1
- package/components/radio-group/themes/radio-group.base.css.js +1 -1
- package/components/radio-group/themes/radio-group.base.css.js.map +1 -1
- package/components/radio-group/themes/shared/radio-group.bootstrap.css.js +1 -1
- package/components/radio-group/themes/shared/radio-group.bootstrap.css.js.map +1 -1
- package/components/radio-group/themes/shared/radio-group.fluent.css.js +1 -1
- package/components/radio-group/themes/shared/radio-group.fluent.css.js.map +1 -1
- package/components/radio-group/themes/shared/radio-group.indigo.css.js +1 -1
- package/components/radio-group/themes/shared/radio-group.indigo.css.js.map +1 -1
- package/components/radio-group/themes/shared/radio-group.material.css.js +1 -1
- package/components/radio-group/themes/shared/radio-group.material.css.js.map +1 -1
- package/components/rating/rating.d.ts +1 -2
- package/components/rating/rating.js +4 -4
- package/components/rating/rating.js.map +1 -1
- package/components/rating/themes/rating.base.css.js +1 -1
- package/components/rating/themes/rating.base.css.js.map +1 -1
- package/components/rating/themes/shared/rating.indigo.css.js +1 -1
- package/components/rating/themes/shared/rating.indigo.css.js.map +1 -1
- package/components/resize-container/resize-container.d.ts +1 -1
- package/components/select/select.d.ts +35 -38
- package/components/select/select.js +138 -147
- package/components/select/select.js.map +1 -1
- package/components/select/themes/dark/select.bootstrap.css.js +1 -1
- package/components/select/themes/dark/select.bootstrap.css.js.map +1 -1
- package/components/select/themes/light/select.bootstrap.css.js +1 -1
- package/components/select/themes/light/select.bootstrap.css.js.map +1 -1
- package/components/select/themes/shared/select.bootstrap.css.js +1 -1
- package/components/select/themes/shared/select.bootstrap.css.js.map +1 -1
- package/components/select/themes/shared/select.common.css.js +1 -1
- package/components/select/themes/shared/select.common.css.js.map +1 -1
- package/components/select/themes/shared/select.fluent.css.js +1 -1
- package/components/select/themes/shared/select.fluent.css.js.map +1 -1
- package/components/select/themes/shared/select.indigo.css.js +1 -1
- package/components/select/themes/shared/select.indigo.css.js.map +1 -1
- package/components/select/themes/shared/select.material.css.js +1 -1
- package/components/select/themes/shared/select.material.css.js.map +1 -1
- package/components/slider/slider-base.js +0 -1
- package/components/slider/slider-base.js.map +1 -1
- package/components/slider/slider-label.js.map +1 -1
- package/components/slider/slider.d.ts +1 -2
- package/components/slider/slider.js +5 -2
- package/components/slider/slider.js.map +1 -1
- package/components/slider/themes/shared/slider.common.css.js +1 -1
- package/components/slider/themes/shared/slider.common.css.js.map +1 -1
- package/components/slider/themes/slider.base.css.js +1 -1
- package/components/slider/themes/slider.base.css.js.map +1 -1
- package/components/snackbar/themes/shared/snackbar.indigo.css.js +1 -1
- package/components/snackbar/themes/shared/snackbar.indigo.css.js.map +1 -1
- package/components/snackbar/themes/snackbar.base.css.js +1 -1
- package/components/snackbar/themes/snackbar.base.css.js.map +1 -1
- package/components/stepper/step.d.ts +1 -1
- package/components/tabs/tabs.js +0 -1
- package/components/tabs/tabs.js.map +1 -1
- package/components/tabs/themes/shared/tab/tab.bootstrap.css.js +1 -1
- package/components/tabs/themes/shared/tab/tab.bootstrap.css.js.map +1 -1
- package/components/tabs/themes/shared/tab/tab.fluent.css.js +1 -1
- package/components/tabs/themes/shared/tab/tab.fluent.css.js.map +1 -1
- package/components/tabs/themes/shared/tab/tab.indigo.css.js +1 -1
- package/components/tabs/themes/shared/tab/tab.indigo.css.js.map +1 -1
- package/components/tabs/themes/shared/tab/tab.material.css.js +1 -1
- package/components/tabs/themes/shared/tab/tab.material.css.js.map +1 -1
- package/components/textarea/textarea.d.ts +14 -21
- package/components/textarea/textarea.js +66 -90
- package/components/textarea/textarea.js.map +1 -1
- package/components/textarea/themes/shared/textarea.bootstrap.css.js +1 -1
- package/components/textarea/themes/shared/textarea.bootstrap.css.js.map +1 -1
- package/components/textarea/themes/shared/textarea.common.css.js +1 -1
- package/components/textarea/themes/shared/textarea.common.css.js.map +1 -1
- package/components/textarea/themes/shared/textarea.fluent.css.js +1 -1
- package/components/textarea/themes/shared/textarea.fluent.css.js.map +1 -1
- package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
- package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
- package/components/textarea/themes/shared/textarea.material.css.js +1 -1
- package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
- package/components/textarea/themes/textarea.base.css.js +1 -1
- package/components/textarea/themes/textarea.base.css.js.map +1 -1
- package/components/tile-manager/position.js +2 -1
- package/components/tile-manager/position.js.map +1 -1
- package/components/tile-manager/resize-state.js +1 -1
- package/components/tile-manager/resize-state.js.map +1 -1
- package/components/tile-manager/tile.d.ts +8 -12
- package/components/tile-manager/tile.js +16 -37
- package/components/tile-manager/tile.js.map +1 -1
- package/components/toast/themes/shared/toast.bootstrap.css.js +1 -1
- package/components/toast/themes/shared/toast.bootstrap.css.js.map +1 -1
- package/components/toast/themes/shared/toast.common.css.js +1 -1
- package/components/toast/themes/shared/toast.common.css.js.map +1 -1
- package/components/toast/themes/shared/toast.fluent.css.js +1 -1
- package/components/toast/themes/shared/toast.fluent.css.js.map +1 -1
- package/components/toast/themes/toast.base.css.js +1 -1
- package/components/toast/themes/toast.base.css.js.map +1 -1
- package/components/tooltip/themes/tooltip.base.css.js +1 -1
- package/components/tooltip/themes/tooltip.base.css.js.map +1 -1
- package/components/tree/themes/item.base.css.js +1 -1
- package/components/tree/themes/item.base.css.js.map +1 -1
- package/components/tree/themes/shared/item.common.css.js +1 -1
- package/components/tree/themes/shared/item.common.css.js.map +1 -1
- package/components/tree/themes/shared/item.indigo.css.js +1 -1
- package/components/tree/themes/shared/item.indigo.css.js.map +1 -1
- package/components/tree/themes/shared/item.material.css.js +1 -1
- package/components/tree/themes/shared/item.material.css.js.map +1 -1
- package/components/tree/tree.js +3 -1
- package/components/tree/tree.js.map +1 -1
- package/components/tree/tree.navigation.js +3 -3
- package/components/tree/tree.navigation.js.map +1 -1
- package/components/tree/tree.selection.js +6 -2
- package/components/tree/tree.selection.js.map +1 -1
- package/components/validation-container/validation-container.d.ts +2 -1
- package/components/validation-container/validation-container.js +19 -14
- package/components/validation-container/validation-container.js.map +1 -1
- package/custom-elements.json +9456 -6460
- package/igniteui-webcomponents.css-data.json +1 -1
- package/igniteui-webcomponents.html-data.json +1 -1
- package/package.json +1 -1
- package/themes/dark/bootstrap.css +1 -1
- package/themes/dark/fluent.css +1 -1
- package/themes/dark/indigo.css +1 -1
- package/themes/dark/material.css +1 -1
- package/themes/light/bootstrap.css +1 -1
- package/themes/light/fluent.css +1 -1
- package/themes/light/indigo.css +1 -1
- package/themes/light/material.css +1 -1
- package/web-types.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -4,6 +4,63 @@ All notable changes to this project will be documented in this file.
|
|
|
4
4
|
The format is based on [Keep a Changelog](http://keepachangelog.com/)
|
|
5
5
|
and this project adheres to [Semantic Versioning](http://semver.org/).
|
|
6
6
|
|
|
7
|
+
## [6.2.1] - 2025-09-01
|
|
8
|
+
### Added
|
|
9
|
+
- #### Date picker
|
|
10
|
+
- set picker calendar's active date on user input [#1819](https://github.com/IgniteUI/igniteui-webcomponents/pull/1819)
|
|
11
|
+
|
|
12
|
+
### Fixed
|
|
13
|
+
- #### Calendar
|
|
14
|
+
- Navigation styling [#1831](https://github.com/IgniteUI/igniteui-webcomponents/pull/1831)
|
|
15
|
+
- #### Card
|
|
16
|
+
- Slotted `igc-avatar` size styles in supported themes [#1833](https://github.com/IgniteUI/igniteui-webcomponents/pull/1833)
|
|
17
|
+
- #### Combo
|
|
18
|
+
- Dropdown initial height [#1826](https://github.com/IgniteUI/igniteui-webcomponents/pull/1826)
|
|
19
|
+
- Icon sizes styles for Indigo theme [#1827](https://github.com/IgniteUI/igniteui-webcomponents/pull/1827)
|
|
20
|
+
- #### Date picker, Date range picker
|
|
21
|
+
- Disabled styles [#1834](https://github.com/IgniteUI/igniteui-webcomponents/pull/1834)
|
|
22
|
+
- #### Input
|
|
23
|
+
- Prefix and suffix slot styles for Bootstrap theme [#1820](https://github.com/IgniteUI/igniteui-webcomponents/pull/1820)
|
|
24
|
+
- Label and border styles for Material theme [#1824](https://github.com/IgniteUI/igniteui-webcomponents/pull/1824)
|
|
25
|
+
- Removed overridden tabindex property [#1836](https://github.com/IgniteUI/igniteui-webcomponents/pull/1836)
|
|
26
|
+
- #### Select
|
|
27
|
+
- Icon sizes styles for Indigo theme [#1827](https://github.com/IgniteUI/igniteui-webcomponents/pull/1827)
|
|
28
|
+
- #### Switch
|
|
29
|
+
- Use the new thumb hover property [#1809](https://github.com/IgniteUI/igniteui-webcomponents/pull/1809)
|
|
30
|
+
- #### Tile manager
|
|
31
|
+
- Incorrect escape of internal regex [#1837](https://github.com/IgniteUI/igniteui-webcomponents/pull/1837)
|
|
32
|
+
|
|
33
|
+
## [6.2.0] - 2025-08-04
|
|
34
|
+
### Added
|
|
35
|
+
- Form associated custom elements now expose the **ig-invalid** custom state for styling with the `:state()` CSS selector.
|
|
36
|
+
[See here for additional information](https://developer.mozilla.org/en-US/docs/Web/CSS/:state)
|
|
37
|
+
|
|
38
|
+
### Changed
|
|
39
|
+
- Form associated custom elements validity behavior. Now elements will try to mimic `:user-invalid`, and won't apply invalid
|
|
40
|
+
styles unless interacted through the UI or through a form `requestSubmit()/reset()` invocation.
|
|
41
|
+
|
|
42
|
+
### Fixed
|
|
43
|
+
- #### All igc-input based components
|
|
44
|
+
- Invalid state in **readonly** mode [#1786](https://github.com/IgniteUI/igniteui-webcomponents/pull/1786)
|
|
45
|
+
- Cannot style **helper-text** parts [#1786](https://github.com/IgniteUI/igniteui-webcomponents/pull/1786)
|
|
46
|
+
- #### Card
|
|
47
|
+
- Slotted igc-avatar in Indigo theme [#1795](https://github.com/IgniteUI/igniteui-webcomponents/pull/1795)
|
|
48
|
+
- #### Combo
|
|
49
|
+
- Border overlaps label text in invalid state [#1786](https://github.com/IgniteUI/igniteui-webcomponents/pull/1786)
|
|
50
|
+
- #### Date picker
|
|
51
|
+
- Indigo elevation styles [#1799](https://github.com/IgniteUI/igniteui-webcomponents/pull/1799)
|
|
52
|
+
- #### Date range picker
|
|
53
|
+
- Return focus to main input on keyboard interactions [#1783](https://github.com/IgniteUI/igniteui-webcomponents/pull/1783)
|
|
54
|
+
- #### Input
|
|
55
|
+
- Placeholder and label alignment in Material theme [#1792](https://github.com/IgniteUI/igniteui-webcomponents/pull/1792)
|
|
56
|
+
- #### Navigation drawer
|
|
57
|
+
- Update *relative* positions styles and animation [#1806](https://github.com/IgniteUI/igniteui-webcomponents/pull/1806)
|
|
58
|
+
- #### Select
|
|
59
|
+
- Invalid state theming issues [#1786](https://github.com/IgniteUI/igniteui-webcomponents/pull/1786)
|
|
60
|
+
- #### Textarea
|
|
61
|
+
- Material theme interaction issues [#1797](https://github.com/IgniteUI/igniteui-webcomponents/pull/1797)
|
|
62
|
+
- Resizing behavior with suffix part [#1797](https://github.com/IgniteUI/igniteui-webcomponents/pull/1797)
|
|
63
|
+
|
|
7
64
|
## [6.1.2] - 2025-07-14
|
|
8
65
|
### Added
|
|
9
66
|
- #### File input
|
|
@@ -953,6 +1010,8 @@ Initial release of Ignite UI Web Components
|
|
|
953
1010
|
- Ripple component
|
|
954
1011
|
- Switch component
|
|
955
1012
|
|
|
1013
|
+
[6.2.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.2.0...6.2.1
|
|
1014
|
+
[6.2.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.1.2...6.2.0
|
|
956
1015
|
[6.1.2]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.1.1...6.1.2
|
|
957
1016
|
[6.1.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.1.0...6.1.1
|
|
958
1017
|
[6.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.0.1...6.1.0
|
package/LICENSE
CHANGED
|
@@ -8,6 +8,6 @@ https://www.infragistics.com/products/ignite-ui-web-components and open a suppor
|
|
|
8
8
|
To acquire a license for commercial usage, please register for trial at https://www.infragistics.com/products/ignite-ui-web-components
|
|
9
9
|
and refer to the purchasing options in the pricing section on the product page.
|
|
10
10
|
|
|
11
|
-
© Copyright
|
|
11
|
+
© Copyright 2025 INFRAGISTICS. All Rights Reserved.
|
|
12
12
|
The Infragistics Ultimate license & copyright applies to this distribution.
|
|
13
13
|
For information on that license, please go to our website https://www.infragistics.com/legal/license.
|
package/README.md
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
[](https://badge.fury.io/js/igniteui-webcomponents)
|
|
10
10
|
[](https://discord.gg/39MjrTRqds)
|
|
11
11
|
|
|
12
|
-
[Ignite UI for Web Components] is a
|
|
12
|
+
[Ignite UI for Web Components] is a comprehensive library that includes the fastest [Data Grid] on the market, a high-performing [Hierarchical Grid], Pivot Grid, 60+ data [Charts], [Dock Manager], and more. Plus maps, gauges and other reusable feature-rich components to help you create better web apps and modern-day UX experiences.
|
|
13
13
|
|
|
14
14
|
See the [Storybook Here](https://igniteui.github.io/igniteui-webcomponents)
|
|
15
15
|
|
|
@@ -21,8 +21,12 @@ See the [Storybook Here](https://igniteui.github.io/igniteui-webcomponents)
|
|
|
21
21
|
|
|
22
22
|
## Overview
|
|
23
23
|
|
|
24
|
+
<details open>
|
|
25
|
+
<summary>Components</summary>
|
|
26
|
+
|
|
24
27
|
| Components | Status | Documentation | Released Version |
|
|
25
28
|
| :---------------------- | :----: | :----------------------------: | :--------------: |
|
|
29
|
+
| Date Range Picker | ✅ | [Docs][Date Range Picker Docs] | [6.1.0] |
|
|
26
30
|
| Tooltip | ✅ | [Docs][Tooltip Docs] | [5.4.0] |
|
|
27
31
|
| File Input | ✅ | [Docs][File Input Docs] | [5.4.0] |
|
|
28
32
|
| Tile Manager | ✅ | [Docs][Tile Manager Docs] | [5.3.0] |
|
|
@@ -69,6 +73,8 @@ See the [Storybook Here](https://igniteui.github.io/igniteui-webcomponents)
|
|
|
69
73
|
| Ripple | ✅ | [Docs][Ripple Docs] | [1.0.0] |
|
|
70
74
|
| Switch | ✅ | [Docs][Switch Docs] | [1.0.0] |
|
|
71
75
|
|
|
76
|
+
</details>
|
|
77
|
+
|
|
72
78
|
## Components available in [Ignite UI for WebComponents Grids]
|
|
73
79
|
|
|
74
80
|
| Components | Status | Documentation |
|
|
@@ -198,6 +204,10 @@ npm run storybook:build
|
|
|
198
204
|
[opera_48x48]: https://user-images.githubusercontent.com/2188411/168109520-b6865a6c-b69f-44a4-9948-748d8afd687c.png
|
|
199
205
|
[safari_48x48]: https://user-images.githubusercontent.com/2188411/168109527-6c58f2cf-7386-4b97-98b1-cfe0ab4e8626.png
|
|
200
206
|
[Contribution Guidelines]: https://github.com/IgniteUI/igniteui-webcomponents/blob/master/.github/CONTRIBUTING.md
|
|
207
|
+
[Data Grid]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/grids/data-grid
|
|
208
|
+
[Hierarchical Grid]: https://www.infragistics.com/webcomponentssite/components/grids/hierarchical-grid/overview
|
|
209
|
+
[Charts]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/charts/chart-overview
|
|
210
|
+
[Dock Manager]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/layouts/dock-manager
|
|
201
211
|
[Pivot Grid Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/grids/pivot-grid/overview
|
|
202
212
|
[Data Grid Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/grids/grid/overview
|
|
203
213
|
[Tree Grid Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/grids/tree-grid/overview
|
|
@@ -245,6 +255,7 @@ npm run storybook:build
|
|
|
245
255
|
[Tile Manager Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/layouts/tile-manager
|
|
246
256
|
[File Input Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/file-input
|
|
247
257
|
[Tooltip Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/tooltip
|
|
258
|
+
[Date Range Picker Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/scheduling/date-range-picker
|
|
248
259
|
[1.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/1.0.0
|
|
249
260
|
[2.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/2.0.0
|
|
250
261
|
[2.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/2.1.0
|
|
@@ -258,3 +269,4 @@ npm run storybook:build
|
|
|
258
269
|
[5.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/5.1.0
|
|
259
270
|
[5.3.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/5.3.0
|
|
260
271
|
[5.4.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/5.4.0
|
|
272
|
+
[6.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/6.1.0
|
|
@@ -19,10 +19,7 @@ class IgcAccordionComponent extends LitElement {
|
|
|
19
19
|
super();
|
|
20
20
|
this.singleExpand = false;
|
|
21
21
|
addSafeEventListener(this, 'igcOpening', this.handlePanelOpening);
|
|
22
|
-
addKeybindings(this, {
|
|
23
|
-
skip: this.skipKeybinding,
|
|
24
|
-
bindingDefaults: { preventDefault: true },
|
|
25
|
-
})
|
|
22
|
+
addKeybindings(this, { skip: this.skipKeybinding })
|
|
26
23
|
.set(homeKey, () => this.getPanelHeader(first(this.enabledPanels)).focus())
|
|
27
24
|
.set(endKey, () => this.getPanelHeader(last(this.enabledPanels)).focus())
|
|
28
25
|
.set(arrowUp, this.navigatePrev)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAEpE,OAAO,EACL,cAAc,EACd,MAAM,EACN,SAAS,EACT,OAAO,EACP,MAAM,EACN,OAAO,EACP,QAAQ,GACT,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,0BAA0B,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAUxD,MAAqB,qBAAsB,SAAQ,UAAU;IAKpD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,qBAAqB,EAAE,0BAA0B,CAAC,CAAC;IACvE,CAAC;IAmBD;QACE,KAAK,EAAE,CAAC;QARH,iBAAY,GAAG,KAAK,CAAC;QAU1B,oBAAoB,CAAC,IAAI,EAAE,YAAmB,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAEzE,cAAc,CAAC,IAAI,EAAE
|
|
1
|
+
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAEpE,OAAO,EACL,cAAc,EACd,MAAM,EACN,SAAS,EACT,OAAO,EACP,MAAM,EACN,OAAO,EACP,QAAQ,GACT,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,0BAA0B,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAUxD,MAAqB,qBAAsB,SAAQ,UAAU;IAKpD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,qBAAqB,EAAE,0BAA0B,CAAC,CAAC;IACvE,CAAC;IAmBD;QACE,KAAK,EAAE,CAAC;QARH,iBAAY,GAAG,KAAK,CAAC;QAU1B,oBAAoB,CAAC,IAAI,EAAE,YAAmB,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAEzE,cAAc,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC;aAChD,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CACjB,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,EAAE,CACvD;aACA,GAAG,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;aACxE,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC;aAC/B,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC;aACjC,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC;aAClD,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACxD,CAAC;IAEO,cAAc,CAAC,MAAe;QACpC,OAAO,CAAC,CACN,MAAM,CAAC,OAAO,CAAC,0BAA0B,CAAC,OAAO,CAAC;YAClD,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAoC,CAAC,CAClE,CAAC;IACJ,CAAC;IAEO,YAAY,CAAC,KAAoB;QACvC,MAAM,OAAO,GAAG,KAAK,CAAC,MAAoC,CAAC;QAC3D,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;QAE5C,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;YACrB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC;QACpC,CAAC;IACH,CAAC;IAEO,YAAY,CAAC,KAAoB;QACvC,MAAM,OAAO,GAAG,KAAK,CAAC,MAAoC,CAAC;QAC3D,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;QAE3C,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;YACrB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC;QACpC,CAAC;IACH,CAAC;IAEO,WAAW;QACjB,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC;IAEO,SAAS,CAAC,KAAoB;QACpC,MAAM,OAAO,GAAG,KAAK,CAAC,MAAoC,CAAC;QAE3D,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvC,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;gBACtB,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YACrE,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC;QACH,CAAC;IACH,CAAC;IAEO,kBAAkB,CAAC,KAAY;QACrC,MAAM,OAAO,GAAG,KAAK,CAAC,MAAoC,CAAC;QAE3D,IAAI,CAAC,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;YAC1D,OAAO;QACT,CAAC;QAED,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvC,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;gBACpC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;QACH,CAAC;IACH,CAAC;IAEO,YAAY,CAAC,KAAiC,EAAE,MAAc,CAAC;QACrE,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,KAAK,CAAC;IAChD,CAAC;IAEO,cAAc,CAAC,KAAiC;QACtD,OAAO,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,oBAAoB,CAAgB,CAAC;IAC7E,CAAC;IAEO,KAAK,CAAC,UAAU,CAAC,KAAiC;QACxD,IACE,CAAC,CACC,KAAK,CAAC,IAAI;YACV,KAAK,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CACnE,EACD,CAAC;YACD,OAAO;QACT,CAAC;QAED,MAAM,KAAK,CAAC,IAAI,EAAE,CAAC;QACnB,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAClD,CAAC;IAEO,KAAK,CAAC,SAAS,CAAC,KAAiC;QACvD,IACE,KAAK,CAAC,IAAI;YACV,CAAC,KAAK,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EACnE,CAAC;YACD,OAAO;QACT,CAAC;QAED,MAAM,KAAK,CAAC,IAAI,EAAE,CAAC;QACnB,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAClD,CAAC;IAGM,KAAK,CAAC,OAAO;QAClB,MAAM,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAC9D,CAAC;IAGM,KAAK,CAAC,OAAO;QAClB,MAAM,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAC9D,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAjJsB,6BAAO,GAAG,eAAe,AAAlB,CAAmB;AAC1B,4BAAM,GAAG,MAAM,AAAT,CAAU;eAFpB,qBAAqB;AAYhC;IAHP,qBAAqB,CAAC;QACrB,QAAQ,EAAE,GAAG,0BAA0B,CAAC,OAAO,kBAAkB;KAClE,CAAC;4DACwD;AAOnD;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2DAC3C;AAKrB;IADN,qBAAqB,CAAC,EAAE,QAAQ,EAAE,0BAA0B,CAAC,OAAO,EAAE,CAAC;qDACtB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\n\nimport {\n addKeybindings,\n altKey,\n arrowDown,\n arrowUp,\n endKey,\n homeKey,\n shiftKey,\n} from '../common/controllers/key-bindings.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { addSafeEventListener, first, last } from '../common/util.js';\nimport IgcExpansionPanelComponent from '../expansion-panel/expansion-panel.js';\nimport { styles } from './themes/accordion.base.css.js';\n\n/**\n * The Accordion is a container-based component that can house multiple expansion panels\n * and offers keyboard navigation.\n *\n * @element igc-accordion\n *\n * @slot - Renders the expansion panels inside default slot.\n */\nexport default class IgcAccordionComponent extends LitElement {\n public static readonly tagName = 'igc-accordion';\n public static override styles = styles;\n\n /* blazorSuppress */\n public static register() {\n registerComponent(IgcAccordionComponent, IgcExpansionPanelComponent);\n }\n\n @queryAssignedElements({\n selector: `${IgcExpansionPanelComponent.tagName}:not([disabled])`,\n })\n private enabledPanels!: Array<IgcExpansionPanelComponent>;\n\n /**\n * Allows only one panel to be expanded at a time.\n * @attr single-expand\n */\n @property({ attribute: 'single-expand', reflect: true, type: Boolean })\n public singleExpand = false;\n\n /* blazorSuppress */\n /** Returns all of the accordions's direct igc-expansion-panel children. */\n @queryAssignedElements({ selector: IgcExpansionPanelComponent.tagName })\n public panels!: Array<IgcExpansionPanelComponent>;\n\n constructor() {\n super();\n\n addSafeEventListener(this, 'igcOpening' as any, this.handlePanelOpening);\n\n addKeybindings(this, { skip: this.skipKeybinding })\n .set(homeKey, () =>\n this.getPanelHeader(first(this.enabledPanels)).focus()\n )\n .set(endKey, () => this.getPanelHeader(last(this.enabledPanels)).focus())\n .set(arrowUp, this.navigatePrev)\n .set(arrowDown, this.navigateNext)\n .set([shiftKey, altKey, arrowDown], this.expandAll)\n .set([shiftKey, altKey, arrowUp], this.collapseAll);\n }\n\n private skipKeybinding(target: Element) {\n return !(\n target.matches(IgcExpansionPanelComponent.tagName) &&\n this.enabledPanels.includes(target as IgcExpansionPanelComponent)\n );\n }\n\n private navigatePrev(event: KeyboardEvent) {\n const current = event.target as IgcExpansionPanelComponent;\n const next = this.getNextPanel(current, -1);\n\n if (next !== current) {\n this.getPanelHeader(next).focus();\n }\n }\n\n private navigateNext(event: KeyboardEvent) {\n const current = event.target as IgcExpansionPanelComponent;\n const next = this.getNextPanel(current, 1);\n\n if (next !== current) {\n this.getPanelHeader(next).focus();\n }\n }\n\n private collapseAll() {\n for (const panel of this.enabledPanels) {\n this.closePanel(panel);\n }\n }\n\n private expandAll(event: KeyboardEvent) {\n const current = event.target as IgcExpansionPanelComponent;\n\n for (const panel of this.enabledPanels) {\n if (this.singleExpand) {\n current === panel ? this.openPanel(panel) : this.closePanel(panel);\n } else {\n this.openPanel(panel);\n }\n }\n }\n\n private handlePanelOpening(event: Event) {\n const current = event.target as IgcExpansionPanelComponent;\n\n if (!(this.singleExpand && this.panels.includes(current))) {\n return;\n }\n\n for (const panel of this.enabledPanels) {\n if (panel.open && panel !== current) {\n this.closePanel(panel);\n }\n }\n }\n\n private getNextPanel(panel: IgcExpansionPanelComponent, dir: 1 | -1 = 1) {\n const idx = this.enabledPanels.indexOf(panel);\n return this.enabledPanels[idx + dir] || panel;\n }\n\n private getPanelHeader(panel: IgcExpansionPanelComponent) {\n return panel.renderRoot.querySelector('div[part=\"header\"]') as HTMLElement;\n }\n\n private async closePanel(panel: IgcExpansionPanelComponent) {\n if (\n !(\n panel.open &&\n panel.emitEvent('igcClosing', { cancelable: true, detail: panel })\n )\n ) {\n return;\n }\n\n await panel.hide();\n panel.emitEvent('igcClosed', { detail: panel });\n }\n\n private async openPanel(panel: IgcExpansionPanelComponent) {\n if (\n panel.open ||\n !panel.emitEvent('igcOpening', { cancelable: true, detail: panel })\n ) {\n return;\n }\n\n await panel.show();\n panel.emitEvent('igcOpened', { detail: panel });\n }\n\n /** Hides all of the child expansion panels' contents. */\n public async hideAll(): Promise<void> {\n await Promise.all(this.panels.map((panel) => panel.hide()));\n }\n\n /** Shows all of the child expansion panels' contents. */\n public async showAll(): Promise<void> {\n await Promise.all(this.panels.map((panel) => panel.show()));\n }\n\n protected override render() {\n return html`<slot></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-accordion': IgcAccordionComponent;\n }\n}\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host ::slotted(igc-expansion-panel){--lines-clamped: 4;transition:margin 350ms ease-out}:host ::slotted(igc-expansion-panel[open]){margin
|
|
2
|
+
export const styles = css `:host ::slotted(igc-expansion-panel){--lines-clamped: 4;transition:margin 350ms ease-out}:host ::slotted(igc-expansion-panel[open]){margin:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) 0}:host ::slotted(igc-expansion-panel:first-of-type){margin-top:0}:host ::slotted(igc-expansion-panel:last-of-type){margin-bottom:0}@media(prefers-reduced-motion){:host ::slotted(igc-expansion-panel){transition:none}}`;
|
|
3
3
|
//# sourceMappingURL=accordion.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.base.css.js","sourceRoot":"","sources":["../../../../src/components/accordion/themes/accordion.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":"accordion.base.css.js","sourceRoot":"","sources":["../../../../src/components/accordion/themes/accordion.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+sBAA+sB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::slotted(igc-expansion-panel){--lines-clamped: 4;transition:margin 350ms ease-out}:host ::slotted(igc-expansion-panel[open]){margin:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) 0}:host ::slotted(igc-expansion-panel:first-of-type){margin-top:0}:host ::slotted(igc-expansion-panel:last-of-type){margin-bottom:0}@media(prefers-reduced-motion){:host ::slotted(igc-expansion-panel){transition:none}}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{display:block;min-width:20rem;flex-basis:20rem}[part~=spacer]{display:flex;flex-wrap:wrap;padding:
|
|
2
|
+
export const styles = css `:host{display:block;min-width:20rem;flex-basis:20rem}[part~=spacer]{display:flex;flex-wrap:wrap;padding-block:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));gap:.5rem;justify-content:flex-end}[part~=message]{min-width:9.375rem;flex-basis:9.375rem;flex-grow:1}[part~=illustration]{justify-content:center}[part~=illustration],[part~=message]{display:flex;align-items:center}[part~=actions]{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;align-self:flex-end}::slotted([slot=actions]){display:flex;flex-wrap:wrap;gap:.5rem}::slotted([slot=prefix]){margin-inline-end:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part~=base]{overflow:hidden}:host(:not([open])) [part~=base]{height:0}:host([open]) [part~=base]{height:auto}`;
|
|
3
3
|
//# sourceMappingURL=banner.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"banner.base.css.js","sourceRoot":"","sources":["../../../../src/components/banner/themes/banner.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":"banner.base.css.js","sourceRoot":"","sources":["../../../../src/components/banner/themes/banner.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wrDAAwrD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{display:block;min-width:20rem;flex-basis:20rem}[part~=spacer]{display:flex;flex-wrap:wrap;padding-block:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));gap:.5rem;justify-content:flex-end}[part~=message]{min-width:9.375rem;flex-basis:9.375rem;flex-grow:1}[part~=illustration]{justify-content:center}[part~=illustration],[part~=message]{display:flex;align-items:center}[part~=actions]{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;align-self:flex-end}::slotted([slot=actions]){display:flex;flex-wrap:wrap;gap:.5rem}::slotted([slot=prefix]){margin-inline-end:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part~=base]{overflow:hidden}:host(:not([open])) [part~=base]{height:0}:host([open]) [part~=base]{height:auto}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `[part~=spacer]{background:var(--banner-background);box-shadow:inset 0 -0.0625rem 0 0 var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{padding:0 .5rem}::slotted([slot=prefix]){--default-size: 3;--component-size: var(--ig-size, var(--default-size)) !important;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--banner-message-color)}`;
|
|
2
|
+
export const styles = css `[part~=spacer]{background:var(--banner-background);box-shadow:inset 0 -0.0625rem 0 0 var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{padding:0 max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}::slotted([slot=prefix]){--default-size: 3;--component-size: var(--ig-size, var(--default-size)) !important;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--banner-message-color)}`;
|
|
3
3
|
//# sourceMappingURL=banner.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"banner.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/shared/banner.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":"banner.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/shared/banner.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,spCAAspC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=spacer]{background:var(--banner-background);box-shadow:inset 0 -0.0625rem 0 0 var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{padding:0 max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}::slotted([slot=prefix]){--default-size: 3;--component-size: var(--ig-size, var(--default-size)) !important;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--banner-message-color)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `[part~=spacer]{background:var(--banner-background);box-shadow:inset 0 -0.0625rem 0 0 var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{padding:0 .5rem}::slotted([slot=prefix]){--default-size: 3;--component-size: var(--ig-size, var(--default-size)) !important;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--banner-message-color)}`;
|
|
2
|
+
export const styles = css `[part~=spacer]{background:var(--banner-background);box-shadow:inset 0 -0.0625rem 0 0 var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{padding:0 max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}::slotted([slot=prefix]){--default-size: 3;--component-size: var(--ig-size, var(--default-size)) !important;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--banner-message-color)}`;
|
|
3
3
|
//# sourceMappingURL=banner.fluent.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"banner.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/shared/banner.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":"banner.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/shared/banner.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+pCAA+pC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=spacer]{background:var(--banner-background);box-shadow:inset 0 -0.0625rem 0 0 var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{padding:0 max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}::slotted([slot=prefix]){--default-size: 3;--component-size: var(--ig-size, var(--default-size)) !important;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--banner-message-color)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `[part~=spacer]{padding:1rem;background:var(--banner-background);box-shadow:inset 0 0 0 .0625rem var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{gap:.5rem}::slotted([slot=prefix]){--default-size: 2;--component-size: var(--ig-size, var(--default-size)) !important;margin-inline-end:0;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--banner-message-color)}`;
|
|
2
|
+
export const styles = css `[part~=spacer]{padding:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));background:var(--banner-background);box-shadow:inset 0 0 0 .0625rem var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{gap:.5rem}::slotted([slot=prefix]){--default-size: 2;--component-size: var(--ig-size, var(--default-size)) !important;margin-inline-end:0;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--banner-message-color)}`;
|
|
3
3
|
//# sourceMappingURL=banner.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"banner.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/shared/banner.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":"banner.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/shared/banner.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0nCAA0nC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=spacer]{padding:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));background:var(--banner-background);box-shadow:inset 0 0 0 .0625rem var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{gap:.5rem}::slotted([slot=prefix]){--default-size: 2;--component-size: var(--ig-size, var(--default-size)) !important;margin-inline-end:0;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--banner-message-color)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `[part~=spacer]{background:var(--banner-background);box-shadow:inset 0 -0.0625rem 0 0 var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{padding:0 .5rem}::slotted([slot=prefix]){--default-size: 3;--component-size: var(--ig-size, var(--default-size)) !important;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--banner-message-color)}`;
|
|
2
|
+
export const styles = css `[part~=spacer]{background:var(--banner-background);box-shadow:inset 0 -0.0625rem 0 0 var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{padding:0 max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}::slotted([slot=prefix]){--default-size: 3;--component-size: var(--ig-size, var(--default-size)) !important;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--banner-message-color)}`;
|
|
3
3
|
//# sourceMappingURL=banner.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"banner.material.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/shared/banner.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"banner.material.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/shared/banner.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,spCAAspC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=spacer]{background:var(--banner-background);box-shadow:inset 0 -0.0625rem 0 0 var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{padding:0 max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}::slotted([slot=prefix]){--default-size: 3;--component-size: var(--ig-size, var(--default-size)) !important;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--banner-message-color)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--gap: max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem));display:inline-flex;vertical-align:middle}:host ::slotted(*){display:inline-flex;align-items:center;font-size:inherit !important}:host ::slotted(igc-icon){--component-size: var(--ig-size-small) !important}[part~=base]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);position:relative;display:inline-flex;align-items:center;justify-content:center;flex:1;border:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;white-space:nowrap;text-decoration:none;z-index:0;padding:0 max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));gap:var(--gap);min-width:5.5rem}:host(:not([disabled])) [part~=base]:hover,:host(:not(:disabled)) [part~=base]:hover{cursor:pointer}:host(:disabled),:host([disabled]){pointer-events:none}`;
|
|
2
|
+
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--gap: max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem));display:inline-flex;vertical-align:middle}:host ::slotted(*){display:inline-flex;align-items:center;font-size:inherit !important}:host ::slotted(igc-icon){--component-size: var(--ig-size-small) !important}[part~=base]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);position:relative;display:inline-flex;align-items:center;justify-content:center;flex:1;border:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;white-space:nowrap;text-decoration:none;z-index:0;padding:0 max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));gap:var(--gap);min-width:5.5rem}:host(:not([disabled])) [part~=base]:hover,:host(:not(:disabled)) [part~=base]:hover{cursor:pointer}:host(:disabled),:host([disabled]){pointer-events:none}`;
|
|
3
3
|
//# sourceMappingURL=button.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.base.css.js","sourceRoot":"","sources":["../../../../../src/components/button/themes/button/button.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":"button.base.css.js","sourceRoot":"","sources":["../../../../../src/components/button/themes/button/button.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+hFAA+hF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--gap: max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem));display:inline-flex;vertical-align:middle}:host ::slotted(*){display:inline-flex;align-items:center;font-size:inherit !important}:host ::slotted(igc-icon){--component-size: var(--ig-size-small) !important}[part~=base]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);position:relative;display:inline-flex;align-items:center;justify-content:center;flex:1;border:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;white-space:nowrap;text-decoration:none;z-index:0;padding:0 max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));gap:var(--gap);min-width:5.5rem}:host(:not([disabled])) [part~=base]:hover,:host(:not(:disabled)) [part~=base]:hover{cursor:pointer}:host(:disabled),:host([disabled]){pointer-events:none}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host([variant=flat]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=outlined]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=contained]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=fab]) [part~=base]{border:.0625rem solid var(--border-color);border-radius:var(--border-radius);min-height:var(--size);min-width:var(--size);padding:0 max(var(--is-large, 1)*max(14px, -1 * 14px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(10px, -1 * 10px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(6px, -1 * 6px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}[part~=base]{transition:all .15s ease-in-out}[part~=base] ::slotted(igc-icon){color:var(--icon-color);transition:all .15s ease-in-out}:host(:not([disabled])[variant=flat]) [part~=base],:host(:not(:disabled)[variant=flat]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=flat]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=flat]) [part~=base]:hover,:host(:not(:disabled)[variant=flat]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=flat]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part~=base]:active,:host(:not(:disabled)[variant=flat]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=flat]) [part="base focused"],:host(:not(:disabled)[variant=flat]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=flat]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=flat]) [part="base focused"]:hover,:host(:not(:disabled)[variant=flat]) [part="base focused"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=flat]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part="base focused"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part="base focused"]:active,:host(:not(:disabled)[variant=flat]) [part="base focused"]:active{color:var(--focus-foreground);background:var(--focus-background)}:host(:not([disabled])[variant=outlined]) [part~=base],:host(:not(:disabled)[variant=outlined]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=outlined]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover,:host(:not(:disabled)[variant=outlined]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=outlined]) [part="base focused"],:host(:not(:disabled)[variant=outlined]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=outlined]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:hover,:host(:not(:disabled)[variant=outlined]) [part="base focused"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part="base focused"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:active,:host(:not(:disabled)[variant=outlined]) [part="base focused"]:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}:host(:not([disabled])[variant=contained]) [part~=base],:host(:not(:disabled)[variant=contained]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=contained]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=contained]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=contained]) [part="base focused"],:host(:not(:disabled)[variant=contained]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=contained]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=contained]) [part="base focused"]:hover,:host(:not(:disabled)[variant=contained]) [part="base focused"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=contained]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part="base focused"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part="base focused"]:active,:host(:not(:disabled)[variant=contained]) [part="base focused"]:active{color:var(--focus-foreground);background:var(--focus-background)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=fab]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=fab]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=fab]) [part="base focused"],:host(:not(:disabled)[variant=fab]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=fab]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=fab]) [part="base focused"]:hover,:host(:not(:disabled)[variant=fab]) [part="base focused"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=fab]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part="base focused"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part="base focused"]:active,:host(:not(:disabled)[variant=fab]) [part="base focused"]:active{color:var(--focus-foreground);background:var(--focus-background)}:host([disabled][variant=flat]) [part~=base],:host(:disabled[variant=flat]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background)}:host([disabled][variant=flat]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=flat]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=outlined]) [part~=base],:host(:disabled[variant=outlined]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background);border:.0625rem solid var(--disabled-border-color)}:host([disabled][variant=outlined]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=outlined]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=contained]) [part~=base],:host(:disabled[variant=contained]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background)}:host([disabled][variant=contained]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=contained]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=fab]) [part~=base],:host(:disabled[variant=fab]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background)}:host([disabled][variant=fab]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=fab]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}`;
|
|
2
|
+
export const styles = css `:host([variant=flat]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=outlined]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=contained]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=fab]) [part~=base]{border:.0625rem solid var(--border-color);border-radius:var(--border-radius);min-height:var(--size);min-width:var(--size);padding:0 max(var(--is-large, 1)*max(14px, -1 * 14px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(10px, -1 * 10px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(6px, -1 * 6px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part~=base]{transition:all .15s ease-in-out}[part~=base] ::slotted(igc-icon){color:var(--icon-color);transition:all .15s ease-in-out}:host(:not([disabled])[variant=flat]) [part~=base],:host(:not(:disabled)[variant=flat]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=flat]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=flat]) [part~=base]:hover,:host(:not(:disabled)[variant=flat]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=flat]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part~=base]:active,:host(:not(:disabled)[variant=flat]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=flat]) [part="base focused"],:host(:not(:disabled)[variant=flat]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=flat]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=flat]) [part="base focused"]:hover,:host(:not(:disabled)[variant=flat]) [part="base focused"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=flat]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part="base focused"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part="base focused"]:active,:host(:not(:disabled)[variant=flat]) [part="base focused"]:active{color:var(--focus-foreground);background:var(--focus-background)}:host(:not([disabled])[variant=outlined]) [part~=base],:host(:not(:disabled)[variant=outlined]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=outlined]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover,:host(:not(:disabled)[variant=outlined]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=outlined]) [part="base focused"],:host(:not(:disabled)[variant=outlined]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=outlined]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:hover,:host(:not(:disabled)[variant=outlined]) [part="base focused"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part="base focused"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:active,:host(:not(:disabled)[variant=outlined]) [part="base focused"]:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}:host(:not([disabled])[variant=contained]) [part~=base],:host(:not(:disabled)[variant=contained]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=contained]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=contained]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=contained]) [part="base focused"],:host(:not(:disabled)[variant=contained]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=contained]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=contained]) [part="base focused"]:hover,:host(:not(:disabled)[variant=contained]) [part="base focused"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=contained]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part="base focused"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part="base focused"]:active,:host(:not(:disabled)[variant=contained]) [part="base focused"]:active{color:var(--focus-foreground);background:var(--focus-background)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=fab]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=fab]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=fab]) [part="base focused"],:host(:not(:disabled)[variant=fab]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=fab]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=fab]) [part="base focused"]:hover,:host(:not(:disabled)[variant=fab]) [part="base focused"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=fab]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part="base focused"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part="base focused"]:active,:host(:not(:disabled)[variant=fab]) [part="base focused"]:active{color:var(--focus-foreground);background:var(--focus-background)}:host([disabled][variant=flat]) [part~=base],:host(:disabled[variant=flat]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background)}:host([disabled][variant=flat]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=flat]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=outlined]) [part~=base],:host(:disabled[variant=outlined]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background);border:.0625rem solid var(--disabled-border-color)}:host([disabled][variant=outlined]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=outlined]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=contained]) [part~=base],:host(:disabled[variant=contained]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background)}:host([disabled][variant=contained]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=contained]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=fab]) [part~=base],:host(:disabled[variant=fab]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background)}:host([disabled][variant=fab]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=fab]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}`;
|
|
3
3
|
//# sourceMappingURL=button.common.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/shared/button.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0vTAA0vT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=outlined]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=contained]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=fab]) [part~=base]{border:.0625rem solid var(--border-color);border-radius:var(--border-radius);min-height:var(--size);min-width:var(--size);padding:0 max(var(--is-large, 1)*max(14px, -1 * 14px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(10px, -1 * 10px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(6px, -1 * 6px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}[part~=base]{transition:all .15s ease-in-out}[part~=base] ::slotted(igc-icon){color:var(--icon-color);transition:all .15s ease-in-out}:host(:not([disabled])[variant=flat]) [part~=base],:host(:not(:disabled)[variant=flat]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=flat]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=flat]) [part~=base]:hover,:host(:not(:disabled)[variant=flat]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=flat]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part~=base]:active,:host(:not(:disabled)[variant=flat]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"],:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:active{color:var(--focus-foreground);background:var(--focus-background)}:host(:not([disabled])[variant=outlined]) [part~=base],:host(:not(:disabled)[variant=outlined]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=outlined]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover,:host(:not(:disabled)[variant=outlined]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"],:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}:host(:not([disabled])[variant=contained]) [part~=base],:host(:not(:disabled)[variant=contained]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=contained]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=contained]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"],:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:active{color:var(--focus-foreground);background:var(--focus-background)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=fab]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=fab]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"],:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:active{color:var(--focus-foreground);background:var(--focus-background)}:host([disabled][variant=flat]) [part~=base],:host(:disabled[variant=flat]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background)}:host([disabled][variant=flat]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=flat]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=outlined]) [part~=base],:host(:disabled[variant=outlined]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background);border:.0625rem solid var(--disabled-border-color)}:host([disabled][variant=outlined]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=outlined]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=contained]) [part~=base],:host(:disabled[variant=contained]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background)}:host([disabled][variant=contained]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=contained]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=fab]) [part~=base],:host(:disabled[variant=fab]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background)}:host([disabled][variant=fab]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=fab]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}`;\n"]}
|
|
1
|
+
{"version":3,"file":"button.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/shared/button.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mzTAAmzT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=outlined]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=contained]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=fab]) [part~=base]{border:.0625rem solid var(--border-color);border-radius:var(--border-radius);min-height:var(--size);min-width:var(--size);padding:0 max(var(--is-large, 1)*max(14px, -1 * 14px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(10px, -1 * 10px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(6px, -1 * 6px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part~=base]{transition:all .15s ease-in-out}[part~=base] ::slotted(igc-icon){color:var(--icon-color);transition:all .15s ease-in-out}:host(:not([disabled])[variant=flat]) [part~=base],:host(:not(:disabled)[variant=flat]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=flat]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=flat]) [part~=base]:hover,:host(:not(:disabled)[variant=flat]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=flat]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part~=base]:active,:host(:not(:disabled)[variant=flat]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"],:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:active{color:var(--focus-foreground);background:var(--focus-background)}:host(:not([disabled])[variant=outlined]) [part~=base],:host(:not(:disabled)[variant=outlined]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=outlined]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover,:host(:not(:disabled)[variant=outlined]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"],:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}:host(:not([disabled])[variant=contained]) [part~=base],:host(:not(:disabled)[variant=contained]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=contained]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=contained]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"],:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:active{color:var(--focus-foreground);background:var(--focus-background)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=fab]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=fab]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"],:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:active{color:var(--focus-foreground);background:var(--focus-background)}:host([disabled][variant=flat]) [part~=base],:host(:disabled[variant=flat]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background)}:host([disabled][variant=flat]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=flat]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=outlined]) [part~=base],:host(:disabled[variant=outlined]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background);border:.0625rem solid var(--disabled-border-color)}:host([disabled][variant=outlined]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=outlined]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=contained]) [part~=base],:host(:disabled[variant=contained]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background)}:host([disabled][variant=contained]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=contained]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=fab]) [part~=base],:host(:disabled[variant=fab]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background)}:host([disabled][variant=fab]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=fab]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host([variant=flat]){--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]) [part~=base]::after{border-radius:calc(var(--border-radius) - 0.125rem)}[part~=base]{padding:0 max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));transition:all .1s ease-in-out}[part="base focused"]::after{content:"";position:absolute;inset-block-start:.125rem;inset-inline-start:.125rem;pointer-events:none;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2)}:host(:not([disabled])[variant=flat]) [part="base focused"]::after,:host(:not(:disabled)[variant=flat]) [part="base focused"]::after{box-shadow:0 0 0 .0625rem var(--focus-visible-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base],:host(:not(:disabled)[variant=outlined]) [part~=base]{border:.0625rem solid var(--border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"]::after,:host(:not(:disabled)[variant=outlined]) [part="base focused"]::after{inset-block-start:.125rem;inset-inline-start:.125rem;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2);box-shadow:0 0 0 .0625rem var(--focus-visible-border-color)}:host(:not([disabled])[variant=contained]) [part="base focused"],:host(:not(:disabled)[variant=contained]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);position:relative}:host(:not([disabled])[variant=contained]) [part="base focused"]::after,:host(:not(:disabled)[variant=contained]) [part="base focused"]::after{box-shadow:0 0 0 1px var(--focus-visible-border-color)}:host(:not([disabled])[variant=fab]) [part="base focused"],:host(:not(:disabled)[variant=fab]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);position:relative}:host(:not([disabled])[variant=fab]) [part="base focused"]::after,:host(:not(:disabled)[variant=fab]) [part="base focused"]::after{box-shadow:0 0 0 1px var(--focus-visible-border-color)}`;
|
|
2
|
+
export const styles = css `:host([variant=flat]){--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]) [part~=base]::after{border-radius:calc(var(--border-radius) - 0.125rem)}[part~=base]{padding:0 max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));transition:all .1s ease-in-out}[part="base focused"]::after{content:"";position:absolute;inset-block-start:.125rem;inset-inline-start:.125rem;pointer-events:none;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2)}:host(:not([disabled])[variant=flat]) [part="base focused"]::after,:host(:not(:disabled)[variant=flat]) [part="base focused"]::after{box-shadow:0 0 0 .0625rem var(--focus-visible-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base],:host(:not(:disabled)[variant=outlined]) [part~=base]{border:.0625rem solid var(--border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"]::after,:host(:not(:disabled)[variant=outlined]) [part="base focused"]::after{inset-block-start:.125rem;inset-inline-start:.125rem;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2);box-shadow:0 0 0 .0625rem var(--focus-visible-border-color)}:host(:not([disabled])[variant=contained]) [part="base focused"],:host(:not(:disabled)[variant=contained]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);position:relative}:host(:not([disabled])[variant=contained]) [part="base focused"]::after,:host(:not(:disabled)[variant=contained]) [part="base focused"]::after{box-shadow:0 0 0 1px var(--focus-visible-border-color)}:host(:not([disabled])[variant=fab]) [part="base focused"],:host(:not(:disabled)[variant=fab]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);position:relative}:host(:not([disabled])[variant=fab]) [part="base focused"]::after,:host(:not(:disabled)[variant=fab]) [part="base focused"]::after{box-shadow:0 0 0 1px var(--focus-visible-border-color)}`;
|
|
3
3
|
//# sourceMappingURL=button.fluent.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/shared/button.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":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/shared/button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gmFAAgmF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]) [part~=base]::after{border-radius:calc(var(--border-radius) - 0.125rem)}[part~=base]{padding:0 max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));transition:all .1s ease-in-out}[part=\"base focused\"]::after{content:\"\";position:absolute;inset-block-start:.125rem;inset-inline-start:.125rem;pointer-events:none;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]::after,:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]::after{box-shadow:0 0 0 .0625rem var(--focus-visible-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base],:host(:not(:disabled)[variant=outlined]) [part~=base]{border:.0625rem solid var(--border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]::after,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]::after{inset-block-start:.125rem;inset-inline-start:.125rem;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2);box-shadow:0 0 0 .0625rem var(--focus-visible-border-color)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"],:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);position:relative}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]::after,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]::after{box-shadow:0 0 0 1px var(--focus-visible-border-color)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"],:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);position:relative}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]::after,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]::after{box-shadow:0 0 0 1px var(--focus-visible-border-color)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host [part~=base]{min-width:1.75rem;padding:0 max(var(--is-large, 1)*max(24px, -1 * 24px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(10px, -1 * 10px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host [part~=base] ::slotted(igc-icon){--component-size: var(--ig-size-medium) !important}:host([variant=flat]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]) [part~=base]{padding:0 max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host([variant=flat]) [part~=base],:host([variant=contained]) [part~=base],:host([variant=outlined]) [part~=base]{border-width:.125rem}:host(:not([disabled])[variant=flat]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part="base focused"],:host(:not(:disabled)[variant=flat]) [part="base focused"]{box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover,:host(:not(:disabled)[variant=outlined]) [part~=base]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part="base focused"],:host(:not(:disabled)[variant=outlined]) [part="base focused"]{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:hover,:host(:not(:disabled)[variant=outlined]) [part="base focused"]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:active,:host(:not(:disabled)[variant=outlined]) [part="base focused"]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part="base focused"],:host(:not(:disabled)[variant=contained]) [part="base focused"]{box-shadow:0 0 0 .1875rem var(--shadow-color);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=contained]) [part="base focused"]:hover,:host(:not(:disabled)[variant=contained]) [part="base focused"]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=contained]) [part="base focused"]:active,:host(:not(:disabled)[variant=contained]) [part="base focused"]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{border-color:var(--border-color);min-width:var(--size);min-height:var(--size)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=fab]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part="base focused"],:host(:not(:disabled)[variant=fab]) [part="base focused"]{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=fab]) [part="base focused"]:hover,:host(:not(:disabled)[variant=fab]) [part="base focused"]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=fab]) [part="base focused"]:active,:host(:not(:disabled)[variant=fab]) [part="base focused"]:active{border-color:var(--active-border-color)}:host([disabled][variant=outlined]) [part~=base],:host(:disabled[variant=outlined]) [part~=base]{border-color:var(--disabled-border-color);border-width:.125rem}`;
|
|
2
|
+
export const styles = css `:host [part~=base]{min-width:1.75rem;padding:0 max(var(--is-large, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(10px, -1 * 10px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host [part~=base] ::slotted(igc-icon){--component-size: var(--ig-size-medium) !important}:host([variant=flat]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]) [part~=base]{padding:0 max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([variant=flat]) [part~=base],:host([variant=contained]) [part~=base],:host([variant=outlined]) [part~=base]{border-width:.125rem}:host(:not([disabled])[variant=flat]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part="base focused"],:host(:not(:disabled)[variant=flat]) [part="base focused"]{box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover,:host(:not(:disabled)[variant=outlined]) [part~=base]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part="base focused"],:host(:not(:disabled)[variant=outlined]) [part="base focused"]{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:hover,:host(:not(:disabled)[variant=outlined]) [part="base focused"]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:active,:host(:not(:disabled)[variant=outlined]) [part="base focused"]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part="base focused"],:host(:not(:disabled)[variant=contained]) [part="base focused"]{box-shadow:0 0 0 .1875rem var(--shadow-color);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=contained]) [part="base focused"]:hover,:host(:not(:disabled)[variant=contained]) [part="base focused"]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=contained]) [part="base focused"]:active,:host(:not(:disabled)[variant=contained]) [part="base focused"]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{border-color:var(--border-color);min-width:var(--size);min-height:var(--size)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=fab]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part="base focused"],:host(:not(:disabled)[variant=fab]) [part="base focused"]{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=fab]) [part="base focused"]:hover,:host(:not(:disabled)[variant=fab]) [part="base focused"]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=fab]) [part="base focused"]:active,:host(:not(:disabled)[variant=fab]) [part="base focused"]:active{border-color:var(--active-border-color)}:host([disabled][variant=outlined]) [part~=base],:host(:disabled[variant=outlined]) [part~=base]{border-color:var(--disabled-border-color);border-width:.125rem}`;
|
|
3
3
|
//# sourceMappingURL=button.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/shared/button.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":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/shared/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qnLAAqnL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part~=base]{min-width:1.75rem;padding:0 max(var(--is-large, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(10px, -1 * 10px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host [part~=base] ::slotted(igc-icon){--component-size: var(--ig-size-medium) !important}:host([variant=flat]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]) [part~=base]{padding:0 max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([variant=flat]) [part~=base],:host([variant=contained]) [part~=base],:host([variant=outlined]) [part~=base]{border-width:.125rem}:host(:not([disabled])[variant=flat]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"],:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]{box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover,:host(:not(:disabled)[variant=outlined]) [part~=base]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"],:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"],:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]{box-shadow:0 0 0 .1875rem var(--shadow-color);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{border-color:var(--border-color);min-width:var(--size);min-height:var(--size)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=fab]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"],:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:active{border-color:var(--active-border-color)}:host([disabled][variant=outlined]) [part~=base],:host(:disabled[variant=outlined]) [part~=base]{border-color:var(--disabled-border-color);border-width:.125rem}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--icon-size: 1.125rem;display:inline-flex;vertical-align:middle;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}::slotted(:not(igc-ripple)){--icon-size: 1.125rem;font-size:var(--icon-size) !important;vertical-align:middle;pointer-events:none}[part=icon]{--size: 1.125rem}[part~=base]{display:flex;align-items:center;justify-content:center;border:none;outline-style:none;background:rgba(0,0,0,0);padding:max(var(--is-large, 1)*max(6px, -1 * 6px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(5px, -1 * 5px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;transition:box-shadow .2s ease-in,background .15s ease-out;transition-delay:.05s;font-size:var(--icon-size);line-height:1}:host([disabled]),:host(:disabled){pointer-events:none}`;
|
|
2
|
+
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--icon-size: 1.125rem;display:inline-flex;vertical-align:middle;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}::slotted(:not(igc-ripple)){--icon-size: 1.125rem;font-size:var(--icon-size) !important;vertical-align:middle;pointer-events:none}[part=icon]{--size: 1.125rem}[part~=base]{display:flex;align-items:center;justify-content:center;border:none;outline-style:none;background:rgba(0,0,0,0);padding:max(var(--is-large, 1)*max(6px, -1 * 6px)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(5px, -1 * 5px)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;transition:box-shadow .2s ease-in,background .15s ease-out;transition-delay:.05s;font-size:var(--icon-size);line-height:1}:host([disabled]),:host(:disabled){pointer-events:none}`;
|
|
3
3
|
//# sourceMappingURL=icon-button.base.css.js.map
|