igniteui-webcomponents 3.3.1 → 4.0.0-alpha

package/components/expansion-panel/themes/light/expansion-panel.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"expansion-panel.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/expansion-panel/themes/light/expansion-panel.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ksBAAksB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=indicator]{color:hsla(var(--igc-gray-600), var(--igc-gray-a))}[part=subtitle]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([open]) [part~=content]{font-family:var(--igc-body-1-font-family);font-weight:var(--igc-body-1-font-weight);font-size:var(--igc-body-1-font-size);font-style:var(--igc-body-1-font-style);letter-spacing:var(--igc-body-1-letter-spacing);text-transform:var(--igc-body-1-text-transform);line-height:var(--igc-body-1-line-height);margin-top:var(--igc-body-1-margin-top);margin-bottom:var(--igc-body-1-margin-bottom)}:host([disabled]) [part~=indicator],:host([disabled]) [part=title],:host([disabled]) [part=subtitle]{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}`;\n"]}
+{"version":3,"file":"expansion-panel.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/expansion-panel/themes/light/expansion-panel.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;EAwBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=indicator] {\n  color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n\n[part=subtitle] {\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n:host([open]) [part~=content] {\n  font-family: var(--ig-body-1-font-family);\n  font-size: var(--ig-body-1-font-size);\n  font-weight: var(--ig-body-1-font-weight);\n  font-style: var(--ig-body-1-font-style);\n  line-height: var(--ig-body-1-line-height);\n  letter-spacing: var(--ig-body-1-letter-spacing);\n  text-transform: var(--ig-body-1-text-transform);\n  margin-top: var(--ig-body-1-margin-top);\n  margin-bottom: var(--ig-body-1-margin-bottom);\n}\n\n:host([disabled]) [part~=indicator],\n:host([disabled]) [part=title],\n:host([disabled]) [part=subtitle] {\n  color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}`;\n"]}

package/components/icon/icon.material.css.js

@@ -1,3 +1,65 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}svg{height:100%;width:100%}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:var(--size, 1.25rem);height:var(--size, 1.25rem);fill:currentcolor}:host([size=small]){--size: 1rem}:host([size=medium]){--size: 1.25rem}:host([size=large]){--size: 1.5rem}:host([mirrored]){-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}`;
+export const styles = css `:host {
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  scrollbar-width: var(--scrolbar-size, 0.875rem);
+  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+}
+:host *,
+:host *::before,
+:host *::after {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+:host ::-webkit-scrollbar {
+  width: var(--scrolbar-size, 0.875rem);
+  height: var(--scrolbar-size, 0.875rem);
+  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+}
+:host ::-webkit-scrollbar-thumb {
+  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));
+}
+
+[hidden] {
+  display: none !important;
+}
+
+svg {
+  height: 100%;
+  width: 100%;
+}
+
+:host {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  width: var(--size, 1.25rem);
+  height: var(--size, 1.25rem);
+  fill: currentcolor;
+}
+
+:host([size=small]) {
+  --size: 1rem;
+}
+
+:host([size=medium]) {
+  --size: 1.25rem;
+}
+
+:host([size=large]) {
+  --size: 1.5rem;
+}
+
+:host([mirrored]) {
+  -webkit-transform: scaleX(-1);
+      -ms-transform: scaleX(-1);
+          transform: scaleX(-1);
+}`;
 //# sourceMappingURL=icon.material.css.js.map

package/components/icon/icon.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.material.css.js","sourceRoot":"","sources":["../../../src/components/icon/icon.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,guCAAguC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}svg{height:100%;width:100%}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:var(--size, 1.25rem);height:var(--size, 1.25rem);fill:currentcolor}:host([size=small]){--size: 1rem}:host([size=medium]){--size: 1.25rem}:host([size=large]){--size: 1.5rem}:host([mirrored]){-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}`;\n"]}
+{"version":3,"file":"icon.material.css.js","sourceRoot":"","sources":["../../../src/components/icon/icon.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8DvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--scrolbar-size, 0.875rem);\n  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--scrolbar-size, 0.875rem);\n  height: var(--scrolbar-size, 0.875rem);\n  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n  display: none !important;\n}\n\nsvg {\n  height: 100%;\n  width: 100%;\n}\n\n:host {\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  width: var(--size, 1.25rem);\n  height: var(--size, 1.25rem);\n  fill: currentcolor;\n}\n\n:host([size=small]) {\n  --size: 1rem;\n}\n\n:host([size=medium]) {\n  --size: 1.25rem;\n}\n\n:host([size=large]) {\n  --size: 1.5rem;\n}\n\n:host([mirrored]) {\n  -webkit-transform: scaleX(-1);\n      -ms-transform: scaleX(-1);\n          transform: scaleX(-1);\n}`;\n"]}

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

@@ -1,3 +1,102 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}[part~=suffixed] [part=suffix],[part~=prefixed] [part=prefix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host{position:relative;display:block;font-family:var(--igc-font-family);outline-style:none}[part=label]{display:inline-block;white-space:nowrap}[part~=input]{width:100%;height:100%;border:none;outline-style:none;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-family:var(--igc-font-family);z-index:1}[part^=container]{position:relative;display:grid}[part=prefix],[part=suffix]{display:none;overflow:hidden}:host([required]) [part=label]::after{content:"*"}[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)}:host([size=large]) [part~=input],:host([size=large]) [part~=container]{height:3.5rem}:host([size=medium]) [part~=input],:host([size=medium]) [part~=container]{height:3rem}:host([size=small]) [part~=input],:host([size=small]) [part~=container]{height:2.5rem}`;
+export const styles = css `:host {
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  scrollbar-width: var(--scrolbar-size, 0.875rem);
+  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+}
+:host *,
+:host *::before,
+:host *::after {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+:host ::-webkit-scrollbar {
+  width: var(--scrolbar-size, 0.875rem);
+  height: var(--scrolbar-size, 0.875rem);
+  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+}
+:host ::-webkit-scrollbar-thumb {
+  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));
+}
+
+[hidden] {
+  display: none !important;
+}
+
+[part~=suffixed] [part=suffix], [part~=prefixed] [part=prefix] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  height: 100%;
+  color: hsla(var(--ig-gray-700), var(--ig-gray-a));
+}
+
+:host {
+  position: relative;
+  display: block;
+  font-family: var(--ig-font-family);
+  outline-style: none;
+}
+
+[part=label] {
+  display: inline-block;
+  white-space: nowrap;
+}
+
+[part~=input] {
+  width: 100%;
+  height: 100%;
+  border: none;
+  outline-style: none;
+  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+  font-family: var(--ig-font-family);
+  z-index: 1;
+}
+
+[part^=container] {
+  position: relative;
+  display: grid;
+}
+
+[part=prefix],
+[part=suffix] {
+  display: none;
+  overflow: hidden;
+}
+
+:host([required]) [part=label]::after {
+  content: "*";
+}
+
+[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);
+}
+
+:host([size=large]) [part~=input],
+:host([size=large]) [part~=container] {
+  height: 3.5rem;
+}
+
+:host([size=medium]) [part~=input],
+:host([size=medium]) [part~=container] {
+  height: 3rem;
+}
+
+:host([size=small]) [part~=input],
+:host([size=small]) [part~=container] {
+  height: 2.5rem;
+}`;
 //# sourceMappingURL=input.base.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"input.base.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qkEAAqkE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}[part~=suffixed] [part=suffix],[part~=prefixed] [part=prefix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host{position:relative;display:block;font-family:var(--igc-font-family);outline-style:none}[part=label]{display:inline-block;white-space:nowrap}[part~=input]{width:100%;height:100%;border:none;outline-style:none;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-family:var(--igc-font-family);z-index:1}[part^=container]{position:relative;display:grid}[part=prefix],[part=suffix]{display:none;overflow:hidden}:host([required]) [part=label]::after{content:\"*\"}[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)}:host([size=large]) [part~=input],:host([size=large]) [part~=container]{height:3.5rem}:host([size=medium]) [part~=input],:host([size=medium]) [part~=container]{height:3rem}:host([size=small]) [part~=input],:host([size=small]) [part~=container]{height:2.5rem}`;\n"]}
+{"version":3,"file":"input.base.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmGvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--scrolbar-size, 0.875rem);\n  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--scrolbar-size, 0.875rem);\n  height: var(--scrolbar-size, 0.875rem);\n  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n  display: none !important;\n}\n\n[part~=suffixed] [part=suffix], [part~=prefixed] [part=prefix] {\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  height: 100%;\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n:host {\n  position: relative;\n  display: block;\n  font-family: var(--ig-font-family);\n  outline-style: none;\n}\n\n[part=label] {\n  display: inline-block;\n  white-space: nowrap;\n}\n\n[part~=input] {\n  width: 100%;\n  height: 100%;\n  border: none;\n  outline-style: none;\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  font-family: var(--ig-font-family);\n  z-index: 1;\n}\n\n[part^=container] {\n  position: relative;\n  display: grid;\n}\n\n[part=prefix],\n[part=suffix] {\n  display: none;\n  overflow: hidden;\n}\n\n:host([required]) [part=label]::after {\n  content: \"*\";\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}\n\n:host([size=large]) [part~=input],\n:host([size=large]) [part~=container] {\n  height: 3.5rem;\n}\n\n:host([size=medium]) [part~=input],\n:host([size=medium]) [part~=container] {\n  height: 3rem;\n}\n\n:host([size=small]) [part~=input],\n:host([size=small]) [part~=container] {\n  height: 2.5rem;\n}`;\n"]}

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

@@ -1,3 +1,174 @@
 import { css } from 'lit';
-export 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))}`;
+export const styles = css `:host::after {
+  background: none;
+}
+:host [part~=input] {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);
+  padding: initial;
+  background: var(--input-background, #fff);
+  -webkit-box-shadow: 0 0 0 0 transparent;
+          box-shadow: 0 0 0 0 transparent;
+  z-index: 1;
+  border: 1px solid hsla(var(--ig-gray-400), var(--ig-gray-a));
+  -webkit-transition: border 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
+  transition: border 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
+  -o-transition: box-shadow 0.15s ease-out, border 0.15s ease-out;
+  transition: box-shadow 0.15s ease-out, border 0.15s ease-out;
+  transition: box-shadow 0.15s ease-out, border 0.15s ease-out, -webkit-box-shadow 0.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: 0.25rem;
+  color: hsla(var(--ig-gray-700), var(--ig-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(--ig-gray-800), var(--ig-gray-a));
+  background: hsla(var(--ig-gray-300), var(--ig-gray-a));
+  -webkit-transition: border 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
+  transition: border 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
+  -o-transition: box-shadow 0.15s ease-out, border 0.15s ease-out;
+  transition: box-shadow 0.15s ease-out, border 0.15s ease-out;
+  transition: box-shadow 0.15s ease-out, border 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
+}
+:host [part=prefix]:focus-within,
+:host [part=suffix]:focus-within {
+  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-gray-300), 0.38);
+          box-shadow: 0 0 0 0.25rem hsla(var(--ig-gray-300), 0.38);
+}
+:host [part=prefix] {
+  grid-area: 1/1;
+  border-style: solid;
+  border-color: hsla(var(--ig-gray-400), var(--ig-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: 0.25rem;
+  border-end-start-radius: 0.25rem;
+}
+:host [part=suffix] {
+  grid-area: 1/3;
+  border-style: solid;
+  border-color: hsla(var(--ig-gray-400), var(--ig-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: 0.25rem;
+  border-end-end-radius: 0.25rem;
+}
+:host [part=helper-text] {
+  font-family: var(--ig-body-2-font-family);
+  font-size: var(--ig-body-2-font-size);
+  font-weight: var(--ig-body-2-font-weight);
+  font-style: var(--ig-body-2-font-style);
+  line-height: var(--ig-body-2-line-height);
+  letter-spacing: var(--ig-body-2-letter-spacing);
+  text-transform: var(--ig-body-2-text-transform);
+  margin-top: var(--ig-body-2-margin-top);
+  margin-bottom: var(--ig-body-2-margin-bottom);
+  margin-top: rem(4px);
+  color: hsla(var(--ig-gray-700), var(--ig-gray-a));
+}
+
+:host([size=large]) [part~=container],
+:host([size=large]) [part~=input] {
+  height: 3rem;
+}
+:host([size=large]) [part~=input] {
+  font-size: 1.25rem;
+  padding: 0.5rem 1rem;
+}
+:host([size=large]) [part=prefix],
+:host([size=large]) [part=suffix] {
+  font-size: rem(20px);
+  padding: 0.5rem 1rem;
+}
+
+:host([size=medium]) [part~=container],
+:host([size=medium]) [part~=input] {
+  height: 2.375rem;
+}
+:host([size=medium]) [part~=input] {
+  font-size: 1rem;
+  padding: 0.375rem 0.75rem;
+}
+:host([size=medium]) [part=prefix],
+:host([size=medium]) [part=suffix] {
+  font-size: 1rem;
+  padding: 0.375rem 0.75rem;
+}
+
+:host([size=small]) [part~=container],
+:host([size=small]) [part~=input] {
+  height: 1.9375rem;
+}
+:host([size=small]) [part~=input] {
+  font-size: 1rem;
+  padding: 0.25rem 0.5rem;
+}
+:host([size=small]) [part=prefix],
+:host([size=small]) [part=suffix] {
+  font-size: 0.875rem;
+  padding: 0.25rem 0.5rem;
+}
+
+:host(:focus-within) [part~=input] {
+  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-500), 0.38);
+          box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-500), 0.38);
+  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+}
+
+:host([invalid]:focus-within) [part~=input] {
+  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-error-500), 0.38);
+          box-shadow: 0 0 0 0.25rem hsla(var(--ig-error-500), 0.38);
+  border-color: hsla(var(--ig-error-500), var(--ig-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(--ig-gray-100), var(--ig-gray-a));
+  border-color: hsla(var(--ig-gray-300), var(--ig-gray-a));
+  color: hsla(var(--ig-gray-400), var(--ig-gray-a));
+}
+
+:host([readonly]) [part=prefix],
+:host([readonly]) [part=suffix],
+:host([readonly]) [part~=input] {
+  color: hsla(var(--ig-gray-800), var(--ig-gray-a));
+}
+
+:host(:focus-within[readonly]) [part~=input] {
+  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-gray-400), 0.38);
+          box-shadow: 0 0 0 0.25rem hsla(var(--ig-gray-400), 0.38);
+  border-color: hsla(var(--ig-gray-400), var(--ig-gray-a));
+}`;
 //# sourceMappingURL=input.bootstrap.css.js.map

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2KvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host::after {\n  background: 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: var(--input-background, #fff);\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~=prefixed] {\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n:host [part~=suffixed] {\n  border-start-end-radius: 0;\n  border-end-end-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~=container] {\n  border: none;\n  grid-template-columns: auto 1fr auto;\n}\n:host [part~=container]::after {\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~=input],\n:host([readonly]) [part=prefix],\n:host([readonly]) [part=suffix],\n:host([readonly]) [part~=input] {\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  border-color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n\n:host([readonly]) [part=prefix],\n:host([readonly]) [part=suffix],\n:host([readonly]) [part~=input] {\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,140 @@
 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 `: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));
+}
+: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~=input],
+: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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyIvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`: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}\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~=input],\n:host([disabled]) [part=helper-text] {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}`;\n"]}