igniteui-webcomponents 3.3.1 → 4.0.0-alpha

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

@@ -1,3 +1,108 @@
 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 `: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));
+}
+:host([disabled]) [part=prefix],
+:host([disabled]) [part=suffix],
+:host([disabled]) [part=label],
+:host([disabled]) [part~=input],
+: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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyGvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`: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}\n:host([disabled]) [part=prefix],\n:host([disabled]) [part=suffix],\n:host([disabled]) [part=label],\n:host([disabled]) [part~=input],\n:host([disabled]) [part=helper-text] {\n  color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}`;\n"]}

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

@@ -1,3 +1,388 @@
 import { css } from 'lit';
-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))}`;
+export const styles = css `:host([size=large]) input:-moz-placeholder-shown + [part=notch] [part=label] {
+  transform: translateY(-26px);
+  font-size: 0.75rem;
+}
+
+:host([size=large]) input:-ms-input-placeholder + [part=notch] [part=label] {
+  -ms-transform: translateY(-26px);
+      transform: translateY(-26px);
+  font-size: 0.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: 0.75rem;
+}
+
+:host([size=medium]) input:-moz-placeholder-shown + [part=notch] [part=label] {
+  transform: translateY(-22px);
+  font-size: 0.75rem;
+}
+
+:host([size=medium]) input:-ms-input-placeholder + [part=notch] [part=label] {
+  -ms-transform: translateY(-22px);
+      transform: translateY(-22px);
+  font-size: 0.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: 0.75rem;
+}
+
+:host([size=small]) input:-moz-placeholder-shown + [part=notch] [part=label] {
+  transform: translateY(-18px);
+  font-size: 0.75rem;
+}
+
+:host([size=small]) input:-ms-input-placeholder + [part=notch] [part=label] {
+  -ms-transform: translateY(-18px);
+      transform: translateY(-18px);
+  font-size: 0.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: 0.75rem;
+}
+
+:host input:-moz-placeholder-shown + [part=notch] {
+  border-top: 0.0625rem solid transparent;
+}
+
+:host input:-ms-input-placeholder + [part=notch] {
+  border-top: 0.0625rem solid transparent;
+}
+
+: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: 0.0625rem solid transparent;
+}
+
+[part~=input] {
+  background: transparent;
+  padding: 0 0.25rem;
+  font-size: 1rem;
+  grid-area: 1/2/span 1/span 2;
+}
+
+[part=label] {
+  color: hsla(var(--ig-gray-600), var(--ig-gray-a));
+  /* stylelint-disable */
+  -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);
+  /* stylelint-enable */
+  line-height: 1;
+  will-change: font-size, color, transform;
+}
+
+:host(:focus-within) [part=start] {
+  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  border-inline-start-width: 0.125rem;
+  border-block-start-width: 0.125rem;
+  border-block-end-width: 0.125rem;
+}
+:host(:focus-within) [part=notch] {
+  border-width: 0.125rem;
+  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  border-top: 0.0625rem solid transparent;
+}
+:host(:focus-within) [part=filler] {
+  border-width: 0.125rem;
+  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+}
+:host(:focus-within) [part=end] {
+  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  border-inline-end-width: 0.125rem;
+  border-block-start-width: 0.125rem;
+  border-block-end-width: 0.125rem;
+}
+:host(:focus-within) [part=prefix] {
+  -webkit-padding-start: 0.25rem;
+          padding-inline-start: 0.25rem;
+}
+:host(:focus-within) [part=suffix] {
+  -webkit-padding-end: 0.25rem;
+          padding-inline-end: 0.25rem;
+}
+:host(:focus-within) [part=label] {
+  color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+}
+
+[part^=container] {
+  grid-template-columns: auto auto 1fr auto;
+}
+
+[part=start] {
+  width: auto;
+  min-width: 0.75rem;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  grid-area: 1/1;
+  border-style: solid;
+  border-color: hsla(var(--ig-gray-600), var(--ig-gray-a));
+  border-inline-start-width: 0.0625rem;
+  border-inline-end-width: 0;
+  border-block-start-width: 0.0625rem;
+  border-block-end-width: 0.0625rem;
+  border-start-start-radius: 0.25rem;
+  border-end-start-radius: 0.25rem;
+}
+[part=start] > [part=prefix] {
+  -webkit-padding-start: 0.3125rem;
+          padding-inline-start: 0.3125rem;
+  -webkit-padding-end: 0.25rem;
+          padding-inline-end: 0.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 0.25rem;
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: hsla(var(--ig-gray-600), var(--ig-gray-a));
+  border-left: none;
+  border-right: none;
+  overflow: visible;
+}
+[part=notch]:empty {
+  display: none;
+}
+
+[part=filler] {
+  grid-area: 1/3;
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: hsla(var(--ig-gray-600), var(--ig-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: 0.75rem;
+  border-style: solid;
+  border-color: hsla(var(--ig-gray-600), var(--ig-gray-a));
+  border-inline-start-width: 0;
+  border-inline-end-width: 0.0625rem;
+  border-block-start-width: 0.0625rem;
+  border-block-end-width: 0.0625rem;
+  border-start-end-radius: 0.25rem;
+  border-end-end-radius: 0.25rem;
+}
+[part=end] > [part=suffix] {
+  -webkit-padding-start: 0.25rem;
+          padding-inline-start: 0.25rem;
+  -webkit-padding-end: 0.3125rem;
+          padding-inline-end: 0.3125rem;
+}
+
+[part=helper-text] {
+  font-family: var(--ig-caption-font-family);
+  font-size: var(--ig-caption-font-size);
+  font-weight: var(--ig-caption-font-weight);
+  font-style: var(--ig-caption-font-style);
+  line-height: var(--ig-caption-line-height);
+  letter-spacing: var(--ig-caption-letter-spacing);
+  text-transform: var(--ig-caption-text-transform);
+  margin-top: var(--ig-caption-margin-top);
+  margin-bottom: var(--ig-caption-margin-bottom);
+  padding: 0 0.5rem;
+  margin-top: 0.25rem;
+  color: hsla(var(--ig-gray-600), var(--ig-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(--ig-error-500), var(--ig-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(--ig-error-500), var(--ig-error-a));
+}
+:host([invalid]:focus-within) [part=notch] {
+  border-top: 0.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(--ig-gray-400), var(--ig-gray-a));
+}
+:host([disabled]) [part=start],
+:host([disabled]) [part=filler],
+:host([disabled]) [part=notch],
+:host([disabled]) [part=end] {
+  color: hsla(var(--ig-gray-400), var(--ig-gray-a));
+  border-color: hsla(var(--ig-gray-400), var(--ig-gray-a));
+}
+:host([disabled]) input::-webkit-input-placeholder {
+  color: hsla(var(--ig-gray-300), var(--ig-gray-a));
+}
+:host([disabled]) input::-moz-placeholder {
+  color: hsla(var(--ig-gray-300), var(--ig-gray-a));
+}
+:host([disabled]) input:-ms-input-placeholder {
+  color: hsla(var(--ig-gray-300), var(--ig-gray-a));
+}
+:host([disabled]) input::-ms-input-placeholder {
+  color: hsla(var(--ig-gray-300), var(--ig-gray-a));
+}
+:host([disabled]) input::placeholder {
+  color: hsla(var(--ig-gray-300), var(--ig-gray-a));
+}
+:host(:not([outlined])) [part=start],
+:host(:not([outlined])) [part=end] {
+  border-color: transparent;
+  border-top-width: 0.0625rem;
+}
+:host(:not([outlined])) [part=notch],
+:host(:not([outlined])) [part=filler] {
+  border-top: 1px solid transparent;
+  border-bottom: transparent;
+  border-bottom-width: 0.0625rem;
+}
+:host(:not([outlined])) [part=label] {
+  inset-inline-start: 0.125rem;
+}
+:host(:not([outlined])) [part~=container] {
+  background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  border-bottom: 1px solid hsla(var(--ig-gray-600), var(--ig-gray-a));
+  border-start-end-radius: 0.25rem;
+  border-start-start-radius: 0.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: 0.125rem;
+  left: 0;
+  right: 0;
+  bottom: -1px;
+  background: hsla(var(--ig-primary-500), var(--ig-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: 0.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(--ig-gray-200), var(--ig-gray-a));
+  border-bottom: 1px solid hsla(var(--ig-gray-800), var(--ig-gray-a));
+}
+
+:host(:not([outlined]):focus-within) [part~=container] {
+  background: var(--focus-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));
+  border-bottom: 1px solid hsla(var(--ig-primary-500), var(--ig-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: transparent;
+}
+:host(:not([outlined])[invalid]) [part~=container],
+:host(:not([outlined])[invalid]:focus-within) [part~=container] {
+  border-color: hsla(var(--ig-error-500), var(--ig-error-a));
+}
+:host(:not([outlined])[invalid]) [part~=container]::after,
+:host(:not([outlined])[invalid]:focus-within) [part~=container]::after {
+  background: hsla(var(--ig-error-500), var(--ig-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(--ig-gray-400), var(--ig-gray-a));
+}
+:host(:not([outlined])[disabled]) [part~=container] {
+  border-color: hsla(var(--ig-gray-400), var(--ig-gray-a));
+}`;
 //# sourceMappingURL=input.material.css.js.map

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

@@ -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,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"]}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiYvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([size=large]) input:-moz-placeholder-shown + [part=notch] [part=label] {\n  transform: translateY(-26px);\n  font-size: 0.75rem;\n}\n\n:host([size=large]) input:-ms-input-placeholder + [part=notch] [part=label] {\n  -ms-transform: translateY(-26px);\n      transform: translateY(-26px);\n  font-size: 0.75rem;\n}\n\n:host([size=large]:focus-within) [part=label], :host([size=large]) input:placeholder-shown + [part=notch] [part=label],\n:host([size=large]) [part~=filled] + [part=notch] [part=label] {\n  -webkit-transform: translateY(-26px);\n      -ms-transform: translateY(-26px);\n          transform: translateY(-26px);\n  font-size: 0.75rem;\n}\n\n:host([size=medium]) input:-moz-placeholder-shown + [part=notch] [part=label] {\n  transform: translateY(-22px);\n  font-size: 0.75rem;\n}\n\n:host([size=medium]) input:-ms-input-placeholder + [part=notch] [part=label] {\n  -ms-transform: translateY(-22px);\n      transform: translateY(-22px);\n  font-size: 0.75rem;\n}\n\n:host([size=medium]:focus-within) [part=label], :host([size=medium]) input:placeholder-shown + [part=notch] [part=label],\n:host([size=medium]) [part~=filled] + [part=notch] [part=label] {\n  -webkit-transform: translateY(-22px);\n      -ms-transform: translateY(-22px);\n          transform: translateY(-22px);\n  font-size: 0.75rem;\n}\n\n:host([size=small]) input:-moz-placeholder-shown + [part=notch] [part=label] {\n  transform: translateY(-18px);\n  font-size: 0.75rem;\n}\n\n:host([size=small]) input:-ms-input-placeholder + [part=notch] [part=label] {\n  -ms-transform: translateY(-18px);\n      transform: translateY(-18px);\n  font-size: 0.75rem;\n}\n\n:host([size=small]:focus-within) [part=label], :host([size=small]) input:placeholder-shown + [part=notch] [part=label],\n:host([size=small]) [part~=filled] + [part=notch] [part=label] {\n  -webkit-transform: translateY(-18px);\n      -ms-transform: translateY(-18px);\n          transform: translateY(-18px);\n  font-size: 0.75rem;\n}\n\n:host input:-moz-placeholder-shown + [part=notch] {\n  border-top: 0.0625rem solid transparent;\n}\n\n:host input:-ms-input-placeholder + [part=notch] {\n  border-top: 0.0625rem solid transparent;\n}\n\n:host([disabled]) [part~=filled] + [part=notch], :host([invalid]) [part~=filled] + [part=notch],\n:host([invalid]:focus-within) [part~=filled] + [part=notch], :host input:placeholder-shown + [part=notch],\n:host [part~=filled] + [part=notch] {\n  border-top: 0.0625rem solid transparent;\n}\n\n[part~=input] {\n  background: transparent;\n  padding: 0 0.25rem;\n  font-size: 1rem;\n  grid-area: 1/2/span 1/span 2;\n}\n\n[part=label] {\n  color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n  /* stylelint-disable */\n  -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);\n  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);\n  -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);\n  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);\n  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);\n  /* stylelint-enable */\n  line-height: 1;\n  will-change: font-size, color, transform;\n}\n\n:host(:focus-within) [part=start] {\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-inline-start-width: 0.125rem;\n  border-block-start-width: 0.125rem;\n  border-block-end-width: 0.125rem;\n}\n:host(:focus-within) [part=notch] {\n  border-width: 0.125rem;\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-top: 0.0625rem solid transparent;\n}\n:host(:focus-within) [part=filler] {\n  border-width: 0.125rem;\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n:host(:focus-within) [part=end] {\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-inline-end-width: 0.125rem;\n  border-block-start-width: 0.125rem;\n  border-block-end-width: 0.125rem;\n}\n:host(:focus-within) [part=prefix] {\n  -webkit-padding-start: 0.25rem;\n          padding-inline-start: 0.25rem;\n}\n:host(:focus-within) [part=suffix] {\n  -webkit-padding-end: 0.25rem;\n          padding-inline-end: 0.25rem;\n}\n:host(:focus-within) [part=label] {\n  color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n[part^=container] {\n  grid-template-columns: auto auto 1fr auto;\n}\n\n[part=start] {\n  width: auto;\n  min-width: 0.75rem;\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n  grid-area: 1/1;\n  border-style: solid;\n  border-color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n  border-inline-start-width: 0.0625rem;\n  border-inline-end-width: 0;\n  border-block-start-width: 0.0625rem;\n  border-block-end-width: 0.0625rem;\n  border-start-start-radius: 0.25rem;\n  border-end-start-radius: 0.25rem;\n}\n[part=start] > [part=prefix] {\n  -webkit-padding-start: 0.3125rem;\n          padding-inline-start: 0.3125rem;\n  -webkit-padding-end: 0.25rem;\n          padding-inline-end: 0.25rem;\n}\n\n[part=notch] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  width: auto;\n  height: 100%;\n  grid-area: 1/2;\n  padding: 0 0.25rem;\n  border-width: 0.0625rem;\n  border-style: solid;\n  border-color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n  border-left: none;\n  border-right: none;\n  overflow: visible;\n}\n[part=notch]:empty {\n  display: none;\n}\n\n[part=filler] {\n  grid-area: 1/3;\n  border-width: 0.0625rem;\n  border-style: solid;\n  border-color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n  border-left: none;\n  border-right: none;\n}\n\n[part=end] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: flex-end;\n  -webkit-box-flex: 1;\n      -ms-flex-positive: 1;\n          flex-grow: 1;\n  height: 100%;\n  grid-area: 1/4;\n  min-width: 0.75rem;\n  border-style: solid;\n  border-color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n  border-inline-start-width: 0;\n  border-inline-end-width: 0.0625rem;\n  border-block-start-width: 0.0625rem;\n  border-block-end-width: 0.0625rem;\n  border-start-end-radius: 0.25rem;\n  border-end-end-radius: 0.25rem;\n}\n[part=end] > [part=suffix] {\n  -webkit-padding-start: 0.25rem;\n          padding-inline-start: 0.25rem;\n  -webkit-padding-end: 0.3125rem;\n          padding-inline-end: 0.3125rem;\n}\n\n[part=helper-text] {\n  font-family: var(--ig-caption-font-family);\n  font-size: var(--ig-caption-font-size);\n  font-weight: var(--ig-caption-font-weight);\n  font-style: var(--ig-caption-font-style);\n  line-height: var(--ig-caption-line-height);\n  letter-spacing: var(--ig-caption-letter-spacing);\n  text-transform: var(--ig-caption-text-transform);\n  margin-top: var(--ig-caption-margin-top);\n  margin-bottom: var(--ig-caption-margin-bottom);\n  padding: 0 0.5rem;\n  margin-top: 0.25rem;\n  color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n\n:host([invalid]) [part=start],\n:host([invalid]) [part=notch],\n:host([invalid]) [part=filler],\n:host([invalid]) [part=end],\n:host([invalid]:focus-within) [part=start],\n:host([invalid]:focus-within) [part=notch],\n:host([invalid]:focus-within) [part=filler],\n:host([invalid]:focus-within) [part=end] {\n  border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n:host([invalid]) [part=label],\n:host([invalid]) [part=helper-text],\n:host([invalid]:focus-within) [part=label],\n:host([invalid]:focus-within) [part=helper-text] {\n  color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n:host([invalid]:focus-within) [part=notch] {\n  border-top: 0.0625rem solid transparent;\n}\n\n:host([disabled]) {\n  pointer-events: none;\n}\n:host([disabled]) [part~=input],\n:host([disabled]) [part=label],\n:host([disabled]) [part=prefix],\n:host([disabled]) [part=suffix],\n:host([disabled]) [part=helper-text] {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) [part=start],\n:host([disabled]) [part=filler],\n:host([disabled]) [part=notch],\n:host([disabled]) [part=end] {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n  border-color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) input::-webkit-input-placeholder {\n  color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n:host([disabled]) input::-moz-placeholder {\n  color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n:host([disabled]) input:-ms-input-placeholder {\n  color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n:host([disabled]) input::-ms-input-placeholder {\n  color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n:host([disabled]) input::placeholder {\n  color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n:host(:not([outlined])) [part=start],\n:host(:not([outlined])) [part=end] {\n  border-color: transparent;\n  border-top-width: 0.0625rem;\n}\n:host(:not([outlined])) [part=notch],\n:host(:not([outlined])) [part=filler] {\n  border-top: 1px solid transparent;\n  border-bottom: transparent;\n  border-bottom-width: 0.0625rem;\n}\n:host(:not([outlined])) [part=label] {\n  inset-inline-start: 0.125rem;\n}\n:host(:not([outlined])) [part~=container] {\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  border-bottom: 1px solid hsla(var(--ig-gray-600), var(--ig-gray-a));\n  border-start-end-radius: 0.25rem;\n  border-start-start-radius: 0.25rem;\n  -webkit-transition: border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);\n  -o-transition: border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);\n  transition: border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n:host(:not([outlined])) [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-primary-500), var(--ig-primary-a));\n  -webkit-transform: scaleX(0);\n      -ms-transform: scaleX(0);\n          transform: scaleX(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}\n:host(:not([outlined])) [part~=labelled] [part~=input] {\n  padding-top: 1.25rem;\n  padding-bottom: 0.375rem;\n}\n:host(:not([outlined])) input:-moz-placeholder-shown + [part=notch] [part=label] {\n  transform: translateY(-106%);\n}\n:host(:not([outlined])) input:-ms-input-placeholder + [part=notch] [part=label] {\n  -ms-transform: translateY(-106%);\n      transform: translateY(-106%);\n}\n:host(:not([outlined])) input:placeholder-shown + [part=notch] [part=label],\n:host(:not([outlined])) [part~=filled] + [part=notch] [part=label] {\n  -webkit-transform: translateY(-106%);\n      -ms-transform: translateY(-106%);\n          transform: translateY(-106%);\n}\n\n:host(:not([outlined]):hover) [part~=container] {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-bottom: 1px solid hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n\n:host(:not([outlined]):focus-within) [part~=container] {\n  background: var(--focus-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n  border-bottom: 1px solid hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n:host(:not([outlined]):focus-within) [part~=container]::after {\n  -webkit-transform: scaleX(1);\n      -ms-transform: scaleX(1);\n          transform: scaleX(1);\n  opacity: 1;\n}\n:host(:not([outlined]):focus-within) [part=notch] [part=label] {\n  -webkit-transform: translateY(-106%);\n      -ms-transform: translateY(-106%);\n          transform: translateY(-106%);\n}\n\n:host(:not([outlined])[invalid]) [part=start],\n:host(:not([outlined])[invalid]) [part=notch],\n:host(:not([outlined])[invalid]) [part=filler],\n:host(:not([outlined])[invalid]) [part=end],\n:host(:not([outlined])[invalid]:focus-within) [part=start],\n:host(:not([outlined])[invalid]:focus-within) [part=notch],\n:host(:not([outlined])[invalid]:focus-within) [part=filler],\n:host(:not([outlined])[invalid]:focus-within) [part=end] {\n  border-color: transparent;\n}\n:host(:not([outlined])[invalid]) [part~=container],\n:host(:not([outlined])[invalid]:focus-within) [part~=container] {\n  border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n:host(:not([outlined])[invalid]) [part~=container]::after,\n:host(:not([outlined])[invalid]:focus-within) [part~=container]::after {\n  background: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host(:not([outlined])[disabled]) [part~=input],\n:host(:not([outlined])[disabled]) [part=label],\n:host(:not([outlined])[disabled]) [part=prefix],\n:host(:not([outlined])[disabled]) [part=suffix],\n:host(:not([outlined])[disabled]) [part=helper-text] {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host(:not([outlined])[disabled]) [part~=container] {\n  border-color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}`;\n"]}