igniteui-webcomponents 2.2.0-beta.0 → 3.0.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 +8 -11
- package/components/button/themes/button/light/button.base.css.js +1 -1
- package/components/button/themes/button/light/button.base.css.js.map +1 -1
- package/components/button/themes/button/light/button.bootstrap.css.js +1 -1
- package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -1
- package/components/button/themes/button/light/button.fluent.css.js +1 -1
- package/components/button/themes/button/light/button.fluent.css.js.map +1 -1
- package/components/button/themes/button/light/button.indigo.css.js +1 -1
- package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
- package/components/button/themes/button/light/button.material.css.js +1 -1
- package/components/button/themes/button/light/button.material.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.base.css.js +1 -1
- package/components/button/themes/icon-button/light/icon-button.base.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js +1 -1
- package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.fluent.css.js +1 -1
- package/components/button/themes/icon-button/light/icon-button.fluent.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.indigo.css.js +1 -1
- package/components/button/themes/icon-button/light/icon-button.indigo.css.js.map +1 -1
- package/components/calendar/common/calendar-base.js +5 -1
- package/components/calendar/common/calendar-base.js.map +1 -1
- package/components/calendar/themes/bootstrap/days-view.bootstrap.css.js +1 -1
- package/components/calendar/themes/bootstrap/days-view.bootstrap.css.js.map +1 -1
- package/components/calendar/themes/calendar.base.css.js +1 -1
- package/components/calendar/themes/calendar.base.css.js.map +1 -1
- package/components/calendar/themes/days-view.base.css.js +1 -1
- package/components/calendar/themes/days-view.base.css.js.map +1 -1
- package/components/calendar/themes/fluent/calendar.fluent.css.js +1 -1
- package/components/calendar/themes/fluent/calendar.fluent.css.js.map +1 -1
- package/components/calendar/themes/fluent/days-view.fluent.css.js +1 -1
- package/components/calendar/themes/fluent/days-view.fluent.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox.fluent.css.js +1 -1
- package/components/checkbox/themes/light/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox.material.css.js +1 -1
- package/components/checkbox/themes/light/checkbox.material.css.js.map +1 -1
- package/components/checkbox/themes/light/switch.bootstrap.css.js +1 -1
- package/components/checkbox/themes/light/switch.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/light/switch.fluent.css.js +1 -1
- package/components/checkbox/themes/light/switch.fluent.css.js.map +1 -1
- package/components/checkbox/themes/light/switch.indigo.css.js +1 -1
- package/components/checkbox/themes/light/switch.indigo.css.js.map +1 -1
- package/components/chip/themes/chip.indigo.css.js +1 -1
- package/components/chip/themes/chip.indigo.css.js.map +1 -1
- package/components/common/definitions/defineAllComponents.js +8 -8
- package/components/common/definitions/defineAllComponents.js.map +1 -1
- package/components/dropdown/dropdown-group.d.ts +4 -4
- package/components/dropdown/dropdown-group.js +8 -8
- package/components/dropdown/dropdown-group.js.map +1 -1
- package/components/dropdown/dropdown-header.d.ts +2 -2
- package/components/dropdown/dropdown-header.js +6 -6
- package/components/dropdown/dropdown-header.js.map +1 -1
- package/components/dropdown/dropdown-item.d.ts +2 -2
- package/components/dropdown/dropdown-item.js +12 -12
- package/components/dropdown/dropdown-item.js.map +1 -1
- package/components/dropdown/dropdown.d.ts +14 -14
- package/components/dropdown/dropdown.js +41 -47
- package/components/dropdown/dropdown.js.map +1 -1
- package/components/input/input-base.d.ts +1 -0
- package/components/input/input-base.js +1 -0
- package/components/input/input-base.js.map +1 -1
- package/components/input/input.js +1 -2
- package/components/input/input.js.map +1 -1
- package/components/input/themes/light/input.bootstrap.css.js +1 -1
- package/components/input/themes/light/input.bootstrap.css.js.map +1 -1
- package/components/input/themes/light/input.fluent.css.js +1 -1
- package/components/input/themes/light/input.fluent.css.js.map +1 -1
- package/components/input/themes/light/input.indigo.css.js +1 -1
- package/components/input/themes/light/input.indigo.css.js.map +1 -1
- package/components/input/themes/light/input.material.css.js +1 -1
- package/components/input/themes/light/input.material.css.js.map +1 -1
- package/components/nav-drawer/nav-drawer.d.ts +1 -1
- package/components/nav-drawer/nav-drawer.js +10 -7
- package/components/nav-drawer/nav-drawer.js.map +1 -1
- package/components/nav-drawer/styles/indigo/nav-drawer-item.indigo.css.js +1 -1
- package/components/nav-drawer/styles/indigo/nav-drawer-item.indigo.css.js.map +1 -1
- package/components/nav-drawer/styles/nav-drawer-item.base.css.js +1 -1
- package/components/nav-drawer/styles/nav-drawer-item.base.css.js.map +1 -1
- package/components/nav-drawer/styles/nav-drawer.base.css.js +1 -1
- package/components/nav-drawer/styles/nav-drawer.base.css.js.map +1 -1
- package/components/progress/themes/circular/circular.progress.base.css.js +1 -1
- package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -1
- package/components/progress/themes/circular/circular.progress.bootstrap.css.js +1 -1
- package/components/progress/themes/circular/circular.progress.bootstrap.css.js.map +1 -1
- package/components/radio/themes/light/radio.base.css.js +1 -1
- package/components/radio/themes/light/radio.base.css.js.map +1 -1
- package/components/radio/themes/light/radio.bootstrap.css.js +1 -1
- package/components/radio/themes/light/radio.bootstrap.css.js.map +1 -1
- package/components/radio/themes/light/radio.fluent.css.js +1 -1
- package/components/radio/themes/light/radio.fluent.css.js.map +1 -1
- package/components/radio/themes/light/radio.indigo.css.js +1 -1
- package/components/radio/themes/light/radio.indigo.css.js.map +1 -1
- package/components/slider/themes/light/slider.base.css.js +1 -1
- package/components/slider/themes/light/slider.base.css.js.map +1 -1
- package/custom-elements.json +17 -3
- package/index.d.ts +4 -4
- package/index.js +4 -4
- package/index.js.map +1 -1
- package/package.json +10 -2
- package/themes/dark/bootstrap.css +1 -1
- package/themes/dark/fluent.css +1 -1
- package/themes/light/fluent.css +1 -1
- package/vscode-html-custom-data.json +18 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.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":"input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k+FAAk+F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=prefix],:host [part=suffix]{padding:0 .625rem;color:hsla(var(--igc-gray-700), var(--igc-gray-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a));font-size:.875rem}:host [part=prefix]{grid-area:1/1}:host [part=suffix]{grid-area:1/3}:host [part=label]{margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host [part^=container]{border-radius:clamp(0rem,var(--igc-radius-factor)*2px,2px);border:0.0625rem solid hsla(var(--igc-gray-500), var(--igc-gray-a));-webkit-transition:none;-o-transition:none;transition:none;background:var(--container-background, hsla(var(--igc-surface-500), var(--igc-surface-a)));cursor:text;grid-template-columns:auto 1fr auto;overflow:hidden}:host [part^=container]::after{background:rgba(0,0,0,0);-webkit-transform:none;-ms-transform:none;transform:none;height:initial}:host [part~=input]{background:initial;font-size:.875rem;padding:.5rem;height:100%;max-height:100%;border:none;grid-area:1/2}:host [part=helper-text]{padding:0;margin-top:.5rem;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host([size=large]) [part^=container]{height:3rem}:host([size=large]) [part~=input]{height:2.875rem}:host([size=medium]) [part^=container]{height:2.5rem}:host([size=medium]) [part~=input]{height:2.375rem}:host([size=small]) [part^=container]{height:2rem}:host([size=small]) [part~=input]{height:1.875rem}:host([size=large]:focus-within) [part~=input]{height:2.75rem}:host([size=medium]:focus-within) [part~=input]{height:2.25rem}:host([size=small]:focus-within) [part~=input]{height:1.75rem}:host(:not([invalid]):hover) [part^=container]{border-color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host(:focus-within) [part^=container]{border-width:0.125rem}:host(:focus-within) [part=prefix]{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}:host(:focus-within) [part=suffix]{-webkit-margin-end:-0.0625rem;margin-inline-end:-0.0625rem}:host(:not([invalid]):focus-within) [part^=container],:host(:not([invalid]):focus-within:hover) [part^=container]{border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([required]) [part=label]::after,:host([outlined][required]) [part=label]::after{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part^=container],:host([outlined][invalid]) [part^=container]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part=helper-text],:host([outlined][invalid]) [part=helper-text]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]){pointer-events:none}:host([disabled]) [part^=container]{border-color:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled]) [part^=container],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part~=input],:host([disabled]) [part=helper-text]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host [part=prefix],:host [part=suffix]{padding-top:.5rem;padding-bottom:.5rem;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host [part=prefix]{-webkit-padding-start:.5rem;padding-inline-start:.5rem;grid-area:1/1}:host [part=suffix]{-webkit-padding-end:.5rem;padding-inline-end:.5rem;grid-area:1/3}:host [part=label]{color:hsla(var(--igc-gray-600), var(--igc-gray-a));margin-bottom:.25rem;font-size:initial}:host [part^=container]{background:
|
|
2
|
+
export const styles = css `:host [part=prefix],:host [part=suffix]{padding-top:.5rem;padding-bottom:.5rem;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host [part=prefix]{-webkit-padding-start:.5rem;padding-inline-start:.5rem;grid-area:1/1}:host [part=suffix]{-webkit-padding-end:.5rem;padding-inline-end:.5rem;grid-area:1/3}:host [part=label]{color:hsla(var(--igc-gray-600), var(--igc-gray-a));margin-bottom:.25rem;font-size:initial}:host [part^=container]{background:rgba(0,0,0,0);border-bottom:1px solid hsla(var(--igc-gray-500), var(--igc-gray-a));-webkit-transition:background .25s ease-out;-o-transition:background .25s ease-out;transition:background .25s ease-out;grid-template-columns:auto 1fr auto}:host [part^=container]::after{position:absolute;content:"";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center}:host [part~=input]{font-size:1rem;background:initial;padding:.5rem;border:none;grid-area:1/2}:host [part=helper-text]{padding:0;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host(:hover) [part^=container],:host([outlined]:hover) [part^=container]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:focus-within) [part^=container],:host([outlined]:focus-within) [part^=container]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:focus-within) [part^=container]::after,:host([outlined]:focus-within) [part^=container]::after{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}:host(:focus-within) [part=label],:host([outlined]:focus-within) [part=label]{color:var(--label-focus-color, hsla(var(--igc-primary-500), var(--igc-primary-a)))}:host([invalid]) [part^=container]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part^=container]::after{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part=label],:host([invalid]) [part^=helper-text]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]){pointer-events:none}:host([disabled]) [part^=container]{border-color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part~=input],:host([disabled]) [part=helper-text]{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}`;
|
|
3
3
|
//# sourceMappingURL=input.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.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":"input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8/FAA8/F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=prefix],:host [part=suffix]{padding-top:.5rem;padding-bottom:.5rem;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host [part=prefix]{-webkit-padding-start:.5rem;padding-inline-start:.5rem;grid-area:1/1}:host [part=suffix]{-webkit-padding-end:.5rem;padding-inline-end:.5rem;grid-area:1/3}:host [part=label]{color:hsla(var(--igc-gray-600), var(--igc-gray-a));margin-bottom:.25rem;font-size:initial}:host [part^=container]{background:rgba(0,0,0,0);border-bottom:1px solid hsla(var(--igc-gray-500), var(--igc-gray-a));-webkit-transition:background .25s ease-out;-o-transition:background .25s ease-out;transition:background .25s ease-out;grid-template-columns:auto 1fr auto}:host [part^=container]::after{position:absolute;content:\"\";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center}:host [part~=input]{font-size:1rem;background:initial;padding:.5rem;border:none;grid-area:1/2}:host [part=helper-text]{padding:0;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host(:hover) [part^=container],:host([outlined]:hover) [part^=container]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:focus-within) [part^=container],:host([outlined]:focus-within) [part^=container]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:focus-within) [part^=container]::after,:host([outlined]:focus-within) [part^=container]::after{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}:host(:focus-within) [part=label],:host([outlined]:focus-within) [part=label]{color:var(--label-focus-color, hsla(var(--igc-primary-500), var(--igc-primary-a)))}:host([invalid]) [part^=container]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part^=container]::after{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part=label],:host([invalid]) [part^=helper-text]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]){pointer-events:none}:host([disabled]) [part^=container]{border-color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part~=input],:host([disabled]) [part=helper-text]{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host([size=large]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translateY(-26px);font-size:.75rem}:host([size=large]) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translateY(-26px);transform:translateY(-26px);font-size:.75rem}:host([placeholder][size=large]) [part=notch] [part=label],:host([size=large]:focus-within) [part=label],:host([size=large]) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translateY(-26px);-ms-transform:translateY(-26px);transform:translateY(-26px);font-size:.75rem}:host([size=medium]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translateY(-22px);font-size:.75rem}:host([size=medium]) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translateY(-22px);transform:translateY(-22px);font-size:.75rem}:host([placeholder][size=medium]) [part=notch] [part=label],:host([size=medium]:focus-within) [part=label],:host([size=medium]) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translateY(-22px);-ms-transform:translateY(-22px);transform:translateY(-22px);font-size:.75rem}:host([size=small]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translateY(-18px);font-size:.75rem}:host([size=small]) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translateY(-18px);transform:translateY(-18px);font-size:.75rem}:host([placeholder][size=small]) [part=notch] [part=label],:host([size=small]:focus-within) [part=label],:host([size=small]) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translateY(-18px);-ms-transform:translateY(-18px);transform:translateY(-18px);font-size:.75rem}:host([disabled]) input:not(:-moz-placeholder-shown)+[part=notch], :host([invalid]) input:not(:-moz-placeholder-shown)+[part=notch], :host([invalid]:focus-within) input:not(:-moz-placeholder-shown)+[part=notch], :host input:not(:-moz-placeholder-shown)+[part=notch]{border-top:.0625rem solid transparent}:host([disabled]) input:not(:-ms-input-placeholder)+[part=notch], :host([invalid]) input:not(:-ms-input-placeholder)+[part=notch], :host([invalid]:focus-within) input:not(:-ms-input-placeholder)+[part=notch], :host input:not(:-ms-input-placeholder)+[part=notch]{border-top:.0625rem solid transparent}:host([disabled]) input:not(:placeholder-shown)+[part=notch],:host([invalid]) input:not(:placeholder-shown)+[part=notch],:host([invalid]:focus-within) input:not(:placeholder-shown)+[part=notch],:host([placeholder][size=small]) [part=notch],:host([placeholder][size=medium]) [part=notch],:host([placeholder][size=large]) [part=notch],:host input:not(:placeholder-shown)+[part=notch]{border-top:.0625rem solid transparent}[part~=input]{background:transparent;padding:0 .25rem;font-size:1rem;grid-area:1/2/span 1/span 2}[part=label]{color:hsla(var(--igc-gray-600), var(--igc-gray-a));-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);line-height:1;will-change:font-size,color,transform}:host(:focus-within) [part=start]{border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:focus-within) [part=notch]{border-width:.125rem;border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-top:.0625rem solid transparent}:host(:focus-within) [part=filler]{border-width:.125rem;border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:focus-within) [part=end]{border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:focus-within) [part=prefix]{-webkit-padding-start:.25rem;padding-inline-start:.25rem}:host(:focus-within) [part=suffix]{-webkit-padding-end:.25rem;padding-inline-end:.25rem}:host(:focus-within) [part=label]{color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part^=container]{grid-template-columns:auto auto 1fr auto}[part=start]{width:auto;min-width:.75rem;-ms-flex-negative:0;flex-shrink:0;grid-area:1/1;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:.25rem;border-end-start-radius:.25rem}[part=start]>[part=prefix]{-webkit-padding-start:.3125rem;padding-inline-start:.3125rem;-webkit-padding-end:.25rem;padding-inline-end:.25rem}[part=notch]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;height:100%;grid-area:1/2;padding:0 .25rem;border-width:.0625rem;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-left:none;border-right:none;overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3;border-width:.0625rem;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-left:none;border-right:none}[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:100%;grid-area:1/4;min-width:.75rem;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:.25rem;border-end-end-radius:.25rem}[part=end]>[part=suffix]{-webkit-padding-start:.25rem;padding-inline-start:.25rem;-webkit-padding-end:.3125rem;padding-inline-end:.3125rem}[part=helper-text]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);padding:0 .5rem;margin-top:.25rem;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host([invalid]) [part=start],:host([invalid]) [part=notch],:host([invalid]) [part=filler],:host([invalid]) [part=end],:host([invalid]:focus-within) [part=start],:host([invalid]:focus-within) [part=notch],:host([invalid]:focus-within) [part=filler],:host([invalid]:focus-within) [part=end]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part=label],:host([invalid]) [part=helper-text],:host([invalid]:focus-within) [part=label],:host([invalid]:focus-within) [part=helper-text]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]:focus-within) [part=notch]{border-top:.0625rem solid transparent}:host([disabled]){pointer-events:none}:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=helper-text]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:hsla(var(--igc-gray-400), var(--igc-gray-a));border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) input::-webkit-input-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input::-moz-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input:-ms-input-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input::-ms-input-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input::placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([outlined])) [part=start],:host(:not([outlined])) [part=end]{border-color:transparent;border-top-width:.0625rem}:host(:not([outlined])) [part=notch],:host(:not([outlined])) [part=filler]{border-top:1px solid transparent;border-bottom:transparent;border-bottom-width:.0625rem}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));border-bottom:1px solid hsla(var(--igc-gray-600), var(--igc-gray-a));border-start-end-radius:.25rem;border-start-start-radius:.25rem;-webkit-transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:"";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translateY(-106%)}:host(:not([outlined])) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translateY(-106%);transform:translateY(-106%)}:host(:not([outlined])) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translateY(-106%);-ms-transform:translateY(-106%);transform:translateY(-106%)}:host(:not([outlined]):hover) [part~=container]{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom:1px solid hsla(var(--igc-gray-800), var(--igc-gray-a))}:host(:not([outlined]):focus-within) [part~=container]{background:var(--focus-background, hsla(var(--igc-gray-300), var(--igc-gray-a)));border-bottom:1px solid hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([outlined]):focus-within) [part~=container]::after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);opacity:1}:host(:not([outlined]):focus-within) [part=notch] [part=label],:host(:not([outlined])[placeholder]) [part=notch] [part=label]{-webkit-transform:translateY(-106%);-ms-transform:translateY(-106%);transform:translateY(-106%)}:host(:not([outlined])[invalid]) [part=start],:host(:not([outlined])[invalid]) [part=notch],:host(:not([outlined])[invalid]) [part=filler],:host(:not([outlined])[invalid]) [part=end],:host(:not([outlined])[invalid]:focus-within) [part=start],:host(:not([outlined])[invalid]:focus-within) [part=notch],:host(:not([outlined])[invalid]:focus-within) [part=filler],:host(:not([outlined])[invalid]:focus-within) [part=end]{border-color:transparent}:host(:not([outlined])[invalid]) [part~=container],:host(:not([outlined])[invalid]:focus-within) [part~=container]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([outlined])[invalid]) [part~=container]::after,:host(:not([outlined])[invalid]:focus-within) [part~=container]::after{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([outlined])[disabled]) [part~=input],:host(:not([outlined])[disabled]) [part=label],:host(:not([outlined])[disabled]) [part=prefix],:host(:not([outlined])[disabled]) [part=suffix],:host(:not([outlined])[disabled]) [part=helper-text]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host(:not([outlined])[disabled]) [part~=container]{border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;
|
|
2
|
+
export const styles = css `:host([size=large]) input:-moz-placeholder-shown+[part=notch] [part=label]{transform:translateY(-26px);font-size:.75rem}:host([size=large]) input:-ms-input-placeholder+[part=notch] [part=label]{-ms-transform:translateY(-26px);transform:translateY(-26px);font-size:.75rem}:host([size=large]:focus-within) [part=label],:host([size=large]) input:placeholder-shown+[part=notch] [part=label],:host([size=large]) [part~=filled]+[part=notch] [part=label]{-webkit-transform:translateY(-26px);-ms-transform:translateY(-26px);transform:translateY(-26px);font-size:.75rem}:host([size=medium]) input:-moz-placeholder-shown+[part=notch] [part=label]{transform:translateY(-22px);font-size:.75rem}:host([size=medium]) input:-ms-input-placeholder+[part=notch] [part=label]{-ms-transform:translateY(-22px);transform:translateY(-22px);font-size:.75rem}:host([size=medium]:focus-within) [part=label],:host([size=medium]) input:placeholder-shown+[part=notch] [part=label],:host([size=medium]) [part~=filled]+[part=notch] [part=label]{-webkit-transform:translateY(-22px);-ms-transform:translateY(-22px);transform:translateY(-22px);font-size:.75rem}:host([size=small]) input:-moz-placeholder-shown+[part=notch] [part=label]{transform:translateY(-18px);font-size:.75rem}:host([size=small]) input:-ms-input-placeholder+[part=notch] [part=label]{-ms-transform:translateY(-18px);transform:translateY(-18px);font-size:.75rem}:host([size=small]:focus-within) [part=label],:host([size=small]) input:placeholder-shown+[part=notch] [part=label],:host([size=small]) [part~=filled]+[part=notch] [part=label]{-webkit-transform:translateY(-18px);-ms-transform:translateY(-18px);transform:translateY(-18px);font-size:.75rem}:host input:-moz-placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host input:-ms-input-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host([disabled]) [part~=filled]+[part=notch],:host([invalid]) [part~=filled]+[part=notch],:host([invalid]:focus-within) [part~=filled]+[part=notch],:host input:placeholder-shown+[part=notch],:host [part~=filled]+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}[part~=input]{background:rgba(0,0,0,0);padding:0 .25rem;font-size:1rem;grid-area:1/2/span 1/span 2}[part=label]{color:hsla(var(--igc-gray-600), var(--igc-gray-a));-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);line-height:1;will-change:font-size,color,transform}:host(:focus-within) [part=start]{border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:focus-within) [part=notch]{border-width:.125rem;border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-top:.0625rem solid rgba(0,0,0,0)}:host(:focus-within) [part=filler]{border-width:.125rem;border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:focus-within) [part=end]{border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:focus-within) [part=prefix]{-webkit-padding-start:.25rem;padding-inline-start:.25rem}:host(:focus-within) [part=suffix]{-webkit-padding-end:.25rem;padding-inline-end:.25rem}:host(:focus-within) [part=label]{color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part^=container]{grid-template-columns:auto auto 1fr auto}[part=start]{width:auto;min-width:.75rem;-ms-flex-negative:0;flex-shrink:0;grid-area:1/1;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:.25rem;border-end-start-radius:.25rem}[part=start]>[part=prefix]{-webkit-padding-start:.3125rem;padding-inline-start:.3125rem;-webkit-padding-end:.25rem;padding-inline-end:.25rem}[part=notch]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;height:100%;grid-area:1/2;padding:0 .25rem;border-width:.0625rem;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-left:none;border-right:none;overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3;border-width:.0625rem;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-left:none;border-right:none}[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:100%;grid-area:1/4;min-width:.75rem;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:.25rem;border-end-end-radius:.25rem}[part=end]>[part=suffix]{-webkit-padding-start:.25rem;padding-inline-start:.25rem;-webkit-padding-end:.3125rem;padding-inline-end:.3125rem}[part=helper-text]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);padding:0 .5rem;margin-top:.25rem;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host([invalid]) [part=start],:host([invalid]) [part=notch],:host([invalid]) [part=filler],:host([invalid]) [part=end],:host([invalid]:focus-within) [part=start],:host([invalid]:focus-within) [part=notch],:host([invalid]:focus-within) [part=filler],:host([invalid]:focus-within) [part=end]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part=label],:host([invalid]) [part=helper-text],:host([invalid]:focus-within) [part=label],:host([invalid]:focus-within) [part=helper-text]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]:focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host([disabled]){pointer-events:none}:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=helper-text]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:hsla(var(--igc-gray-400), var(--igc-gray-a));border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) input::-webkit-input-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input::-moz-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input:-ms-input-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input::-ms-input-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input::placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([outlined])) [part=start],:host(:not([outlined])) [part=end]{border-color:rgba(0,0,0,0);border-top-width:.0625rem}:host(:not([outlined])) [part=notch],:host(:not([outlined])) [part=filler]{border-top:1px solid rgba(0,0,0,0);border-bottom:rgba(0,0,0,0);border-bottom-width:.0625rem}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));border-bottom:1px solid hsla(var(--igc-gray-600), var(--igc-gray-a));border-start-end-radius:.25rem;border-start-start-radius:.25rem;-webkit-transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:"";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) input:-moz-placeholder-shown+[part=notch] [part=label]{transform:translateY(-106%)}:host(:not([outlined])) input:-ms-input-placeholder+[part=notch] [part=label]{-ms-transform:translateY(-106%);transform:translateY(-106%)}:host(:not([outlined])) input:placeholder-shown+[part=notch] [part=label],:host(:not([outlined])) [part~=filled]+[part=notch] [part=label]{-webkit-transform:translateY(-106%);-ms-transform:translateY(-106%);transform:translateY(-106%)}:host(:not([outlined]):hover) [part~=container]{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom:1px solid hsla(var(--igc-gray-800), var(--igc-gray-a))}:host(:not([outlined]):focus-within) [part~=container]{background:var(--focus-background, hsla(var(--igc-gray-300), var(--igc-gray-a)));border-bottom:1px solid hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([outlined]):focus-within) [part~=container]::after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);opacity:1}:host(:not([outlined]):focus-within) [part=notch] [part=label]{-webkit-transform:translateY(-106%);-ms-transform:translateY(-106%);transform:translateY(-106%)}:host(:not([outlined])[invalid]) [part=start],:host(:not([outlined])[invalid]) [part=notch],:host(:not([outlined])[invalid]) [part=filler],:host(:not([outlined])[invalid]) [part=end],:host(:not([outlined])[invalid]:focus-within) [part=start],:host(:not([outlined])[invalid]:focus-within) [part=notch],:host(:not([outlined])[invalid]:focus-within) [part=filler],:host(:not([outlined])[invalid]:focus-within) [part=end]{border-color:rgba(0,0,0,0)}:host(:not([outlined])[invalid]) [part~=container],:host(:not([outlined])[invalid]:focus-within) [part~=container]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([outlined])[invalid]) [part~=container]::after,:host(:not([outlined])[invalid]:focus-within) [part~=container]::after{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([outlined])[disabled]) [part~=input],:host(:not([outlined])[disabled]) [part=label],:host(:not([outlined])[disabled]) [part=prefix],:host(:not([outlined])[disabled]) [part=suffix],:host(:not([outlined])[disabled]) [part=helper-text]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host(:not([outlined])[disabled]) [part~=container]{border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;
|
|
3
3
|
//# sourceMappingURL=input.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+1YAA+1Y,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([size=large]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translateY(-26px);font-size:.75rem}:host([size=large]) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translateY(-26px);transform:translateY(-26px);font-size:.75rem}:host([placeholder][size=large]) [part=notch] [part=label],:host([size=large]:focus-within) [part=label],:host([size=large]) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translateY(-26px);-ms-transform:translateY(-26px);transform:translateY(-26px);font-size:.75rem}:host([size=medium]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translateY(-22px);font-size:.75rem}:host([size=medium]) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translateY(-22px);transform:translateY(-22px);font-size:.75rem}:host([placeholder][size=medium]) [part=notch] [part=label],:host([size=medium]:focus-within) [part=label],:host([size=medium]) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translateY(-22px);-ms-transform:translateY(-22px);transform:translateY(-22px);font-size:.75rem}:host([size=small]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translateY(-18px);font-size:.75rem}:host([size=small]) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translateY(-18px);transform:translateY(-18px);font-size:.75rem}:host([placeholder][size=small]) [part=notch] [part=label],:host([size=small]:focus-within) [part=label],:host([size=small]) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translateY(-18px);-ms-transform:translateY(-18px);transform:translateY(-18px);font-size:.75rem}:host([disabled]) input:not(:-moz-placeholder-shown)+[part=notch], :host([invalid]) input:not(:-moz-placeholder-shown)+[part=notch], :host([invalid]:focus-within) input:not(:-moz-placeholder-shown)+[part=notch], :host input:not(:-moz-placeholder-shown)+[part=notch]{border-top:.0625rem solid transparent}:host([disabled]) input:not(:-ms-input-placeholder)+[part=notch], :host([invalid]) input:not(:-ms-input-placeholder)+[part=notch], :host([invalid]:focus-within) input:not(:-ms-input-placeholder)+[part=notch], :host input:not(:-ms-input-placeholder)+[part=notch]{border-top:.0625rem solid transparent}:host([disabled]) input:not(:placeholder-shown)+[part=notch],:host([invalid]) input:not(:placeholder-shown)+[part=notch],:host([invalid]:focus-within) input:not(:placeholder-shown)+[part=notch],:host([placeholder][size=small]) [part=notch],:host([placeholder][size=medium]) [part=notch],:host([placeholder][size=large]) [part=notch],:host input:not(:placeholder-shown)+[part=notch]{border-top:.0625rem solid transparent}[part~=input]{background:transparent;padding:0 .25rem;font-size:1rem;grid-area:1/2/span 1/span 2}[part=label]{color:hsla(var(--igc-gray-600), var(--igc-gray-a));-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);line-height:1;will-change:font-size,color,transform}:host(:focus-within) [part=start]{border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:focus-within) [part=notch]{border-width:.125rem;border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-top:.0625rem solid transparent}:host(:focus-within) [part=filler]{border-width:.125rem;border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:focus-within) [part=end]{border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:focus-within) [part=prefix]{-webkit-padding-start:.25rem;padding-inline-start:.25rem}:host(:focus-within) [part=suffix]{-webkit-padding-end:.25rem;padding-inline-end:.25rem}:host(:focus-within) [part=label]{color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part^=container]{grid-template-columns:auto auto 1fr auto}[part=start]{width:auto;min-width:.75rem;-ms-flex-negative:0;flex-shrink:0;grid-area:1/1;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:.25rem;border-end-start-radius:.25rem}[part=start]>[part=prefix]{-webkit-padding-start:.3125rem;padding-inline-start:.3125rem;-webkit-padding-end:.25rem;padding-inline-end:.25rem}[part=notch]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;height:100%;grid-area:1/2;padding:0 .25rem;border-width:.0625rem;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-left:none;border-right:none;overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3;border-width:.0625rem;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-left:none;border-right:none}[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:100%;grid-area:1/4;min-width:.75rem;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:.25rem;border-end-end-radius:.25rem}[part=end]>[part=suffix]{-webkit-padding-start:.25rem;padding-inline-start:.25rem;-webkit-padding-end:.3125rem;padding-inline-end:.3125rem}[part=helper-text]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);padding:0 .5rem;margin-top:.25rem;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host([invalid]) [part=start],:host([invalid]) [part=notch],:host([invalid]) [part=filler],:host([invalid]) [part=end],:host([invalid]:focus-within) [part=start],:host([invalid]:focus-within) [part=notch],:host([invalid]:focus-within) [part=filler],:host([invalid]:focus-within) [part=end]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part=label],:host([invalid]) [part=helper-text],:host([invalid]:focus-within) [part=label],:host([invalid]:focus-within) [part=helper-text]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]:focus-within) [part=notch]{border-top:.0625rem solid transparent}:host([disabled]){pointer-events:none}:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=helper-text]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:hsla(var(--igc-gray-400), var(--igc-gray-a));border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) input::-webkit-input-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input::-moz-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input:-ms-input-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input::-ms-input-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input::placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([outlined])) [part=start],:host(:not([outlined])) [part=end]{border-color:transparent;border-top-width:.0625rem}:host(:not([outlined])) [part=notch],:host(:not([outlined])) [part=filler]{border-top:1px solid transparent;border-bottom:transparent;border-bottom-width:.0625rem}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));border-bottom:1px solid hsla(var(--igc-gray-600), var(--igc-gray-a));border-start-end-radius:.25rem;border-start-start-radius:.25rem;-webkit-transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:\"\";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translateY(-106%)}:host(:not([outlined])) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translateY(-106%);transform:translateY(-106%)}:host(:not([outlined])) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translateY(-106%);-ms-transform:translateY(-106%);transform:translateY(-106%)}:host(:not([outlined]):hover) [part~=container]{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom:1px solid hsla(var(--igc-gray-800), var(--igc-gray-a))}:host(:not([outlined]):focus-within) [part~=container]{background:var(--focus-background, hsla(var(--igc-gray-300), var(--igc-gray-a)));border-bottom:1px solid hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([outlined]):focus-within) [part~=container]::after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);opacity:1}:host(:not([outlined]):focus-within) [part=notch] [part=label],:host(:not([outlined])[placeholder]) [part=notch] [part=label]{-webkit-transform:translateY(-106%);-ms-transform:translateY(-106%);transform:translateY(-106%)}:host(:not([outlined])[invalid]) [part=start],:host(:not([outlined])[invalid]) [part=notch],:host(:not([outlined])[invalid]) [part=filler],:host(:not([outlined])[invalid]) [part=end],:host(:not([outlined])[invalid]:focus-within) [part=start],:host(:not([outlined])[invalid]:focus-within) [part=notch],:host(:not([outlined])[invalid]:focus-within) [part=filler],:host(:not([outlined])[invalid]:focus-within) [part=end]{border-color:transparent}:host(:not([outlined])[invalid]) [part~=container],:host(:not([outlined])[invalid]:focus-within) [part~=container]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([outlined])[invalid]) [part~=container]::after,:host(:not([outlined])[invalid]:focus-within) [part~=container]::after{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([outlined])[disabled]) [part~=input],:host(:not([outlined])[disabled]) [part=label],:host(:not([outlined])[disabled]) [part=prefix],:host(:not([outlined])[disabled]) [part=suffix],:host(:not([outlined])[disabled]) [part=helper-text]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host(:not([outlined])[disabled]) [part~=container]{border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;\n"]}
|
|
1
|
+
{"version":3,"file":"input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,suXAAsuX,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([size=large]) input:-moz-placeholder-shown+[part=notch] [part=label]{transform:translateY(-26px);font-size:.75rem}:host([size=large]) input:-ms-input-placeholder+[part=notch] [part=label]{-ms-transform:translateY(-26px);transform:translateY(-26px);font-size:.75rem}:host([size=large]:focus-within) [part=label],:host([size=large]) input:placeholder-shown+[part=notch] [part=label],:host([size=large]) [part~=filled]+[part=notch] [part=label]{-webkit-transform:translateY(-26px);-ms-transform:translateY(-26px);transform:translateY(-26px);font-size:.75rem}:host([size=medium]) input:-moz-placeholder-shown+[part=notch] [part=label]{transform:translateY(-22px);font-size:.75rem}:host([size=medium]) input:-ms-input-placeholder+[part=notch] [part=label]{-ms-transform:translateY(-22px);transform:translateY(-22px);font-size:.75rem}:host([size=medium]:focus-within) [part=label],:host([size=medium]) input:placeholder-shown+[part=notch] [part=label],:host([size=medium]) [part~=filled]+[part=notch] [part=label]{-webkit-transform:translateY(-22px);-ms-transform:translateY(-22px);transform:translateY(-22px);font-size:.75rem}:host([size=small]) input:-moz-placeholder-shown+[part=notch] [part=label]{transform:translateY(-18px);font-size:.75rem}:host([size=small]) input:-ms-input-placeholder+[part=notch] [part=label]{-ms-transform:translateY(-18px);transform:translateY(-18px);font-size:.75rem}:host([size=small]:focus-within) [part=label],:host([size=small]) input:placeholder-shown+[part=notch] [part=label],:host([size=small]) [part~=filled]+[part=notch] [part=label]{-webkit-transform:translateY(-18px);-ms-transform:translateY(-18px);transform:translateY(-18px);font-size:.75rem}:host input:-moz-placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host input:-ms-input-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host([disabled]) [part~=filled]+[part=notch],:host([invalid]) [part~=filled]+[part=notch],:host([invalid]:focus-within) [part~=filled]+[part=notch],:host input:placeholder-shown+[part=notch],:host [part~=filled]+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}[part~=input]{background:rgba(0,0,0,0);padding:0 .25rem;font-size:1rem;grid-area:1/2/span 1/span 2}[part=label]{color:hsla(var(--igc-gray-600), var(--igc-gray-a));-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);line-height:1;will-change:font-size,color,transform}:host(:focus-within) [part=start]{border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:focus-within) [part=notch]{border-width:.125rem;border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-top:.0625rem solid rgba(0,0,0,0)}:host(:focus-within) [part=filler]{border-width:.125rem;border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:focus-within) [part=end]{border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:focus-within) [part=prefix]{-webkit-padding-start:.25rem;padding-inline-start:.25rem}:host(:focus-within) [part=suffix]{-webkit-padding-end:.25rem;padding-inline-end:.25rem}:host(:focus-within) [part=label]{color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part^=container]{grid-template-columns:auto auto 1fr auto}[part=start]{width:auto;min-width:.75rem;-ms-flex-negative:0;flex-shrink:0;grid-area:1/1;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:.25rem;border-end-start-radius:.25rem}[part=start]>[part=prefix]{-webkit-padding-start:.3125rem;padding-inline-start:.3125rem;-webkit-padding-end:.25rem;padding-inline-end:.25rem}[part=notch]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;height:100%;grid-area:1/2;padding:0 .25rem;border-width:.0625rem;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-left:none;border-right:none;overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3;border-width:.0625rem;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-left:none;border-right:none}[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:100%;grid-area:1/4;min-width:.75rem;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:.25rem;border-end-end-radius:.25rem}[part=end]>[part=suffix]{-webkit-padding-start:.25rem;padding-inline-start:.25rem;-webkit-padding-end:.3125rem;padding-inline-end:.3125rem}[part=helper-text]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);padding:0 .5rem;margin-top:.25rem;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host([invalid]) [part=start],:host([invalid]) [part=notch],:host([invalid]) [part=filler],:host([invalid]) [part=end],:host([invalid]:focus-within) [part=start],:host([invalid]:focus-within) [part=notch],:host([invalid]:focus-within) [part=filler],:host([invalid]:focus-within) [part=end]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part=label],:host([invalid]) [part=helper-text],:host([invalid]:focus-within) [part=label],:host([invalid]:focus-within) [part=helper-text]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]:focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host([disabled]){pointer-events:none}:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=helper-text]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:hsla(var(--igc-gray-400), var(--igc-gray-a));border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) input::-webkit-input-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input::-moz-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input:-ms-input-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input::-ms-input-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input::placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([outlined])) [part=start],:host(:not([outlined])) [part=end]{border-color:rgba(0,0,0,0);border-top-width:.0625rem}:host(:not([outlined])) [part=notch],:host(:not([outlined])) [part=filler]{border-top:1px solid rgba(0,0,0,0);border-bottom:rgba(0,0,0,0);border-bottom-width:.0625rem}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));border-bottom:1px solid hsla(var(--igc-gray-600), var(--igc-gray-a));border-start-end-radius:.25rem;border-start-start-radius:.25rem;-webkit-transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:\"\";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) input:-moz-placeholder-shown+[part=notch] [part=label]{transform:translateY(-106%)}:host(:not([outlined])) input:-ms-input-placeholder+[part=notch] [part=label]{-ms-transform:translateY(-106%);transform:translateY(-106%)}:host(:not([outlined])) input:placeholder-shown+[part=notch] [part=label],:host(:not([outlined])) [part~=filled]+[part=notch] [part=label]{-webkit-transform:translateY(-106%);-ms-transform:translateY(-106%);transform:translateY(-106%)}:host(:not([outlined]):hover) [part~=container]{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom:1px solid hsla(var(--igc-gray-800), var(--igc-gray-a))}:host(:not([outlined]):focus-within) [part~=container]{background:var(--focus-background, hsla(var(--igc-gray-300), var(--igc-gray-a)));border-bottom:1px solid hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([outlined]):focus-within) [part~=container]::after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);opacity:1}:host(:not([outlined]):focus-within) [part=notch] [part=label]{-webkit-transform:translateY(-106%);-ms-transform:translateY(-106%);transform:translateY(-106%)}:host(:not([outlined])[invalid]) [part=start],:host(:not([outlined])[invalid]) [part=notch],:host(:not([outlined])[invalid]) [part=filler],:host(:not([outlined])[invalid]) [part=end],:host(:not([outlined])[invalid]:focus-within) [part=start],:host(:not([outlined])[invalid]:focus-within) [part=notch],:host(:not([outlined])[invalid]:focus-within) [part=filler],:host(:not([outlined])[invalid]:focus-within) [part=end]{border-color:rgba(0,0,0,0)}:host(:not([outlined])[invalid]) [part~=container],:host(:not([outlined])[invalid]:focus-within) [part~=container]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([outlined])[invalid]) [part~=container]::after,:host(:not([outlined])[invalid]:focus-within) [part~=container]::after{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([outlined])[disabled]) [part~=input],:host(:not([outlined])[disabled]) [part=label],:host(:not([outlined])[disabled]) [part=prefix],:host(:not([outlined])[disabled]) [part=suffix],:host(:not([outlined])[disabled]) [part=helper-text]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host(:not([outlined])[disabled]) [part~=container]{border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;\n"]}
|
|
@@ -16,7 +16,7 @@ export default class IgcNavDrawerComponent extends LitElement {
|
|
|
16
16
|
static readonly tagName = "igc-nav-drawer";
|
|
17
17
|
static styles: import("lit").CSSResult;
|
|
18
18
|
/** The position of the drawer. */
|
|
19
|
-
position: 'start' | 'end' | 'top' | 'bottom';
|
|
19
|
+
position: 'start' | 'end' | 'top' | 'bottom' | 'relative';
|
|
20
20
|
/** Determines whether the drawer is opened. */
|
|
21
21
|
open: boolean;
|
|
22
22
|
/** Opens the drawer. */
|
|
@@ -45,15 +45,18 @@ let IgcNavDrawerComponent = class IgcNavDrawerComponent extends LitElement {
|
|
|
45
45
|
};
|
|
46
46
|
}
|
|
47
47
|
render() {
|
|
48
|
-
return html `
|
|
49
|
-
<div part="
|
|
50
|
-
|
|
51
|
-
|
|
48
|
+
return html `
|
|
49
|
+
<div part="overlay" @click=${this.hide}></div>
|
|
50
|
+
<div part="base">
|
|
51
|
+
<div part="main">
|
|
52
|
+
<slot></slot>
|
|
53
|
+
</div>
|
|
52
54
|
|
|
53
|
-
|
|
54
|
-
|
|
55
|
+
<div part="${partNameMap(this.resolvePartNames('mini'))}">
|
|
56
|
+
<slot name="mini"></slot>
|
|
57
|
+
</div>
|
|
55
58
|
</div>
|
|
56
|
-
|
|
59
|
+
`;
|
|
57
60
|
}
|
|
58
61
|
};
|
|
59
62
|
IgcNavDrawerComponent.tagName = 'igc-nav-drawer';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-drawer.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAgBtD,IAAqB,qBAAqB,GAA1C,MAAqB,qBAAsB,SAAQ,UAAU;IAA7D;;QAMS,aAAQ,
|
|
1
|
+
{"version":3,"file":"nav-drawer.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAgBtD,IAAqB,qBAAqB,GAA1C,MAAqB,qBAAsB,SAAQ,UAAU;IAA7D;;QAMS,aAAQ,GAAoD,OAAO,CAAC;QAIpE,SAAI,GAAG,KAAK,CAAC;IAqDtB,CAAC;IAlDQ,IAAI;QACT,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO;SACR;QAED,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAGM,IAAI;QACT,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,OAAO;SACR;QAED,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAGM,MAAM;QACX,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;aAAM;YACL,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;IACH,CAAC;IAEO,gBAAgB,CAAC,IAAY;QACnC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;QACxD,MAAM,WAAW,GAAG,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;QAE9D,OAAO;YACL,CAAC,IAAI,CAAC,EAAE,IAAI;YACZ,MAAM,EAAE,CAAC,WAAW;SACrB,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;mCACoB,IAAI,CAAC,IAAI;;;;;;qBAMvB,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;;;;KAI1D,CAAC;IACJ,CAAC;CACF,CAAA;AA9DwB,6BAAO,GAAG,gBAAiB,CAAA;AAC3B,4BAAM,GAAG,MAAO,CAAA;AAIvC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDAC+C;AAI3E;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACvB;AAVD,qBAAqB;IADzC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;GACE,qBAAqB,CA+DzC;eA/DoB,qBAAqB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { themes } from '../../theming';\nimport { partNameMap } from '../common/util';\nimport { styles as indigo } from './styles/indigo/nav-drawer.indigo.css';\nimport { styles } from './styles/nav-drawer.base.css';\n\n/**\n * Represents a side navigation container that provides\n * quick access between views.\n *\n * @element igc-nav-drawer\n *\n * @slot - The default slot for the drawer.\n * @slot mini - The slot for the mini variant of the drawer.\n *\n * @csspart base - The base wrapper of the navigation drawer.\n * @csspart main - The main container.\n * @csspart mini - The mini container.\n */\n@themes({ indigo })\nexport default class IgcNavDrawerComponent extends LitElement {\n public static readonly tagName = 'igc-nav-drawer';\n public static override styles = styles;\n\n /** The position of the drawer. */\n @property({ reflect: true })\n public position: 'start' | 'end' | 'top' | 'bottom' | 'relative' = 'start';\n\n /** Determines whether the drawer is opened. */\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n /** Opens the drawer. */\n public show() {\n if (this.open) {\n return;\n }\n\n this.open = true;\n }\n\n /** Closes the drawer. */\n public hide() {\n if (!this.open) {\n return;\n }\n\n this.open = false;\n }\n\n /** Toggles the open state of the drawer. */\n public toggle() {\n if (this.open) {\n this.hide();\n } else {\n this.show();\n }\n }\n\n private resolvePartNames(base: string) {\n const mini = document.querySelector('div[slot=\"mini\"]');\n const hasChildren = mini !== null && mini.children.length > 0;\n\n return {\n [base]: true,\n hidden: !hasChildren,\n };\n }\n\n protected override render() {\n return html`\n <div part=\"overlay\" @click=${this.hide}></div>\n <div part=\"base\">\n <div part=\"main\">\n <slot></slot>\n </div>\n\n <div part=\"${partNameMap(this.resolvePartNames('mini'))}\">\n <slot name=\"mini\"></slot>\n </div>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-nav-drawer': IgcNavDrawerComponent;\n }\n}\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host [part~=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*1.5rem,1.5rem);color:hsla(var(--igc-gray-300), 0.8);padding:.25rem;margin:.9375rem .5rem !important}:host [part~=base]:hover,:host [part~=base]:focus-within{background:
|
|
2
|
+
export const styles = css `:host [part~=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*1.5rem,1.5rem);color:hsla(var(--igc-gray-300), 0.8);padding:.25rem;margin:.9375rem .5rem !important}:host [part~=base]:hover,:host [part~=base]:focus-within{background:rgba(0,0,0,0);color:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host [part=content]{-webkit-margin-start:1.5rem;margin-inline-start:1.5rem;-webkit-padding-start:.5rem;padding-inline-start:.5rem}:host([active]) [part~=base]{background:hsla(var(--igc-gray-600), 0.8);color:hsla(var(--igc-gray-50), var(--igc-gray-a))}`;
|
|
3
3
|
//# sourceMappingURL=nav-drawer-item.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-drawer-item.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/nav-drawer/styles/indigo/nav-drawer-item.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":"nav-drawer-item.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/nav-drawer/styles/indigo/nav-drawer-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4iBAA4iB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part~=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*1.5rem,1.5rem);color:hsla(var(--igc-gray-300), 0.8);padding:.25rem;margin:.9375rem .5rem !important}:host [part~=base]:hover,:host [part~=base]:focus-within{background:rgba(0,0,0,0);color:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host [part=content]{-webkit-margin-start:1.5rem;margin-inline-start:1.5rem;-webkit-padding-start:.5rem;padding-inline-start:.5rem}:host([active]) [part~=base]{background:hsla(var(--igc-gray-600), 0.8);color:hsla(var(--igc-gray-50), var(--igc-gray-a))}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));max-height:3rem;margin:0.5rem !important;padding:.75rem .5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:
|
|
2
|
+
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));max-height:3rem;margin:0.5rem !important;padding:.75rem .5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:rgba(0,0,0,0);white-space:nowrap;text-decoration:none;width:calc(100% - 1rem);border:none;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out;border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);font-family:var(--igc-subtitle-2-font-family);font-weight:var(--igc-subtitle-2-font-weight);font-size:var(--igc-subtitle-2-font-size);font-style:var(--igc-subtitle-2-font-style);letter-spacing:var(--igc-subtitle-2-letter-spacing);text-transform:var(--igc-subtitle-2-text-transform);line-height:var(--igc-subtitle-2-line-height);margin-top:var(--igc-subtitle-2-margin-top);margin-bottom:var(--igc-subtitle-2-margin-bottom)}[part~=base] ::slotted(igc-icon){display:-webkit-box;display:-ms-flexbox;display:flex;font:inherit}[part~=base]:hover{background:hsla(var(--igc-gray-200), 0.87)}[part~=base]:focus-within{background:hsla(var(--igc-gray-300), 0.87)}[part=content]{-webkit-margin-start:2rem;margin-inline-start:2rem;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}[part="base mini"]{display:block}[part="base mini"] [part=content]{display:none}[part="base mini"] ::slotted(igc-icon){width:100%}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([disabled]) [part~=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([active]) [part~=base]{background:hsla(var(--igc-primary-500), 0.12);color:hsla(var(--igc-primary-500), var(--igc-primary-a))}`;
|
|
3
3
|
//# sourceMappingURL=nav-drawer-item.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-drawer-item.base.css.js","sourceRoot":"","sources":["../../../../src/components/nav-drawer/styles/nav-drawer-item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"nav-drawer-item.base.css.js","sourceRoot":"","sources":["../../../../src/components/nav-drawer/styles/nav-drawer-item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wxFAAwxF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));max-height:3rem;margin:0.5rem !important;padding:.75rem .5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:rgba(0,0,0,0);white-space:nowrap;text-decoration:none;width:calc(100% - 1rem);border:none;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out;border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);font-family:var(--igc-subtitle-2-font-family);font-weight:var(--igc-subtitle-2-font-weight);font-size:var(--igc-subtitle-2-font-size);font-style:var(--igc-subtitle-2-font-style);letter-spacing:var(--igc-subtitle-2-letter-spacing);text-transform:var(--igc-subtitle-2-text-transform);line-height:var(--igc-subtitle-2-line-height);margin-top:var(--igc-subtitle-2-margin-top);margin-bottom:var(--igc-subtitle-2-margin-bottom)}[part~=base] ::slotted(igc-icon){display:-webkit-box;display:-ms-flexbox;display:flex;font:inherit}[part~=base]:hover{background:hsla(var(--igc-gray-200), 0.87)}[part~=base]:focus-within{background:hsla(var(--igc-gray-300), 0.87)}[part=content]{-webkit-margin-start:2rem;margin-inline-start:2rem;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}[part=\"base mini\"]{display:block}[part=\"base mini\"] [part=content]{display:none}[part=\"base mini\"] ::slotted(igc-icon){width:100%}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([disabled]) [part~=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([active]) [part~=base]{background:hsla(var(--igc-primary-500), 0.12);color:hsla(var(--igc-primary-500), var(--igc-primary-a))}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{-ms-flex-negative:0;flex-shrink:0;font-family:var(--igc-font-family)}:host [part=base]{position:fixed;height:100%;min-height:100%;overflow-x:hidden;top:0;bottom:0;
|
|
2
|
+
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{-ms-flex-negative:0;flex-shrink:0;font-family:var(--igc-font-family)}:host [part=base]{position:fixed;height:100%;min-height:100%;overflow-x:hidden;top:0;bottom:0;inset-inline-start:0;z-index:999;background:hsla(var(--igc-surface-500), var(--igc-surface-a));border-radius:0;-webkit-transition:all ease-out .3s,.3s;-o-transition:all ease-out .3s,.3s;transition:all ease-out .3s,.3s}:host [part=main]{width:16rem}:host [part=mini]{width:3.75rem}:host [part=overlay]{background:hsla(var(--igc-gray-500), 0.54);position:fixed;inset:0;z-index:2}:host([position=start]) [part=mini],:host([position=end]) [part=mini]{background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-box-shadow:var(--igc-elevation-16);box-shadow:var(--igc-elevation-16);position:fixed;top:0;bottom:0}:host([position=start]) [part=mini]{-webkit-border-end:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-end:1px solid hsla(var(--igc-gray-900), 0.14);inset-inline-start:0}:host([position=end]) [part=mini]{-webkit-border-start:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-start:1px solid hsla(var(--igc-gray-900), 0.14);inset-inline-end:0}:host([position=top]) [part=main],:host([position=bottom]) [part=main]{width:100%}:host([position=top]) [part=base],:host([position=bottom]) [part=base]{height:50vh;min-height:initial;top:auto;width:100%}:host([position=top]) [part=base]{top:0;bottom:auto}:host(:not([open])[position=top]) [part=base],:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translate3d(0, -60vh, 0);transform:translate3d(0, -60vh, 0)}:host(:not([open])[position=top]) [part=mini],:host(:not([open])[position=bottom]) [part=mini]{display:none}:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translate3d(0, 60vh, 0);transform:translate3d(0, 60vh, 0)}:host([open][position=end]) [part=base]{-webkit-border-end:none;border-inline-end:none;-webkit-border-start:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-start:1px solid hsla(var(--igc-gray-900), 0.14);inset-inline-start:auto;inset-inline-end:0}:host([position=relative]) [part=base]{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-shadow:none;box-shadow:none}:host([position=relative]) [part=overlay]{display:none}:host([open]) [part=mini]{display:none}:host([open]:not([position=relative])) [part=base]{-webkit-border-end:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-end:1px solid hsla(var(--igc-gray-900), 0.14);-webkit-box-shadow:var(--igc-elevation-16);box-shadow:var(--igc-elevation-16)}:host(:not([open])) [part=main]{display:none}:host(:not([open])) [part=overlay]{display:none}`;
|
|
3
3
|
//# sourceMappingURL=nav-drawer.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-drawer.base.css.js","sourceRoot":"","sources":["../../../../src/components/nav-drawer/styles/nav-drawer.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"nav-drawer.base.css.js","sourceRoot":"","sources":["../../../../src/components/nav-drawer/styles/nav-drawer.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o0GAAo0G,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{-ms-flex-negative:0;flex-shrink:0;font-family:var(--igc-font-family)}:host [part=base]{position:fixed;height:100%;min-height:100%;overflow-x:hidden;top:0;bottom:0;inset-inline-start:0;z-index:999;background:hsla(var(--igc-surface-500), var(--igc-surface-a));border-radius:0;-webkit-transition:all ease-out .3s,.3s;-o-transition:all ease-out .3s,.3s;transition:all ease-out .3s,.3s}:host [part=main]{width:16rem}:host [part=mini]{width:3.75rem}:host [part=overlay]{background:hsla(var(--igc-gray-500), 0.54);position:fixed;inset:0;z-index:2}:host([position=start]) [part=mini],:host([position=end]) [part=mini]{background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-box-shadow:var(--igc-elevation-16);box-shadow:var(--igc-elevation-16);position:fixed;top:0;bottom:0}:host([position=start]) [part=mini]{-webkit-border-end:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-end:1px solid hsla(var(--igc-gray-900), 0.14);inset-inline-start:0}:host([position=end]) [part=mini]{-webkit-border-start:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-start:1px solid hsla(var(--igc-gray-900), 0.14);inset-inline-end:0}:host([position=top]) [part=main],:host([position=bottom]) [part=main]{width:100%}:host([position=top]) [part=base],:host([position=bottom]) [part=base]{height:50vh;min-height:initial;top:auto;width:100%}:host([position=top]) [part=base]{top:0;bottom:auto}:host(:not([open])[position=top]) [part=base],:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translate3d(0, -60vh, 0);transform:translate3d(0, -60vh, 0)}:host(:not([open])[position=top]) [part=mini],:host(:not([open])[position=bottom]) [part=mini]{display:none}:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translate3d(0, 60vh, 0);transform:translate3d(0, 60vh, 0)}:host([open][position=end]) [part=base]{-webkit-border-end:none;border-inline-end:none;-webkit-border-start:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-start:1px solid hsla(var(--igc-gray-900), 0.14);inset-inline-start:auto;inset-inline-end:0}:host([position=relative]) [part=base]{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-shadow:none;box-shadow:none}:host([position=relative]) [part=overlay]{display:none}:host([open]) [part=mini]{display:none}:host([open]:not([position=relative])) [part=base]{-webkit-border-end:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-end:1px solid hsla(var(--igc-gray-900), 0.14);-webkit-box-shadow:var(--igc-elevation-16);box-shadow:var(--igc-elevation-16)}:host(:not([open])) [part=main]{display:none}:host(:not([open])) [part=overlay]{display:none}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}@-webkit-keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;--stroke-thickness: 0.125rem;--diameter: 1.875rem}[part~=label]{fill:hsla(var(--igc-gray-900), var(--igc-gray-a));position:absolute;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%}[part~=label],[part~=value]{font-size:calc(var(--diameter)/3 - var(--stroke-thickness));line-height:normal}[part="svg indeterminate"]{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:3s linear 0s infinite normal none running rotate-center;animation:3s linear 0s infinite normal none running rotate-center}[part="svg indeterminate"] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);-webkit-animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite}[part~=svg]{width:calc(var(--diameter) + var(--stroke-thickness));height:calc(var(--diameter) + var(--stroke-thickness))}[part~=track]{stroke:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=fill]{stroke-dasharray:calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));-webkit-transition:stroke-dashoffset var(--duration) linear;-o-transition:stroke-dashoffset var(--duration) linear;transition:stroke-dashoffset var(--duration) linear;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);--percentage: 0;--duration: 500ms}[part~=track],[part~=fill]{fill:
|
|
2
|
+
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}@-webkit-keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;--stroke-thickness: 0.125rem;--diameter: 1.875rem}[part~=label]{fill:hsla(var(--igc-gray-900), var(--igc-gray-a));position:absolute;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%}[part~=label],[part~=value]{font-size:calc(var(--diameter)/3 - var(--stroke-thickness));line-height:normal}[part="svg indeterminate"]{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:3s linear 0s infinite normal none running rotate-center;animation:3s linear 0s infinite normal none running rotate-center}[part="svg indeterminate"] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);-webkit-animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite}[part~=svg]{width:calc(var(--diameter) + var(--stroke-thickness));height:calc(var(--diameter) + var(--stroke-thickness))}[part~=track]{stroke:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=fill]{stroke-dasharray:calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));-webkit-transition:stroke-dashoffset var(--duration) linear;-o-transition:stroke-dashoffset var(--duration) linear;transition:stroke-dashoffset var(--duration) linear;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);--percentage: 0;--duration: 500ms}[part~=track],[part~=fill]{fill:rgba(0,0,0,0);stroke-width:var(--stroke-thickness);cx:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);cy:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);r:calc(var(--diameter)/2 - var(--stroke-thickness)*.5)}[part~=gradient_start],[part~=gradient_end]{stop-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=danger]) [part~=gradient_start],:host([variant=danger]) [part~=gradient_end]{stop-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([variant=warning]) [part~=gradient_start],:host([variant=warning]) [part~=gradient_end]{stop-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}:host([variant=info]) [part~=gradient_start],:host([variant=info]) [part~=gradient_end]{stop-color:hsla(var(--igc-info-500), var(--igc-info-a))}:host([variant=success]) [part~=gradient_start],:host([variant=success]) [part~=gradient_end]{stop-color:hsla(var(--igc-success-500), var(--igc-success-a))}:host([dir=rtl]) [part="svg indeterminate"] [part~=fill]{-webkit-animation-name:indeterminate-accordion-rtl;animation-name:indeterminate-accordion-rtl}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}:host([dir=rtl]) [part~=indeterminate] [part~=track]{animation-direction:reverse}:host([dir=rtl]) [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) + var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}`;
|
|
3
3
|
//# sourceMappingURL=circular.progress.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"circular.progress.base.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/circular.progress.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"circular.progress.base.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/circular.progress.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mvQAAmvQ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}@-webkit-keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;--stroke-thickness: 0.125rem;--diameter: 1.875rem}[part~=label]{fill:hsla(var(--igc-gray-900), var(--igc-gray-a));position:absolute;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%}[part~=label],[part~=value]{font-size:calc(var(--diameter)/3 - var(--stroke-thickness));line-height:normal}[part=\"svg indeterminate\"]{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:3s linear 0s infinite normal none running rotate-center;animation:3s linear 0s infinite normal none running rotate-center}[part=\"svg indeterminate\"] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);-webkit-animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite}[part~=svg]{width:calc(var(--diameter) + var(--stroke-thickness));height:calc(var(--diameter) + var(--stroke-thickness))}[part~=track]{stroke:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=fill]{stroke-dasharray:calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));-webkit-transition:stroke-dashoffset var(--duration) linear;-o-transition:stroke-dashoffset var(--duration) linear;transition:stroke-dashoffset var(--duration) linear;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);--percentage: 0;--duration: 500ms}[part~=track],[part~=fill]{fill:rgba(0,0,0,0);stroke-width:var(--stroke-thickness);cx:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);cy:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);r:calc(var(--diameter)/2 - var(--stroke-thickness)*.5)}[part~=gradient_start],[part~=gradient_end]{stop-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=danger]) [part~=gradient_start],:host([variant=danger]) [part~=gradient_end]{stop-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([variant=warning]) [part~=gradient_start],:host([variant=warning]) [part~=gradient_end]{stop-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}:host([variant=info]) [part~=gradient_start],:host([variant=info]) [part~=gradient_end]{stop-color:hsla(var(--igc-info-500), var(--igc-info-a))}:host([variant=success]) [part~=gradient_start],:host([variant=success]) [part~=gradient_end]{stop-color:hsla(var(--igc-success-500), var(--igc-success-a))}:host([dir=rtl]) [part=\"svg indeterminate\"] [part~=fill]{-webkit-animation-name:indeterminate-accordion-rtl;animation-name:indeterminate-accordion-rtl}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}:host([dir=rtl]) [part~=indeterminate] [part~=track]{animation-direction:reverse}:host([dir=rtl]) [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) + var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--stroke-thickness: 0.25rem;--diameter: 1.75rem}[part~=svg][part~=indeterminate]{-webkit-animation-duration:.75s;animation-duration:.75s}[part="svg indeterminate"] [part~=fill]{stroke-dashoffset:60% !important;-webkit-animation:none;animation:none}[part~=track][part~=indeterminate]{stroke:
|
|
2
|
+
export const styles = css `:host{--stroke-thickness: 0.25rem;--diameter: 1.75rem}[part~=svg][part~=indeterminate]{-webkit-animation-duration:.75s;animation-duration:.75s}[part="svg indeterminate"] [part~=fill]{stroke-dashoffset:60% !important;-webkit-animation:none;animation:none}[part~=track][part~=indeterminate]{stroke:rgba(0,0,0,0)}`;
|
|
3
3
|
//# sourceMappingURL=circular.progress.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"circular.progress.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/circular.progress.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":"circular.progress.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/circular.progress.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wTAAwT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--stroke-thickness: 0.25rem;--diameter: 1.75rem}[part~=svg][part~=indeterminate]{-webkit-animation-duration:.75s;animation-duration:.75s}[part=\"svg indeterminate\"] [part~=fill]{stroke-dashoffset:60% !important;-webkit-animation:none;animation:none}[part~=track][part~=indeterminate]{stroke:rgba(0,0,0,0)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-family:var(--igc-font-family)}input[type=radio]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:color .15s ease-in;-o-transition:color .15s ease-in;transition:color .15s ease-in}[part~=base]:focus-within [part=control]{background:hsla(var(--igc-gray-600), 0.12)}[part~=control]{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size),var(--size));--size: 1.25rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:calc(var(--size)*2);height:calc(var(--size)*2);min-width:calc(var(--size)*2);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background .15s ease-in;-o-transition:background .15s ease-in;transition:background .15s ease-in}[part~=control]::before,[part~=control]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2);position:absolute;content:"";width:var(--size);height:var(--size);left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in}[part~=control]::before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate(-50%, -50%) scale(0.1);-ms-transform:translate(-50%, -50%) scale(0.1);transform:translate(-50%, -50%) scale(0.1);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;z-index:1}[part~=control]::after{border:calc(var(--size)/10) solid hsla(var(--igc-gray-600), var(--igc-gray-a))}[part="control checked"]::before{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));-webkit-transform:translate(-50%, -50%) scale(0.5);-ms-transform:translate(-50%, -50%) scale(0.5);transform:translate(-50%, -50%) scale(0.5)}[part="control checked"]::after{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host(:not([disabled])[invalid]) [part~=label]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part~=control]::after{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host([disabled]) [part~=label]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part~=control]::after{border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part="control checked"]::before{background:hsla(var(--igc-gray-400), var(--igc-gray-a));border-color:
|
|
2
|
+
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-family:var(--igc-font-family)}input[type=radio]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:color .15s ease-in;-o-transition:color .15s ease-in;transition:color .15s ease-in}[part~=base]:focus-within [part=control]{background:hsla(var(--igc-gray-600), 0.12)}[part~=control]{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size),var(--size));--size: 1.25rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:calc(var(--size)*2);height:calc(var(--size)*2);min-width:calc(var(--size)*2);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background .15s ease-in;-o-transition:background .15s ease-in;transition:background .15s ease-in}[part~=control]::before,[part~=control]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2);position:absolute;content:"";width:var(--size);height:var(--size);left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in}[part~=control]::before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate(-50%, -50%) scale(0.1);-ms-transform:translate(-50%, -50%) scale(0.1);transform:translate(-50%, -50%) scale(0.1);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;z-index:1}[part~=control]::after{border:calc(var(--size)/10) solid hsla(var(--igc-gray-600), var(--igc-gray-a))}[part="control checked"]::before{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));-webkit-transform:translate(-50%, -50%) scale(0.5);-ms-transform:translate(-50%, -50%) scale(0.5);transform:translate(-50%, -50%) scale(0.5)}[part="control checked"]::after{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host(:not([disabled])[invalid]) [part~=label]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part~=control]::after{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host([disabled]) [part~=label]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part~=control]::after{border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part="control checked"]::before{background:hsla(var(--igc-gray-400), var(--igc-gray-a));border-color:rgba(0,0,0,0)}:host([label-position=after]) [part~=label]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([label-position=before]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-margin-end:.5rem;margin-inline-end:.5rem}`;
|
|
3
3
|
//# sourceMappingURL=radio.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.base.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"radio.base.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u+HAAu+H,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-family:var(--igc-font-family)}input[type=radio]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:color .15s ease-in;-o-transition:color .15s ease-in;transition:color .15s ease-in}[part~=base]:focus-within [part=control]{background:hsla(var(--igc-gray-600), 0.12)}[part~=control]{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size),var(--size));--size: 1.25rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:calc(var(--size)*2);height:calc(var(--size)*2);min-width:calc(var(--size)*2);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background .15s ease-in;-o-transition:background .15s ease-in;transition:background .15s ease-in}[part~=control]::before,[part~=control]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2);position:absolute;content:\"\";width:var(--size);height:var(--size);left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in}[part~=control]::before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate(-50%, -50%) scale(0.1);-ms-transform:translate(-50%, -50%) scale(0.1);transform:translate(-50%, -50%) scale(0.1);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;z-index:1}[part~=control]::after{border:calc(var(--size)/10) solid hsla(var(--igc-gray-600), var(--igc-gray-a))}[part=\"control checked\"]::before{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));-webkit-transform:translate(-50%, -50%) scale(0.5);-ms-transform:translate(-50%, -50%) scale(0.5);transform:translate(-50%, -50%) scale(0.5)}[part=\"control checked\"]::after{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host(:not([disabled])[invalid]) [part~=label]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part~=control]::after{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host([disabled]) [part~=label]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part~=control]::after{border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part=\"control checked\"]::before{background:hsla(var(--igc-gray-400), var(--igc-gray-a));border-color:rgba(0,0,0,0)}:host([label-position=after]) [part~=label]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([label-position=before]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-margin-end:.5rem;margin-inline-end:.5rem}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host::part(base){-webkit-transition:none;-o-transition:none;transition:none}:host [part~=control]{--size: 1rem;width:var(--size);height:var(--size);min-width:var(--size);background:none;-webkit-transition:
|
|
2
|
+
export const styles = css `:host::part(base){-webkit-transition:none;-o-transition:none;transition:none}:host [part~=control]{--size: 1rem;width:var(--size);height:var(--size);min-width:var(--size);background:none;-webkit-transition:rgba(0,0,0,0);-o-transition:rgba(0,0,0,0);transition:rgba(0,0,0,0)}:host [part~=control]::before,:host [part~=control]::after{-webkit-transition:none;-o-transition:none;transition:none}:host [part~=control]::before{-webkit-transform:translate(-50%, -50%) scale(0.375);-ms-transform:translate(-50%, -50%) scale(0.375);transform:translate(-50%, -50%) scale(0.375)}:host [part~=control]::after{width:inherit;height:inherit;min-width:inherit;border-color:hsla(var(--igc-gray-400), var(--igc-gray-a));border-width:calc(var(--size, 0.625rem)/10)}:host(:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 calc(var(--size, 1rem) / 4) hsla(var(--igc-primary-100), var(--igc-primary-a));box-shadow:0 0 0 calc(var(--size, 1rem) / 4) hsla(var(--igc-primary-100), var(--igc-primary-a))}:host(:focus-within) [part~=control]::after{border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host [part="control checked"]::after{background:hsla(var(--igc-primary-500), var(--igc-primary-a));border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host [part="control checked"]::before{background:#fff}:host(:not([disabled])[invalid]) [part~=control]::after{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part="control checked"]::after{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 calc(var(--size, 1rem) / 4) hsla(var(--igc-error-100), var(--igc-error-a));box-shadow:0 0 0 calc(var(--size, 1rem) / 4) hsla(var(--igc-error-100), var(--igc-error-a))}:host([disabled]) [part=control]::after{border-color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part="control checked"]::after{background:hsla(var(--igc-primary-200), var(--igc-primary-a));border-color:hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([disabled]) [part="control checked"]::before{background:#fff}`;
|
|
3
3
|
//# sourceMappingURL=radio.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.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":"radio.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,klEAAklE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host::part(base){-webkit-transition:none;-o-transition:none;transition:none}:host [part~=control]{--size: 1rem;width:var(--size);height:var(--size);min-width:var(--size);background:none;-webkit-transition:rgba(0,0,0,0);-o-transition:rgba(0,0,0,0);transition:rgba(0,0,0,0)}:host [part~=control]::before,:host [part~=control]::after{-webkit-transition:none;-o-transition:none;transition:none}:host [part~=control]::before{-webkit-transform:translate(-50%, -50%) scale(0.375);-ms-transform:translate(-50%, -50%) scale(0.375);transform:translate(-50%, -50%) scale(0.375)}:host [part~=control]::after{width:inherit;height:inherit;min-width:inherit;border-color:hsla(var(--igc-gray-400), var(--igc-gray-a));border-width:calc(var(--size, 0.625rem)/10)}:host(:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 calc(var(--size, 1rem) / 4) hsla(var(--igc-primary-100), var(--igc-primary-a));box-shadow:0 0 0 calc(var(--size, 1rem) / 4) hsla(var(--igc-primary-100), var(--igc-primary-a))}:host(:focus-within) [part~=control]::after{border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host [part=\"control checked\"]::after{background:hsla(var(--igc-primary-500), var(--igc-primary-a));border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host [part=\"control checked\"]::before{background:#fff}:host(:not([disabled])[invalid]) [part~=control]::after{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part=\"control checked\"]::after{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 calc(var(--size, 1rem) / 4) hsla(var(--igc-error-100), var(--igc-error-a));box-shadow:0 0 0 calc(var(--size, 1rem) / 4) hsla(var(--igc-error-100), var(--igc-error-a))}:host([disabled]) [part=control]::after{border-color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part=\"control checked\"]::after{background:hsla(var(--igc-primary-200), var(--igc-primary-a));border-color:hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([disabled]) [part=\"control checked\"]::before{background:#fff}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host [part=base]{-webkit-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s}:host [part~=control]{width:var(--size, 1.25rem);height:var(--size, 1.25rem);min-width:var(--size, 1.25rem);background:
|
|
2
|
+
export const styles = css `:host [part=base]{-webkit-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s}:host [part~=control]{width:var(--size, 1.25rem);height:var(--size, 1.25rem);min-width:var(--size, 1.25rem);background:rgba(0,0,0,0);-webkit-transition:none;-o-transition:none;transition:none}:host [part~=control]::before,:host [part~=control]::after{-webkit-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s}:host [part~=control]::before{-webkit-transform:translate(-50%, -50%) scale(0.5);-ms-transform:translate(-50%, -50%) scale(0.5);transform:translate(-50%, -50%) scale(0.5)}:host [part~=control]::after{border:calc(var(--size, 20px)/20) solid hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:hover) [part=control]::before,:host(:focus-within) [part=control]::before{background:var(--hover-color, hsla(var(--igc-gray-700), var(--igc-gray-a)))}:host(:hover) [part="control checked"]::after,:host(:focus-within) [part="control checked"]::after{border-color:var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)))}:host(:hover) [part="control checked"]::before,:host(:focus-within) [part="control checked"]::before{background:var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)))}:host [part="control checked"]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host [part="control checked"]::after{border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([disabled])[invalid]) [part~=label]{color:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host(:not([disabled])[invalid]) [part~=control]::before{background:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host(:not([disabled])[invalid]) [part="control checked"]::after{border-color:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host(:not([disabled])[invalid]:hover) [part=control]::after,:host(:not([disabled])[invalid]:focus-within) [part=control]::after{border-color:var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host(:not([disabled])[invalid]:hover) [part="control checked"]::after,:host(:not([disabled])[invalid]:focus-within) [part="control checked"]::after{border-color:var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host(:not([disabled])[invalid]:hover) [part="control checked"]::before,:host(:not([disabled])[invalid]:focus-within) [part="control checked"]::before{background:var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([disabled]) [part~=label]{color:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part~=control]::after{border-color:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part="control checked"]::before{background:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[part~=focused]{position:relative}[part~=focused]::after{content:"";position:absolute;top:-0.125rem;left:-0.125rem;-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));width:calc(100% + (0.125rem * 2));height:calc(100% + (0.125rem * 2))}`;
|
|
3
3
|
//# sourceMappingURL=radio.fluent.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.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":"radio.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2qGAA2qG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=base]{-webkit-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s}:host [part~=control]{width:var(--size, 1.25rem);height:var(--size, 1.25rem);min-width:var(--size, 1.25rem);background:rgba(0,0,0,0);-webkit-transition:none;-o-transition:none;transition:none}:host [part~=control]::before,:host [part~=control]::after{-webkit-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s}:host [part~=control]::before{-webkit-transform:translate(-50%, -50%) scale(0.5);-ms-transform:translate(-50%, -50%) scale(0.5);transform:translate(-50%, -50%) scale(0.5)}:host [part~=control]::after{border:calc(var(--size, 20px)/20) solid hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:hover) [part=control]::before,:host(:focus-within) [part=control]::before{background:var(--hover-color, hsla(var(--igc-gray-700), var(--igc-gray-a)))}:host(:hover) [part=\"control checked\"]::after,:host(:focus-within) [part=\"control checked\"]::after{border-color:var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)))}:host(:hover) [part=\"control checked\"]::before,:host(:focus-within) [part=\"control checked\"]::before{background:var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)))}:host [part=\"control checked\"]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host [part=\"control checked\"]::after{border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([disabled])[invalid]) [part~=label]{color:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host(:not([disabled])[invalid]) [part~=control]::before{background:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host(:not([disabled])[invalid]) [part=\"control checked\"]::after{border-color:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host(:not([disabled])[invalid]:hover) [part=control]::after,:host(:not([disabled])[invalid]:focus-within) [part=control]::after{border-color:var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host(:not([disabled])[invalid]:hover) [part=\"control checked\"]::after,:host(:not([disabled])[invalid]:focus-within) [part=\"control checked\"]::after{border-color:var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host(:not([disabled])[invalid]:hover) [part=\"control checked\"]::before,:host(:not([disabled])[invalid]:focus-within) [part=\"control checked\"]::before{background:var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([disabled]) [part~=label]{color:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part~=control]::after{border-color:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part=\"control checked\"]::before{background:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[part~=focused]{position:relative}[part~=focused]::after{content:\"\";position:absolute;top:-0.125rem;left:-0.125rem;-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));width:calc(100% + (0.125rem * 2));height:calc(100% + (0.125rem * 2))}`;\n"]}
|