igniteui-webcomponents 5.3.0-beta.2 → 5.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +20 -0
- package/animations/player.js.map +1 -1
- package/components/avatar/themes/dark/avatar.bootstrap.css.js +1 -1
- package/components/avatar/themes/dark/avatar.bootstrap.css.js.map +1 -1
- package/components/avatar/themes/dark/avatar.fluent.css.js +1 -1
- package/components/avatar/themes/dark/avatar.fluent.css.js.map +1 -1
- package/components/avatar/themes/dark/avatar.indigo.css.js +1 -1
- package/components/avatar/themes/dark/avatar.indigo.css.js.map +1 -1
- package/components/avatar/themes/dark/avatar.material.css.js +1 -1
- package/components/avatar/themes/dark/avatar.material.css.js.map +1 -1
- package/components/avatar/themes/light/avatar.bootstrap.css.js +1 -1
- package/components/avatar/themes/light/avatar.bootstrap.css.js.map +1 -1
- package/components/avatar/themes/light/avatar.fluent.css.js +1 -1
- package/components/avatar/themes/light/avatar.fluent.css.js.map +1 -1
- package/components/avatar/themes/light/avatar.indigo.css.js +1 -1
- package/components/avatar/themes/light/avatar.indigo.css.js.map +1 -1
- package/components/avatar/themes/light/avatar.material.css.js +1 -1
- package/components/avatar/themes/light/avatar.material.css.js.map +1 -1
- package/components/badge/themes/dark/badge.bootstrap.css.js +1 -1
- package/components/badge/themes/dark/badge.bootstrap.css.js.map +1 -1
- package/components/badge/themes/dark/badge.fluent.css.js +1 -1
- package/components/badge/themes/dark/badge.fluent.css.js.map +1 -1
- package/components/badge/themes/dark/badge.indigo.css.js +1 -1
- package/components/badge/themes/dark/badge.indigo.css.js.map +1 -1
- package/components/badge/themes/dark/badge.material.css.js +1 -1
- package/components/badge/themes/dark/badge.material.css.js.map +1 -1
- package/components/badge/themes/light/badge.bootstrap.css.js +1 -1
- package/components/badge/themes/light/badge.bootstrap.css.js.map +1 -1
- package/components/badge/themes/light/badge.fluent.css.js +1 -1
- package/components/badge/themes/light/badge.fluent.css.js.map +1 -1
- package/components/badge/themes/light/badge.indigo.css.js +1 -1
- package/components/badge/themes/light/badge.indigo.css.js.map +1 -1
- package/components/badge/themes/light/badge.material.css.js +1 -1
- package/components/badge/themes/light/badge.material.css.js.map +1 -1
- package/components/banner/themes/dark/banner.bootstrap.css.js +1 -1
- package/components/banner/themes/dark/banner.bootstrap.css.js.map +1 -1
- package/components/banner/themes/dark/banner.fluent.css.js +1 -1
- package/components/banner/themes/dark/banner.fluent.css.js.map +1 -1
- package/components/banner/themes/dark/banner.indigo.css.js +1 -1
- package/components/banner/themes/dark/banner.indigo.css.js.map +1 -1
- package/components/banner/themes/dark/banner.material.css.js +1 -1
- package/components/banner/themes/dark/banner.material.css.js.map +1 -1
- package/components/banner/themes/light/banner.bootstrap.css.js +1 -1
- package/components/banner/themes/light/banner.bootstrap.css.js.map +1 -1
- package/components/banner/themes/light/banner.fluent.css.js +1 -1
- package/components/banner/themes/light/banner.fluent.css.js.map +1 -1
- package/components/banner/themes/light/banner.indigo.css.js +1 -1
- package/components/banner/themes/light/banner.indigo.css.js.map +1 -1
- package/components/banner/themes/light/banner.material.css.js +1 -1
- package/components/banner/themes/light/banner.material.css.js.map +1 -1
- package/components/button/themes/button/dark/button.bootstrap.css.js +1 -1
- package/components/button/themes/button/dark/button.bootstrap.css.js.map +1 -1
- package/components/button/themes/button/dark/button.fluent.css.js +1 -1
- package/components/button/themes/button/dark/button.fluent.css.js.map +1 -1
- package/components/button/themes/button/dark/button.indigo.css.js +1 -1
- package/components/button/themes/button/dark/button.indigo.css.js.map +1 -1
- package/components/button/themes/button/dark/button.material.css.js +1 -1
- package/components/button/themes/button/dark/button.material.css.js.map +1 -1
- package/components/button/themes/button/light/button.bootstrap.css.js +1 -1
- package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -1
- package/components/button/themes/button/light/button.fluent.css.js +1 -1
- package/components/button/themes/button/light/button.fluent.css.js.map +1 -1
- package/components/button/themes/button/light/button.indigo.css.js +1 -1
- package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
- package/components/button/themes/button/light/button.material.css.js +1 -1
- package/components/button/themes/button/light/button.material.css.js.map +1 -1
- package/components/button/themes/icon-button/dark/icon-button.bootstrap.css.js +1 -1
- package/components/button/themes/icon-button/dark/icon-button.bootstrap.css.js.map +1 -1
- package/components/button/themes/icon-button/dark/icon-button.fluent.css.js +1 -1
- package/components/button/themes/icon-button/dark/icon-button.fluent.css.js.map +1 -1
- package/components/button/themes/icon-button/dark/icon-button.indigo.css.js +1 -1
- package/components/button/themes/icon-button/dark/icon-button.indigo.css.js.map +1 -1
- package/components/button/themes/icon-button/dark/icon-button.material.css.js +1 -1
- package/components/button/themes/icon-button/dark/icon-button.material.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js +1 -1
- package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.fluent.css.js +1 -1
- package/components/button/themes/icon-button/light/icon-button.fluent.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.indigo.css.js +1 -1
- package/components/button/themes/icon-button/light/icon-button.indigo.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.material.css.js +1 -1
- package/components/button/themes/icon-button/light/icon-button.material.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.common.css.js +1 -1
- package/components/button/themes/icon-button/shared/icon-button.common.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/dark/button-group.bootstrap.css.js +1 -1
- package/components/button-group/themes/dark/button-group.bootstrap.css.js.map +1 -1
- package/components/button-group/themes/dark/button-group.fluent.css.js +1 -1
- package/components/button-group/themes/dark/button-group.fluent.css.js.map +1 -1
- package/components/button-group/themes/dark/button-group.indigo.css.js +1 -1
- package/components/button-group/themes/dark/button-group.indigo.css.js.map +1 -1
- package/components/button-group/themes/dark/button-group.material.css.js +1 -1
- package/components/button-group/themes/dark/button-group.material.css.js.map +1 -1
- package/components/button-group/themes/light/button-group.bootstrap.css.js +1 -1
- package/components/button-group/themes/light/button-group.bootstrap.css.js.map +1 -1
- package/components/button-group/themes/light/button-group.fluent.css.js +1 -1
- package/components/button-group/themes/light/button-group.fluent.css.js.map +1 -1
- package/components/button-group/themes/light/button-group.indigo.css.js +1 -1
- package/components/button-group/themes/light/button-group.indigo.css.js.map +1 -1
- package/components/button-group/themes/light/button-group.material.css.js +1 -1
- package/components/button-group/themes/light/button-group.material.css.js.map +1 -1
- package/components/calendar/themes/dark/calendar.bootstrap.css.js +1 -1
- package/components/calendar/themes/dark/calendar.bootstrap.css.js.map +1 -1
- package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
- package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
- package/components/calendar/themes/dark/calendar.indigo.css.js +1 -1
- package/components/calendar/themes/dark/calendar.indigo.css.js.map +1 -1
- package/components/calendar/themes/dark/calendar.material.css.js +1 -1
- package/components/calendar/themes/dark/calendar.material.css.js.map +1 -1
- package/components/calendar/themes/light/calendar.bootstrap.css.js +1 -1
- package/components/calendar/themes/light/calendar.bootstrap.css.js.map +1 -1
- package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
- package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
- package/components/calendar/themes/light/calendar.indigo.css.js +1 -1
- package/components/calendar/themes/light/calendar.indigo.css.js.map +1 -1
- package/components/calendar/themes/light/calendar.material.css.js +1 -1
- package/components/calendar/themes/light/calendar.material.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/fluent/days-view.fluent.css.js +1 -1
- package/components/calendar/themes/shared/fluent/days-view.fluent.css.js.map +1 -1
- package/components/calendar/themes/shared/indigo/days-view.indigo.css.js +1 -1
- package/components/calendar/themes/shared/indigo/days-view.indigo.css.js.map +1 -1
- package/components/calendar/themes/shared/material/days-view.material.css.js +1 -1
- package/components/calendar/themes/shared/material/days-view.material.css.js.map +1 -1
- package/components/card/themes/dark/card.bootstrap.css.js +1 -1
- package/components/card/themes/dark/card.bootstrap.css.js.map +1 -1
- package/components/card/themes/dark/card.fluent.css.js +1 -1
- package/components/card/themes/dark/card.fluent.css.js.map +1 -1
- package/components/card/themes/dark/card.indigo.css.js +1 -1
- package/components/card/themes/dark/card.indigo.css.js.map +1 -1
- package/components/card/themes/dark/card.material.css.js +1 -1
- package/components/card/themes/dark/card.material.css.js.map +1 -1
- package/components/card/themes/light/container/card.bootstrap.css.js +1 -1
- package/components/card/themes/light/container/card.bootstrap.css.js.map +1 -1
- package/components/card/themes/light/container/card.fluent.css.js +1 -1
- package/components/card/themes/light/container/card.fluent.css.js.map +1 -1
- package/components/card/themes/light/container/card.indigo.css.js +1 -1
- package/components/card/themes/light/container/card.indigo.css.js.map +1 -1
- package/components/card/themes/light/container/card.material.css.js +1 -1
- package/components/card/themes/light/container/card.material.css.js.map +1 -1
- package/components/carousel/themes/dark/carousel.bootstrap.css.js +1 -1
- package/components/carousel/themes/dark/carousel.bootstrap.css.js.map +1 -1
- package/components/carousel/themes/dark/carousel.fluent.css.js +1 -1
- package/components/carousel/themes/dark/carousel.fluent.css.js.map +1 -1
- package/components/carousel/themes/dark/carousel.indigo.css.js +1 -1
- package/components/carousel/themes/dark/carousel.indigo.css.js.map +1 -1
- package/components/carousel/themes/dark/carousel.material.css.js +1 -1
- package/components/carousel/themes/dark/carousel.material.css.js.map +1 -1
- package/components/carousel/themes/light/carousel.bootstrap.css.js +1 -1
- package/components/carousel/themes/light/carousel.bootstrap.css.js.map +1 -1
- package/components/carousel/themes/light/carousel.fluent.css.js +1 -1
- package/components/carousel/themes/light/carousel.fluent.css.js.map +1 -1
- package/components/carousel/themes/light/carousel.indigo.css.js +1 -1
- package/components/carousel/themes/light/carousel.indigo.css.js.map +1 -1
- package/components/carousel/themes/light/carousel.material.css.js +1 -1
- package/components/carousel/themes/light/carousel.material.css.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/checkbox/checkbox.indigo.css.js +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.material.css.js +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.material.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/checkbox/checkbox.bootstrap.css.js +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.fluent.css.js +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.material.css.js +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.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/chip/themes/dark/chip.bootstrap.css.js +1 -1
- package/components/chip/themes/dark/chip.bootstrap.css.js.map +1 -1
- package/components/chip/themes/dark/chip.fluent.css.js +1 -1
- package/components/chip/themes/dark/chip.fluent.css.js.map +1 -1
- package/components/chip/themes/dark/chip.indigo.css.js +1 -1
- package/components/chip/themes/dark/chip.indigo.css.js.map +1 -1
- package/components/chip/themes/dark/chip.material.css.js +1 -1
- package/components/chip/themes/dark/chip.material.css.js.map +1 -1
- package/components/chip/themes/light/chip.bootstrap.css.js +1 -1
- package/components/chip/themes/light/chip.bootstrap.css.js.map +1 -1
- package/components/chip/themes/light/chip.fluent.css.js +1 -1
- package/components/chip/themes/light/chip.fluent.css.js.map +1 -1
- package/components/chip/themes/light/chip.indigo.css.js +1 -1
- package/components/chip/themes/light/chip.indigo.css.js.map +1 -1
- package/components/chip/themes/light/chip.material.css.js +1 -1
- package/components/chip/themes/light/chip.material.css.js.map +1 -1
- package/components/combo/themes/dark/combo.bootstrap.css.js +1 -1
- package/components/combo/themes/dark/combo.bootstrap.css.js.map +1 -1
- package/components/combo/themes/dark/combo.fluent.css.js +1 -1
- package/components/combo/themes/dark/combo.fluent.css.js.map +1 -1
- package/components/combo/themes/dark/combo.indigo.css.js +1 -1
- package/components/combo/themes/dark/combo.indigo.css.js.map +1 -1
- package/components/combo/themes/dark/combo.material.css.js +1 -1
- package/components/combo/themes/dark/combo.material.css.js.map +1 -1
- package/components/combo/themes/light/combo.bootstrap.css.js +1 -1
- package/components/combo/themes/light/combo.bootstrap.css.js.map +1 -1
- package/components/combo/themes/light/combo.fluent.css.js +1 -1
- package/components/combo/themes/light/combo.fluent.css.js.map +1 -1
- package/components/combo/themes/light/combo.indigo.css.js +1 -1
- package/components/combo/themes/light/combo.indigo.css.js.map +1 -1
- package/components/combo/themes/light/combo.material.css.js +1 -1
- package/components/combo/themes/light/combo.material.css.js.map +1 -1
- package/components/combo/themes/light/combo.shared.css.js +1 -1
- package/components/combo/themes/light/combo.shared.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/drag.d.ts +3 -4
- package/components/common/controllers/drag.js +39 -25
- package/components/common/controllers/drag.js.map +1 -1
- package/components/common/util.d.ts +2 -6
- package/components/common/util.js +8 -7
- package/components/common/util.js.map +1 -1
- package/components/date-picker/themes/dark/date-picker.bootstrap.css.js +1 -1
- package/components/date-picker/themes/dark/date-picker.bootstrap.css.js.map +1 -1
- package/components/date-picker/themes/dark/date-picker.fluent.css.js +1 -1
- package/components/date-picker/themes/dark/date-picker.fluent.css.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/dark/date-picker.material.css.js +1 -1
- package/components/date-picker/themes/dark/date-picker.material.css.js.map +1 -1
- package/components/date-picker/themes/light/date-picker.bootstrap.css.js +1 -1
- package/components/date-picker/themes/light/date-picker.bootstrap.css.js.map +1 -1
- package/components/date-picker/themes/light/date-picker.fluent.css.js +1 -1
- package/components/date-picker/themes/light/date-picker.fluent.css.js.map +1 -1
- package/components/date-picker/themes/light/date-picker.indigo.css.js +1 -1
- package/components/date-picker/themes/light/date-picker.indigo.css.js.map +1 -1
- package/components/date-picker/themes/light/date-picker.material.css.js +1 -1
- package/components/date-picker/themes/light/date-picker.material.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.indigo.css.js +1 -1
- package/components/date-picker/themes/shared/date-picker.indigo.css.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/dark/dialog.fluent.css.js +1 -1
- package/components/dialog/themes/dark/dialog.fluent.css.js.map +1 -1
- package/components/dialog/themes/dark/dialog.indigo.css.js +1 -1
- package/components/dialog/themes/dark/dialog.indigo.css.js.map +1 -1
- package/components/dialog/themes/dark/dialog.material.css.js +1 -1
- package/components/dialog/themes/dark/dialog.material.css.js.map +1 -1
- package/components/dialog/themes/light/dialog.bootstrap.css.js +1 -1
- package/components/dialog/themes/light/dialog.bootstrap.css.js.map +1 -1
- package/components/dialog/themes/light/dialog.fluent.css.js +1 -1
- package/components/dialog/themes/light/dialog.fluent.css.js.map +1 -1
- package/components/dialog/themes/light/dialog.indigo.css.js +1 -1
- package/components/dialog/themes/light/dialog.indigo.css.js.map +1 -1
- package/components/dialog/themes/light/dialog.material.css.js +1 -1
- package/components/dialog/themes/light/dialog.material.css.js.map +1 -1
- package/components/divider/themes/dark/divider.bootstrap.css.js +1 -1
- package/components/divider/themes/dark/divider.bootstrap.css.js.map +1 -1
- package/components/divider/themes/dark/divider.fluent.css.js +1 -1
- package/components/divider/themes/dark/divider.fluent.css.js.map +1 -1
- package/components/divider/themes/dark/divider.indigo.css.js +1 -1
- package/components/divider/themes/dark/divider.indigo.css.js.map +1 -1
- package/components/divider/themes/dark/divider.material.css.js +1 -1
- package/components/divider/themes/dark/divider.material.css.js.map +1 -1
- package/components/divider/themes/light/divider.bootstrap.css.js +1 -1
- package/components/divider/themes/light/divider.bootstrap.css.js.map +1 -1
- package/components/divider/themes/light/divider.fluent.css.js +1 -1
- package/components/divider/themes/light/divider.fluent.css.js.map +1 -1
- package/components/divider/themes/light/divider.indigo.css.js +1 -1
- package/components/divider/themes/light/divider.indigo.css.js.map +1 -1
- package/components/divider/themes/light/divider.material.css.js +1 -1
- package/components/divider/themes/light/divider.material.css.js.map +1 -1
- package/components/dropdown/themes/dark/dropdown.bootstrap.css.js +1 -1
- package/components/dropdown/themes/dark/dropdown.bootstrap.css.js.map +1 -1
- package/components/dropdown/themes/dark/dropdown.fluent.css.js +1 -1
- package/components/dropdown/themes/dark/dropdown.fluent.css.js.map +1 -1
- package/components/dropdown/themes/dark/dropdown.indigo.css.js +1 -1
- package/components/dropdown/themes/dark/dropdown.indigo.css.js.map +1 -1
- package/components/dropdown/themes/dark/dropdown.material.css.js +1 -1
- package/components/dropdown/themes/dark/dropdown.material.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown.bootstrap.css.js +1 -1
- package/components/dropdown/themes/light/dropdown.bootstrap.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown.fluent.css.js +1 -1
- package/components/dropdown/themes/light/dropdown.fluent.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown.indigo.css.js +1 -1
- package/components/dropdown/themes/light/dropdown.indigo.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown.material.css.js +1 -1
- package/components/dropdown/themes/light/dropdown.material.css.js.map +1 -1
- package/components/expansion-panel/themes/dark/expansion-panel.bootstrap.css.js +1 -1
- package/components/expansion-panel/themes/dark/expansion-panel.bootstrap.css.js.map +1 -1
- package/components/expansion-panel/themes/dark/expansion-panel.fluent.css.js +1 -1
- package/components/expansion-panel/themes/dark/expansion-panel.fluent.css.js.map +1 -1
- package/components/expansion-panel/themes/dark/expansion-panel.indigo.css.js +1 -1
- package/components/expansion-panel/themes/dark/expansion-panel.indigo.css.js.map +1 -1
- package/components/expansion-panel/themes/dark/expansion-panel.material.css.js +1 -1
- package/components/expansion-panel/themes/dark/expansion-panel.material.css.js.map +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js.map +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.fluent.css.js +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.fluent.css.js.map +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.indigo.css.js +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.indigo.css.js.map +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.material.css.js +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.material.css.js.map +1 -1
- package/components/icon/internal-icons-lib.js +14 -14
- package/components/icon/internal-icons-lib.js.map +1 -1
- package/components/icon/themes/dark/icon.bootstrap.css.js +1 -1
- package/components/icon/themes/dark/icon.bootstrap.css.js.map +1 -1
- package/components/icon/themes/dark/icon.fluent.css.js +1 -1
- package/components/icon/themes/dark/icon.fluent.css.js.map +1 -1
- package/components/icon/themes/dark/icon.indigo.css.js +1 -1
- package/components/icon/themes/dark/icon.indigo.css.js.map +1 -1
- package/components/icon/themes/dark/icon.material.css.js +1 -1
- package/components/icon/themes/dark/icon.material.css.js.map +1 -1
- package/components/icon/themes/light/icon.bootstrap.css.js +1 -1
- package/components/icon/themes/light/icon.bootstrap.css.js.map +1 -1
- package/components/icon/themes/light/icon.fluent.css.js +1 -1
- package/components/icon/themes/light/icon.fluent.css.js.map +1 -1
- package/components/icon/themes/light/icon.indigo.css.js +1 -1
- package/components/icon/themes/light/icon.indigo.css.js.map +1 -1
- package/components/icon/themes/light/icon.material.css.js +1 -1
- package/components/icon/themes/light/icon.material.css.js.map +1 -1
- package/components/input/themes/dark/input.bootstrap.css.js +1 -1
- package/components/input/themes/dark/input.bootstrap.css.js.map +1 -1
- package/components/input/themes/dark/input.fluent.css.js +1 -1
- package/components/input/themes/dark/input.fluent.css.js.map +1 -1
- package/components/input/themes/dark/input.indigo.css.js +1 -1
- package/components/input/themes/dark/input.indigo.css.js.map +1 -1
- package/components/input/themes/dark/input.material.css.js +1 -1
- package/components/input/themes/dark/input.material.css.js.map +1 -1
- package/components/input/themes/light/input.bootstrap.css.js +1 -1
- package/components/input/themes/light/input.bootstrap.css.js.map +1 -1
- package/components/input/themes/light/input.fluent.css.js +1 -1
- package/components/input/themes/light/input.fluent.css.js.map +1 -1
- package/components/input/themes/light/input.indigo.css.js +1 -1
- package/components/input/themes/light/input.indigo.css.js.map +1 -1
- package/components/input/themes/light/input.material.css.js +1 -1
- package/components/input/themes/light/input.material.css.js.map +1 -1
- package/components/input/themes/light/input.shared.css.js +1 -1
- package/components/input/themes/light/input.shared.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/list-item.d.ts +5 -0
- package/components/list/list-item.js +5 -0
- package/components/list/list-item.js.map +1 -1
- package/components/list/themes/dark/container/list.bootstrap.css.js +1 -1
- package/components/list/themes/dark/container/list.bootstrap.css.js.map +1 -1
- package/components/list/themes/dark/container/list.fluent.css.js +1 -1
- package/components/list/themes/dark/container/list.fluent.css.js.map +1 -1
- package/components/list/themes/dark/container/list.indigo.css.js +1 -1
- package/components/list/themes/dark/container/list.indigo.css.js.map +1 -1
- package/components/list/themes/dark/container/list.material.css.js +1 -1
- package/components/list/themes/dark/container/list.material.css.js.map +1 -1
- package/components/list/themes/dark/container/list.shared.css.js +1 -1
- package/components/list/themes/dark/container/list.shared.css.js.map +1 -1
- package/components/list/themes/dark/header/list-header.bootstrap.css.js +1 -1
- package/components/list/themes/dark/header/list-header.bootstrap.css.js.map +1 -1
- package/components/list/themes/dark/header/list-header.fluent.css.js +1 -1
- package/components/list/themes/dark/header/list-header.fluent.css.js.map +1 -1
- package/components/list/themes/dark/header/list-header.indigo.css.js +1 -1
- package/components/list/themes/dark/header/list-header.indigo.css.js.map +1 -1
- package/components/list/themes/dark/header/list-header.material.css.js +1 -1
- package/components/list/themes/dark/header/list-header.material.css.js.map +1 -1
- package/components/list/themes/dark/item/list-item.bootstrap.css.js +1 -1
- package/components/list/themes/dark/item/list-item.bootstrap.css.js.map +1 -1
- package/components/list/themes/dark/item/list-item.fluent.css.js +1 -1
- package/components/list/themes/dark/item/list-item.fluent.css.js.map +1 -1
- package/components/list/themes/dark/item/list-item.indigo.css.js +1 -1
- package/components/list/themes/dark/item/list-item.indigo.css.js.map +1 -1
- package/components/list/themes/dark/item/list-item.material.css.js +1 -1
- package/components/list/themes/dark/item/list-item.material.css.js.map +1 -1
- package/components/list/themes/light/container/list.bootstrap.css.js +1 -1
- package/components/list/themes/light/container/list.bootstrap.css.js.map +1 -1
- package/components/list/themes/light/container/list.fluent.css.js +1 -1
- package/components/list/themes/light/container/list.fluent.css.js.map +1 -1
- package/components/list/themes/light/container/list.indigo.css.js +1 -1
- package/components/list/themes/light/container/list.indigo.css.js.map +1 -1
- package/components/list/themes/light/container/list.material.css.js +1 -1
- package/components/list/themes/light/container/list.material.css.js.map +1 -1
- package/components/list/themes/light/container/list.shared.css.js +1 -1
- package/components/list/themes/light/container/list.shared.css.js.map +1 -1
- package/components/list/themes/light/header/list-header.bootstrap.css.js +1 -1
- package/components/list/themes/light/header/list-header.bootstrap.css.js.map +1 -1
- package/components/list/themes/light/header/list-header.fluent.css.js +1 -1
- package/components/list/themes/light/header/list-header.fluent.css.js.map +1 -1
- package/components/list/themes/light/header/list-header.indigo.css.js +1 -1
- package/components/list/themes/light/header/list-header.indigo.css.js.map +1 -1
- package/components/list/themes/light/header/list-header.material.css.js +1 -1
- package/components/list/themes/light/header/list-header.material.css.js.map +1 -1
- package/components/list/themes/light/item/list-item.bootstrap.css.js +1 -1
- package/components/list/themes/light/item/list-item.bootstrap.css.js.map +1 -1
- package/components/list/themes/light/item/list-item.fluent.css.js +1 -1
- package/components/list/themes/light/item/list-item.fluent.css.js.map +1 -1
- package/components/list/themes/light/item/list-item.indigo.css.js +1 -1
- package/components/list/themes/light/item/list-item.indigo.css.js.map +1 -1
- package/components/list/themes/light/item/list-item.material.css.js +1 -1
- package/components/list/themes/light/item/list-item.material.css.js.map +1 -1
- package/components/list/themes/shared/item/list-item.common.css.js +1 -1
- package/components/list/themes/shared/item/list-item.common.css.js.map +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.bootstrap.css.js +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.bootstrap.css.js.map +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.js +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.js.map +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.indigo.css.js +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.indigo.css.js.map +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.material.css.js +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.material.css.js.map +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.bootstrap.css.js +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.bootstrap.css.js.map +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js.map +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.indigo.css.js +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.indigo.css.js.map +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js.map +1 -1
- package/components/navbar/themes/dark/navbar.bootstrap.css.js +1 -1
- package/components/navbar/themes/dark/navbar.bootstrap.css.js.map +1 -1
- package/components/navbar/themes/dark/navbar.fluent.css.js +1 -1
- package/components/navbar/themes/dark/navbar.fluent.css.js.map +1 -1
- package/components/navbar/themes/dark/navbar.indigo.css.js +1 -1
- package/components/navbar/themes/dark/navbar.indigo.css.js.map +1 -1
- package/components/navbar/themes/dark/navbar.material.css.js +1 -1
- package/components/navbar/themes/dark/navbar.material.css.js.map +1 -1
- package/components/navbar/themes/light/navbar.bootstrap.css.js +1 -1
- package/components/navbar/themes/light/navbar.bootstrap.css.js.map +1 -1
- package/components/navbar/themes/light/navbar.fluent.css.js +1 -1
- package/components/navbar/themes/light/navbar.fluent.css.js.map +1 -1
- package/components/navbar/themes/light/navbar.indigo.css.js +1 -1
- package/components/navbar/themes/light/navbar.indigo.css.js.map +1 -1
- package/components/navbar/themes/light/navbar.material.css.js +1 -1
- package/components/navbar/themes/light/navbar.material.css.js.map +1 -1
- package/components/popover/popover.js +1 -5
- package/components/popover/popover.js.map +1 -1
- package/components/progress/themes/circular/dark/circular.progress.bootstrap.css.js +1 -1
- package/components/progress/themes/circular/dark/circular.progress.bootstrap.css.js.map +1 -1
- package/components/progress/themes/circular/dark/circular.progress.fluent.css.js +1 -1
- package/components/progress/themes/circular/dark/circular.progress.fluent.css.js.map +1 -1
- package/components/progress/themes/circular/dark/circular.progress.indigo.css.js +1 -1
- package/components/progress/themes/circular/dark/circular.progress.indigo.css.js.map +1 -1
- package/components/progress/themes/circular/dark/circular.progress.material.css.js +1 -1
- package/components/progress/themes/circular/dark/circular.progress.material.css.js.map +1 -1
- package/components/progress/themes/circular/light/circular.progress.bootstrap.css.js +1 -1
- package/components/progress/themes/circular/light/circular.progress.bootstrap.css.js.map +1 -1
- package/components/progress/themes/circular/light/circular.progress.fluent.css.js +1 -1
- package/components/progress/themes/circular/light/circular.progress.fluent.css.js.map +1 -1
- package/components/progress/themes/circular/light/circular.progress.indigo.css.js +1 -1
- package/components/progress/themes/circular/light/circular.progress.indigo.css.js.map +1 -1
- package/components/progress/themes/circular/light/circular.progress.material.css.js +1 -1
- package/components/progress/themes/circular/light/circular.progress.material.css.js.map +1 -1
- package/components/progress/themes/circular/light/circular.progress.shared.css.js +1 -1
- package/components/progress/themes/circular/light/circular.progress.shared.css.js.map +1 -1
- package/components/progress/themes/circular/shared/circular.progress.common.css.js +1 -1
- package/components/progress/themes/circular/shared/circular.progress.common.css.js.map +1 -1
- package/components/progress/themes/linear/dark/linear.progress.bootstrap.css.js +1 -1
- package/components/progress/themes/linear/dark/linear.progress.bootstrap.css.js.map +1 -1
- package/components/progress/themes/linear/dark/linear.progress.fluent.css.js +1 -1
- package/components/progress/themes/linear/dark/linear.progress.fluent.css.js.map +1 -1
- package/components/progress/themes/linear/dark/linear.progress.indigo.css.js +1 -1
- package/components/progress/themes/linear/dark/linear.progress.indigo.css.js.map +1 -1
- package/components/progress/themes/linear/dark/linear.progress.material.css.js +1 -1
- package/components/progress/themes/linear/dark/linear.progress.material.css.js.map +1 -1
- package/components/progress/themes/linear/light/linear.progress.bootstrap.css.js +1 -1
- package/components/progress/themes/linear/light/linear.progress.bootstrap.css.js.map +1 -1
- package/components/progress/themes/linear/light/linear.progress.fluent.css.js +1 -1
- package/components/progress/themes/linear/light/linear.progress.fluent.css.js.map +1 -1
- package/components/progress/themes/linear/light/linear.progress.indigo.css.js +1 -1
- package/components/progress/themes/linear/light/linear.progress.indigo.css.js.map +1 -1
- package/components/progress/themes/linear/light/linear.progress.material.css.js +1 -1
- package/components/progress/themes/linear/light/linear.progress.material.css.js.map +1 -1
- package/components/progress/themes/linear/light/linear.progress.shared.css.js +1 -1
- package/components/progress/themes/linear/light/linear.progress.shared.css.js.map +1 -1
- package/components/progress/themes/linear/linear.progress.base.css.js +1 -1
- package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
- package/components/progress/themes/linear/shared/linear.progress.common.css.js +1 -1
- package/components/progress/themes/linear/shared/linear.progress.common.css.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/themes.js +2 -3
- package/components/progress/themes/linear/themes.js.map +1 -1
- package/components/radio/themes/dark/radio.bootstrap.css.js +1 -1
- package/components/radio/themes/dark/radio.bootstrap.css.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/dark/radio.indigo.css.js +1 -1
- package/components/radio/themes/dark/radio.indigo.css.js.map +1 -1
- package/components/radio/themes/dark/radio.material.css.js +1 -1
- package/components/radio/themes/dark/radio.material.css.js.map +1 -1
- package/components/radio/themes/light/radio.bootstrap.css.js +1 -1
- package/components/radio/themes/light/radio.bootstrap.css.js.map +1 -1
- package/components/radio/themes/light/radio.fluent.css.js +1 -1
- package/components/radio/themes/light/radio.fluent.css.js.map +1 -1
- package/components/radio/themes/light/radio.indigo.css.js +1 -1
- package/components/radio/themes/light/radio.indigo.css.js.map +1 -1
- package/components/radio/themes/light/radio.material.css.js +1 -1
- package/components/radio/themes/light/radio.material.css.js.map +1 -1
- package/components/rating/themes/dark/rating.bootstrap.css.js +1 -1
- package/components/rating/themes/dark/rating.bootstrap.css.js.map +1 -1
- package/components/rating/themes/dark/rating.fluent.css.js +1 -1
- package/components/rating/themes/dark/rating.fluent.css.js.map +1 -1
- package/components/rating/themes/dark/rating.indigo.css.js +1 -1
- package/components/rating/themes/dark/rating.indigo.css.js.map +1 -1
- package/components/rating/themes/dark/rating.material.css.js +1 -1
- package/components/rating/themes/dark/rating.material.css.js.map +1 -1
- package/components/rating/themes/light/rating.bootstrap.css.js +1 -1
- package/components/rating/themes/light/rating.bootstrap.css.js.map +1 -1
- package/components/rating/themes/light/rating.fluent.css.js +1 -1
- package/components/rating/themes/light/rating.fluent.css.js.map +1 -1
- package/components/rating/themes/light/rating.indigo.css.js +1 -1
- package/components/rating/themes/light/rating.indigo.css.js.map +1 -1
- package/components/rating/themes/light/rating.material.css.js +1 -1
- package/components/rating/themes/light/rating.material.css.js.map +1 -1
- package/components/resize-container/default-ghost.d.ts +2 -1
- package/components/resize-container/default-ghost.js +7 -3
- package/components/resize-container/default-ghost.js.map +1 -1
- package/components/resize-container/resize-container.d.ts +0 -9
- package/components/resize-container/resize-container.js +8 -23
- package/components/resize-container/resize-container.js.map +1 -1
- package/components/resize-container/resize-controller.d.ts +1 -2
- package/components/resize-container/resize-controller.js +26 -18
- package/components/resize-container/resize-controller.js.map +1 -1
- package/components/resize-container/themes/dark/resize-indicator.bootstrap.css.js +1 -1
- package/components/resize-container/themes/dark/resize-indicator.bootstrap.css.js.map +1 -1
- package/components/resize-container/themes/dark/resize-indicator.fluent.css.js +1 -1
- package/components/resize-container/themes/dark/resize-indicator.fluent.css.js.map +1 -1
- package/components/resize-container/themes/dark/resize-indicator.indigo.css.js +1 -1
- package/components/resize-container/themes/dark/resize-indicator.indigo.css.js.map +1 -1
- package/components/resize-container/themes/dark/resize-indicator.material.css.js +1 -1
- package/components/resize-container/themes/dark/resize-indicator.material.css.js.map +1 -1
- package/components/resize-container/themes/dark/resize-indicator.shared.css.js +1 -1
- package/components/resize-container/themes/dark/resize-indicator.shared.css.js.map +1 -1
- package/components/resize-container/themes/light/resize-indicator.bootstrap.css.js +1 -1
- package/components/resize-container/themes/light/resize-indicator.bootstrap.css.js.map +1 -1
- package/components/resize-container/themes/light/resize-indicator.fluent.css.js +1 -1
- package/components/resize-container/themes/light/resize-indicator.fluent.css.js.map +1 -1
- package/components/resize-container/themes/light/resize-indicator.indigo.css.js +1 -1
- package/components/resize-container/themes/light/resize-indicator.indigo.css.js.map +1 -1
- package/components/resize-container/themes/light/resize-indicator.material.css.js +1 -1
- package/components/resize-container/themes/light/resize-indicator.material.css.js.map +1 -1
- package/components/resize-container/themes/light/resize-indicator.shared.css.js +1 -1
- package/components/resize-container/themes/light/resize-indicator.shared.css.js.map +1 -1
- package/components/resize-container/types.d.ts +2 -0
- package/components/resize-container/types.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/dark/select.fluent.css.js +1 -1
- package/components/select/themes/dark/select.fluent.css.js.map +1 -1
- package/components/select/themes/dark/select.indigo.css.js +1 -1
- package/components/select/themes/dark/select.indigo.css.js.map +1 -1
- package/components/select/themes/dark/select.material.css.js +1 -1
- package/components/select/themes/dark/select.material.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/light/select.fluent.css.js +1 -1
- package/components/select/themes/light/select.fluent.css.js.map +1 -1
- package/components/select/themes/light/select.indigo.css.js +1 -1
- package/components/select/themes/light/select.indigo.css.js.map +1 -1
- package/components/select/themes/light/select.material.css.js +1 -1
- package/components/select/themes/light/select.material.css.js.map +1 -1
- package/components/select/themes/light/select.shared.css.js +1 -1
- package/components/select/themes/light/select.shared.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/slider/slider-label.d.ts +10 -0
- package/components/slider/slider-label.js.map +1 -1
- package/components/slider/themes/dark/slider.bootstrap.css.js +1 -1
- package/components/slider/themes/dark/slider.bootstrap.css.js.map +1 -1
- package/components/slider/themes/dark/slider.fluent.css.js +1 -1
- package/components/slider/themes/dark/slider.fluent.css.js.map +1 -1
- package/components/slider/themes/dark/slider.indigo.css.js +1 -1
- package/components/slider/themes/dark/slider.indigo.css.js.map +1 -1
- package/components/slider/themes/dark/slider.material.css.js +1 -1
- package/components/slider/themes/dark/slider.material.css.js.map +1 -1
- package/components/slider/themes/light/slider.bootstrap.css.js +1 -1
- package/components/slider/themes/light/slider.bootstrap.css.js.map +1 -1
- package/components/slider/themes/light/slider.fluent.css.js +1 -1
- package/components/slider/themes/light/slider.fluent.css.js.map +1 -1
- package/components/slider/themes/light/slider.indigo.css.js +1 -1
- package/components/slider/themes/light/slider.indigo.css.js.map +1 -1
- package/components/slider/themes/light/slider.material.css.js +1 -1
- package/components/slider/themes/light/slider.material.css.js.map +1 -1
- package/components/snackbar/themes/dark/snackbar.bootstrap.css.js +1 -1
- package/components/snackbar/themes/dark/snackbar.bootstrap.css.js.map +1 -1
- package/components/snackbar/themes/dark/snackbar.fluent.css.js +1 -1
- package/components/snackbar/themes/dark/snackbar.fluent.css.js.map +1 -1
- package/components/snackbar/themes/dark/snackbar.indigo.css.js +1 -1
- package/components/snackbar/themes/dark/snackbar.indigo.css.js.map +1 -1
- package/components/snackbar/themes/dark/snackbar.material.css.js +1 -1
- package/components/snackbar/themes/dark/snackbar.material.css.js.map +1 -1
- package/components/snackbar/themes/light/snackbar.bootstrap.css.js +1 -1
- package/components/snackbar/themes/light/snackbar.bootstrap.css.js.map +1 -1
- package/components/snackbar/themes/light/snackbar.fluent.css.js +1 -1
- package/components/snackbar/themes/light/snackbar.fluent.css.js.map +1 -1
- package/components/snackbar/themes/light/snackbar.indigo.css.js +1 -1
- package/components/snackbar/themes/light/snackbar.indigo.css.js.map +1 -1
- package/components/snackbar/themes/light/snackbar.material.css.js +1 -1
- package/components/snackbar/themes/light/snackbar.material.css.js.map +1 -1
- package/components/stepper/themes/step/dark/step.bootstrap.css.js +1 -1
- package/components/stepper/themes/step/dark/step.bootstrap.css.js.map +1 -1
- package/components/stepper/themes/step/dark/step.fluent.css.js +1 -1
- package/components/stepper/themes/step/dark/step.fluent.css.js.map +1 -1
- package/components/stepper/themes/step/dark/step.indigo.css.js +1 -1
- package/components/stepper/themes/step/dark/step.indigo.css.js.map +1 -1
- package/components/stepper/themes/step/dark/step.material.css.js +1 -1
- package/components/stepper/themes/step/dark/step.material.css.js.map +1 -1
- package/components/stepper/themes/step/light/step.bootstrap.css.js +1 -1
- package/components/stepper/themes/step/light/step.bootstrap.css.js.map +1 -1
- package/components/stepper/themes/step/light/step.fluent.css.js +1 -1
- package/components/stepper/themes/step/light/step.fluent.css.js.map +1 -1
- package/components/stepper/themes/step/light/step.indigo.css.js +1 -1
- package/components/stepper/themes/step/light/step.indigo.css.js.map +1 -1
- package/components/stepper/themes/step/light/step.material.css.js +1 -1
- package/components/stepper/themes/step/light/step.material.css.js.map +1 -1
- package/components/tabs/themes/dark/tab.bootstrap.css.js +1 -1
- package/components/tabs/themes/dark/tab.bootstrap.css.js.map +1 -1
- package/components/tabs/themes/dark/tab.fluent.css.js +1 -1
- package/components/tabs/themes/dark/tab.fluent.css.js.map +1 -1
- package/components/tabs/themes/dark/tab.indigo.css.js +1 -1
- package/components/tabs/themes/dark/tab.indigo.css.js.map +1 -1
- package/components/tabs/themes/dark/tab.material.css.js +1 -1
- package/components/tabs/themes/dark/tab.material.css.js.map +1 -1
- package/components/tabs/themes/light/tab.bootstrap.css.js +1 -1
- package/components/tabs/themes/light/tab.bootstrap.css.js.map +1 -1
- package/components/tabs/themes/light/tab.fluent.css.js +1 -1
- package/components/tabs/themes/light/tab.fluent.css.js.map +1 -1
- package/components/tabs/themes/light/tab.indigo.css.js +1 -1
- package/components/tabs/themes/light/tab.indigo.css.js.map +1 -1
- package/components/tabs/themes/light/tab.material.css.js +1 -1
- package/components/tabs/themes/light/tab.material.css.js.map +1 -1
- package/components/textarea/themes/dark/textarea.bootstrap.css.js +1 -1
- package/components/textarea/themes/dark/textarea.bootstrap.css.js.map +1 -1
- package/components/textarea/themes/dark/textarea.fluent.css.js +1 -1
- package/components/textarea/themes/dark/textarea.fluent.css.js.map +1 -1
- package/components/textarea/themes/dark/textarea.indigo.css.js +1 -1
- package/components/textarea/themes/dark/textarea.indigo.css.js.map +1 -1
- package/components/textarea/themes/dark/textarea.material.css.js +1 -1
- package/components/textarea/themes/dark/textarea.material.css.js.map +1 -1
- package/components/textarea/themes/light/textarea.bootstrap.css.js +1 -1
- package/components/textarea/themes/light/textarea.bootstrap.css.js.map +1 -1
- package/components/textarea/themes/light/textarea.fluent.css.js +1 -1
- package/components/textarea/themes/light/textarea.fluent.css.js.map +1 -1
- package/components/textarea/themes/light/textarea.indigo.css.js +1 -1
- package/components/textarea/themes/light/textarea.indigo.css.js.map +1 -1
- package/components/textarea/themes/light/textarea.material.css.js +1 -1
- package/components/textarea/themes/light/textarea.material.css.js.map +1 -1
- package/components/textarea/themes/light/textarea.shared.css.js +1 -1
- package/components/textarea/themes/light/textarea.shared.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/tile-manager/position.d.ts +4 -0
- package/components/tile-manager/position.js +18 -0
- package/components/tile-manager/position.js.map +1 -1
- package/components/tile-manager/{tile-util.d.ts → resize-state.d.ts} +7 -37
- package/components/tile-manager/resize-state.js +178 -0
- package/components/tile-manager/resize-state.js.map +1 -0
- package/components/tile-manager/resize-util.d.ts +8 -0
- package/components/tile-manager/resize-util.js +84 -0
- package/components/tile-manager/resize-util.js.map +1 -0
- package/components/tile-manager/serializer.d.ts +1 -6
- package/components/tile-manager/serializer.js +7 -26
- package/components/tile-manager/serializer.js.map +1 -1
- package/components/tile-manager/themes/dark/tile-manager.bootstrap.css.js +1 -1
- package/components/tile-manager/themes/dark/tile-manager.bootstrap.css.js.map +1 -1
- package/components/tile-manager/themes/dark/tile-manager.fluent.css.js +1 -1
- package/components/tile-manager/themes/dark/tile-manager.fluent.css.js.map +1 -1
- package/components/tile-manager/themes/dark/tile-manager.indigo.css.js +1 -1
- package/components/tile-manager/themes/dark/tile-manager.indigo.css.js.map +1 -1
- package/components/tile-manager/themes/dark/tile-manager.material.css.js +1 -1
- package/components/tile-manager/themes/dark/tile-manager.material.css.js.map +1 -1
- package/components/tile-manager/themes/light/tile-manager.bootstrap.css.js +1 -1
- package/components/tile-manager/themes/light/tile-manager.bootstrap.css.js.map +1 -1
- package/components/tile-manager/themes/light/tile-manager.fluent.css.js +1 -1
- package/components/tile-manager/themes/light/tile-manager.fluent.css.js.map +1 -1
- package/components/tile-manager/themes/light/tile-manager.indigo.css.js +1 -1
- package/components/tile-manager/themes/light/tile-manager.indigo.css.js.map +1 -1
- package/components/tile-manager/themes/light/tile-manager.material.css.js +1 -1
- package/components/tile-manager/themes/light/tile-manager.material.css.js.map +1 -1
- package/components/tile-manager/themes/light/tile-manager.shared.css.js +1 -1
- package/components/tile-manager/themes/light/tile-manager.shared.css.js.map +1 -1
- package/components/tile-manager/themes/shared/tile/tile.common.css.js +1 -1
- package/components/tile-manager/themes/shared/tile/tile.common.css.js.map +1 -1
- package/components/tile-manager/themes/shared/tile-manager.common.css.js +1 -1
- package/components/tile-manager/themes/shared/tile-manager.common.css.js.map +1 -1
- package/components/tile-manager/themes/tile-manager.base.css.js +1 -1
- package/components/tile-manager/themes/tile-manager.base.css.js.map +1 -1
- package/components/tile-manager/themes/tile.base.css.js +1 -1
- package/components/tile-manager/themes/tile.base.css.js.map +1 -1
- package/components/tile-manager/tile-ghost-util.d.ts +3 -0
- package/components/tile-manager/tile-ghost-util.js +47 -0
- package/components/tile-manager/tile-ghost-util.js.map +1 -0
- package/components/tile-manager/tile-manager.d.ts +23 -14
- package/components/tile-manager/tile-manager.js +9 -17
- package/components/tile-manager/tile-manager.js.map +1 -1
- package/components/tile-manager/tile.d.ts +57 -43
- package/components/tile-manager/tile.js +95 -85
- package/components/tile-manager/tile.js.map +1 -1
- package/components/tile-manager/types.d.ts +36 -0
- package/components/tile-manager/types.js +2 -0
- package/components/tile-manager/types.js.map +1 -0
- package/components/toast/themes/dark/toast.bootstrap.css.js +1 -1
- package/components/toast/themes/dark/toast.bootstrap.css.js.map +1 -1
- package/components/toast/themes/dark/toast.fluent.css.js +1 -1
- package/components/toast/themes/dark/toast.fluent.css.js.map +1 -1
- package/components/toast/themes/dark/toast.indigo.css.js +1 -1
- package/components/toast/themes/dark/toast.indigo.css.js.map +1 -1
- package/components/toast/themes/dark/toast.material.css.js +1 -1
- package/components/toast/themes/dark/toast.material.css.js.map +1 -1
- package/components/toast/themes/light/toast.bootstrap.css.js +1 -1
- package/components/toast/themes/light/toast.bootstrap.css.js.map +1 -1
- package/components/toast/themes/light/toast.fluent.css.js +1 -1
- package/components/toast/themes/light/toast.fluent.css.js.map +1 -1
- package/components/toast/themes/light/toast.indigo.css.js +1 -1
- package/components/toast/themes/light/toast.indigo.css.js.map +1 -1
- package/components/toast/themes/light/toast.material.css.js +1 -1
- package/components/toast/themes/light/toast.material.css.js.map +1 -1
- package/components/tree/themes/dark/container.bootstrap.css.js +1 -1
- package/components/tree/themes/dark/container.bootstrap.css.js.map +1 -1
- package/components/tree/themes/dark/container.fluent.css.js +1 -1
- package/components/tree/themes/dark/container.fluent.css.js.map +1 -1
- package/components/tree/themes/dark/container.indigo.css.js +1 -1
- package/components/tree/themes/dark/container.indigo.css.js.map +1 -1
- package/components/tree/themes/dark/container.material.css.js +1 -1
- package/components/tree/themes/dark/container.material.css.js.map +1 -1
- package/components/tree/themes/light/container.bootstrap.css.js +1 -1
- package/components/tree/themes/light/container.bootstrap.css.js.map +1 -1
- package/components/tree/themes/light/container.fluent.css.js +1 -1
- package/components/tree/themes/light/container.fluent.css.js.map +1 -1
- package/components/tree/themes/light/container.indigo.css.js +1 -1
- package/components/tree/themes/light/container.indigo.css.js.map +1 -1
- package/components/tree/themes/light/container.material.css.js +1 -1
- package/components/tree/themes/light/container.material.css.js.map +1 -1
- package/components/validation-container/themes/dark/validator.bootstrap.css.js +1 -1
- package/components/validation-container/themes/dark/validator.bootstrap.css.js.map +1 -1
- package/components/validation-container/themes/dark/validator.fluent.css.js +1 -1
- package/components/validation-container/themes/dark/validator.fluent.css.js.map +1 -1
- package/components/validation-container/themes/dark/validator.indigo.css.js +1 -1
- package/components/validation-container/themes/dark/validator.indigo.css.js.map +1 -1
- package/components/validation-container/themes/dark/validator.material.css.js +1 -1
- package/components/validation-container/themes/dark/validator.material.css.js.map +1 -1
- package/components/validation-container/themes/light/validator.bootstrap.css.js +1 -1
- package/components/validation-container/themes/light/validator.bootstrap.css.js.map +1 -1
- package/components/validation-container/themes/light/validator.fluent.css.js +1 -1
- package/components/validation-container/themes/light/validator.fluent.css.js.map +1 -1
- package/components/validation-container/themes/light/validator.indigo.css.js +1 -1
- package/components/validation-container/themes/light/validator.indigo.css.js.map +1 -1
- package/components/validation-container/themes/light/validator.material.css.js +1 -1
- package/components/validation-container/themes/light/validator.material.css.js.map +1 -1
- package/custom-elements.json +384 -390
- package/igniteui-webcomponents.css-data.json +2 -2
- package/igniteui-webcomponents.html-data.json +1 -1
- package/index.d.ts +4 -1
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/web-types.json +3 -3
- package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.d.ts +0 -1
- package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.js +0 -3
- package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.js.map +0 -1
- package/components/tile-manager/tile-util.js +0 -288
- package/components/tile-manager/tile-util.js.map +0 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--border-color: var(--ig-button-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--hover-border-color: var(--ig-button-hover-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-border-color: var(--ig-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--active-border-color: var(--ig-button-active-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--disabled-border-color: var(--ig-button-disabled-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}`;
|
|
2
|
+
export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--border-color: var(--ig-button-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--hover-border-color: var(--ig-button-hover-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-border-color: var(--ig-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--active-border-color: var(--ig-button-active-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--disabled-border-color: var(--ig-button-disabled-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo}`;
|
|
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/dark/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/dark/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ukSAAukS,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--border-color: var(--ig-button-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--hover-border-color: var(--ig-button-hover-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-border-color: var(--ig-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--active-border-color: var(--ig-button-active-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--disabled-border-color: var(--ig-button-disabled-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500))}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-secondary-500));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-secondary-500));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-secondary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-secondary-500));--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500))}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast))}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast))}`;
|
|
2
|
+
export const styles = css `:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500));--ig-theme: material}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-secondary-500));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-secondary-500));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-secondary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-secondary-500));--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500));--ig-theme: material}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}`;
|
|
3
3
|
//# sourceMappingURL=button.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.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":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gsKAAgsK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500));--ig-theme: material}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-secondary-500));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-secondary-500));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-secondary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-secondary-500));--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500));--ig-theme: material}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-button-border-color, var(--ig-primary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-primary-600));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-primary-800));--disabled-border-color: var(--ig-button-disabled-border-color, var(--ig-primary-50));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}`;
|
|
2
|
+
export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800));--ig-theme: bootstrap}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-button-border-color, var(--ig-primary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-primary-600));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-primary-800));--disabled-border-color: var(--ig-button-disabled-border-color, var(--ig-primary-50));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap}`;
|
|
3
3
|
//# sourceMappingURL=button.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.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":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m4PAAm4P,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800));--ig-theme: bootstrap}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-button-border-color, var(--ig-primary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-primary-600));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-primary-800));--disabled-border-color: var(--ig-button-disabled-border-color, var(--ig-primary-50));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host([variant=flat]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-700));--disabled-background: var(--ig-button-disabled-background, transparent);--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent)}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-gray-600));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-gray-600));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-700));--active-border-color: var(--ig-button-active-border-color, var(--ig-gray-600));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent)}:host([variant=contained]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-900-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-primary-900-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-900-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-900-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-900-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500))}:host([variant=fab]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-900-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--foreground: var(--ig-button-foreground, var(--ig-primary-900-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-900-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-900-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-900-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--background: var(--ig-button-background, var(--ig-primary-500))}`;
|
|
2
|
+
export const styles = css `:host([variant=flat]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-700));--disabled-background: var(--ig-button-disabled-background, transparent);--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--ig-theme: fluent}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-gray-600));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-gray-600));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-700));--active-border-color: var(--ig-button-active-border-color, var(--ig-gray-600));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--ig-theme: fluent}:host([variant=contained]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-900-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-primary-900-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-900-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-900-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-900-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--ig-theme: fluent}:host([variant=fab]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-900-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--foreground: var(--ig-button-foreground, var(--ig-primary-900-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-900-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-900-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-900-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--background: var(--ig-button-background, var(--ig-primary-500));--ig-theme: fluent}`;
|
|
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/light/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/light/button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6pOAA6pO,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-700));--disabled-background: var(--ig-button-disabled-background, transparent);--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--ig-theme: fluent}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-gray-600));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-gray-600));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-700));--active-border-color: var(--ig-button-active-border-color, var(--ig-gray-600));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--ig-theme: fluent}:host([variant=contained]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-900-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-primary-900-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-900-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-900-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-900-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--ig-theme: fluent}:host([variant=fab]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-900-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--foreground: var(--ig-button-foreground, var(--ig-primary-900-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-900-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-900-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-900-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--background: var(--ig-button-background, var(--ig-primary-500));--ig-theme: fluent}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-gray-700));--icon-color: var(--ig-button-icon-color, var(--ig-gray-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-700));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-700))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-color: var(--ig-button-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-gray-500));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-gray-600));--disabled-border-color: var(--ig-button-disabled-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-gray-700));--icon-color: var(--ig-button-icon-color, var(--ig-gray-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-700));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-700))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.4));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.4));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}`;
|
|
2
|
+
export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-gray-700));--icon-color: var(--ig-button-icon-color, var(--ig-gray-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-700));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-700));--ig-theme: indigo}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-color: var(--ig-button-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-gray-500));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-gray-600));--disabled-border-color: var(--ig-button-disabled-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-gray-700));--icon-color: var(--ig-button-icon-color, var(--ig-gray-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-700));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-700));--ig-theme: indigo}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.4));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.4));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo}`;
|
|
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/light/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/light/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,shRAAshR,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-gray-700));--icon-color: var(--ig-button-icon-color, var(--ig-gray-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-700));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-700));--ig-theme: indigo}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-color: var(--ig-button-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-gray-500));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-gray-600));--disabled-border-color: var(--ig-button-disabled-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-gray-700));--icon-color: var(--ig-button-icon-color, var(--ig-gray-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-700));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-700));--ig-theme: indigo}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.4));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.4));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500))}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-secondary-500));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-secondary-500));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-secondary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-secondary-500));--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500))}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast))}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast))}`;
|
|
2
|
+
export const styles = css `:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500));--ig-theme: material}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-secondary-500));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-secondary-500));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-secondary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-secondary-500));--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500));--ig-theme: material}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}`;
|
|
3
3
|
//# sourceMappingURL=button.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.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":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gsKAAgsK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500));--ig-theme: material}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-secondary-500));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-secondary-500));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-secondary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-secondary-500));--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500));--ig-theme: material}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-icon-button-hover-background, transparent);--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-500));--focus-hover-background: var(--ig-icon-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600));--active-background: var(--ig-icon-button-active-background, transparent);--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-primary-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=outlined]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-icon-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800-contrast));--border-color: var(--ig-icon-button-border-color, var(--ig-primary-500));--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-primary-800));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-primary-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, var(--ig-primary-50));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=contained]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--background: var(--ig-icon-button-background, var(--ig-primary-500));--foreground: var(--ig-icon-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-icon-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800-contrast));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-primary-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-icon-button-default-size, 2)}`;
|
|
2
|
+
export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-icon-button-hover-background, transparent);--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-500));--focus-hover-background: var(--ig-icon-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600));--active-background: var(--ig-icon-button-active-background, transparent);--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-primary-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: bootstrap}:host([variant=outlined]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-icon-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800-contrast));--border-color: var(--ig-icon-button-border-color, var(--ig-primary-500));--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-primary-800));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-primary-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, var(--ig-primary-50));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: bootstrap}:host([variant=contained]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--background: var(--ig-icon-button-background, var(--ig-primary-500));--foreground: var(--ig-icon-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-icon-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800-contrast));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-primary-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: bootstrap}`;
|
|
3
3
|
//# sourceMappingURL=icon-button.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/dark/icon-button.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":"icon-button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/dark/icon-button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2jKAA2jK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-icon-button-hover-background, transparent);--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-500));--focus-hover-background: var(--ig-icon-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600));--active-background: var(--ig-icon-button-active-background, transparent);--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-primary-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: bootstrap}:host([variant=outlined]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-icon-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800-contrast));--border-color: var(--ig-icon-button-border-color, var(--ig-primary-500));--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-primary-800));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-primary-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, var(--ig-primary-50));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: bootstrap}:host([variant=contained]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--background: var(--ig-icon-button-background, var(--ig-primary-500));--foreground: var(--ig-icon-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-icon-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800-contrast));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-primary-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: bootstrap}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-primary-300));--hover-background: var(--ig-icon-button-hover-background, var(--ig-gray-50));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-200));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-300));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-gray-50));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-200));--active-background: var(--ig-icon-button-active-background, var(--ig-gray-100));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-100));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-gray-400));--disabled-background: var(--ig-icon-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=outlined]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-icon-button-hover-background, var(--ig-gray-50));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-gray-50));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-icon-button-active-background, var(--ig-gray-100));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-900));--border-color: var(--ig-icon-button-border-color, var(--ig-gray-400));--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-gray-400));--disabled-background: var(--ig-icon-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, var(--ig-gray-100));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=contained]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, var(--ig-primary-300));--foreground: var(--ig-icon-button-foreground, var(--ig-primary-300-contrast));--hover-background: var(--ig-icon-button-hover-background, var(--ig-primary-200));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-300-contrast));--focus-background: var(--ig-icon-button-focus-background, var(--ig-primary-300));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-300-contrast));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-primary-200));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-300-contrast));--active-background: var(--ig-icon-button-active-background, var(--ig-primary-100));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-300-contrast));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-primary-300-contrast));--disabled-background: var(--ig-icon-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 2)}`;
|
|
2
|
+
export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-primary-300));--hover-background: var(--ig-icon-button-hover-background, var(--ig-gray-50));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-200));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-300));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-gray-50));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-200));--active-background: var(--ig-icon-button-active-background, var(--ig-gray-100));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-100));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-gray-400));--disabled-background: var(--ig-icon-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: fluent}:host([variant=outlined]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-icon-button-hover-background, var(--ig-gray-50));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-gray-50));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-icon-button-active-background, var(--ig-gray-100));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-900));--border-color: var(--ig-icon-button-border-color, var(--ig-gray-400));--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-gray-400));--disabled-background: var(--ig-icon-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, var(--ig-gray-100));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: fluent}:host([variant=contained]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, var(--ig-primary-300));--foreground: var(--ig-icon-button-foreground, var(--ig-primary-300-contrast));--hover-background: var(--ig-icon-button-hover-background, var(--ig-primary-200));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-300-contrast));--focus-background: var(--ig-icon-button-focus-background, var(--ig-primary-300));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-300-contrast));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-primary-200));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-300-contrast));--active-background: var(--ig-icon-button-active-background, var(--ig-primary-100));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-300-contrast));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-primary-300-contrast));--disabled-background: var(--ig-icon-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: fluent}`;
|
|
3
3
|
//# sourceMappingURL=icon-button.fluent.css.js.map
|