igniteui-webcomponents 4.8.0 → 4.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/components/accordion/accordion.js +3 -5
- package/components/accordion/accordion.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.indigo.css.js +1 -1
- package/components/avatar/themes/dark/avatar.indigo.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.indigo.css.js +1 -1
- package/components/avatar/themes/light/avatar.indigo.css.js.map +1 -1
- package/components/avatar/themes/light/avatar.shared.css.js +1 -1
- package/components/avatar/themes/light/avatar.shared.css.js.map +1 -1
- package/components/avatar/themes/shared/avatar.indigo.css.js +1 -1
- package/components/avatar/themes/shared/avatar.indigo.css.js.map +1 -1
- package/components/badge/themes/shared/badge.indigo.css.js +3 -0
- package/components/badge/themes/shared/badge.indigo.css.js.map +1 -0
- package/components/badge/themes/themes.js +3 -2
- package/components/badge/themes/themes.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/button/light/button.shared.css.js +1 -1
- package/components/button/themes/button/light/button.shared.css.js.map +1 -1
- package/components/button/themes/button/shared/button.common.css.js +1 -1
- package/components/button/themes/button/shared/button.common.css.js.map +1 -1
- package/components/button/themes/button/shared/button.indigo.css.js +1 -1
- package/components/button/themes/button/shared/button.indigo.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/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/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-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/dark/button-group.shared.css.js +1 -1
- package/components/button-group/themes/dark/button-group.shared.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/button-group/themes/light/button-group.shared.css.js +1 -1
- package/components/button-group/themes/light/button-group.shared.css.js.map +1 -1
- package/components/button-group/themes/shared/button/button.common.css.js +1 -1
- package/components/button-group/themes/shared/button/button.common.css.js.map +1 -1
- package/components/button-group/themes/shared/button/button.indigo.css.js +1 -1
- package/components/button-group/themes/shared/button/button.indigo.css.js.map +1 -1
- package/components/card/themes/actions.js +7 -0
- package/components/card/themes/actions.js.map +1 -1
- package/components/card/themes/card.actions.base.css.js +1 -1
- package/components/card/themes/card.actions.base.css.js.map +1 -1
- package/components/card/themes/card.content.base.css.js +1 -1
- package/components/card/themes/card.content.base.css.js.map +1 -1
- package/components/card/themes/container.js +7 -5
- package/components/card/themes/container.js.map +1 -1
- package/components/card/themes/content.js +2 -24
- package/components/card/themes/content.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/dark/card.shared.css.js +3 -0
- package/components/card/themes/dark/card.shared.css.js.map +1 -0
- package/components/card/themes/header.js +7 -16
- package/components/card/themes/header.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/shared/actions/card.actions.indigo.css.js +3 -0
- package/components/card/themes/shared/actions/card.actions.indigo.css.js.map +1 -0
- package/components/card/themes/shared/container/card.indigo.css.js +3 -0
- package/components/card/themes/shared/container/card.indigo.css.js.map +1 -0
- package/components/card/themes/shared/header/card.header.indigo.css.js +3 -0
- package/components/card/themes/shared/header/card.header.indigo.css.js.map +1 -0
- package/components/checkbox/checkbox-base.d.ts +7 -3
- package/components/checkbox/checkbox-base.js +27 -10
- package/components/checkbox/checkbox-base.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/switch/switch.indigo.css.js +1 -1
- package/components/checkbox/themes/dark/switch/switch.indigo.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.shared.css.js +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.shared.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/shared/checkbox/checkbox.indigo.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.indigo.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/light/combo.indigo.css.js +1 -1
- package/components/combo/themes/light/combo.indigo.css.js.map +1 -1
- package/components/common/mixins/combo-box.js +1 -1
- package/components/common/mixins/combo-box.js.map +1 -1
- package/components/common/mixins/form-associated.js +5 -9
- package/components/common/mixins/form-associated.js.map +1 -1
- package/components/common/util.d.ts +2 -0
- package/components/common/util.js +9 -0
- package/components/common/util.js.map +1 -1
- package/components/date-time-input/date-time-input.js +5 -4
- package/components/date-time-input/date-time-input.js.map +1 -1
- package/components/dialog/dialog.d.ts +7 -0
- package/components/dialog/dialog.js +16 -3
- package/components/dialog/dialog.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/dialog.base.css.js +1 -1
- package/components/dialog/themes/dialog.base.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/shared/dialog.indigo.css.js +1 -1
- package/components/dialog/themes/shared/dialog.indigo.css.js.map +1 -1
- package/components/dropdown/dropdown.js +3 -3
- package/components/dropdown/dropdown.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/light/dropdown.indigo.css.js +1 -1
- package/components/dropdown/themes/light/dropdown.indigo.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.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.shared.css.js +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.shared.css.js.map +1 -1
- package/components/expansion-panel/themes/shared/expansion-panel.common.css.js +1 -1
- package/components/expansion-panel/themes/shared/expansion-panel.common.css.js.map +1 -1
- package/components/expansion-panel/themes/shared/expansion-panel.indigo.css.js +1 -1
- package/components/expansion-panel/themes/shared/expansion-panel.indigo.css.js.map +1 -1
- package/components/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/light/icon.indigo.css.js +1 -1
- package/components/icon/themes/light/icon.indigo.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/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.shared.css.js +1 -1
- package/components/input/themes/light/input.shared.css.js.map +1 -1
- package/components/input/themes/shared/input.bootstrap.css.js +1 -1
- package/components/input/themes/shared/input.bootstrap.css.js.map +1 -1
- package/components/input/themes/shared/input.common.css.js +1 -1
- package/components/input/themes/shared/input.common.css.js.map +1 -1
- package/components/input/themes/shared/input.fluent.css.js +1 -1
- package/components/input/themes/shared/input.fluent.css.js.map +1 -1
- package/components/input/themes/shared/input.indigo.css.js +1 -1
- package/components/input/themes/shared/input.indigo.css.js.map +1 -1
- package/components/input/themes/shared/input.material.css.js +1 -1
- package/components/input/themes/shared/input.material.css.js.map +1 -1
- package/components/radio/radio.d.ts +7 -3
- package/components/radio/radio.js +25 -14
- package/components/radio/radio.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.indigo.css.js +1 -1
- package/components/radio/themes/light/radio.indigo.css.js.map +1 -1
- package/components/radio/themes/light/radio.shared.css.js +1 -1
- package/components/radio/themes/light/radio.shared.css.js.map +1 -1
- package/components/radio/themes/shared/radio.bootstrap.css.js +1 -1
- package/components/radio/themes/shared/radio.bootstrap.css.js.map +1 -1
- package/components/radio/themes/shared/radio.indigo.css.js +1 -1
- package/components/radio/themes/shared/radio.indigo.css.js.map +1 -1
- package/components/radio/utils.js +1 -1
- package/components/radio/utils.js.map +1 -1
- package/components/radio-group/radio-group.indigo.css.js +3 -0
- package/components/radio-group/radio-group.indigo.css.js.map +1 -0
- package/components/radio-group/radio-group.js +5 -1
- package/components/radio-group/radio-group.js.map +1 -1
- package/components/select/select.js +3 -3
- package/components/select/select.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/light/select.indigo.css.js +1 -1
- package/components/select/themes/light/select.indigo.css.js.map +1 -1
- package/components/slider/themes/slider.base.css.js +1 -1
- package/components/slider/themes/slider.base.css.js.map +1 -1
- package/components/snackbar/themes/dark/snackbar.indigo.css.js +1 -1
- package/components/snackbar/themes/dark/snackbar.indigo.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/shared/snackbar.indigo.css.js +1 -1
- package/components/snackbar/themes/shared/snackbar.indigo.css.js.map +1 -1
- package/components/snackbar/themes/snackbar.base.css.js +1 -1
- package/components/snackbar/themes/snackbar.base.css.js.map +1 -1
- package/components/stepper/themes/step/step.base.css.js +1 -1
- package/components/stepper/themes/step/step.base.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/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.shared.css.js +1 -1
- package/components/textarea/themes/light/textarea.shared.css.js.map +1 -1
- package/components/textarea/themes/shared/textarea.common.css.js +1 -1
- package/components/textarea/themes/shared/textarea.common.css.js.map +1 -1
- package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
- package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
- package/components/textarea/themes/textarea.base.css.js +1 -1
- package/components/textarea/themes/textarea.base.css.js.map +1 -1
- package/components/tree/tree-item.js +5 -4
- package/components/tree/tree-item.js.map +1 -1
- package/custom-elements.json +465 -280
- package/package.json +1 -1
- package/themes/dark/bootstrap.css +1 -1
- package/themes/dark/fluent.css +1 -1
- package/themes/dark/indigo.css +1 -1
- package/themes/light/bootstrap.css +1 -1
- package/themes/light/fluent.css +1 -1
- package/themes/light/indigo.css +1 -1
- package/components/card/themes/light/content/card.content.bootstrap.css.js +0 -3
- package/components/card/themes/light/content/card.content.bootstrap.css.js.map +0 -1
- package/components/card/themes/light/content/card.content.fluent.css.js +0 -3
- package/components/card/themes/light/content/card.content.fluent.css.js.map +0 -1
- package/components/card/themes/light/content/card.content.indigo.css.js +0 -3
- package/components/card/themes/light/content/card.content.indigo.css.js.map +0 -1
- package/components/card/themes/light/content/card.content.material.css.js +0 -3
- package/components/card/themes/light/content/card.content.material.css.js.map +0 -1
- package/components/card/themes/light/header/card.header.bootstrap.css.js +0 -3
- package/components/card/themes/light/header/card.header.bootstrap.css.js.map +0 -1
- package/components/card/themes/light/header/card.header.fluent.css.d.ts +0 -1
- package/components/card/themes/light/header/card.header.fluent.css.js +0 -3
- package/components/card/themes/light/header/card.header.fluent.css.js.map +0 -1
- package/components/card/themes/light/header/card.header.indigo.css.js +0 -3
- package/components/card/themes/light/header/card.header.indigo.css.js.map +0 -1
- package/components/card/themes/light/header/card.header.material.css.d.ts +0 -1
- package/components/card/themes/light/header/card.header.material.css.js +0 -3
- package/components/card/themes/light/header/card.header.material.css.js.map +0 -1
- /package/components/{card/themes/light/content/card.content.bootstrap.css.d.ts → badge/themes/shared/badge.indigo.css.d.ts} +0 -0
- /package/components/card/themes/{light/content/card.content.fluent.css.d.ts → dark/card.shared.css.d.ts} +0 -0
- /package/components/card/themes/{light/content/card.content.indigo.css.d.ts → shared/actions/card.actions.indigo.css.d.ts} +0 -0
- /package/components/card/themes/{light/content/card.content.material.css.d.ts → shared/container/card.indigo.css.d.ts} +0 -0
- /package/components/card/themes/{light → shared}/header/card.header.indigo.css.d.ts +0 -0
- /package/components/{card/themes/light/header/card.header.bootstrap.css.d.ts → radio-group/radio-group.indigo.css.d.ts} +0 -0
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, hsla(var(--ig-
|
|
2
|
+
export const styles = css `:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, hsla(var(--ig-gray-900), 0.15));--selected-shadow-color: var(--ig-button-group-selected-shadow-color, hsla(var(--ig-primary-400), 0.5));--item-focused-background: var(--ig-button-group-item-focused-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--disabled-background-color: var(--ig-button-group-disabled-background-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsla(var(--ig-primary-400), 0.5));--item-icon-color: var(--ig-button-group-item-icon-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-selected-background: var(--ig-button-group-item-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsla(var(--ig-gray-900), 0.2));--item-disabled-border: var(--ig-button-group-item-disabled-border, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 40%, transparent));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 30%, transparent));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, hsla(var(--ig-primary-400), 0.5))}`;
|
|
3
3
|
//# sourceMappingURL=button-group.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-group.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.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-group.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wtFAAwtF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, hsla(var(--ig-gray-900), 0.15));--selected-shadow-color: var(--ig-button-group-selected-shadow-color, hsla(var(--ig-primary-400), 0.5));--item-focused-background: var(--ig-button-group-item-focused-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--disabled-background-color: var(--ig-button-group-disabled-background-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsla(var(--ig-primary-400), 0.5));--item-icon-color: var(--ig-button-group-item-icon-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-selected-background: var(--ig-button-group-item-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsla(var(--ig-gray-900), 0.2));--item-disabled-border: var(--ig-button-group-item-disabled-border, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 40%, transparent));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 30%, transparent));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, hsla(var(--ig-primary-400), 0.5))}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--item-text-color: var(--ig-button-group-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-hover-
|
|
2
|
+
export const styles = css `:host{--item-hover-background: var(--ig-button-group-item-hover-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-icon-color: var(--ig-button-group-item-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-background: var(--ig-button-group-item-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsla(var(--ig-gray-500), 0.8));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-disabled-border: var(--ig-button-group-item-disabled-border, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)))}`;
|
|
3
3
|
//# sourceMappingURL=button-group.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-group.material.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.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-group.material.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uoEAAuoE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-hover-background: var(--ig-button-group-item-hover-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-icon-color: var(--ig-button-group-item-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-background: var(--ig-button-group-item-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsla(var(--ig-gray-500), 0.8));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-disabled-border: var(--ig-button-group-item-disabled-border, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)))}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-2));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, transparent);--item-background: var(--ig-button-group-item-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--item-border-color: var(--ig-button-group-item-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-
|
|
2
|
+
export const styles = css `:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-2));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, transparent);--selected-shadow-color: var(--ig-button-group-selected-shadow-color, transparent);--item-text-color: var(--ig-button-group-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-background: var(--ig-button-group-item-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--item-border-color: var(--ig-button-group-item-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-hover-background: var(--ig-button-group-item-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-focused-background: var(--ig-button-group-item-focused-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-background-color: var(--ig-button-group-disabled-background-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 2)}`;
|
|
3
3
|
//# sourceMappingURL=button-group.shared.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-group.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.shared.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-group.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mhDAAmhD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-2));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, transparent);--selected-shadow-color: var(--ig-button-group-selected-shadow-color, transparent);--item-text-color: var(--ig-button-group-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-background: var(--ig-button-group-item-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--item-border-color: var(--ig-button-group-item-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-hover-background: var(--ig-button-group-item-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-focused-background: var(--ig-button-group-item-focused-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-background-color: var(--ig-button-group-disabled-background-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 2)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host [part~=toggle]{--ig-icon-size: 1.125rem;--igx-icon-size: 1.125rem;min-height:max(var(--is-large, 1)*max(2.25rem, -1 * 2.25rem),var(--is-medium, 1)*max(1.875rem, -1 * 1.875rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));color:var(--item-text-color);background:var(--item-background);padding-inline:1rem;padding-block:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));border-color:var(--item-border-color)}:host(:hover) [part~=toggle]
|
|
2
|
+
export const styles = css `:host [part~=toggle]{--ig-icon-size: 1.125rem;--igx-icon-size: 1.125rem;min-height:max(var(--is-large, 1)*max(2.25rem, -1 * 2.25rem),var(--is-medium, 1)*max(1.875rem, -1 * 1.875rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));color:var(--item-text-color);background:var(--item-background);padding-inline:1rem;padding-block:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));border-color:var(--item-border-color)}:host ::slotted(igc-icon){color:var(--item-icon-color)}:host(:hover) [part~=toggle]{color:var(--item-hover-text-color);background:var(--item-hover-background);border-color:var(--item-hover-border-color)}:host(:hover) ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host(:focus) [part~=toggle]{color:var(--item-focused-text-color);background:var(--item-focused-background);border-color:var(--item-focused-border-color)}:host(:focus) [part~=toggle]:hover{color:var(--item-hover-text-color);background:var(--item-hover-background);border-color:var(--item-hover-border-color)}:host(:focus) [part~=toggle]:hover ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]{color:var(--item-selected-text-color);background:var(--item-selected-background);border-color:var(--item-selected-border-color)}:host([selected]) ::slotted(igc-icon){color:var(--item-selected-icon-color)}:host([selected]:hover) [part~=toggle]{color:var(--item-selected-hover-text-color);background:var(--item-selected-hover-background);border-color:var(--item-selected-hover-border-color)}:host([selected]:hover) ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]:focus) [part~=toggle]:hover ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([disabled]) [part~=toggle],:host(:disabled) [part~=toggle]{color:var(--disabled-text-color);background:var(--disabled-background-color);border-color:var(--item-disabled-border)}:host([disabled]) ::slotted(igc-icon),:host(:disabled) ::slotted(igc-icon){color:var(--disabled-text-color)}:host-context([disabled]) [part~=toggle],:host-context(:disabled) [part~=toggle]{color:var(--disabled-text-color);background:var(--disabled-background-color);border-color:var(--item-disabled-border)}:host-context([disabled]) ::slotted(igc-icon),:host-context(:disabled) ::slotted(igc-icon){color:var(--disabled-text-color)}`;
|
|
3
3
|
//# sourceMappingURL=button.common.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/button/button.common.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.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/button/button.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ikFAAikF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part~=toggle]{--ig-icon-size: 1.125rem;--igx-icon-size: 1.125rem;min-height:max(var(--is-large, 1)*max(2.25rem, -1 * 2.25rem),var(--is-medium, 1)*max(1.875rem, -1 * 1.875rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));color:var(--item-text-color);background:var(--item-background);padding-inline:1rem;padding-block:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));border-color:var(--item-border-color)}:host ::slotted(igc-icon){color:var(--item-icon-color)}:host(:hover) [part~=toggle]{color:var(--item-hover-text-color);background:var(--item-hover-background);border-color:var(--item-hover-border-color)}:host(:hover) ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host(:focus) [part~=toggle]{color:var(--item-focused-text-color);background:var(--item-focused-background);border-color:var(--item-focused-border-color)}:host(:focus) [part~=toggle]:hover{color:var(--item-hover-text-color);background:var(--item-hover-background);border-color:var(--item-hover-border-color)}:host(:focus) [part~=toggle]:hover ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]{color:var(--item-selected-text-color);background:var(--item-selected-background);border-color:var(--item-selected-border-color)}:host([selected]) ::slotted(igc-icon){color:var(--item-selected-icon-color)}:host([selected]:hover) [part~=toggle]{color:var(--item-selected-hover-text-color);background:var(--item-selected-hover-background);border-color:var(--item-selected-hover-border-color)}:host([selected]:hover) ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]:focus) [part~=toggle]:hover ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([disabled]) [part~=toggle],:host(:disabled) [part~=toggle]{color:var(--disabled-text-color);background:var(--disabled-background-color);border-color:var(--item-disabled-border)}:host([disabled]) ::slotted(igc-icon),:host(:disabled) ::slotted(igc-icon){color:var(--disabled-text-color)}:host-context([disabled]) [part~=toggle],:host-context(:disabled) [part~=toggle]{color:var(--disabled-text-color);background:var(--disabled-background-color);border-color:var(--item-disabled-border)}:host-context([disabled]) ::slotted(igc-icon),:host-context(:disabled) ::slotted(igc-icon){color:var(--disabled-text-color)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host [part~=toggle]{
|
|
2
|
+
export const styles = css `:host{--button-icon: 1rem}:host [part~=toggle]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);min-height: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));border-width:.0625rem;padding-inline:.5rem}:host ::slotted(igc-icon){--size: var(--button-icon) !important}:host [part~=toggle]:focus-visible{outline:none;z-index:2;-webkit-box-shadow:0 0 0 .1875rem var(--idle-shadow-color);box-shadow:0 0 0 .1875rem var(--idle-shadow-color);border-color:var(--item-border-color)}:host(:hover) [part~=toggle]{z-index:1}:host(:hover) [part~=toggle]:focus-visible{border-color:var(--item-hover-border-color)}:host(:active) [part~=toggle]{color:var(--item-hover-text-color);background:var(--item-hover-background);border-color:var(--item-hover-border-color);z-index:2}:host(:active) [part~=toggle] ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]:focus-visible{-webkit-box-shadow:0 0 0 .1875rem var(--selected-shadow-color);box-shadow:0 0 0 .1875rem var(--selected-shadow-color);border-color:var(--item-selected-border-color)}:host([selected]) [part~=toggle]:focus-visible:hover{border-color:var(--item-selected-hover-border-color)}:host([selected]:active) [part~=toggle]{color:var(--item-selected-hover-text-color);background:var(--item-selected-hover-background);border-color:var(--item-selected-hover-border-color)}:host([selected]:active) ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]:disabled) [part~=toggle],:host([selected][disabled]) [part~=toggle]{color:var(--disabled-selected-text-color);background:var(--disabled-selected-background);border:none}:host([selected]:disabled) [part~=toggle]::before,:host([selected][disabled]) [part~=toggle]::before{display:none}:host([selected]:disabled) ::slotted(igc-icon),:host([selected][disabled]) ::slotted(igc-icon){color:var(--disabled-selected-icon-color)}`;
|
|
3
3
|
//# sourceMappingURL=button.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/button/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-group/themes/shared/button/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qwEAAqwE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--button-icon: 1rem}:host [part~=toggle]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);min-height: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));border-width:.0625rem;padding-inline:.5rem}:host ::slotted(igc-icon){--size: var(--button-icon) !important}:host [part~=toggle]:focus-visible{outline:none;z-index:2;-webkit-box-shadow:0 0 0 .1875rem var(--idle-shadow-color);box-shadow:0 0 0 .1875rem var(--idle-shadow-color);border-color:var(--item-border-color)}:host(:hover) [part~=toggle]{z-index:1}:host(:hover) [part~=toggle]:focus-visible{border-color:var(--item-hover-border-color)}:host(:active) [part~=toggle]{color:var(--item-hover-text-color);background:var(--item-hover-background);border-color:var(--item-hover-border-color);z-index:2}:host(:active) [part~=toggle] ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]:focus-visible{-webkit-box-shadow:0 0 0 .1875rem var(--selected-shadow-color);box-shadow:0 0 0 .1875rem var(--selected-shadow-color);border-color:var(--item-selected-border-color)}:host([selected]) [part~=toggle]:focus-visible:hover{border-color:var(--item-selected-hover-border-color)}:host([selected]:active) [part~=toggle]{color:var(--item-selected-hover-text-color);background:var(--item-selected-hover-background);border-color:var(--item-selected-hover-border-color)}:host([selected]:active) ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]:disabled) [part~=toggle],:host([selected][disabled]) [part~=toggle]{color:var(--disabled-selected-text-color);background:var(--disabled-selected-background);border:none}:host([selected]:disabled) [part~=toggle]::before,:host([selected][disabled]) [part~=toggle]::before{display:none}:host([selected]:disabled) ::slotted(igc-icon),:host([selected][disabled]) ::slotted(igc-icon){color:var(--disabled-selected-icon-color)}`;\n"]}
|
|
@@ -1,14 +1,21 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
2
|
import { styles as bootstrap } from './shared/actions/card.actions.bootstrap.css.js';
|
|
3
|
+
import { styles as indigo } from './shared/actions/card.actions.indigo.css.js';
|
|
3
4
|
const light = {
|
|
4
5
|
bootstrap: css `
|
|
5
6
|
${bootstrap}
|
|
6
7
|
`,
|
|
8
|
+
indigo: css `
|
|
9
|
+
${indigo}
|
|
10
|
+
`,
|
|
7
11
|
};
|
|
8
12
|
const dark = {
|
|
9
13
|
bootstrap: css `
|
|
10
14
|
${bootstrap}
|
|
11
15
|
`,
|
|
16
|
+
indigo: css `
|
|
17
|
+
${indigo}
|
|
18
|
+
`,
|
|
12
19
|
};
|
|
13
20
|
export const all = { light, dark };
|
|
14
21
|
//# sourceMappingURL=actions.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../../../src/components/card/themes/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,gDAAgD,CAAC;
|
|
1
|
+
{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../../../src/components/card/themes/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6CAA6C,CAAC;AAG/E,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Shared Styles\nimport { styles as bootstrap } from './shared/actions/card.actions.bootstrap.css.js';\nimport { styles as indigo } from './shared/actions/card.actions.indigo.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n bootstrap: css`\n ${bootstrap}\n `,\n indigo: css`\n ${indigo}\n `,\n};\n\nconst dark = {\n bootstrap: css`\n ${bootstrap}\n `,\n indigo: css`\n ${indigo}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem;-ms-flex-preferred-size:min-content;flex-basis:min-content}:host(:not([orientation=vertical])){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:not([orientation=vertical])) ::slotted(igc-icon-button:not(:first-of-type)),:host(:not([orientation=vertical])) ::slotted(igc-button:not(:first-of-type)){-webkit-margin-start:.5rem;margin-inline-start:.5rem}::slotted([slot=start]){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}::slotted([slot=end]){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}::slotted(igc-icon){opacity:.6}`;
|
|
2
|
+
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem;-ms-flex-preferred-size:min-content;flex-basis:min-content}:host(:not([orientation=vertical])){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:not([orientation=vertical])) ::slotted(igc-icon-button:not(:first-of-type)),:host(:not([orientation=vertical])) ::slotted(igc-button:not(:first-of-type)),:host(:not([orientation=vertical])) ::slotted(igc-icon:not(:first-of-type)){-webkit-margin-start:.5rem;margin-inline-start:.5rem}::slotted([slot=start]){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}::slotted([slot=end]){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}::slotted(igc-icon){opacity:.6}`;
|
|
3
3
|
//# sourceMappingURL=card.actions.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.actions.base.css.js","sourceRoot":"","sources":["../../../../src/components/card/themes/card.actions.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"card.actions.base.css.js","sourceRoot":"","sources":["../../../../src/components/card/themes/card.actions.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+qEAA+qE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem;-ms-flex-preferred-size:min-content;flex-basis:min-content}:host(:not([orientation=vertical])){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:not([orientation=vertical])) ::slotted(igc-icon-button:not(:first-of-type)),:host(:not([orientation=vertical])) ::slotted(igc-button:not(:first-of-type)),:host(:not([orientation=vertical])) ::slotted(igc-icon:not(:first-of-type)){-webkit-margin-start:.5rem;margin-inline-start:.5rem}::slotted([slot=start]){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}::slotted([slot=end]){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}::slotted(igc-icon){opacity:.6}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{
|
|
2
|
+
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);display:block;width:100%;overflow:auto;padding:1rem}::slotted(*){margin:0}`;
|
|
3
3
|
//# sourceMappingURL=card.content.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.content.base.css.js","sourceRoot":"","sources":["../../../../src/components/card/themes/card.content.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,80CAA80C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{
|
|
1
|
+
{"version":3,"file":"card.content.base.css.js","sourceRoot":"","sources":["../../../../src/components/card/themes/card.content.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,80CAA80C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);display:block;width:100%;overflow:auto;padding:1rem}::slotted(*){margin:0}`;\n"]}
|
|
@@ -3,15 +3,17 @@ import { styles as bootstrapDark } from './dark/card.bootstrap.css.js';
|
|
|
3
3
|
import { styles as fluentDark } from './dark/card.fluent.css.js';
|
|
4
4
|
import { styles as indigoDark } from './dark/card.indigo.css.js';
|
|
5
5
|
import { styles as materialDark } from './dark/card.material.css.js';
|
|
6
|
+
import { styles as sharedDark } from './dark/card.shared.css.js';
|
|
6
7
|
import { styles as bootstrapLight } from './light/container/card.bootstrap.css.js';
|
|
7
8
|
import { styles as fluentLight } from './light/container/card.fluent.css.js';
|
|
8
9
|
import { styles as indigoLight } from './light/container/card.indigo.css.js';
|
|
9
10
|
import { styles as materialLight } from './light/container/card.material.css.js';
|
|
10
|
-
import { styles as
|
|
11
|
+
import { styles as sharedLight } from './light/container/card.shared.css.js';
|
|
11
12
|
import { styles as fluent } from './shared/container/card.fluent.css.js';
|
|
13
|
+
import { styles as indigo } from './shared/container/card.indigo.css.js';
|
|
12
14
|
const light = {
|
|
13
15
|
shared: css `
|
|
14
|
-
${
|
|
16
|
+
${sharedLight}
|
|
15
17
|
`,
|
|
16
18
|
bootstrap: css `
|
|
17
19
|
${bootstrapLight}
|
|
@@ -23,12 +25,12 @@ const light = {
|
|
|
23
25
|
${fluent} ${fluentLight}
|
|
24
26
|
`,
|
|
25
27
|
indigo: css `
|
|
26
|
-
${indigoLight}
|
|
28
|
+
${indigo} ${indigoLight}
|
|
27
29
|
`,
|
|
28
30
|
};
|
|
29
31
|
const dark = {
|
|
30
32
|
shared: css `
|
|
31
|
-
${
|
|
33
|
+
${sharedDark}
|
|
32
34
|
`,
|
|
33
35
|
bootstrap: css `
|
|
34
36
|
${bootstrapDark}
|
|
@@ -40,7 +42,7 @@ const dark = {
|
|
|
40
42
|
${fluent} ${fluentDark}
|
|
41
43
|
`,
|
|
42
44
|
indigo: css `
|
|
43
|
-
${indigoDark}
|
|
45
|
+
${indigo} ${indigoDark}
|
|
44
46
|
`,
|
|
45
47
|
};
|
|
46
48
|
export const all = { light, dark };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/components/card/themes/container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/components/card/themes/container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEjE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAE7E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAGzE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,SAAS,EAAE,GAAG,CAAA;MACV,cAAc;GACjB;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,SAAS,EAAE,GAAG,CAAA;MACV,aAAa;GAChB;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/card.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/card.fluent.css.js';\nimport { styles as indigoDark } from './dark/card.indigo.css.js';\nimport { styles as materialDark } from './dark/card.material.css.js';\nimport { styles as sharedDark } from './dark/card.shared.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/container/card.bootstrap.css.js';\nimport { styles as fluentLight } from './light/container/card.fluent.css.js';\nimport { styles as indigoLight } from './light/container/card.indigo.css.js';\nimport { styles as materialLight } from './light/container/card.material.css.js';\nimport { styles as sharedLight } from './light/container/card.shared.css.js';\n// Shared Styles\nimport { styles as fluent } from './shared/container/card.fluent.css.js';\nimport { styles as indigo } from './shared/container/card.indigo.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n shared: css`\n ${sharedLight}\n `,\n bootstrap: css`\n ${bootstrapLight}\n `,\n material: css`\n ${materialLight}\n `,\n fluent: css`\n ${fluent} ${fluentLight}\n `,\n indigo: css`\n ${indigo} ${indigoLight}\n `,\n};\n\nconst dark = {\n shared: css`\n ${sharedDark}\n `,\n bootstrap: css`\n ${bootstrapDark}\n `,\n material: css`\n ${materialDark}\n `,\n fluent: css`\n ${fluent} ${fluentDark}\n `,\n indigo: css`\n ${indigo} ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
|
|
@@ -1,35 +1,13 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
import { styles as bootstrapLight } from './light/content/card.content.bootstrap.css.js';
|
|
3
|
-
import { styles as fluentLight } from './light/content/card.content.fluent.css.js';
|
|
4
|
-
import { styles as indigoLight } from './light/content/card.content.indigo.css.js';
|
|
5
|
-
import { styles as materialLight } from './light/content/card.content.material.css.js';
|
|
6
2
|
import { styles as bootstrap } from './shared/content/card.content.bootstrap.css.js';
|
|
7
3
|
const light = {
|
|
8
4
|
bootstrap: css `
|
|
9
|
-
${bootstrap}
|
|
10
|
-
`,
|
|
11
|
-
material: css `
|
|
12
|
-
${materialLight}
|
|
13
|
-
`,
|
|
14
|
-
fluent: css `
|
|
15
|
-
${fluentLight}
|
|
16
|
-
`,
|
|
17
|
-
indigo: css `
|
|
18
|
-
${indigoLight}
|
|
5
|
+
${bootstrap}
|
|
19
6
|
`,
|
|
20
7
|
};
|
|
21
8
|
const dark = {
|
|
22
9
|
bootstrap: css `
|
|
23
|
-
${bootstrap}
|
|
24
|
-
`,
|
|
25
|
-
material: css `
|
|
26
|
-
${materialLight}
|
|
27
|
-
`,
|
|
28
|
-
fluent: css `
|
|
29
|
-
${fluentLight}
|
|
30
|
-
`,
|
|
31
|
-
indigo: css `
|
|
32
|
-
${indigoLight}
|
|
10
|
+
${bootstrap}
|
|
33
11
|
`,
|
|
34
12
|
};
|
|
35
13
|
export const all = { light, dark };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../../src/components/card/themes/content.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../../src/components/card/themes/content.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,gDAAgD,CAAC;AAGrF,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Shared Styles\nimport { styles as bootstrap } from './shared/content/card.content.bootstrap.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n bootstrap: css`\n ${bootstrap}\n `,\n};\n\nconst dark = {\n bootstrap: css`\n ${bootstrap}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--
|
|
2
|
+
export const styles = css `:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--header-text-color: var(--ig-card-header-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-text-color: var(--ig-card-subtitle-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--content-text-color: var(--ig-card-content-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--actions-text-color: var(--ig-card-actions-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2)}`;
|
|
3
3
|
//# sourceMappingURL=card.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/dark/card.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":"card.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/dark/card.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,stBAAstB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--header-text-color: var(--ig-card-header-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-text-color: var(--ig-card-subtitle-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--content-text-color: var(--ig-card-content-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--actions-text-color: var(--ig-card-actions-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--outline-color: var(--ig-card-outline-color, hsla(var(--ig-gray-200), var(--ig-gray-a)))}`;
|
|
2
|
+
export const styles = css `:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--background: var(--ig-card-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-card-header-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-text-color: var(--ig-card-subtitle-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--content-text-color: var(--ig-card-content-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--actions-text-color: var(--ig-card-actions-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2);--outline-color: var(--ig-card-outline-color, hsla(var(--ig-gray-200), var(--ig-gray-a)))}`;
|
|
3
3
|
//# sourceMappingURL=card.fluent.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/dark/card.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":"card.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/dark/card.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,04BAA04B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--background: var(--ig-card-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-card-header-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-text-color: var(--ig-card-subtitle-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--content-text-color: var(--ig-card-content-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--actions-text-color: var(--ig-card-actions-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2);--outline-color: var(--ig-card-outline-color, hsla(var(--ig-gray-200), var(--ig-gray-a)))}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--subtitle-text-color: var(--ig-card-subtitle-text-color, hsla(var(--ig-gray-
|
|
2
|
+
export const styles = css `:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--header-text-color: var(--ig-card-header-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 90%, transparent));--subtitle-text-color: var(--ig-card-subtitle-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--content-text-color: var(--ig-card-content-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--actions-text-color: var(--ig-card-actions-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2)}`;
|
|
3
3
|
//# sourceMappingURL=card.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/dark/card.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":"card.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/dark/card.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0vBAA0vB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--header-text-color: var(--ig-card-header-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 90%, transparent));--subtitle-text-color: var(--ig-card-subtitle-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--content-text-color: var(--ig-card-content-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--actions-text-color: var(--ig-card-actions-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--outline-color: var(--ig-card-outline-color, hsla(var(--ig-gray-400), 0.38))}`;
|
|
2
|
+
export const styles = css `:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--background: var(--ig-card-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-card-header-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-text-color: var(--ig-card-subtitle-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--content-text-color: var(--ig-card-content-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--actions-text-color: var(--ig-card-actions-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2);--outline-color: var(--ig-card-outline-color, hsla(var(--ig-gray-400), 0.38))}`;
|
|
3
3
|
//# sourceMappingURL=card.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.material.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/dark/card.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":"card.material.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/dark/card.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,83BAA83B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--background: var(--ig-card-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-card-header-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-text-color: var(--ig-card-subtitle-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--content-text-color: var(--ig-card-content-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--actions-text-color: var(--ig-card-actions-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2);--outline-color: var(--ig-card-outline-color, hsla(var(--ig-gray-400), 0.38))}`;\n"]}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--background: var(--ig-card-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--outline-color: var(--ig-card-outline-color, hsla(var(--ig-gray-100), var(--ig-gray-a)))}`;
|
|
3
|
+
//# sourceMappingURL=card.shared.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/dark/card.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qLAAqL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-card-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--outline-color: var(--ig-card-outline-color, hsla(var(--ig-gray-100), var(--ig-gray-a)))}`;\n"]}
|
|
@@ -1,36 +1,27 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
import { styles as bootstrapLight } from './light/header/card.header.bootstrap.css.js';
|
|
3
|
-
import { styles as fluentLight } from './light/header/card.header.fluent.css.js';
|
|
4
|
-
import { styles as indigoLight } from './light/header/card.header.indigo.css.js';
|
|
5
|
-
import { styles as materialLight } from './light/header/card.header.material.css.js';
|
|
6
2
|
import { styles as bootstrap } from './shared/header/card.header.bootstrap.css.js';
|
|
7
3
|
import { styles as fluent } from './shared/header/card.header.fluent.css.js';
|
|
4
|
+
import { styles as indigo } from './shared/header/card.header.indigo.css.js';
|
|
8
5
|
const light = {
|
|
9
6
|
bootstrap: css `
|
|
10
|
-
${bootstrap}
|
|
11
|
-
`,
|
|
12
|
-
material: css `
|
|
13
|
-
${materialLight}
|
|
7
|
+
${bootstrap}
|
|
14
8
|
`,
|
|
15
9
|
fluent: css `
|
|
16
|
-
${fluent}
|
|
10
|
+
${fluent}
|
|
17
11
|
`,
|
|
18
12
|
indigo: css `
|
|
19
|
-
${
|
|
13
|
+
${indigo}
|
|
20
14
|
`,
|
|
21
15
|
};
|
|
22
16
|
const dark = {
|
|
23
17
|
bootstrap: css `
|
|
24
|
-
${bootstrap}
|
|
25
|
-
`,
|
|
26
|
-
material: css `
|
|
27
|
-
${materialLight}
|
|
18
|
+
${bootstrap}
|
|
28
19
|
`,
|
|
29
20
|
fluent: css `
|
|
30
|
-
${fluent}
|
|
21
|
+
${fluent}
|
|
31
22
|
`,
|
|
32
23
|
indigo: css `
|
|
33
|
-
${
|
|
24
|
+
${indigo}
|
|
34
25
|
`,
|
|
35
26
|
};
|
|
36
27
|
export const all = { light, dark };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../src/components/card/themes/header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../src/components/card/themes/header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAG7E,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Shared Styles\nimport { styles as bootstrap } from './shared/header/card.header.bootstrap.css.js';\nimport { styles as fluent } from './shared/header/card.header.fluent.css.js';\nimport { styles as indigo } from './shared/header/card.header.indigo.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n bootstrap: css`\n ${bootstrap}\n `,\n fluent: css`\n ${fluent}\n `,\n indigo: css`\n ${indigo}\n `,\n};\n\nconst dark = {\n bootstrap: css`\n ${bootstrap}\n `,\n fluent: css`\n ${fluent}\n `,\n indigo: css`\n ${indigo}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--
|
|
2
|
+
export const styles = css `:host{--background: var(--ig-card-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--header-text-color: var(--ig-card-header-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--actions-text-color: var(--ig-card-actions-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem));--outline-color: var(--ig-card-outline-color, hsla(var(--ig-gray-400), var(--ig-gray-a)))}`;
|
|
3
3
|
//# sourceMappingURL=card.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/card/themes/light/container/card.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":"card.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/card/themes/light/container/card.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qgBAAqgB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-card-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--header-text-color: var(--ig-card-header-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--actions-text-color: var(--ig-card-actions-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem));--outline-color: var(--ig-card-outline-color, hsla(var(--ig-gray-400), var(--ig-gray-a)))}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.actions.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/card/themes/shared/actions/card.actions.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uIAAuI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{padding:1rem}:host ::slotted(igc-button),:host ::slotted(igc-icon-button){--ig-size: 2}:host([orientation=vertical]){gap:.5rem}`;\n"]}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host ::slotted(igc-card-header:first-child),:host ::slotted(igc-card-header:last-child){-webkit-padding-after:1rem;padding-block-end:1rem}:host ::slotted(igc-card-content:not(:last-child)){-webkit-padding-after:.5rem;padding-block-end:.5rem}:host([elevated]){border:.0625rem solid var(--outline-color)}`;
|
|
3
|
+
//# sourceMappingURL=card.indigo.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/card/themes/shared/container/card.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iTAAiT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::slotted(igc-card-header:first-child),:host ::slotted(igc-card-header:last-child){-webkit-padding-after:1rem;padding-block-end:1rem}:host ::slotted(igc-card-content:not(:last-child)){-webkit-padding-after:.5rem;padding-block-end:.5rem}:host([elevated]){border:.0625rem solid var(--outline-color)}`;\n"]}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{-webkit-padding-after:0;padding-block-end:0}:host ::slotted(igc-avatar){--ig-size: 3}:host [part=header]{gap:.125rem}::slotted([slot=subtitle]){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);-webkit-margin-after:.125rem;margin-block-end:.125rem}::slotted([slot=thumbnail]){-webkit-margin-end:.5rem;margin-inline-end:.5rem}`;
|
|
3
|
+
//# sourceMappingURL=card.header.indigo.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.header.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/card/themes/shared/header/card.header.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2qBAA2qB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{-webkit-padding-after:0;padding-block-end:0}:host ::slotted(igc-avatar){--ig-size: 3}:host [part=header]{gap:.125rem}::slotted([slot=subtitle]){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);-webkit-margin-after:.125rem;margin-block-end:.125rem}::slotted([slot=thumbnail]){-webkit-margin-end:.5rem;margin-inline-end:.5rem}`;\n"]}
|
|
@@ -9,6 +9,8 @@ export interface IgcCheckboxEventMap {
|
|
|
9
9
|
declare const IgcCheckboxBaseComponent_base: Constructor<import("../common/mixins/form-associated-required.js").FormRequiredInterface & import("../common/mixins/form-associated.js").FormAssociatedElementInterface> & Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcCheckboxEventMap>> & Constructor<LitElement>;
|
|
10
10
|
export declare class IgcCheckboxBaseComponent extends IgcCheckboxBaseComponent_base {
|
|
11
11
|
protected validators: Validator<this>[];
|
|
12
|
+
protected _value: string;
|
|
13
|
+
protected _checked: boolean;
|
|
12
14
|
protected input: HTMLInputElement;
|
|
13
15
|
protected label: Array<Node>;
|
|
14
16
|
protected focused: boolean;
|
|
@@ -17,19 +19,21 @@ export declare class IgcCheckboxBaseComponent extends IgcCheckboxBaseComponent_b
|
|
|
17
19
|
* The value attribute of the control.
|
|
18
20
|
* @attr
|
|
19
21
|
*/
|
|
20
|
-
value: string;
|
|
22
|
+
set value(value: string);
|
|
23
|
+
get value(): string;
|
|
21
24
|
/**
|
|
22
25
|
* The checked state of the control.
|
|
23
26
|
* @attr
|
|
24
27
|
*/
|
|
25
|
-
checked: boolean;
|
|
28
|
+
set checked(value: boolean);
|
|
29
|
+
get checked(): boolean;
|
|
26
30
|
/**
|
|
27
31
|
* The label position of the control.
|
|
28
32
|
* @attr label-position
|
|
29
33
|
*/
|
|
30
34
|
labelPosition: 'before' | 'after';
|
|
31
35
|
constructor();
|
|
32
|
-
|
|
36
|
+
connectedCallback(): void;
|
|
33
37
|
protected handleChange(): void;
|
|
34
38
|
/** Simulates a click on the control. */
|
|
35
39
|
click(): void;
|