igniteui-webcomponents 3.3.0 → 4.0.0-alpha.2

package/components/input/themes/light/input.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uvJAAuvJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host::after{background:none}:host [part~=input]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);padding:initial;background:var(--input-background, #fff);-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0);z-index:1;border:1px solid hsla(var(--igc-gray-400), var(--igc-gray-a));-webkit-transition:border .15s ease-out,-webkit-box-shadow .15s ease-out;transition:border .15s ease-out,-webkit-box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out,border .15s ease-out;transition:box-shadow .15s ease-out,border .15s ease-out;transition:box-shadow .15s ease-out,border .15s ease-out,-webkit-box-shadow .15s ease-out;grid-area:1/2}:host [part~=prefixed]{border-start-start-radius:0;border-end-start-radius:0}:host [part~=suffixed]{border-start-end-radius:0;border-end-end-radius:0}:host label{line-height:1.5rem;margin-bottom:.25rem;color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host label:empty{display:none}:host [part~=container]{border:none;grid-template-columns:auto 1fr auto}:host [part~=container]::after{display:none}:host [part=prefix],:host [part=suffix]{position:relative;padding:rem(16px);border-radius:none;min-width:auto;color:hsla(var(--igc-gray-800), var(--igc-gray-a));background:hsla(var(--igc-gray-300), var(--igc-gray-a));-webkit-transition:border .15s ease-out,-webkit-box-shadow .15s ease-out;transition:border .15s ease-out,-webkit-box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out,border .15s ease-out;transition:box-shadow .15s ease-out,border .15s ease-out;transition:box-shadow .15s ease-out,border .15s ease-out,-webkit-box-shadow .15s ease-out}:host [part=prefix]:focus-within,:host [part=suffix]:focus-within{-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-gray-300), 0.38);box-shadow:0 0 0 .25rem hsla(var(--igc-gray-300), 0.38)}:host [part=prefix]{grid-area:1/1;border-style:solid;border-color:hsla(var(--igc-gray-400), var(--igc-gray-a));border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px;border-start-start-radius:.25rem;border-end-start-radius:.25rem}:host [part=suffix]{grid-area:1/3;border-style:solid;border-color:hsla(var(--igc-gray-400), var(--igc-gray-a));border-inline-start-width:0;border-inline-end-width:1px;border-block-start-width:1px;border-block-end-width:1px;border-start-end-radius:.25rem;border-end-end-radius:.25rem}:host [part=helper-text]{font-family:var(--igc-body-2-font-family);font-weight:var(--igc-body-2-font-weight);font-size:var(--igc-body-2-font-size);font-style:var(--igc-body-2-font-style);letter-spacing:var(--igc-body-2-letter-spacing);text-transform:var(--igc-body-2-text-transform);line-height:var(--igc-body-2-line-height);margin-top:var(--igc-body-2-margin-top);margin-bottom:var(--igc-body-2-margin-bottom);margin-top:rem(4px);color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host([size=large]) [part~=container],:host([size=large]) [part~=input]{height:3rem}:host([size=large]) [part~=input]{font-size:1.25rem;padding:.5rem 1rem}:host([size=large]) [part=prefix],:host([size=large]) [part=suffix]{font-size:rem(20px);padding:.5rem 1rem}:host([size=medium]) [part~=container],:host([size=medium]) [part~=input]{height:2.375rem}:host([size=medium]) [part~=input]{font-size:1rem;padding:.375rem .75rem}:host([size=medium]) [part=prefix],:host([size=medium]) [part=suffix]{font-size:1rem;padding:.375rem .75rem}:host([size=small]) [part~=container],:host([size=small]) [part~=input]{height:1.9375rem}:host([size=small]) [part~=input]{font-size:1rem;padding:.25rem .5rem}:host([size=small]) [part=prefix],:host([size=small]) [part=suffix]{font-size:.875rem;padding:.25rem .5rem}:host(:focus-within) [part~=input]{-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-500), 0.38);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-500), 0.38);border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([invalid]:focus-within) [part~=input]{-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-error-500), 0.38);box-shadow:0 0 0 .25rem hsla(var(--igc-error-500), 0.38);border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part~=input],:host([readonly]) [part=prefix],:host([readonly]) [part=suffix],:host([readonly]) [part~=input]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));border-color:hsla(var(--igc-gray-300), var(--igc-gray-a));color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([readonly]) [part=prefix],:host([readonly]) [part=suffix],:host([readonly]) [part~=input]{color:hsla(var(--igc-gray-800), var(--igc-gray-a))}:host(:focus-within[readonly]) [part~=input]{-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-gray-400), 0.38);box-shadow:0 0 0 .25rem hsla(var(--igc-gray-400), 0.38);border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;\n"]}
+{"version":3,"file":"input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoLvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host::after {\n  background: none;\n}\n:host [part~=container] {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n  border-style: none;\n  grid-template-columns: auto 1fr auto;\n  background: var(--input-background, #fff);\n}\n:host [part~=container]::after {\n  display: none;\n}\n:host [part~=input] {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n  padding: initial;\n  background: inherit;\n  -webkit-box-shadow: 0 0 0 0 transparent;\n          box-shadow: 0 0 0 0 transparent;\n  z-index: 1;\n  border: 1px solid hsla(var(--ig-gray-400), var(--ig-gray-a));\n  -webkit-transition: border 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;\n  transition: border 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;\n  -o-transition: box-shadow 0.15s ease-out, border 0.15s ease-out;\n  transition: box-shadow 0.15s ease-out, border 0.15s ease-out;\n  transition: box-shadow 0.15s ease-out, border 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;\n  grid-area: 1/2;\n}\n:host [part*=\"input prefixed\"] {\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n:host [part*=\"input suffixed\"] {\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n:host [part*=\"input prefixed suffixed\"] {\n  border-radius: 0;\n}\n:host label {\n  line-height: 1.5rem;\n  margin-bottom: 0.25rem;\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n:host label:empty {\n  display: none;\n}\n:host [part=prefix],\n:host [part=suffix] {\n  position: relative;\n  padding: rem(16px);\n  border-radius: none;\n  min-width: auto;\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  -webkit-transition: border 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;\n  transition: border 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;\n  -o-transition: box-shadow 0.15s ease-out, border 0.15s ease-out;\n  transition: box-shadow 0.15s ease-out, border 0.15s ease-out;\n  transition: box-shadow 0.15s ease-out, border 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;\n}\n:host [part=prefix]:focus-within,\n:host [part=suffix]:focus-within {\n  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-gray-300), 0.38);\n          box-shadow: 0 0 0 0.25rem hsla(var(--ig-gray-300), 0.38);\n}\n:host [part=prefix] {\n  grid-area: 1/1;\n  border-style: solid;\n  border-color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n  border-inline-start-width: 1px;\n  border-inline-end-width: 0;\n  border-block-start-width: 1px;\n  border-block-end-width: 1px;\n  border-start-start-radius: 0.25rem;\n  border-end-start-radius: 0.25rem;\n}\n:host [part=suffix] {\n  grid-area: 1/3;\n  border-style: solid;\n  border-color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n  border-inline-start-width: 0;\n  border-inline-end-width: 1px;\n  border-block-start-width: 1px;\n  border-block-end-width: 1px;\n  border-start-end-radius: 0.25rem;\n  border-end-end-radius: 0.25rem;\n}\n:host [part=helper-text] {\n  font-family: var(--ig-body-2-font-family);\n  font-size: var(--ig-body-2-font-size);\n  font-weight: var(--ig-body-2-font-weight);\n  font-style: var(--ig-body-2-font-style);\n  line-height: var(--ig-body-2-line-height);\n  letter-spacing: var(--ig-body-2-letter-spacing);\n  text-transform: var(--ig-body-2-text-transform);\n  margin-top: var(--ig-body-2-margin-top);\n  margin-bottom: var(--ig-body-2-margin-bottom);\n  margin-top: rem(4px);\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n:host([size=large]) [part~=container],\n:host([size=large]) [part~=input] {\n  height: 3rem;\n}\n:host([size=large]) [part~=input] {\n  font-size: 1.25rem;\n  padding: 0.5rem 1rem;\n}\n:host([size=large]) [part=prefix],\n:host([size=large]) [part=suffix] {\n  font-size: rem(20px);\n  padding: 0.5rem 1rem;\n}\n\n:host([size=medium]) [part~=container],\n:host([size=medium]) [part~=input] {\n  height: 2.375rem;\n}\n:host([size=medium]) [part~=input] {\n  font-size: 1rem;\n  padding: 0.375rem 0.75rem;\n}\n:host([size=medium]) [part=prefix],\n:host([size=medium]) [part=suffix] {\n  font-size: 1rem;\n  padding: 0.375rem 0.75rem;\n}\n\n:host([size=small]) [part~=container],\n:host([size=small]) [part~=input] {\n  height: 1.9375rem;\n}\n:host([size=small]) [part~=input] {\n  font-size: 1rem;\n  padding: 0.25rem 0.5rem;\n}\n:host([size=small]) [part=prefix],\n:host([size=small]) [part=suffix] {\n  font-size: 0.875rem;\n  padding: 0.25rem 0.5rem;\n}\n\n:host(:focus-within) [part~=input] {\n  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-500), 0.38);\n          box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-500), 0.38);\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n:host([invalid]:focus-within) [part~=input] {\n  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-error-500), 0.38);\n          box-shadow: 0 0 0 0.25rem hsla(var(--ig-error-500), 0.38);\n  border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host([disabled]) [part=prefix],\n:host([disabled]) [part=suffix],\n:host([disabled]) [part~=container],\n:host([readonly]) [part=prefix],\n:host([readonly]) [part=suffix],\n:host([readonly]) [part~=container] {\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) [part~=input],\n:host([readonly]) [part~=input] {\n  border-color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n:host([readonly]) [part=prefix],\n:host([readonly]) [part=suffix],\n:host([readonly]) [part~=container] {\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n\n:host(:focus-within[readonly]) [part~=input] {\n  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-gray-400), 0.38);\n          box-shadow: 0 0 0 0.25rem hsla(var(--ig-gray-400), 0.38);\n  border-color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}`;\n"]}

package/components/input/themes/light/input.fluent.css.js

@@ -1,3 +1,141 @@
 import { css } from 'lit';
-export 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))}`;
+export const styles = css `/* stylelint-disable max-line-length */
+:host [part=prefix],
+:host [part=suffix] {
+  padding: 0 0.625rem;
+  color: hsla(var(--ig-gray-700), var(--ig-gray-a));
+  background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  font-size: 0.875rem;
+}
+:host [part=prefix] {
+  grid-area: 1/1;
+}
+:host [part=suffix] {
+  grid-area: 1/3;
+}
+:host [part=label] {
+  margin-bottom: 0.5rem;
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+}
+:host [part^=container] {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 2px), 2px);
+  border: 0.0625rem solid hsla(var(--ig-gray-500), var(--ig-gray-a));
+  -webkit-transition: none;
+  -o-transition: none;
+  transition: none;
+  background: var(--container-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));
+  cursor: text;
+  grid-template-columns: auto 1fr auto;
+  overflow: hidden;
+}
+:host [part^=container]::after {
+  background: transparent;
+  -webkit-transform: none;
+      -ms-transform: none;
+          transform: none;
+  height: initial;
+}
+:host [part~=input] {
+  background: initial;
+  font-size: 0.875rem;
+  padding: 0.5rem;
+  height: 100%;
+  max-height: 100%;
+  border: none;
+  grid-area: 1/2;
+}
+:host [part=helper-text] {
+  padding: 0;
+  margin-top: 0.5rem;
+  color: hsla(var(--ig-gray-600), var(--ig-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(--ig-gray-700), var(--ig-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(--ig-primary-500), var(--ig-primary-a));
+}
+
+:host([required]) [part=label]::after,
+:host([outlined][required]) [part=label]::after {
+  color: hsla(var(--ig-error-500), var(--ig-error-a));
+}
+
+:host([invalid]) [part^=container],
+:host([outlined][invalid]) [part^=container] {
+  border-color: hsla(var(--ig-error-500), var(--ig-error-a));
+}
+:host([invalid]) [part=helper-text],
+:host([outlined][invalid]) [part=helper-text] {
+  color: hsla(var(--ig-error-500), var(--ig-error-a));
+}
+
+:host([disabled]) {
+  pointer-events: none;
+}
+:host([disabled]) [part^=container] {
+  border-color: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  color: hsla(var(--ig-gray-400), var(--ig-gray-a));
+}
+:host([disabled]) [part^=container],
+:host([disabled]) [part=prefix],
+:host([disabled]) [part=suffix] {
+  background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+}
+:host([disabled]) [part=prefix],
+:host([disabled]) [part=suffix],
+:host([disabled]) [part=label],
+:host([disabled]) [part=helper-text] {
+  color: hsla(var(--ig-gray-400), var(--ig-gray-a));
+}`;
 //# sourceMappingURL=input.fluent.css.js.map

package/components/input/themes/light/input.fluent.css.js.map

@@ -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,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"]}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0IvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host [part=prefix],\n:host [part=suffix] {\n  padding: 0 0.625rem;\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  font-size: 0.875rem;\n}\n:host [part=prefix] {\n  grid-area: 1/1;\n}\n:host [part=suffix] {\n  grid-area: 1/3;\n}\n:host [part=label] {\n  margin-bottom: 0.5rem;\n  font-size: 0.875rem;\n  font-weight: 600;\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n:host [part^=container] {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 2px), 2px);\n  border: 0.0625rem solid hsla(var(--ig-gray-500), var(--ig-gray-a));\n  -webkit-transition: none;\n  -o-transition: none;\n  transition: none;\n  background: var(--container-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  cursor: text;\n  grid-template-columns: auto 1fr auto;\n  overflow: hidden;\n}\n:host [part^=container]::after {\n  background: transparent;\n  -webkit-transform: none;\n      -ms-transform: none;\n          transform: none;\n  height: initial;\n}\n:host [part~=input] {\n  background: initial;\n  font-size: 0.875rem;\n  padding: 0.5rem;\n  height: 100%;\n  max-height: 100%;\n  border: none;\n  grid-area: 1/2;\n}\n:host [part=helper-text] {\n  padding: 0;\n  margin-top: 0.5rem;\n  color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n\n:host([size=large]) [part^=container] {\n  height: 3rem;\n}\n:host([size=large]) [part~=input] {\n  height: 2.875rem;\n}\n\n:host([size=medium]) [part^=container] {\n  height: 2.5rem;\n}\n:host([size=medium]) [part~=input] {\n  height: 2.375rem;\n}\n\n:host([size=small]) [part^=container] {\n  height: 2rem;\n}\n:host([size=small]) [part~=input] {\n  height: 1.875rem;\n}\n\n:host([size=large]:focus-within) [part~=input] {\n  height: 2.75rem;\n}\n\n:host([size=medium]:focus-within) [part~=input] {\n  height: 2.25rem;\n}\n\n:host([size=small]:focus-within) [part~=input] {\n  height: 1.75rem;\n}\n\n:host(:not([invalid]):hover) [part^=container] {\n  border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n:host(:focus-within) [part^=container] {\n  border-width: 0.125rem;\n}\n:host(:focus-within) [part=prefix] {\n  -webkit-margin-start: -0.0625rem;\n          margin-inline-start: -0.0625rem;\n}\n:host(:focus-within) [part=suffix] {\n  -webkit-margin-end: -0.0625rem;\n          margin-inline-end: -0.0625rem;\n}\n\n:host(:not([invalid]):focus-within) [part^=container],\n:host(:not([invalid]):focus-within:hover) [part^=container] {\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n:host([required]) [part=label]::after,\n:host([outlined][required]) [part=label]::after {\n  color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host([invalid]) [part^=container],\n:host([outlined][invalid]) [part^=container] {\n  border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n:host([invalid]) [part=helper-text],\n:host([outlined][invalid]) [part=helper-text] {\n  color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host([disabled]) {\n  pointer-events: none;\n}\n:host([disabled]) [part^=container] {\n  border-color: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) [part^=container],\n:host([disabled]) [part=prefix],\n:host([disabled]) [part=suffix] {\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n:host([disabled]) [part=prefix],\n:host([disabled]) [part=suffix],\n:host([disabled]) [part=label],\n:host([disabled]) [part=helper-text] {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}`;\n"]}

package/components/input/themes/light/input.indigo.css.js

@@ -1,3 +1,109 @@
 import { css } from 'lit';
-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))}`;
+export const styles = css `/* stylelint-disable max-line-length */
+:host [part=prefix],
+:host [part=suffix] {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  color: hsla(var(--ig-gray-600), var(--ig-gray-a));
+}
+:host [part=prefix] {
+  -webkit-padding-start: 0.5rem;
+          padding-inline-start: 0.5rem;
+  grid-area: 1/1;
+}
+:host [part=suffix] {
+  -webkit-padding-end: 0.5rem;
+          padding-inline-end: 0.5rem;
+  grid-area: 1/3;
+}
+:host [part=label] {
+  color: hsla(var(--ig-gray-600), var(--ig-gray-a));
+  margin-bottom: 0.25rem;
+  font-size: initial;
+}
+:host [part^=container] {
+  background: transparent;
+  border-bottom: 1px solid hsla(var(--ig-gray-500), var(--ig-gray-a));
+  -webkit-transition: background 0.25s ease-out;
+  -o-transition: background 0.25s ease-out;
+  transition: background 0.25s ease-out;
+  grid-template-columns: auto 1fr auto;
+}
+:host [part^=container]::after {
+  position: absolute;
+  content: "";
+  width: 100%;
+  height: 0.125rem;
+  left: 0;
+  right: 0;
+  bottom: -1px;
+  background: hsla(var(--ig-secondary-500), var(--ig-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: 0.5rem;
+  border: none;
+  grid-area: 1/2;
+}
+:host [part=helper-text] {
+  padding: 0;
+  color: hsla(var(--ig-gray-600), var(--ig-gray-a));
+}
+
+:host(:hover) [part^=container],
+:host([outlined]:hover) [part^=container] {
+  background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+}
+
+:host(:focus-within) [part^=container],
+:host([outlined]:focus-within) [part^=container] {
+  background: hsla(var(--ig-gray-100), var(--ig-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(--ig-primary-500), var(--ig-primary-a)));
+}
+
+:host([invalid]) [part^=container] {
+  border-color: hsla(var(--ig-error-500), var(--ig-error-a));
+}
+:host([invalid]) [part^=container]::after {
+  background: hsla(var(--ig-error-500), var(--ig-error-a));
+}
+:host([invalid]) [part=label],
+:host([invalid]) [part^=helper-text] {
+  color: hsla(var(--ig-error-500), var(--ig-error-a));
+}
+
+:host([disabled]) {
+  pointer-events: none;
+}
+:host([disabled]) [part^=container] {
+  border-color: hsla(var(--ig-gray-300), var(--ig-gray-a));
+  color: hsla(var(--ig-gray-300), var(--ig-gray-a));
+}
+:host([disabled]) [part=prefix],
+:host([disabled]) [part=suffix],
+:host([disabled]) [part=label],
+:host([disabled]) [part=helper-text] {
+  color: hsla(var(--ig-gray-300), var(--ig-gray-a));
+}`;
 //# sourceMappingURL=input.indigo.css.js.map

package/components/input/themes/light/input.indigo.css.js.map

@@ -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,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"]}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0GvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host [part=prefix],\n:host [part=suffix] {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n:host [part=prefix] {\n  -webkit-padding-start: 0.5rem;\n          padding-inline-start: 0.5rem;\n  grid-area: 1/1;\n}\n:host [part=suffix] {\n  -webkit-padding-end: 0.5rem;\n          padding-inline-end: 0.5rem;\n  grid-area: 1/3;\n}\n:host [part=label] {\n  color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n  margin-bottom: 0.25rem;\n  font-size: initial;\n}\n:host [part^=container] {\n  background: transparent;\n  border-bottom: 1px solid hsla(var(--ig-gray-500), var(--ig-gray-a));\n  -webkit-transition: background 0.25s ease-out;\n  -o-transition: background 0.25s ease-out;\n  transition: background 0.25s ease-out;\n  grid-template-columns: auto 1fr auto;\n}\n:host [part^=container]::after {\n  position: absolute;\n  content: \"\";\n  width: 100%;\n  height: 0.125rem;\n  left: 0;\n  right: 0;\n  bottom: -1px;\n  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n  -webkit-transform: scaleY(0);\n      -ms-transform: scaleY(0);\n          transform: scaleY(0);\n  -webkit-transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);\n  transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);\n  -o-transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);\n  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);\n  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);\n  -webkit-transform-origin: bottom center;\n      -ms-transform-origin: bottom center;\n          transform-origin: bottom center;\n}\n:host [part~=input] {\n  font-size: 1rem;\n  background: initial;\n  padding: 0.5rem;\n  border: none;\n  grid-area: 1/2;\n}\n:host [part=helper-text] {\n  padding: 0;\n  color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n\n:host(:hover) [part^=container],\n:host([outlined]:hover) [part^=container] {\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n\n:host(:focus-within) [part^=container],\n:host([outlined]:focus-within) [part^=container] {\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n:host(:focus-within) [part^=container]::after,\n:host([outlined]:focus-within) [part^=container]::after {\n  -webkit-transform: scaleY(1);\n      -ms-transform: scaleY(1);\n          transform: scaleY(1);\n}\n:host(:focus-within) [part=label],\n:host([outlined]:focus-within) [part=label] {\n  color: var(--label-focus-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n}\n\n:host([invalid]) [part^=container] {\n  border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n:host([invalid]) [part^=container]::after {\n  background: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n:host([invalid]) [part=label],\n:host([invalid]) [part^=helper-text] {\n  color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host([disabled]) {\n  pointer-events: none;\n}\n:host([disabled]) [part^=container] {\n  border-color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n:host([disabled]) [part=prefix],\n:host([disabled]) [part=suffix],\n:host([disabled]) [part=label],\n:host([disabled]) [part=helper-text] {\n  color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}`;\n"]}