igniteui-webcomponents 6.1.2 → 6.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +32 -0
- package/LICENSE +1 -1
- package/README.md +13 -1
- package/components/card/themes/content.js +7 -0
- package/components/card/themes/content.js.map +1 -1
- package/components/card/themes/shared/content/card.content.indigo.css.d.ts +1 -0
- package/components/card/themes/shared/content/card.content.indigo.css.js +3 -0
- package/components/card/themes/shared/content/card.content.indigo.css.js.map +1 -0
- package/components/carousel/carousel-indicator.d.ts +1 -1
- package/components/carousel/carousel-indicator.js.map +1 -1
- package/components/carousel/carousel-slide.d.ts +3 -3
- package/components/carousel/carousel-slide.js +7 -13
- package/components/carousel/carousel-slide.js.map +1 -1
- package/components/carousel/carousel.d.ts +39 -38
- package/components/carousel/carousel.js +160 -153
- package/components/carousel/carousel.js.map +1 -1
- package/components/checkbox/checkbox-base.d.ts +3 -5
- package/components/checkbox/checkbox-base.js +15 -21
- package/components/checkbox/checkbox-base.js.map +1 -1
- package/components/checkbox/checkbox.d.ts +3 -4
- package/components/checkbox/checkbox.js +18 -17
- package/components/checkbox/checkbox.js.map +1 -1
- package/components/checkbox/switch.d.ts +0 -1
- package/components/checkbox/switch.js +7 -10
- package/components/checkbox/switch.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js.map +1 -1
- package/components/chip/chip.d.ts +11 -11
- package/components/chip/chip.js +61 -65
- package/components/chip/chip.js.map +1 -1
- package/components/combo/combo.d.ts +3 -3
- package/components/combo/combo.js +12 -6
- package/components/combo/combo.js.map +1 -1
- package/components/combo/themes/shared/combo.common.css.js +1 -1
- package/components/combo/themes/shared/combo.common.css.js.map +1 -1
- package/components/combo/themes/shared/combo.indigo.css.js +1 -1
- package/components/combo/themes/shared/combo.indigo.css.js.map +1 -1
- package/components/combo/themes/shared/combo.material.css.js +1 -1
- package/components/combo/themes/shared/combo.material.css.js.map +1 -1
- package/components/common/controllers/internals.d.ts +66 -2
- package/components/common/controllers/internals.js +21 -0
- package/components/common/controllers/internals.js.map +1 -1
- package/components/common/controllers/slot.d.ts +87 -0
- package/components/common/controllers/slot.js +75 -0
- package/components/common/controllers/slot.js.map +1 -0
- package/components/common/mixins/forms/associated.d.ts +1 -1
- package/components/common/mixins/forms/associated.js +91 -36
- package/components/common/mixins/forms/associated.js.map +1 -1
- package/components/common/mixins/forms/form-transformers.d.ts +21 -0
- package/components/common/mixins/forms/form-transformers.js +64 -0
- package/components/common/mixins/forms/form-transformers.js.map +1 -0
- package/components/common/mixins/forms/form-value.d.ts +7 -36
- package/components/common/mixins/forms/form-value.js +2 -64
- package/components/common/mixins/forms/form-value.js.map +1 -1
- package/components/common/mixins/forms/types.d.ts +19 -10
- package/components/common/mixins/forms/types.js +2 -1
- package/components/common/mixins/forms/types.js.map +1 -1
- package/components/common/util.d.ts +1 -0
- package/components/common/util.js +3 -0
- package/components/common/util.js.map +1 -1
- package/components/date-picker/date-picker.d.ts +1 -3
- package/components/date-picker/date-picker.js +11 -13
- package/components/date-picker/date-picker.js.map +1 -1
- package/components/date-picker/themes/dark/date-picker.indigo.css.js +1 -1
- package/components/date-picker/themes/dark/date-picker.indigo.css.js.map +1 -1
- package/components/date-picker/themes/shared/date-picker.bootstrap.css.js +1 -1
- package/components/date-picker/themes/shared/date-picker.bootstrap.css.js.map +1 -1
- package/components/date-picker/themes/shared/date-picker.common.css.js +1 -1
- package/components/date-picker/themes/shared/date-picker.common.css.js.map +1 -1
- package/components/date-picker/themes/shared/date-picker.fluent.css.js +1 -1
- package/components/date-picker/themes/shared/date-picker.fluent.css.js.map +1 -1
- package/components/date-picker/themes/shared/date-picker.indigo.css.js +1 -1
- package/components/date-picker/themes/shared/date-picker.indigo.css.js.map +1 -1
- package/components/date-picker/themes/shared/date-picker.material.css.js +1 -1
- package/components/date-picker/themes/shared/date-picker.material.css.js.map +1 -1
- package/components/date-range-picker/date-range-picker.d.ts +1 -3
- package/components/date-range-picker/date-range-picker.js +19 -26
- package/components/date-range-picker/date-range-picker.js.map +1 -1
- package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js +1 -1
- package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js.map +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.js +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.js.map +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.common.css.js +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.common.css.js.map +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.js +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.js.map +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.js +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.js.map +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.material.css.js +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.material.css.js.map +1 -1
- package/components/date-time-input/date-time-input.d.ts +1 -2
- package/components/date-time-input/date-time-input.js +7 -7
- package/components/date-time-input/date-time-input.js.map +1 -1
- package/components/dialog/dialog.d.ts +23 -25
- package/components/dialog/dialog.js +108 -115
- package/components/dialog/dialog.js.map +1 -1
- package/components/dialog/themes/dark/dialog.bootstrap.css.js +1 -1
- package/components/dialog/themes/dark/dialog.bootstrap.css.js.map +1 -1
- package/components/expansion-panel/expansion-panel.d.ts +12 -14
- package/components/expansion-panel/expansion-panel.js +43 -56
- package/components/expansion-panel/expansion-panel.js.map +1 -1
- package/components/file-input/file-input.d.ts +1 -3
- package/components/file-input/file-input.js +6 -11
- package/components/file-input/file-input.js.map +1 -1
- package/components/file-input/themes/shared/file-input.bootstrap.css.js +1 -1
- package/components/file-input/themes/shared/file-input.bootstrap.css.js.map +1 -1
- package/components/file-input/themes/shared/file-input.material.css.js +1 -1
- package/components/file-input/themes/shared/file-input.material.css.js.map +1 -1
- package/components/input/input.d.ts +1 -4
- package/components/input/input.js +7 -12
- package/components/input/input.js.map +1 -1
- package/components/input/themes/shared/input.bootstrap.css.js +1 -1
- package/components/input/themes/shared/input.bootstrap.css.js.map +1 -1
- package/components/input/themes/shared/input.common.css.js +1 -1
- package/components/input/themes/shared/input.common.css.js.map +1 -1
- package/components/input/themes/shared/input.fluent.css.js +1 -1
- package/components/input/themes/shared/input.fluent.css.js.map +1 -1
- package/components/input/themes/shared/input.indigo.css.js +1 -1
- package/components/input/themes/shared/input.indigo.css.js.map +1 -1
- package/components/input/themes/shared/input.material.css.js +1 -1
- package/components/input/themes/shared/input.material.css.js.map +1 -1
- package/components/mask-input/mask-input-base.js +1 -0
- package/components/mask-input/mask-input-base.js.map +1 -1
- package/components/mask-input/mask-input.d.ts +2 -3
- package/components/mask-input/mask-input.js +5 -8
- package/components/mask-input/mask-input.js.map +1 -1
- package/components/nav-drawer/nav-drawer-item.d.ts +3 -4
- package/components/nav-drawer/nav-drawer-item.js +15 -18
- package/components/nav-drawer/nav-drawer-item.js.map +1 -1
- package/components/nav-drawer/nav-drawer.d.ts +1 -2
- package/components/nav-drawer/nav-drawer.js +9 -11
- package/components/nav-drawer/nav-drawer.js.map +1 -1
- package/components/nav-drawer/themes/container.base.css.js +1 -1
- package/components/nav-drawer/themes/container.base.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/container/nav-drawer.common.css.js +1 -1
- package/components/nav-drawer/themes/shared/container/nav-drawer.common.css.js.map +1 -1
- package/components/popover/popover.d.ts +17 -16
- package/components/popover/popover.js +81 -91
- package/components/popover/popover.js.map +1 -1
- package/components/progress/base.d.ts +8 -8
- package/components/progress/base.js +19 -23
- package/components/progress/base.js.map +1 -1
- package/components/progress/circular-gradient.js.map +1 -1
- package/components/progress/circular-progress.d.ts +3 -4
- package/components/progress/circular-progress.js +15 -18
- package/components/progress/circular-progress.js.map +1 -1
- package/components/progress/linear-progress.d.ts +1 -0
- package/components/progress/linear-progress.js +5 -1
- package/components/progress/linear-progress.js.map +1 -1
- package/components/radio/radio.d.ts +3 -5
- package/components/radio/radio.js +33 -31
- package/components/radio/radio.js.map +1 -1
- package/components/radio/themes/dark/radio.fluent.css.js +1 -1
- package/components/radio/themes/dark/radio.fluent.css.js.map +1 -1
- package/components/radio/themes/shared/radio.bootstrap.css.js +1 -1
- package/components/radio/themes/shared/radio.bootstrap.css.js.map +1 -1
- package/components/radio/themes/shared/radio.common.css.js +1 -1
- package/components/radio/themes/shared/radio.common.css.js.map +1 -1
- package/components/radio/themes/shared/radio.fluent.css.js +1 -1
- package/components/radio/themes/shared/radio.fluent.css.js.map +1 -1
- package/components/radio/themes/shared/radio.indigo.css.js +1 -1
- package/components/radio/themes/shared/radio.indigo.css.js.map +1 -1
- package/components/radio/themes/shared/radio.material.css.js +1 -1
- package/components/radio/themes/shared/radio.material.css.js.map +1 -1
- package/components/radio-group/radio-group.d.ts +4 -4
- package/components/radio-group/radio-group.js +24 -21
- package/components/radio-group/radio-group.js.map +1 -1
- package/components/rating/rating.d.ts +1 -2
- package/components/rating/rating.js +4 -3
- package/components/rating/rating.js.map +1 -1
- package/components/select/select.d.ts +35 -38
- package/components/select/select.js +138 -146
- package/components/select/select.js.map +1 -1
- package/components/select/themes/shared/select.bootstrap.css.js +1 -1
- package/components/select/themes/shared/select.bootstrap.css.js.map +1 -1
- package/components/select/themes/shared/select.common.css.js +1 -1
- package/components/select/themes/shared/select.common.css.js.map +1 -1
- package/components/select/themes/shared/select.fluent.css.js +1 -1
- package/components/select/themes/shared/select.fluent.css.js.map +1 -1
- package/components/select/themes/shared/select.indigo.css.js +1 -1
- package/components/select/themes/shared/select.indigo.css.js.map +1 -1
- package/components/select/themes/shared/select.material.css.js +1 -1
- package/components/select/themes/shared/select.material.css.js.map +1 -1
- package/components/slider/slider-label.js.map +1 -1
- package/components/slider/slider.d.ts +1 -2
- package/components/slider/slider.js +5 -2
- package/components/slider/slider.js.map +1 -1
- package/components/textarea/textarea.d.ts +13 -20
- package/components/textarea/textarea.js +66 -90
- package/components/textarea/textarea.js.map +1 -1
- package/components/textarea/themes/shared/textarea.bootstrap.css.js +1 -1
- package/components/textarea/themes/shared/textarea.bootstrap.css.js.map +1 -1
- package/components/textarea/themes/shared/textarea.common.css.js +1 -1
- package/components/textarea/themes/shared/textarea.common.css.js.map +1 -1
- package/components/textarea/themes/shared/textarea.fluent.css.js +1 -1
- package/components/textarea/themes/shared/textarea.fluent.css.js.map +1 -1
- package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
- package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
- package/components/textarea/themes/shared/textarea.material.css.js +1 -1
- package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
- package/components/tile-manager/position.js +2 -1
- package/components/tile-manager/position.js.map +1 -1
- package/components/tile-manager/tile.d.ts +8 -12
- package/components/tile-manager/tile.js +16 -37
- package/components/tile-manager/tile.js.map +1 -1
- package/components/validation-container/validation-container.d.ts +2 -1
- package/components/validation-container/validation-container.js +19 -14
- package/components/validation-container/validation-container.js.map +1 -1
- package/custom-elements.json +9346 -6470
- package/igniteui-webcomponents.css-data.json +1 -1
- package/igniteui-webcomponents.html-data.json +1 -1
- package/package.json +1 -1
- package/web-types.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/components/checkbox/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/components/checkbox/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAEhD,IAAI,MAAM,GAAG,CAAC,CAAC;AAgBf,MAAqB,kBAAmB,SAAQ,wBAAwB;IAK/D,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;IACxC,CAAC;IAKD;QACE,KAAK,EAAE,CAAC;QAJO,aAAQ,GAAG,UAAU,MAAM,EAAE,EAAE,CAAC;QAChC,aAAQ,GAAG,gBAAgB,IAAI,CAAC,QAAQ,EAAE,CAAC;QAI1D,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QACxD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAE7B,OAAO,IAAI,CAAA;oBACK,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ;;eAE1D,IAAI,CAAC,QAAQ;;iBAEX,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;kBACnB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;sBACjB,IAAI,CAAC,QAAQ;sBACb,IAAI,CAAC,QAAQ;qBACd,IAAI,CAAC,OAAO,CAAC;4BACN,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ;mBAChD,IAAI,CAAC,YAAY;kBAClB,IAAI,CAAC,WAAW;;;iBAGjB,OAAO,CAAC;YACb,OAAO,EAAE,IAAI;YACb,OAAO;YACP,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,OAAO;SACxC,CAAC;;uBAEW,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;;eAGzC,IAAI,CAAC,QAAQ;iBACX,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oBAC9B,IAAI,CAAC,UAAU;;;;;KAK9B,CAAC;IACJ,CAAC;;AApDsB,0BAAO,GAAG,YAAY,AAAf,CAAgB;AAChC,yBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;eAFrB,kBAAkB","sourcesContent":["import { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partMap } from '../common/part-map.js';\nimport { IgcCheckboxBaseComponent } from './checkbox-base.js';\nimport { styles as shared } from './themes/shared/switch/switch.common.css.js';\nimport { styles } from './themes/switch.base.css.js';\nimport { all } from './themes/switch-themes.js';\n\nlet nextId = 1;\n\n/**\n * Similar to a checkbox, a switch controls the state of a single setting on or off.\n *\n * @element igc-switch\n *\n * @slot - The switch label.\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n *\n * @csspart base - The base wrapper of the switch.\n * @csspart control - The switch input element.\n * @csspart thumb - The position indicator of the switch.\n * @csspart label - The switch label.\n */\nexport default class IgcSwitchComponent extends IgcCheckboxBaseComponent {\n public static readonly tagName = 'igc-switch';\n public static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcSwitchComponent);\n }\n\n private readonly _inputId = `switch-${nextId++}`;\n private readonly _labelId = `switch-label-${this._inputId}`;\n\n constructor() {\n super();\n addThemingController(this, all);\n }\n\n protected override render() {\n const labelledBy = this.getAttribute('aria-labelledby');\n const checked = this.checked;\n\n return html`\n <label part=${partMap({ base: true, checked })} for=${this._inputId}>\n <input\n id=${this._inputId}\n type=\"checkbox\"\n name=${ifDefined(this.name)}\n value=${ifDefined(this.value)}\n ?required=${this.required}\n ?disabled=${this.disabled}\n .checked=${live(checked)}\n aria-labelledby=${labelledBy ? labelledBy : this._labelId}\n @click=${this._handleClick}\n @blur=${this._handleBlur}\n />\n <span\n part=${partMap({\n control: true,\n checked,\n focused: this._focusRingManager.focused,\n })}\n >\n <span part=${partMap({ thumb: true, checked })}></span>\n </span>\n <span\n id=${this._labelId}\n part=${partMap({ label: true, checked })}\n ?hidden=${this._hideLabel}\n >\n <slot></slot>\n </span>\n </label>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-switch': IgcSwitchComponent;\n }\n}\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, var(--ig-primary-900-contrast));--empty-fill-color: var(--ig-checkbox-empty-fill-color, var(--ig-gray-900-contrast));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-900) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, var(--ig-gray-100));--disabled-tick-color: var(--ig-checkbox-disabled-tick-color, var(--ig-primary-900-contrast));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, var(--ig-primary-200));--disabled-color-label: var(--ig-checkbox-disabled-color-label, var(--ig-gray-300));--error-color: var(--ig-checkbox-error-color, var(--ig-error-300));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, var(--ig-primary-900-contrast));--empty-color: var(--ig-checkbox-empty-color, var(--ig-gray-400));--empty-color-hover: var(--ig-checkbox-empty-color-hover, var(--ig-gray-500));--focus-border-color: var(--ig-checkbox-focus-border-color, var(--ig-primary-200));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--fill-color-hover: var(--ig-checkbox-fill-color-hover, var(--ig-primary-600));--error-color-hover: var(--ig-checkbox-error-color-hover, var(--ig-error-400));--ig-theme: bootstrap}:host(:not([disabled])
|
|
2
|
+
export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, var(--ig-primary-900-contrast));--empty-fill-color: var(--ig-checkbox-empty-fill-color, var(--ig-gray-900-contrast));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-900) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, var(--ig-gray-100));--disabled-tick-color: var(--ig-checkbox-disabled-tick-color, var(--ig-primary-900-contrast));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, var(--ig-primary-200));--disabled-color-label: var(--ig-checkbox-disabled-color-label, var(--ig-gray-300));--error-color: var(--ig-checkbox-error-color, var(--ig-error-300));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, var(--ig-primary-900-contrast));--empty-color: var(--ig-checkbox-empty-color, var(--ig-gray-400));--empty-color-hover: var(--ig-checkbox-empty-color-hover, var(--ig-gray-500));--focus-border-color: var(--ig-checkbox-focus-border-color, var(--ig-primary-200));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--fill-color-hover: var(--ig-checkbox-fill-color-hover, var(--ig-primary-600));--error-color-hover: var(--ig-checkbox-error-color-hover, var(--ig-error-400));--ig-theme: bootstrap}:host(:not([disabled]):state(ig-invalid)) [part~=indicator],:host(:not(:disabled):state(ig-invalid)) [part~=indicator]{stroke:#000}:host([disabled]) [part~=control],:host(:disabled) [part~=control]{background:var(--ig-surface-500)}`;
|
|
3
3
|
//# sourceMappingURL=checkbox.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kwDAAkwD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color: var(--ig-checkbox-tick-color, var(--ig-primary-900-contrast));--empty-fill-color: var(--ig-checkbox-empty-fill-color, var(--ig-gray-900-contrast));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-900) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, var(--ig-gray-100));--disabled-tick-color: var(--ig-checkbox-disabled-tick-color, var(--ig-primary-900-contrast));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, var(--ig-primary-200));--disabled-color-label: var(--ig-checkbox-disabled-color-label, var(--ig-gray-300));--error-color: var(--ig-checkbox-error-color, var(--ig-error-300));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, var(--ig-primary-900-contrast));--empty-color: var(--ig-checkbox-empty-color, var(--ig-gray-400));--empty-color-hover: var(--ig-checkbox-empty-color-hover, var(--ig-gray-500));--focus-border-color: var(--ig-checkbox-focus-border-color, var(--ig-primary-200));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--fill-color-hover: var(--ig-checkbox-fill-color-hover, var(--ig-primary-600));--error-color-hover: var(--ig-checkbox-error-color-hover, var(--ig-error-400));--ig-theme: bootstrap}:host(:not([disabled]):state(ig-invalid)) [part~=indicator],:host(:not(:disabled):state(ig-invalid)) [part~=indicator]{stroke:#000}:host([disabled]) [part~=control],:host(:disabled) [part~=control]{background:var(--ig-surface-500)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--fill-color: var(--ig-checkbox-fill-color, var(--ig-primary-300));--disabled-color: var(--ig-checkbox-disabled-color, var(--ig-gray-100));--disabled-color-label: var(--ig-checkbox-disabled-color-label, var(--ig-gray-300));--error-color: var(--ig-checkbox-error-color, var(--ig-error-100));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, var(--ig-gray-400));--focus-outline-color: var(--ig-checkbox-focus-outline-color, var(--ig-gray-400));--focus-border-color: var(--ig-checkbox-focus-border-color, var(--ig-gray-900));--empty-color: var(--ig-checkbox-empty-color, var(--ig-gray-900));--empty-color-hover: var(--ig-checkbox-empty-color-hover, var(--ig-gray-900));--fill-color-hover: var(--ig-checkbox-fill-color-hover, var(--ig-primary-100));--error-color-hover: var(--ig-checkbox-error-color-hover, var(--ig-error-50));--ig-theme: fluent}:host(
|
|
2
|
+
export const styles = css `:host{--fill-color: var(--ig-checkbox-fill-color, var(--ig-primary-300));--disabled-color: var(--ig-checkbox-disabled-color, var(--ig-gray-100));--disabled-color-label: var(--ig-checkbox-disabled-color-label, var(--ig-gray-300));--error-color: var(--ig-checkbox-error-color, var(--ig-error-100));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, var(--ig-gray-400));--focus-outline-color: var(--ig-checkbox-focus-outline-color, var(--ig-gray-400));--focus-border-color: var(--ig-checkbox-focus-border-color, var(--ig-gray-900));--empty-color: var(--ig-checkbox-empty-color, var(--ig-gray-900));--empty-color-hover: var(--ig-checkbox-empty-color-hover, var(--ig-gray-900));--fill-color-hover: var(--ig-checkbox-fill-color-hover, var(--ig-primary-100));--error-color-hover: var(--ig-checkbox-error-color-hover, var(--ig-error-50));--ig-theme: fluent}:host(:state(ig-invalid):hover) [part~=indicator]{stroke:var(--ig-error-500)}`;
|
|
3
3
|
//# sourceMappingURL=checkbox.fluent.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gjCAAgjC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--fill-color: var(--ig-checkbox-fill-color, var(--ig-primary-300));--disabled-color: var(--ig-checkbox-disabled-color, var(--ig-gray-100));--disabled-color-label: var(--ig-checkbox-disabled-color-label, var(--ig-gray-300));--error-color: var(--ig-checkbox-error-color, var(--ig-error-100));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, var(--ig-gray-400));--focus-outline-color: var(--ig-checkbox-focus-outline-color, var(--ig-gray-400));--focus-border-color: var(--ig-checkbox-focus-border-color, var(--ig-gray-900));--empty-color: var(--ig-checkbox-empty-color, var(--ig-gray-900));--empty-color-hover: var(--ig-checkbox-empty-color-hover, var(--ig-gray-900));--fill-color-hover: var(--ig-checkbox-fill-color-hover, var(--ig-primary-100));--error-color-hover: var(--ig-checkbox-error-color-hover, var(--ig-error-50));--ig-theme: fluent}:host(:state(ig-invalid):hover) [part~=indicator]{stroke:var(--ig-error-500)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host ::part(helper-text){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);margin-block-start:1rem;grid-auto-rows:minmax(1.125rem, auto)}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);transition:none}[part~=indicator]{--indicator-size: 0.6875rem;transition:none}[part~=control]{--size: 1rem;border-radius:var(--border-radius-ripple);transition:all .15s ease-in-out;background:var(--empty-fill-color);transform:translate3d(0, 0, 0)}[part~=control]::after{border-radius:var(--border-radius);width:inherit;height:inherit;min-width:inherit;box-shadow:inset 0 0 0 .0625rem var(--empty-color);transition:all .15s ease-in-out}[part="control checked"]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host(:hover) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--empty-color-hover)}:host(:hover) [part="control checked"]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host(:focus-visible) [part~=control],[part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color)}:host(:focus-visible) [part=control]::after,[part~=focused] [part=control]::after{box-shadow:inset 0 0 0 .0625rem var(--focus-border-color)}:host(:focus-visible):hover [part=control]::after,[part~=focused]:hover [part=control]::after{box-shadow:inset 0 0 0 .0625rem hsl(from var(--focus-border-color) h calc(s * 1.12) calc(l * 0.82))}:host([indeterminate]) [part~=control]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host([indeterminate]) [part~=indicator]{transform:rotate(45deg) translateX(-0.075rem) scale(0.7)}:host(:not([disabled])[indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host(:not([disabled])
|
|
2
|
+
export const styles = css `:host ::part(helper-text){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);margin-block-start:1rem;grid-auto-rows:minmax(1.125rem, auto)}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);transition:none}[part~=indicator]{--indicator-size: 0.6875rem;transition:none}[part~=control]{--size: 1rem;border-radius:var(--border-radius-ripple);transition:all .15s ease-in-out;background:var(--empty-fill-color);transform:translate3d(0, 0, 0)}[part~=control]::after{border-radius:var(--border-radius);width:inherit;height:inherit;min-width:inherit;box-shadow:inset 0 0 0 .0625rem var(--empty-color);transition:all .15s ease-in-out}[part="control checked"]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host(:hover) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--empty-color-hover)}:host(:hover) [part="control checked"]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host(:focus-visible) [part~=control],[part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color)}:host(:focus-visible) [part=control]::after,[part~=focused] [part=control]::after{box-shadow:inset 0 0 0 .0625rem var(--focus-border-color)}:host(:focus-visible):hover [part=control]::after,[part~=focused]:hover [part=control]::after{box-shadow:inset 0 0 0 .0625rem hsl(from var(--focus-border-color) h calc(s * 1.12) calc(l * 0.82))}:host([indeterminate]) [part~=control]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host([indeterminate]) [part~=indicator]{transform:rotate(45deg) translateX(-0.075rem) scale(0.7)}:host(:not([disabled])[indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host(:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color);border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part="control checked"]::after,:host(:not(:disabled):state(ig-invalid)) [part="control checked"]::after{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)):focus-visible [part~=control],:host(:not([disabled]):state(ig-invalid)):focus-visible [part="control checked"],:host(:not(:disabled):state(ig-invalid)):focus-visible [part~=control],:host(:not(:disabled):state(ig-invalid)):focus-visible [part="control checked"]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host(:hover:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:hover:not([disabled]):state(ig-invalid)) [part="control checked"]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part="control checked"]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part="control checked"]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part="control checked"]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host(:hover:not([disabled]):state(ig-invalid)) [part="control checked"]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part="control checked"]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part="control checked"]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part="control checked"]::after{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{background:var(--error-color)}:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{background:var(--error-color-hover)}:host(:focus-visible:not([disabled]):state(ig-invalid)) [part~=control],:host(:focus-visible:not(:disabled):state(ig-invalid)) [part~=control],:host(:not([disabled]):state(ig-invalid)) [part~=focused] [part~=control],:host(:not(:disabled):state(ig-invalid)) [part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after{background:var(--disabled-indeterminate-color);box-shadow:none}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);box-shadow:none}`;
|
|
3
3
|
//# sourceMappingURL=checkbox.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+8KAA+8K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::part(helper-text){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);margin-block-start:1rem;grid-auto-rows:minmax(1.125rem, auto)}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);transition:none}[part~=indicator]{--indicator-size: 0.6875rem;transition:none}[part~=control]{--size: 1rem;border-radius:var(--border-radius-ripple);transition:all .15s ease-in-out;background:var(--empty-fill-color);transform:translate3d(0, 0, 0)}[part~=control]::after{border-radius:var(--border-radius);width:inherit;height:inherit;min-width:inherit;box-shadow:inset 0 0 0 .0625rem var(--empty-color);transition:all .15s ease-in-out}[part=\"control checked\"]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host(:hover) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--empty-color-hover)}:host(:hover) [part=\"control checked\"]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host(:focus-visible) [part~=control],[part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color)}:host(:focus-visible) [part=control]::after,[part~=focused] [part=control]::after{box-shadow:inset 0 0 0 .0625rem var(--focus-border-color)}:host(:focus-visible):hover [part=control]::after,[part~=focused]:hover [part=control]::after{box-shadow:inset 0 0 0 .0625rem hsl(from var(--focus-border-color) h calc(s * 1.12) calc(l * 0.82))}:host([indeterminate]) [part~=control]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host([indeterminate]) [part~=indicator]{transform:rotate(45deg) translateX(-0.075rem) scale(0.7)}:host(:not([disabled])[indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host(:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color);border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part=\"control checked\"]::after,:host(:not(:disabled):state(ig-invalid)) [part=\"control checked\"]::after{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)):focus-visible [part~=control],:host(:not([disabled]):state(ig-invalid)):focus-visible [part=\"control checked\"],:host(:not(:disabled):state(ig-invalid)):focus-visible [part~=control],:host(:not(:disabled):state(ig-invalid)):focus-visible [part=\"control checked\"]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host(:hover:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:hover:not([disabled]):state(ig-invalid)) [part=\"control checked\"]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part=\"control checked\"]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part=\"control checked\"]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part=\"control checked\"]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host(:hover:not([disabled]):state(ig-invalid)) [part=\"control checked\"]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part=\"control checked\"]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part=\"control checked\"]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{background:var(--error-color)}:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{background:var(--error-color-hover)}:host(:focus-visible:not([disabled]):state(ig-invalid)) [part~=control],:host(:focus-visible:not(:disabled):state(ig-invalid)) [part~=control],:host(:not([disabled]):state(ig-invalid)) [part~=focused] [part~=control],:host(:not(:disabled):state(ig-invalid)) [part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after{background:var(--disabled-indeterminate-color);box-shadow:none}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);box-shadow:none}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--label-color)}[part~=control]{background:var(--empty-fill-color)}[part~=indicator]{stroke:var(--tick-color)}:host(:not([disabled])
|
|
2
|
+
export const styles = css `[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--label-color)}[part~=control]{background:var(--empty-fill-color)}[part~=indicator]{stroke:var(--tick-color)}:host(:not([disabled]):state(ig-invalid)) [part~=label],:host(:not(:disabled):state(ig-invalid)) [part~=label]{color:var(--error-color)}:host([disabled]) [part~=label],:host(:disabled) [part~=label]{color:var(--disabled-color-label)}:host([disabled]) [part~=indicator],:host(:disabled) [part~=indicator]{stroke:var(--disabled-tick-color)}`;
|
|
3
3
|
//# sourceMappingURL=checkbox.common.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.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":"checkbox.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y2BAAy2B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--label-color)}[part~=control]{background:var(--empty-fill-color)}[part~=indicator]{stroke:var(--tick-color)}:host(:not([disabled]):state(ig-invalid)) [part~=label],:host(:not(:disabled):state(ig-invalid)) [part~=label]{color:var(--error-color)}:host([disabled]) [part~=label],:host(:disabled) [part~=label]{color:var(--disabled-color-label)}:host([disabled]) [part~=indicator],:host(:disabled) [part~=indicator]{stroke:var(--disabled-tick-color)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-start:1rem;grid-auto-rows:minmax(1.125rem, auto)}[part~=control]{transform:translate3d(0, 0, 0)}[part~=control]::after{border-radius:var(--border-radius);background:rgba(0,0,0,0);box-shadow:inset 0 0 0 .0625rem var(--empty-color)}[part="control checked"]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}[part~=indicator]{--indicator-size: 1rem;--mark-stroke: 1.5}:host(:hover) [part~=indicator]{opacity:1;stroke:var(--tick-color-hover);stroke-dashoffset:0;transition:opacity .1s ease-out}:host(:hover) [part="indicator checked"]{stroke:var(--tick-color)}:host(:hover) [part="control checked"]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host([indeterminate]) [part~=indicator]{display:none}:host([indeterminate]) [part~=control]::before{border-radius:var(--border-radius);display:block;width:inherit;height:inherit;content:"";transform:scale(0.5);transition-duration:.1s;background:var(--fill-color);z-index:1}:host([indeterminate]) [part="control checked"]::after{background:rgba(0,0,0,0)}:host([indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host([indeterminate]:hover) [part~=control]::before,:host([indeterminate]:focus-visible) [part~=control]::before{background:var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control]::after,:host([indeterminate]:focus-visible) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control] [part="control checked"]::after,:host([indeterminate]:focus-visible) [part~=control] [part="control checked"]::after{background:rgba(0,0,0,0)}:host(
|
|
2
|
+
export const styles = css `:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-start:1rem;grid-auto-rows:minmax(1.125rem, auto)}[part~=control]{transform:translate3d(0, 0, 0)}[part~=control]::after{border-radius:var(--border-radius);background:rgba(0,0,0,0);box-shadow:inset 0 0 0 .0625rem var(--empty-color)}[part="control checked"]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}[part~=indicator]{--indicator-size: 1rem;--mark-stroke: 1.5}:host(:hover) [part~=indicator]{opacity:1;stroke:var(--tick-color-hover);stroke-dashoffset:0;transition:opacity .1s ease-out}:host(:hover) [part="indicator checked"]{stroke:var(--tick-color)}:host(:hover) [part="control checked"]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host([indeterminate]) [part~=indicator]{display:none}:host([indeterminate]) [part~=control]::before{border-radius:var(--border-radius);display:block;width:inherit;height:inherit;content:"";transform:scale(0.5);transition-duration:.1s;background:var(--fill-color);z-index:1}:host([indeterminate]) [part="control checked"]::after{background:rgba(0,0,0,0)}:host([indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host([indeterminate]:hover) [part~=control]::before,:host([indeterminate]:focus-visible) [part~=control]::before{background:var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control]::after,:host([indeterminate]:focus-visible) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control] [part="control checked"]::after,:host([indeterminate]:focus-visible) [part~=control] [part="control checked"]::after{background:rgba(0,0,0,0)}:host(:state(ig-invalid):not([disabled])) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color)}:host(:state(ig-invalid):not([disabled])) [part="control checked"]::after{background:var(--error-color)}:host(:state(ig-invalid):focus-visible) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host(:state(ig-invalid):focus-visible) [part="control checked"]::after{background:var(--error-color-hover)}:host(:state(ig-invalid):hover) [part~=indicator]{stroke:var(--error-color)}:host(:state(ig-invalid):hover) [part="indicator checked"]{stroke:var(--tick-color)}:host(:state(ig-invalid):hover) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host(:state(ig-invalid):hover) [part="control checked"]::after{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::before{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color);background:rgba(0,0,0,0)}:host(:not([disabled]):state(ig-invalid)[indeterminate]):focus-within [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]):focus-within [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]):focus-within [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]):focus-within [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);background:rgba(0,0,0,0)}:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::before,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::before{background:var(--error-color-hover)}:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);background:rgba(0,0,0,0)}[part~=focused]{position:relative}[part~=focused]::after{content:"";position:absolute;top:-0.125rem;left:-0.125rem;box-shadow:0 0 0 .0625rem var(--focus-outline-color);width:calc(100% + 0.125rem*2);height:calc(100% + 0.125rem*2)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::before,:host(:disabled[indeterminate]) [part~=control]::before{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color);background:rgba(0,0,0,0)}`;
|
|
3
3
|
//# sourceMappingURL=checkbox.fluent.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2iKAA2iK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-start:1rem;grid-auto-rows:minmax(1.125rem, auto)}[part~=control]{transform:translate3d(0, 0, 0)}[part~=control]::after{border-radius:var(--border-radius);background:rgba(0,0,0,0);box-shadow:inset 0 0 0 .0625rem var(--empty-color)}[part=\"control checked\"]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}[part~=indicator]{--indicator-size: 1rem;--mark-stroke: 1.5}:host(:hover) [part~=indicator]{opacity:1;stroke:var(--tick-color-hover);stroke-dashoffset:0;transition:opacity .1s ease-out}:host(:hover) [part=\"indicator checked\"]{stroke:var(--tick-color)}:host(:hover) [part=\"control checked\"]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host([indeterminate]) [part~=indicator]{display:none}:host([indeterminate]) [part~=control]::before{border-radius:var(--border-radius);display:block;width:inherit;height:inherit;content:\"\";transform:scale(0.5);transition-duration:.1s;background:var(--fill-color);z-index:1}:host([indeterminate]) [part=\"control checked\"]::after{background:rgba(0,0,0,0)}:host([indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host([indeterminate]:hover) [part~=control]::before,:host([indeterminate]:focus-visible) [part~=control]::before{background:var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control]::after,:host([indeterminate]:focus-visible) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control] [part=\"control checked\"]::after,:host([indeterminate]:focus-visible) [part~=control] [part=\"control checked\"]::after{background:rgba(0,0,0,0)}:host(:state(ig-invalid):not([disabled])) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color)}:host(:state(ig-invalid):not([disabled])) [part=\"control checked\"]::after{background:var(--error-color)}:host(:state(ig-invalid):focus-visible) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host(:state(ig-invalid):focus-visible) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host(:state(ig-invalid):hover) [part~=indicator]{stroke:var(--error-color)}:host(:state(ig-invalid):hover) [part=\"indicator checked\"]{stroke:var(--tick-color)}:host(:state(ig-invalid):hover) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host(:state(ig-invalid):hover) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::before{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color);background:rgba(0,0,0,0)}:host(:not([disabled]):state(ig-invalid)[indeterminate]):focus-within [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]):focus-within [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]):focus-within [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]):focus-within [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);background:rgba(0,0,0,0)}:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::before,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::before{background:var(--error-color-hover)}:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);background:rgba(0,0,0,0)}[part~=focused]{position:relative}[part~=focused]::after{content:\"\";position:absolute;top:-0.125rem;left:-0.125rem;box-shadow:0 0 0 .0625rem var(--focus-outline-color);width:calc(100% + 0.125rem*2);height:calc(100% + 0.125rem*2)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::before,:host(:disabled[indeterminate]) [part~=control]::before{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color);background:rgba(0,0,0,0)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{font-weight:600}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-start:1rem;grid-auto-rows:minmax(1.125rem, auto)}[part~=control]{--size: 1rem;border-radius:var(--border-radius-ripple)}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color)}[part="control checked"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=indicator]{--indicator-size: 0.8125rem;stroke:unset;stroke-linecap:unset;stroke-width:unset;stroke-dasharray:unset;stroke-dashoffset:unset;fill:var(--tick-color);transition:none}[part~=indicator] rect{fill:none}[part="indicator checked"]{transition-duration:.15s}:host(:hover) [part~=label]{color:var(--label-color-hover)}:host(:hover) [part~=control]::after{border-color:var(--empty-color-hover)}:host(:hover) [part="control checked"]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:focus-visible) [part~=control],[part="base focused"] [part~=control]{box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host(:focus-visible) [part="control checked"],[part="base checked focused"] [part="control checked"]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host([indeterminate]) [part~=indicator]{fill:none;stroke-dashoffset:unset;transform:scale(0.8)}:host([indeterminate]) [part~=indicator] rect{fill:var(--tick-color);opacity:1}:host([indeterminate]) [part~=control]::after{background:var(--fill-color);border-color:var(--fill-color)}:host([indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host([indeterminate]:focus-visible) [part~=control]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host(:not([disabled])
|
|
2
|
+
export const styles = css `:host{font-weight:600}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-start:1rem;grid-auto-rows:minmax(1.125rem, auto)}[part~=control]{--size: 1rem;border-radius:var(--border-radius-ripple)}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color)}[part="control checked"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=indicator]{--indicator-size: 0.8125rem;stroke:unset;stroke-linecap:unset;stroke-width:unset;stroke-dasharray:unset;stroke-dashoffset:unset;fill:var(--tick-color);transition:none}[part~=indicator] rect{fill:none}[part="indicator checked"]{transition-duration:.15s}:host(:hover) [part~=label]{color:var(--label-color-hover)}:host(:hover) [part~=control]::after{border-color:var(--empty-color-hover)}:host(:hover) [part="control checked"]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:focus-visible) [part~=control],[part="base focused"] [part~=control]{box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host(:focus-visible) [part="control checked"],[part="base checked focused"] [part="control checked"]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host([indeterminate]) [part~=indicator]{fill:none;stroke-dashoffset:unset;transform:scale(0.8)}:host([indeterminate]) [part~=indicator] rect{fill:var(--tick-color);opacity:1}:host([indeterminate]) [part~=control]::after{background:var(--fill-color);border-color:var(--fill-color)}:host([indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host([indeterminate]:focus-visible) [part~=control]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host(:not([disabled]):state(ig-invalid)) [part~=label],:host(:not(:disabled):state(ig-invalid)) [part~=label]{color:var(--label-color)}:host(:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part="control checked"],:host(:not(:disabled):state(ig-invalid)) [part="control checked"]{border-color:var(--error-color);background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part="control checked"]::after,:host(:not(:disabled):state(ig-invalid)) [part="control checked"]::after{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part="base focused"] [part~=control],:host(:not([disabled]):state(ig-invalid)) [part="base focused"] [part="control checked"],:host(:not(:disabled):state(ig-invalid)) [part="base focused"] [part~=control],:host(:not(:disabled):state(ig-invalid)) [part="base focused"] [part="control checked"]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control],:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]{border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part="base focused"] [part~=control],:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part="base focused"] [part~=control]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}:host(:hover:not([disabled]):state(ig-invalid)) [part~=label],:host(:hover:not(:disabled):state(ig-invalid)) [part~=label],:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=label],:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=label]{color:var(--label-color-hover)}:host(:hover:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:hover:not([disabled]):state(ig-invalid)) [part="control checked"]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part="control checked"]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part="control checked"]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part="control checked"]::after{border-color:var(--error-color-hover)}:host(:hover:not([disabled]):state(ig-invalid)) [part="control checked"]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part="control checked"]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part="control checked"]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part="control checked"]::after{background:var(--error-color-hover)}:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{background:var(--error-color-hover)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after{background:var(--disabled-indeterminate-color);border-color:rgba(0,0,0,0)}:host([disabled]) [part~=indicator],:host(:disabled) [part~=indicator]{stroke:unset;fill:var(--disabled-tick-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);border-color:rgba(0,0,0,0)}:host([disabled][indeterminate]) [part~=indicator],:host(:disabled[indeterminate]) [part~=indicator]{fill:none}:host([disabled][indeterminate]) [part~=indicator] rect,:host(:disabled[indeterminate]) [part~=indicator] rect{fill:var(--disabled-tick-color)}`;
|
|
3
3
|
//# sourceMappingURL=checkbox.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ylMAAylM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{font-weight:600}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-start:1rem;grid-auto-rows:minmax(1.125rem, auto)}[part~=control]{--size: 1rem;border-radius:var(--border-radius-ripple)}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color)}[part=\"control checked\"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=indicator]{--indicator-size: 0.8125rem;stroke:unset;stroke-linecap:unset;stroke-width:unset;stroke-dasharray:unset;stroke-dashoffset:unset;fill:var(--tick-color);transition:none}[part~=indicator] rect{fill:none}[part=\"indicator checked\"]{transition-duration:.15s}:host(:hover) [part~=label]{color:var(--label-color-hover)}:host(:hover) [part~=control]::after{border-color:var(--empty-color-hover)}:host(:hover) [part=\"control checked\"]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:focus-visible) [part~=control],[part=\"base focused\"] [part~=control]{box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host(:focus-visible) [part=\"control checked\"],[part=\"base checked focused\"] [part=\"control checked\"]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host([indeterminate]) [part~=indicator]{fill:none;stroke-dashoffset:unset;transform:scale(0.8)}:host([indeterminate]) [part~=indicator] rect{fill:var(--tick-color);opacity:1}:host([indeterminate]) [part~=control]::after{background:var(--fill-color);border-color:var(--fill-color)}:host([indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host([indeterminate]:focus-visible) [part~=control]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host(:not([disabled]):state(ig-invalid)) [part~=label],:host(:not(:disabled):state(ig-invalid)) [part~=label]{color:var(--label-color)}:host(:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part=\"control checked\"],:host(:not(:disabled):state(ig-invalid)) [part=\"control checked\"]{border-color:var(--error-color);background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part=\"control checked\"]::after,:host(:not(:disabled):state(ig-invalid)) [part=\"control checked\"]::after{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part=\"base focused\"] [part~=control],:host(:not([disabled]):state(ig-invalid)) [part=\"base focused\"] [part=\"control checked\"],:host(:not(:disabled):state(ig-invalid)) [part=\"base focused\"] [part~=control],:host(:not(:disabled):state(ig-invalid)) [part=\"base focused\"] [part=\"control checked\"]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control],:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]{border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part=\"base focused\"] [part~=control],:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part=\"base focused\"] [part~=control]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}:host(:hover:not([disabled]):state(ig-invalid)) [part~=label],:host(:hover:not(:disabled):state(ig-invalid)) [part~=label],:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=label],:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=label]{color:var(--label-color-hover)}:host(:hover:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:hover:not([disabled]):state(ig-invalid)) [part=\"control checked\"]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part=\"control checked\"]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part=\"control checked\"]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part=\"control checked\"]::after{border-color:var(--error-color-hover)}:host(:hover:not([disabled]):state(ig-invalid)) [part=\"control checked\"]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part=\"control checked\"]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part=\"control checked\"]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{background:var(--error-color-hover)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after{background:var(--disabled-indeterminate-color);border-color:rgba(0,0,0,0)}:host([disabled]) [part~=indicator],:host(:disabled) [part~=indicator]{stroke:unset;fill:var(--disabled-tick-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);border-color:rgba(0,0,0,0)}:host([disabled][indeterminate]) [part~=indicator],:host(:disabled[indeterminate]) [part~=indicator]{fill:none}:host([disabled][indeterminate]) [part~=indicator] rect,:host(:disabled[indeterminate]) [part~=indicator] rect{fill:var(--disabled-tick-color)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-start:.5rem;grid-auto-rows:minmax(1.125rem, auto)}[part~=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part~=control]{padding:var(--control-padding, 1.25rem);transition:background .15s ease-in}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color)}[part~=control]::before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;border-radius:var(--border-radius-ripple)}[part="control checked"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=base]{gap:.125rem}[part~=base]:hover [part~=control]::before{background:var(--empty-color);opacity:.06}[part="base checked"]:hover [part~=control]::before{background:var(--fill-color);opacity:.06}[part=base]:focus-visible:hover [part~=control]::before,[part=base]:focus-visible [part~=control]::before,[part="base focused"]:hover [part~=control]::before,[part="base focused"] [part~=control]::before{background:var(--empty-color);opacity:.12}[part="base checked"]:focus-visible:hover [part~=control]::before,[part="base checked"]:focus-visible [part~=control]::before,[part="base checked focused"]:hover [part~=control]::before,[part="base checked focused"] [part~=control]::before{background:var(--fill-color);opacity:.12}:host([indeterminate]) [part~=control]::after{border-color:var(--fill-color);background:var(--fill-color)}:host([indeterminate]) [part=base]:hover [part~=control]::before,:host([indeterminate]) [part=base]:focus-visible [part~=control]::before,:host([indeterminate]) [part="base focused"] [part~=control]::before{background:var(--fill-color)}:host(:not([disabled])
|
|
2
|
+
export const styles = css `:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-start:.5rem;grid-auto-rows:minmax(1.125rem, auto)}[part~=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part~=control]{padding:var(--control-padding, 1.25rem);transition:background .15s ease-in}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color)}[part~=control]::before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;border-radius:var(--border-radius-ripple)}[part="control checked"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=base]{gap:.125rem}[part~=base]:hover [part~=control]::before{background:var(--empty-color);opacity:.06}[part="base checked"]:hover [part~=control]::before{background:var(--fill-color);opacity:.06}[part=base]:focus-visible:hover [part~=control]::before,[part=base]:focus-visible [part~=control]::before,[part="base focused"]:hover [part~=control]::before,[part="base focused"] [part~=control]::before{background:var(--empty-color);opacity:.12}[part="base checked"]:focus-visible:hover [part~=control]::before,[part="base checked"]:focus-visible [part~=control]::before,[part="base checked focused"]:hover [part~=control]::before,[part="base checked focused"] [part~=control]::before{background:var(--fill-color);opacity:.12}:host([indeterminate]) [part~=control]::after{border-color:var(--fill-color);background:var(--fill-color)}:host([indeterminate]) [part=base]:hover [part~=control]::before,:host([indeterminate]) [part=base]:focus-visible [part~=control]::before,:host([indeterminate]) [part="base focused"] [part~=control]::before{background:var(--fill-color)}:host(:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part="control checked"]::after,:host(:not(:disabled):state(ig-invalid)) [part="control checked"]::after{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part~=base]:hover [part~=control]::before,:host(:not(:disabled):state(ig-invalid)) [part~=base]:hover [part~=control]::before{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part="base focused"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid)) [part="base focused"] [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{border-color:var(--error-color);background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=base]:hover [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=base]:hover [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part="base focused"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part="base focused"] [part~=control]::before{background:var(--error-color-hover)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);border-color:var(--disabled-indeterminate-color)}`;
|
|
3
3
|
//# sourceMappingURL=checkbox.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.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":"checkbox.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0wIAA0wI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-start:.5rem;grid-auto-rows:minmax(1.125rem, auto)}[part~=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part~=control]{padding:var(--control-padding, 1.25rem);transition:background .15s ease-in}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color)}[part~=control]::before{content:\"\";position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;border-radius:var(--border-radius-ripple)}[part=\"control checked\"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=base]{gap:.125rem}[part~=base]:hover [part~=control]::before{background:var(--empty-color);opacity:.06}[part=\"base checked\"]:hover [part~=control]::before{background:var(--fill-color);opacity:.06}[part=base]:focus-visible:hover [part~=control]::before,[part=base]:focus-visible [part~=control]::before,[part=\"base focused\"]:hover [part~=control]::before,[part=\"base focused\"] [part~=control]::before{background:var(--empty-color);opacity:.12}[part=\"base checked\"]:focus-visible:hover [part~=control]::before,[part=\"base checked\"]:focus-visible [part~=control]::before,[part=\"base checked focused\"]:hover [part~=control]::before,[part=\"base checked focused\"] [part~=control]::before{background:var(--fill-color);opacity:.12}:host([indeterminate]) [part~=control]::after{border-color:var(--fill-color);background:var(--fill-color)}:host([indeterminate]) [part=base]:hover [part~=control]::before,:host([indeterminate]) [part=base]:focus-visible [part~=control]::before,:host([indeterminate]) [part=\"base focused\"] [part~=control]::before{background:var(--fill-color)}:host(:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part=\"control checked\"]::after,:host(:not(:disabled):state(ig-invalid)) [part=\"control checked\"]::after{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part~=base]:hover [part~=control]::before,:host(:not(:disabled):state(ig-invalid)) [part~=base]:hover [part~=control]::before{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part=\"base focused\"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid)) [part=\"base focused\"] [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{border-color:var(--error-color);background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=base]:hover [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=base]:hover [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part=\"base focused\"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part=\"base focused\"] [part~=control]::before{background:var(--error-color-hover)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);border-color:var(--disabled-indeterminate-color)}`;\n"]}
|
|
@@ -11,9 +11,11 @@ declare const IgcChipComponent_base: Constructor<import("../common/mixins/event-
|
|
|
11
11
|
*
|
|
12
12
|
* @element igc-chip
|
|
13
13
|
*
|
|
14
|
-
* @slot - Renders the chip
|
|
15
|
-
* @slot prefix - Renders content
|
|
16
|
-
* @slot suffix - Renders content
|
|
14
|
+
* @slot - Renders content in the default slot of the chip.
|
|
15
|
+
* @slot prefix - Renders content at the start of the chip, before the default content.
|
|
16
|
+
* @slot suffix - Renders content at the end of the chip after the default content.
|
|
17
|
+
* @slot select - Content to render when the chip in selected state.
|
|
18
|
+
* @slot remove - Content to override the default remove chip icon.
|
|
17
19
|
*
|
|
18
20
|
* @fires igcRemove - Emits an event when the chip component is removed. Returns the removed chip component.
|
|
19
21
|
* @fires igcSelect - Emits event when the chip component is selected/deselected and any related animations and transitions also end.
|
|
@@ -26,7 +28,8 @@ export default class IgcChipComponent extends IgcChipComponent_base {
|
|
|
26
28
|
static readonly tagName = "igc-chip";
|
|
27
29
|
static styles: import("lit").CSSResult[];
|
|
28
30
|
static register(): void;
|
|
29
|
-
private _removePartRef;
|
|
31
|
+
private readonly _removePartRef;
|
|
32
|
+
private readonly _slots;
|
|
30
33
|
/**
|
|
31
34
|
* Sets the disabled state for the chip.
|
|
32
35
|
* @attr
|
|
@@ -52,14 +55,11 @@ export default class IgcChipComponent extends IgcChipComponent_base {
|
|
|
52
55
|
* @attr
|
|
53
56
|
*/
|
|
54
57
|
variant: StyleVariant;
|
|
55
|
-
protected prefixes: Array<HTMLElement>;
|
|
56
|
-
protected contentStart: Array<HTMLElement>;
|
|
57
|
-
protected suffixes: Array<HTMLElement>;
|
|
58
|
-
protected contentEnd: Array<HTMLElement>;
|
|
59
58
|
constructor();
|
|
60
|
-
protected
|
|
61
|
-
protected
|
|
62
|
-
protected
|
|
59
|
+
protected _handleSelect(): void;
|
|
60
|
+
protected _handleRemove(event: Event): void;
|
|
61
|
+
protected _renderPrefix(): import("lit-html").TemplateResult<1>;
|
|
62
|
+
protected _renderSuffix(): import("lit-html").TemplateResult<1>;
|
|
63
63
|
protected render(): import("lit-html").TemplateResult<1>;
|
|
64
64
|
}
|
|
65
65
|
declare global {
|
package/components/chip/chip.js
CHANGED
|
@@ -5,13 +5,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
7
|
import { html, LitElement, nothing } from 'lit';
|
|
8
|
-
import { property
|
|
8
|
+
import { property } from 'lit/decorators.js';
|
|
9
9
|
import { createRef, ref } from 'lit/directives/ref.js';
|
|
10
10
|
import { addThemingController } from '../../theming/theming-controller.js';
|
|
11
11
|
import { addKeybindings } from '../common/controllers/key-bindings.js';
|
|
12
|
+
import { addSlotController, setSlots } from '../common/controllers/slot.js';
|
|
12
13
|
import { registerComponent } from '../common/definitions/register.js';
|
|
13
14
|
import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
|
|
14
|
-
import { isEmpty } from '../common/util.js';
|
|
15
15
|
import IgcIconComponent from '../icon/icon.js';
|
|
16
16
|
import { styles } from './themes/chip.base.css.js';
|
|
17
17
|
import { styles as shared } from './themes/shared/chip.common.css.js';
|
|
@@ -23,6 +23,9 @@ class IgcChipComponent extends EventEmitterMixin(LitElement) {
|
|
|
23
23
|
constructor() {
|
|
24
24
|
super();
|
|
25
25
|
this._removePartRef = createRef();
|
|
26
|
+
this._slots = addSlotController(this, {
|
|
27
|
+
slots: setSlots('prefix', 'suffix', 'start', 'end', 'select', 'remove'),
|
|
28
|
+
});
|
|
26
29
|
this.disabled = false;
|
|
27
30
|
this.removable = false;
|
|
28
31
|
this.selectable = false;
|
|
@@ -31,71 +34,76 @@ class IgcChipComponent extends EventEmitterMixin(LitElement) {
|
|
|
31
34
|
addKeybindings(this, {
|
|
32
35
|
ref: this._removePartRef,
|
|
33
36
|
bindingDefaults: { triggers: ['keyup'] },
|
|
34
|
-
}).setActivateHandler(this.
|
|
37
|
+
}).setActivateHandler(this._handleRemove);
|
|
35
38
|
}
|
|
36
|
-
|
|
37
|
-
const root = super.createRenderRoot();
|
|
38
|
-
root.addEventListener('slotchange', () => this.requestUpdate());
|
|
39
|
-
return root;
|
|
40
|
-
}
|
|
41
|
-
handleSelect() {
|
|
39
|
+
_handleSelect() {
|
|
42
40
|
if (this.selectable) {
|
|
43
41
|
this.selected = !this.selected;
|
|
44
42
|
this.emitEvent('igcSelect', { detail: this.selected });
|
|
45
43
|
}
|
|
46
44
|
}
|
|
47
|
-
|
|
45
|
+
_handleRemove(event) {
|
|
46
|
+
event.stopPropagation();
|
|
48
47
|
this.emitEvent('igcRemove');
|
|
49
|
-
|
|
48
|
+
}
|
|
49
|
+
_renderPrefix() {
|
|
50
|
+
const isVisible = this._slots.hasAssignedElements('prefix') ||
|
|
51
|
+
this._slots.hasAssignedElements('start');
|
|
52
|
+
const selectSlot = this.selectable && this.selected
|
|
53
|
+
? html `
|
|
54
|
+
<slot name="select">
|
|
55
|
+
<igc-icon name="selected" collection="default"></igc-icon>
|
|
56
|
+
</slot>
|
|
57
|
+
`
|
|
58
|
+
: nothing;
|
|
59
|
+
return html `
|
|
60
|
+
<span part="prefix" ?hidden=${!isVisible && !this.selected}>
|
|
61
|
+
${selectSlot}
|
|
62
|
+
<slot name="start"></slot>
|
|
63
|
+
<slot name="prefix"></slot>
|
|
64
|
+
</span>
|
|
65
|
+
`;
|
|
66
|
+
}
|
|
67
|
+
_renderSuffix() {
|
|
68
|
+
const isVisible = this._slots.hasAssignedElements('suffix') ||
|
|
69
|
+
this._slots.hasAssignedElements('end');
|
|
70
|
+
const removeSlot = this.removable && !this.disabled
|
|
71
|
+
? html `
|
|
72
|
+
<slot
|
|
73
|
+
${ref(this._removePartRef)}
|
|
74
|
+
name="remove"
|
|
75
|
+
@click=${this._handleRemove}
|
|
76
|
+
>
|
|
77
|
+
<igc-icon
|
|
78
|
+
name="remove"
|
|
79
|
+
collection="default"
|
|
80
|
+
tabindex="0"
|
|
81
|
+
role="button"
|
|
82
|
+
aria-label="Remove"
|
|
83
|
+
></igc-icon>
|
|
84
|
+
</slot>
|
|
85
|
+
`
|
|
86
|
+
: nothing;
|
|
87
|
+
return html `
|
|
88
|
+
<span part="suffix" ?hidden=${!isVisible && !this.removable}>
|
|
89
|
+
<slot name="end"></slot>
|
|
90
|
+
<slot name="suffix"></slot>
|
|
91
|
+
${removeSlot}
|
|
92
|
+
</span>
|
|
93
|
+
`;
|
|
50
94
|
}
|
|
51
95
|
render() {
|
|
96
|
+
const ariaPressed = this.selectable ? this.selected.toString() : null;
|
|
52
97
|
return html `
|
|
53
98
|
<button
|
|
54
99
|
part="base"
|
|
55
|
-
.
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
@click=${this.handleSelect}
|
|
100
|
+
.ariaPressed=${ariaPressed}
|
|
101
|
+
?disabled=${this.disabled}
|
|
102
|
+
@click=${this._handleSelect}
|
|
59
103
|
>
|
|
60
|
-
|
|
61
|
-
part="prefix"
|
|
62
|
-
.hidden=${isEmpty(this.prefixes) &&
|
|
63
|
-
isEmpty(this.contentStart) &&
|
|
64
|
-
!this.selected}
|
|
65
|
-
>
|
|
66
|
-
${this.selectable && this.selected
|
|
67
|
-
? html `<slot name="select">
|
|
68
|
-
<igc-icon name="selected" collection="default"></igc-icon>
|
|
69
|
-
</slot>`
|
|
70
|
-
: nothing}
|
|
71
|
-
<slot name="start"></slot>
|
|
72
|
-
<slot name="prefix"></slot>
|
|
73
|
-
</span>
|
|
104
|
+
${this._renderPrefix()}
|
|
74
105
|
<slot></slot>
|
|
75
|
-
|
|
76
|
-
part="suffix"
|
|
77
|
-
.hidden=${isEmpty(this.suffixes) &&
|
|
78
|
-
isEmpty(this.contentEnd) &&
|
|
79
|
-
!this.removable}
|
|
80
|
-
>
|
|
81
|
-
<slot name="end"></slot>
|
|
82
|
-
<slot name="suffix"></slot>
|
|
83
|
-
${this.removable && !this.disabled
|
|
84
|
-
? html `<slot
|
|
85
|
-
${ref(this._removePartRef)}
|
|
86
|
-
@click=${this.handleRemove}
|
|
87
|
-
name="remove"
|
|
88
|
-
>
|
|
89
|
-
<igc-icon
|
|
90
|
-
name="remove"
|
|
91
|
-
collection="default"
|
|
92
|
-
tabindex="0"
|
|
93
|
-
role="button"
|
|
94
|
-
aria-label="remove"
|
|
95
|
-
></igc-icon>
|
|
96
|
-
</slot>`
|
|
97
|
-
: nothing}
|
|
98
|
-
</span>
|
|
106
|
+
${this._renderSuffix()}
|
|
99
107
|
</button>
|
|
100
108
|
`;
|
|
101
109
|
}
|
|
@@ -118,16 +126,4 @@ __decorate([
|
|
|
118
126
|
__decorate([
|
|
119
127
|
property({ reflect: true })
|
|
120
128
|
], IgcChipComponent.prototype, "variant", void 0);
|
|
121
|
-
__decorate([
|
|
122
|
-
queryAssignedElements({ slot: 'prefix' })
|
|
123
|
-
], IgcChipComponent.prototype, "prefixes", void 0);
|
|
124
|
-
__decorate([
|
|
125
|
-
queryAssignedElements({ slot: 'start' })
|
|
126
|
-
], IgcChipComponent.prototype, "contentStart", void 0);
|
|
127
|
-
__decorate([
|
|
128
|
-
queryAssignedElements({ slot: 'suffix' })
|
|
129
|
-
], IgcChipComponent.prototype, "suffixes", void 0);
|
|
130
|
-
__decorate([
|
|
131
|
-
queryAssignedElements({ slot: 'end' })
|
|
132
|
-
], IgcChipComponent.prototype, "contentEnd", void 0);
|
|
133
129
|
//# sourceMappingURL=chip.js.map
|