igniteui-webcomponents 3.3.1 → 4.0.0-alpha

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

@@ -1,3 +1,149 @@
 import { css } from 'lit';
-export const styles = css `:host [part=base]{-webkit-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out}:host [part=base]::before{-webkit-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out}:host([size=large]) [part=base]{--size: 3rem}:host([size=medium]) [part=base]{--size: 2.375rem}:host([size=small]) [part=base]{--size: 1.9375rem}:host([disabled][variant=flat]) [part=base]{background:rgba(0,0,0,0);color:hsla(var(--igc-primary-100), var(--igc-primary-a))}:host([disabled][variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-primary-200), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([disabled][variant=outlined]) [part=base]{color:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:.65;background:rgba(0,0,0,0)}:host(:not([disabled])[variant=flat]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover{color:hsla(var(--igc-primary-800), var(--igc-primary-a))}:host(:not([disabled])[variant=flat]) [part=base]:focus,:host(:not([disabled])[variant=flat]) [part=base]:active{color:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:rgba(0,0,0,0);opacity:1}:host(:not([disabled])[variant=contained]) [part=base]{color:var(--igc-primary-600-contrast);-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=contained]) [part=base]:hover{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active{color:var(--igc-primary-600-contrast);-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host(:not([disabled])[variant=contained]) [part=base]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=contained]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:focus::before,:host(:not([disabled])[variant=contained]) [part=base]:active::before{background:hsla(var(--igc-primary-600), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=outlined]) [part=base]{color:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));overflow:visible}:host(:not([disabled])[variant=outlined]) [part=base]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);position:absolute;content:"";width:100%;height:100%}:host(:not([disabled])[variant=outlined]) [part=base]:hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before{background:rgba(0,0,0,0);opacity:1}:host(:not([disabled])[variant=outlined]) [part=base]:focus::after,:host(:not([disabled])[variant=outlined]) [part=base]:active::after{-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([variant=fab][size=large]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem)}:host([variant=fab][size=medium]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.75rem,.75rem)}:host([variant=fab][size=small]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.5rem,.5rem)}:host(:not([disabled])[variant=fab]) [part=base]{color:var(--igc-primary-600-contrast);-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=fab]) [part=base]:hover{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active{color:var(--igc-primary-600-contrast);-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host(:not([disabled])[variant=fab]) [part=base]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:focus::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before{background:hsla(var(--igc-primary-600), var(--igc-primary-a));opacity:1}`;
+export const styles = css `:host [part=base] {
+  -webkit-transition: all 0.15s ease-out;
+  -o-transition: all 0.15s ease-out;
+  transition: all 0.15s ease-out;
+}
+:host [part=base]::before {
+  -webkit-transition: all 0.15s ease-out;
+  -o-transition: all 0.15s ease-out;
+  transition: all 0.15s ease-out;
+}
+
+:host([size=large]) [part=base] {
+  --size: 3rem;
+}
+
+:host([size=medium]) [part=base] {
+  --size: 2.375rem;
+}
+
+:host([size=small]) [part=base] {
+  --size: 1.9375rem;
+}
+
+:host([disabled][variant=flat]) [part=base] {
+  background: transparent;
+  color: hsla(var(--ig-primary-100), var(--ig-primary-a));
+}
+
+:host([disabled][variant=fab]) [part=base],
+:host([disabled][variant=contained]) [part=base] {
+  background: hsla(var(--ig-primary-200), var(--ig-primary-a));
+  color: var(--ig-primary-600-contrast);
+}
+
+:host([disabled][variant=outlined]) [part=base] {
+  color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  -webkit-box-shadow: 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));
+          box-shadow: 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));
+  opacity: 0.65;
+  background: transparent;
+}
+
+:host(:not([disabled])[variant=flat]) [part=base] {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);
+  color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+}
+:host(:not([disabled])[variant=flat]) [part=base]:hover {
+  color: hsla(var(--ig-primary-800), var(--ig-primary-a));
+}
+:host(:not([disabled])[variant=flat]) [part=base]:focus, :host(:not([disabled])[variant=flat]) [part=base]:active {
+  color: hsla(var(--ig-primary-600), var(--ig-primary-a));
+  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);
+          box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);
+}
+:host(:not([disabled])[variant=flat]) [part=base]:hover::before {
+  background: transparent;
+}
+:host(:not([disabled])[variant=flat]) [part=base]:focus::before, :host(:not([disabled])[variant=flat]) [part=base]:active::before {
+  background: transparent;
+  opacity: 1;
+}
+
+:host(:not([disabled])[variant=contained]) [part=base] {
+  color: var(--ig-primary-600-contrast);
+  -webkit-box-shadow: var(--ig-elevation-0);
+          box-shadow: var(--ig-elevation-0);
+}
+:host(:not([disabled])[variant=contained]) [part=base]:hover {
+  color: var(--ig-primary-600-contrast);
+}
+:host(:not([disabled])[variant=contained]) [part=base]:focus, :host(:not([disabled])[variant=contained]) [part=base]:active {
+  color: var(--ig-primary-600-contrast);
+  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);
+          box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);
+}
+:host(:not([disabled])[variant=contained]) [part=base]::before {
+  background: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  opacity: 1;
+}
+:host(:not([disabled])[variant=contained]) [part=base]:hover::before, :host(:not([disabled])[variant=contained]) [part=base]:focus::before, :host(:not([disabled])[variant=contained]) [part=base]:active::before {
+  background: hsla(var(--ig-primary-600), var(--ig-primary-a));
+  opacity: 1;
+}
+
+:host(:not([disabled])[variant=outlined]) [part=base] {
+  color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  -webkit-box-shadow: 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));
+          box-shadow: 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));
+  overflow: visible;
+}
+:host(:not([disabled])[variant=outlined]) [part=base]::after {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);
+  position: absolute;
+  content: "";
+  width: 100%;
+  height: 100%;
+}
+:host(:not([disabled])[variant=outlined]) [part=base]:hover {
+  background: hsla(var(--ig-primary-600), var(--ig-primary-a));
+  color: var(--ig-primary-600-contrast);
+}
+:host(:not([disabled])[variant=outlined]) [part=base]:hover::before {
+  background: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  opacity: 1;
+}
+:host(:not([disabled])[variant=outlined]) [part=base]:focus::before, :host(:not([disabled])[variant=outlined]) [part=base]:active::before {
+  background: transparent;
+  opacity: 1;
+}
+:host(:not([disabled])[variant=outlined]) [part=base]:focus::after, :host(:not([disabled])[variant=outlined]) [part=base]:active::after {
+  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);
+          box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);
+}
+
+:host([variant=fab][size=large]) [part=base] {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1rem), 1rem);
+}
+
+:host([variant=fab][size=medium]) [part=base] {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.75rem), 0.75rem);
+}
+
+:host([variant=fab][size=small]) [part=base] {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.5rem), 0.5rem);
+}
+
+:host(:not([disabled])[variant=fab]) [part=base] {
+  color: var(--ig-primary-600-contrast);
+  -webkit-box-shadow: var(--ig-elevation-0);
+          box-shadow: var(--ig-elevation-0);
+}
+:host(:not([disabled])[variant=fab]) [part=base]:hover {
+  color: var(--ig-primary-600-contrast);
+}
+:host(:not([disabled])[variant=fab]) [part=base]:focus, :host(:not([disabled])[variant=fab]) [part=base]:active {
+  color: var(--ig-primary-600-contrast);
+  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);
+          box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);
+}
+:host(:not([disabled])[variant=fab]) [part=base]::before {
+  background: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  opacity: 1;
+}
+:host(:not([disabled])[variant=fab]) [part=base]:hover::before, :host(:not([disabled])[variant=fab]) [part=base]:focus::before, :host(:not([disabled])[variant=fab]) [part=base]:active::before {
+  background: hsla(var(--ig-primary-600), var(--ig-primary-a));
+  opacity: 1;
+}`;
 //# sourceMappingURL=button.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,inKAAinK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=base]{-webkit-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out}:host [part=base]::before{-webkit-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out}:host([size=large]) [part=base]{--size: 3rem}:host([size=medium]) [part=base]{--size: 2.375rem}:host([size=small]) [part=base]{--size: 1.9375rem}:host([disabled][variant=flat]) [part=base]{background:rgba(0,0,0,0);color:hsla(var(--igc-primary-100), var(--igc-primary-a))}:host([disabled][variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-primary-200), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([disabled][variant=outlined]) [part=base]{color:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:.65;background:rgba(0,0,0,0)}:host(:not([disabled])[variant=flat]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover{color:hsla(var(--igc-primary-800), var(--igc-primary-a))}:host(:not([disabled])[variant=flat]) [part=base]:focus,:host(:not([disabled])[variant=flat]) [part=base]:active{color:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:rgba(0,0,0,0);opacity:1}:host(:not([disabled])[variant=contained]) [part=base]{color:var(--igc-primary-600-contrast);-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=contained]) [part=base]:hover{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active{color:var(--igc-primary-600-contrast);-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host(:not([disabled])[variant=contained]) [part=base]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=contained]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:focus::before,:host(:not([disabled])[variant=contained]) [part=base]:active::before{background:hsla(var(--igc-primary-600), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=outlined]) [part=base]{color:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));overflow:visible}:host(:not([disabled])[variant=outlined]) [part=base]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);position:absolute;content:\"\";width:100%;height:100%}:host(:not([disabled])[variant=outlined]) [part=base]:hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before{background:rgba(0,0,0,0);opacity:1}:host(:not([disabled])[variant=outlined]) [part=base]:focus::after,:host(:not([disabled])[variant=outlined]) [part=base]:active::after{-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([variant=fab][size=large]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem)}:host([variant=fab][size=medium]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.75rem,.75rem)}:host([variant=fab][size=small]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.5rem,.5rem)}:host(:not([disabled])[variant=fab]) [part=base]{color:var(--igc-primary-600-contrast);-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=fab]) [part=base]:hover{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active{color:var(--igc-primary-600-contrast);-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host(:not([disabled])[variant=fab]) [part=base]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:focus::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before{background:hsla(var(--igc-primary-600), var(--igc-primary-a));opacity:1}`;\n"]}
+{"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkJvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=base] {\n  -webkit-transition: all 0.15s ease-out;\n  -o-transition: all 0.15s ease-out;\n  transition: all 0.15s ease-out;\n}\n:host [part=base]::before {\n  -webkit-transition: all 0.15s ease-out;\n  -o-transition: all 0.15s ease-out;\n  transition: all 0.15s ease-out;\n}\n\n:host([size=large]) [part=base] {\n  --size: 3rem;\n}\n\n:host([size=medium]) [part=base] {\n  --size: 2.375rem;\n}\n\n:host([size=small]) [part=base] {\n  --size: 1.9375rem;\n}\n\n:host([disabled][variant=flat]) [part=base] {\n  background: transparent;\n  color: hsla(var(--ig-primary-100), var(--ig-primary-a));\n}\n\n:host([disabled][variant=fab]) [part=base],\n:host([disabled][variant=contained]) [part=base] {\n  background: hsla(var(--ig-primary-200), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n\n:host([disabled][variant=outlined]) [part=base] {\n  color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  -webkit-box-shadow: 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));\n          box-shadow: 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));\n  opacity: 0.65;\n  background: transparent;\n}\n\n:host(:not([disabled])[variant=flat]) [part=base] {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n  color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n:host(:not([disabled])[variant=flat]) [part=base]:hover {\n  color: hsla(var(--ig-primary-800), var(--ig-primary-a));\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus, :host(:not([disabled])[variant=flat]) [part=base]:active {\n  color: hsla(var(--ig-primary-600), var(--ig-primary-a));\n  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);\n          box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:hover::before {\n  background: transparent;\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus::before, :host(:not([disabled])[variant=flat]) [part=base]:active::before {\n  background: transparent;\n  opacity: 1;\n}\n\n:host(:not([disabled])[variant=contained]) [part=base] {\n  color: var(--ig-primary-600-contrast);\n  -webkit-box-shadow: var(--ig-elevation-0);\n          box-shadow: var(--ig-elevation-0);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:hover {\n  color: var(--ig-primary-600-contrast);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus, :host(:not([disabled])[variant=contained]) [part=base]:active {\n  color: var(--ig-primary-600-contrast);\n  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);\n          box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);\n}\n:host(:not([disabled])[variant=contained]) [part=base]::before {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  opacity: 1;\n}\n:host(:not([disabled])[variant=contained]) [part=base]:hover::before, :host(:not([disabled])[variant=contained]) [part=base]:focus::before, :host(:not([disabled])[variant=contained]) [part=base]:active::before {\n  background: hsla(var(--ig-primary-600), var(--ig-primary-a));\n  opacity: 1;\n}\n\n:host(:not([disabled])[variant=outlined]) [part=base] {\n  color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  -webkit-box-shadow: 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));\n          box-shadow: 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));\n  overflow: visible;\n}\n:host(:not([disabled])[variant=outlined]) [part=base]::after {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n  position: absolute;\n  content: \"\";\n  width: 100%;\n  height: 100%;\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:hover {\n  background: hsla(var(--ig-primary-600), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:hover::before {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  opacity: 1;\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus::before, :host(:not([disabled])[variant=outlined]) [part=base]:active::before {\n  background: transparent;\n  opacity: 1;\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus::after, :host(:not([disabled])[variant=outlined]) [part=base]:active::after {\n  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);\n          box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);\n}\n\n:host([variant=fab][size=large]) [part=base] {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1rem), 1rem);\n}\n\n:host([variant=fab][size=medium]) [part=base] {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.75rem), 0.75rem);\n}\n\n:host([variant=fab][size=small]) [part=base] {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.5rem), 0.5rem);\n}\n\n:host(:not([disabled])[variant=fab]) [part=base] {\n  color: var(--ig-primary-600-contrast);\n  -webkit-box-shadow: var(--ig-elevation-0);\n          box-shadow: var(--ig-elevation-0);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:hover {\n  color: var(--ig-primary-600-contrast);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus, :host(:not([disabled])[variant=fab]) [part=base]:active {\n  color: var(--ig-primary-600-contrast);\n  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);\n          box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);\n}\n:host(:not([disabled])[variant=fab]) [part=base]::before {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  opacity: 1;\n}\n:host(:not([disabled])[variant=fab]) [part=base]:hover::before, :host(:not([disabled])[variant=fab]) [part=base]:focus::before, :host(:not([disabled])[variant=fab]) [part=base]:active::before {\n  background: hsla(var(--ig-primary-600), var(--ig-primary-a));\n  opacity: 1;\n}`;\n"]}

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

@@ -1,3 +1,169 @@
 import { css } from 'lit';
-export const styles = css `[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem)}:host([size=small]) [part=base]{--size: 1.5rem;padding:0 .5rem}:host([size=medium]) [part=base]{--size: 2rem;padding:0 1rem}:host([size=large]) [part=base]{--size: 2.375rem;padding:0 1rem}:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover{color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([disabled])[variant=flat]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover::before,:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]{color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-transition:color .15s ease-out;-o-transition:color .15s ease-out;transition:color .15s ease-out;-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus:hover::before{opacity:1;background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before{opacity:1;background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]:focus:active::before{opacity:1;background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:hover,:host(:not([disabled])[variant=outlined]) [part=base]:focus,:host(:not([disabled])[variant=outlined]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:active::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus:active::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover:active::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:active::before{opacity:1;background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover::before{opacity:1;background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:focus-visible,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible{position:relative}:host(:not([disabled])[variant=flat]) [part=base]:focus-visible::after,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible::after{content:"";-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-800), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-800), var(--igc-gray-a));position:absolute;top:2px;left:2px;pointer-events:none;width:calc(100% - 4px);height:calc(100% - 4px)}:host(:not([disabled])[variant=flat]) [part=base]:focus-visible::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible::before{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=contained]) [part=base],:host(:not([disabled])[variant=fab]) [part=base]{color:var(--text-color, var(--igc-primary-600-contrast));-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=contained]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover,:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover{color:var(--text-color, var(--igc-primary-600-contrast))}:host(:not([disabled])[variant=contained]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover::before{opacity:1;background:var(--hover-background, hsla(var(--igc-primary-600), var(--igc-primary-a)))}:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active,:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active{color:var(--text-color, var(--igc-primary-600-contrast))}:host(:not([disabled])[variant=contained]) [part=base]::before,:host(:not([disabled])[variant=fab]) [part=base]::before{opacity:1;background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([disabled])[variant=contained]) [part=base]:active::before,:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:active::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:active::before{opacity:1;background:var(--active-background, hsla(var(--igc-primary-700), var(--igc-primary-a)))}:host(:not([disabled])[variant=contained]) [part=base]:focus-visible,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible{position:relative}:host(:not([disabled])[variant=contained]) [part=base]:focus-visible::after,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible::after{content:"";-webkit-box-shadow:0 0 0 1px var(--igc-primary-600-contrast);box-shadow:0 0 0 1px var(--igc-primary-600-contrast);position:absolute;top:3px;left:3px;pointer-events:none;width:calc(100% - 6px);height:calc(100% - 6px)}:host(:not([disabled])[variant=contained]) [part=base]:focus-visible::before,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible::before{background:rgba(0,0,0,0)}:host([variant=fab]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.875rem,.875rem)}:host([variant=fab]) [part=base]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*.75rem,.75rem)}:host([disabled][variant=flat]) [part=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:rgba(0,0,0,0)}:host([disabled][variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled][variant=fab]) [part=base]::before,:host([disabled][variant=contained]) [part=base]::before{opacity:1;background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled][variant=outlined]) [part=base]{-webkit-box-shadow:none;box-shadow:none;color:hsla(var(--igc-gray-500), 8);background:hsla(var(--igc-gray-200), var(--igc-gray-a))}`;
+export const styles = css `[part=base] {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.125rem), 0.125rem);
+}
+
+:host([size=small]) [part=base] {
+  --size: 1.5rem;
+  padding: 0 0.5rem;
+}
+
+:host([size=medium]) [part=base] {
+  --size: 2rem;
+  padding: 0 1rem;
+}
+
+:host([size=large]) [part=base] {
+  --size: 2.375rem;
+  padding: 0 1rem;
+}
+
+:host(:not([disabled])[variant=flat]) [part=base] {
+  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+}
+:host(:not([disabled])[variant=flat]) [part=base]:hover {
+  color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+}
+:host(:not([disabled])[variant=flat]) [part=base]:active {
+  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+}
+:host(:not([disabled])[variant=flat]) [part=base]:hover::before, :host(:not([disabled])[variant=flat]) [part=base]:focus::before, :host(:not([disabled])[variant=flat]) [part=base]:active::before {
+  background: transparent;
+}
+
+:host(:not([disabled])[variant=outlined]) [part=base] {
+  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+  -webkit-transition: color 0.15s ease-out;
+  -o-transition: color 0.15s ease-out;
+  transition: color 0.15s ease-out;
+  -webkit-box-shadow: 0 0 0 1px hsla(var(--ig-gray-700), var(--ig-gray-a));
+          box-shadow: 0 0 0 1px hsla(var(--ig-gray-700), var(--ig-gray-a));
+}
+:host(:not([disabled])[variant=outlined]) [part=base]:hover::before, :host(:not([disabled])[variant=outlined]) [part=base]:focus:hover::before {
+  opacity: 1;
+  background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+}
+:host(:not([disabled])[variant=outlined]) [part=base]:focus::before {
+  opacity: 1;
+  background: transparent;
+}
+:host(:not([disabled])[variant=outlined]) [part=base]:focus:active::before {
+  opacity: 1;
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+}
+:host(:not([disabled])[variant=outlined]) [part=base]:hover, :host(:not([disabled])[variant=outlined]) [part=base]:focus, :host(:not([disabled])[variant=outlined]) [part=base]:active {
+  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+}
+:host(:not([disabled])[variant=outlined]) [part=base]:active::before, :host(:not([disabled])[variant=outlined]) [part=base]:focus:active::before, :host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover:active::before, :host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:active::before {
+  opacity: 1;
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+}
+:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover::before {
+  opacity: 1;
+  background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+}
+
+:host(:not([disabled])[variant=flat]) [part=base]:focus-visible,
+:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible {
+  position: relative;
+}
+:host(:not([disabled])[variant=flat]) [part=base]:focus-visible::after,
+:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible::after {
+  content: "";
+  -webkit-box-shadow: 0 0 0 1px hsla(var(--ig-gray-800), var(--ig-gray-a));
+          box-shadow: 0 0 0 1px hsla(var(--ig-gray-800), var(--ig-gray-a));
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  pointer-events: none;
+  width: calc(100% - 4px);
+  height: calc(100% - 4px);
+}
+:host(:not([disabled])[variant=flat]) [part=base]:focus-visible::before,
+:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible::before {
+  background: transparent;
+}
+
+:host(:not([disabled])[variant=contained]) [part=base],
+:host(:not([disabled])[variant=fab]) [part=base] {
+  color: var(--text-color, var(--ig-primary-600-contrast));
+  -webkit-box-shadow: var(--ig-elevation-0);
+          box-shadow: var(--ig-elevation-0);
+}
+:host(:not([disabled])[variant=contained]) [part=base]:hover, :host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover,
+:host(:not([disabled])[variant=fab]) [part=base]:hover,
+:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover {
+  color: var(--text-color, var(--ig-primary-600-contrast));
+}
+:host(:not([disabled])[variant=contained]) [part=base]:hover::before, :host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover::before,
+:host(:not([disabled])[variant=fab]) [part=base]:hover::before,
+:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover::before {
+  opacity: 1;
+  background: var(--hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));
+}
+:host(:not([disabled])[variant=contained]) [part=base]:focus, :host(:not([disabled])[variant=contained]) [part=base]:active,
+:host(:not([disabled])[variant=fab]) [part=base]:focus,
+:host(:not([disabled])[variant=fab]) [part=base]:active {
+  color: var(--text-color, var(--ig-primary-600-contrast));
+}
+:host(:not([disabled])[variant=contained]) [part=base]::before,
+:host(:not([disabled])[variant=fab]) [part=base]::before {
+  opacity: 1;
+  background: hsla(var(--ig-primary-500), var(--ig-primary-a));
+}
+:host(:not([disabled])[variant=contained]) [part=base]:active::before, :host(:not([disabled])[variant=contained]) [part=base]:focus-visible:active::before,
+:host(:not([disabled])[variant=fab]) [part=base]:active::before,
+:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:active::before {
+  opacity: 1;
+  background: var(--active-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));
+}
+:host(:not([disabled])[variant=contained]) [part=base]:focus-visible,
+:host(:not([disabled])[variant=fab]) [part=base]:focus-visible {
+  position: relative;
+}
+:host(:not([disabled])[variant=contained]) [part=base]:focus-visible::after,
+:host(:not([disabled])[variant=fab]) [part=base]:focus-visible::after {
+  content: "";
+  -webkit-box-shadow: 0 0 0 1px var(--ig-primary-600-contrast);
+          box-shadow: 0 0 0 1px var(--ig-primary-600-contrast);
+  position: absolute;
+  top: 3px;
+  left: 3px;
+  pointer-events: none;
+  width: calc(100% - 6px);
+  height: calc(100% - 6px);
+}
+:host(:not([disabled])[variant=contained]) [part=base]:focus-visible::before,
+:host(:not([disabled])[variant=fab]) [part=base]:focus-visible::before {
+  background: transparent;
+}
+
+:host([variant=fab]) [part=base] {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.875rem), 0.875rem);
+}
+:host([variant=fab]) [part=base]::after {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.75rem), 0.75rem);
+}
+
+:host([disabled][variant=flat]) [part=base] {
+  color: hsla(var(--ig-gray-400), var(--ig-gray-a));
+  background: transparent;
+}
+
+:host([disabled][variant=fab]) [part=base],
+:host([disabled][variant=contained]) [part=base] {
+  color: hsla(var(--ig-gray-400), var(--ig-gray-a));
+}
+:host([disabled][variant=fab]) [part=base]::before,
+:host([disabled][variant=contained]) [part=base]::before {
+  opacity: 1;
+  background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+}
+
+:host([disabled][variant=outlined]) [part=base] {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  color: hsla(var(--ig-gray-500), 8);
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+}`;
 //# sourceMappingURL=button.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+xMAA+xM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem)}:host([size=small]) [part=base]{--size: 1.5rem;padding:0 .5rem}:host([size=medium]) [part=base]{--size: 2rem;padding:0 1rem}:host([size=large]) [part=base]{--size: 2.375rem;padding:0 1rem}:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover{color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([disabled])[variant=flat]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover::before,:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]{color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-transition:color .15s ease-out;-o-transition:color .15s ease-out;transition:color .15s ease-out;-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus:hover::before{opacity:1;background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before{opacity:1;background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]:focus:active::before{opacity:1;background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:hover,:host(:not([disabled])[variant=outlined]) [part=base]:focus,:host(:not([disabled])[variant=outlined]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:active::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus:active::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover:active::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:active::before{opacity:1;background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover::before{opacity:1;background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:focus-visible,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible{position:relative}:host(:not([disabled])[variant=flat]) [part=base]:focus-visible::after,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible::after{content:\"\";-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-800), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-800), var(--igc-gray-a));position:absolute;top:2px;left:2px;pointer-events:none;width:calc(100% - 4px);height:calc(100% - 4px)}:host(:not([disabled])[variant=flat]) [part=base]:focus-visible::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible::before{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=contained]) [part=base],:host(:not([disabled])[variant=fab]) [part=base]{color:var(--text-color, var(--igc-primary-600-contrast));-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=contained]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover,:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover{color:var(--text-color, var(--igc-primary-600-contrast))}:host(:not([disabled])[variant=contained]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover::before{opacity:1;background:var(--hover-background, hsla(var(--igc-primary-600), var(--igc-primary-a)))}:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active,:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active{color:var(--text-color, var(--igc-primary-600-contrast))}:host(:not([disabled])[variant=contained]) [part=base]::before,:host(:not([disabled])[variant=fab]) [part=base]::before{opacity:1;background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([disabled])[variant=contained]) [part=base]:active::before,:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:active::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:active::before{opacity:1;background:var(--active-background, hsla(var(--igc-primary-700), var(--igc-primary-a)))}:host(:not([disabled])[variant=contained]) [part=base]:focus-visible,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible{position:relative}:host(:not([disabled])[variant=contained]) [part=base]:focus-visible::after,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible::after{content:\"\";-webkit-box-shadow:0 0 0 1px var(--igc-primary-600-contrast);box-shadow:0 0 0 1px var(--igc-primary-600-contrast);position:absolute;top:3px;left:3px;pointer-events:none;width:calc(100% - 6px);height:calc(100% - 6px)}:host(:not([disabled])[variant=contained]) [part=base]:focus-visible::before,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible::before{background:rgba(0,0,0,0)}:host([variant=fab]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.875rem,.875rem)}:host([variant=fab]) [part=base]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*.75rem,.75rem)}:host([disabled][variant=flat]) [part=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:rgba(0,0,0,0)}:host([disabled][variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled][variant=fab]) [part=base]::before,:host([disabled][variant=contained]) [part=base]::before{opacity:1;background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled][variant=outlined]) [part=base]{-webkit-box-shadow:none;box-shadow:none;color:hsla(var(--igc-gray-500), 8);background:hsla(var(--igc-gray-200), var(--igc-gray-a))}`;\n"]}
+{"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsKvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base] {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.125rem), 0.125rem);\n}\n\n:host([size=small]) [part=base] {\n  --size: 1.5rem;\n  padding: 0 0.5rem;\n}\n\n:host([size=medium]) [part=base] {\n  --size: 2rem;\n  padding: 0 1rem;\n}\n\n:host([size=large]) [part=base] {\n  --size: 2.375rem;\n  padding: 0 1rem;\n}\n\n:host(:not([disabled])[variant=flat]) [part=base] {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n:host(:not([disabled])[variant=flat]) [part=base]:hover {\n  color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n:host(:not([disabled])[variant=flat]) [part=base]:active {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n:host(:not([disabled])[variant=flat]) [part=base]:hover::before, :host(:not([disabled])[variant=flat]) [part=base]:focus::before, :host(:not([disabled])[variant=flat]) [part=base]:active::before {\n  background: transparent;\n}\n\n:host(:not([disabled])[variant=outlined]) [part=base] {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  -webkit-transition: color 0.15s ease-out;\n  -o-transition: color 0.15s ease-out;\n  transition: color 0.15s ease-out;\n  -webkit-box-shadow: 0 0 0 1px hsla(var(--ig-gray-700), var(--ig-gray-a));\n          box-shadow: 0 0 0 1px hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:hover::before, :host(:not([disabled])[variant=outlined]) [part=base]:focus:hover::before {\n  opacity: 1;\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus::before {\n  opacity: 1;\n  background: transparent;\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus:active::before {\n  opacity: 1;\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:hover, :host(:not([disabled])[variant=outlined]) [part=base]:focus, :host(:not([disabled])[variant=outlined]) [part=base]:active {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:active::before, :host(:not([disabled])[variant=outlined]) [part=base]:focus:active::before, :host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover:active::before, :host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:active::before {\n  opacity: 1;\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover::before {\n  opacity: 1;\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n\n:host(:not([disabled])[variant=flat]) [part=base]:focus-visible,\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible {\n  position: relative;\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus-visible::after,\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible::after {\n  content: \"\";\n  -webkit-box-shadow: 0 0 0 1px hsla(var(--ig-gray-800), var(--ig-gray-a));\n          box-shadow: 0 0 0 1px hsla(var(--ig-gray-800), var(--ig-gray-a));\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  pointer-events: none;\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus-visible::before,\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible::before {\n  background: transparent;\n}\n\n:host(:not([disabled])[variant=contained]) [part=base],\n:host(:not([disabled])[variant=fab]) [part=base] {\n  color: var(--text-color, var(--ig-primary-600-contrast));\n  -webkit-box-shadow: var(--ig-elevation-0);\n          box-shadow: var(--ig-elevation-0);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:hover, :host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover,\n:host(:not([disabled])[variant=fab]) [part=base]:hover,\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover {\n  color: var(--text-color, var(--ig-primary-600-contrast));\n}\n:host(:not([disabled])[variant=contained]) [part=base]:hover::before, :host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover::before,\n:host(:not([disabled])[variant=fab]) [part=base]:hover::before,\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover::before {\n  opacity: 1;\n  background: var(--hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus, :host(:not([disabled])[variant=contained]) [part=base]:active,\n:host(:not([disabled])[variant=fab]) [part=base]:focus,\n:host(:not([disabled])[variant=fab]) [part=base]:active {\n  color: var(--text-color, var(--ig-primary-600-contrast));\n}\n:host(:not([disabled])[variant=contained]) [part=base]::before,\n:host(:not([disabled])[variant=fab]) [part=base]::before {\n  opacity: 1;\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n:host(:not([disabled])[variant=contained]) [part=base]:active::before, :host(:not([disabled])[variant=contained]) [part=base]:focus-visible:active::before,\n:host(:not([disabled])[variant=fab]) [part=base]:active::before,\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:active::before {\n  opacity: 1;\n  background: var(--active-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible,\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible {\n  position: relative;\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible::after,\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible::after {\n  content: \"\";\n  -webkit-box-shadow: 0 0 0 1px var(--ig-primary-600-contrast);\n          box-shadow: 0 0 0 1px var(--ig-primary-600-contrast);\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  pointer-events: none;\n  width: calc(100% - 6px);\n  height: calc(100% - 6px);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible::before,\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible::before {\n  background: transparent;\n}\n\n:host([variant=fab]) [part=base] {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.875rem), 0.875rem);\n}\n:host([variant=fab]) [part=base]::after {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.75rem), 0.75rem);\n}\n\n:host([disabled][variant=flat]) [part=base] {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n  background: transparent;\n}\n\n:host([disabled][variant=fab]) [part=base],\n:host([disabled][variant=contained]) [part=base] {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled][variant=fab]) [part=base]::before,\n:host([disabled][variant=contained]) [part=base]::before {\n  opacity: 1;\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n\n:host([disabled][variant=outlined]) [part=base] {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  color: hsla(var(--ig-gray-500), 8);\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}`;\n"]}

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

@@ -1,3 +1,142 @@
 import { css } from 'lit';
-export const styles = css `[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2)}[part=base]::before,[part=base]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2)}:host([size=large]) [part=base]{--size: 2.25rem}:host([size=medium]) [part=base]{--size: 2rem}:host([size=small]) [part=base]{--size: 1.75rem}:host([variant=fab][size=medium]) [part=base]{--size: 2.625rem}:host([variant=fab][size=small]) [part=base]{--size: 2.25rem}:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-gray-700), var(--igc-gray-a));-webkit-transition:color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}:host(:not([disabled])[variant=flat]) [part=base]:hover,:host(:not([disabled])[variant=flat]) [part=base]:focus,:host(:not([disabled])[variant=flat]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=flat]) [part=base]:focus,:host(:not([disabled])[variant=flat]) [part=base]:active{-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]{color:hsla(var(--igc-gray-700), var(--igc-gray-a));-webkit-transition:color .15s ease-out;-o-transition:color .15s ease-out;transition:color .15s ease-out;-webkit-box-shadow:inset 0 0 0 2px hsla(var(--igc-gray-500), var(--igc-gray-a));box-shadow:inset 0 0 0 2px hsla(var(--igc-gray-500), var(--igc-gray-a));overflow:visible}:host(:not([disabled])[variant=outlined]) [part=base]::after{position:absolute;content:"";width:100%;height:100%;-webkit-transition:-webkit-box-shadow .15s ease-out;transition:-webkit-box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out;transition:box-shadow .15s ease-out;transition:box-shadow .15s ease-out, -webkit-box-shadow .15s ease-out}:host(:not([disabled])[variant=outlined]) [part=base]:hover{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:hsla(var(--igc-gray-50), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus,:host(:not([disabled])[variant=outlined]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]:focus::after,:host(:not([disabled])[variant=outlined]) [part=base]:active::after{-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled][variant=fab]) [part=base],:host(:not([disabled])[variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host([disabled][variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=fab]) [part=base]:hover,:host([disabled][variant=contained]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:hover{-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=fab]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:hover{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active,:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active{color:var(--igc-primary-600-contrast);-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}:host(:not([disabled])[variant=fab]) [part=base]::before,:host(:not([disabled])[variant=contained]) [part=base]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:focus::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before,:host(:not([disabled])[variant=contained]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:focus::before,:host(:not([disabled])[variant=contained]) [part=base]:active::before{background:hsla(var(--igc-primary-400), var(--igc-primary-a));opacity:1}:host([disabled][variant=flat]) [part=base],:host([disabled][variant=outlined]) [part=base]{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled][variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;
+export const styles = css `[part=base] {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(var(--size) / 2)), calc(var(--size) / 2));
+}
+[part=base]::before, [part=base]::after {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(var(--size) / 2)), calc(var(--size) / 2));
+}
+
+:host([size=large]) [part=base] {
+  --size: 2.25rem;
+}
+
+:host([size=medium]) [part=base] {
+  --size: 2rem;
+}
+
+:host([size=small]) [part=base] {
+  --size: 1.75rem;
+}
+
+:host([variant=fab][size=medium]) [part=base] {
+  --size: 2.625rem;
+}
+
+:host([variant=fab][size=small]) [part=base] {
+  --size: 2.25rem;
+}
+
+:host(:not([disabled])[variant=flat]) [part=base] {
+  color: hsla(var(--ig-gray-700), var(--ig-gray-a));
+  -webkit-transition: color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+  transition: color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+  -o-transition: color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  transition: color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  transition: color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+}
+:host(:not([disabled])[variant=flat]) [part=base]:hover, :host(:not([disabled])[variant=flat]) [part=base]:focus, :host(:not([disabled])[variant=flat]) [part=base]:active {
+  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+}
+:host(:not([disabled])[variant=flat]) [part=base]:hover::before {
+  background: transparent;
+}
+:host(:not([disabled])[variant=flat]) [part=base]:focus::before, :host(:not([disabled])[variant=flat]) [part=base]:active::before {
+  background: transparent;
+}
+:host(:not([disabled])[variant=flat]) [part=base]:focus, :host(:not([disabled])[variant=flat]) [part=base]:active {
+  -webkit-box-shadow: 0 0 0 0.1875rem hsla(var(--ig-gray-300), var(--ig-gray-a));
+          box-shadow: 0 0 0 0.1875rem hsla(var(--ig-gray-300), var(--ig-gray-a));
+}
+
+:host(:not([disabled])[variant=outlined]) [part=base] {
+  color: hsla(var(--ig-gray-700), var(--ig-gray-a));
+  -webkit-transition: color 0.15s ease-out;
+  -o-transition: color 0.15s ease-out;
+  transition: color 0.15s ease-out;
+  -webkit-box-shadow: inset 0 0 0 2px hsla(var(--ig-gray-500), var(--ig-gray-a));
+          box-shadow: inset 0 0 0 2px hsla(var(--ig-gray-500), var(--ig-gray-a));
+  overflow: visible;
+}
+:host(:not([disabled])[variant=outlined]) [part=base]::after {
+  position: absolute;
+  content: "";
+  width: 100%;
+  height: 100%;
+  -webkit-transition: -webkit-box-shadow 0.15s ease-out;
+  transition: -webkit-box-shadow 0.15s ease-out;
+  -o-transition: box-shadow 0.15s ease-out;
+  transition: box-shadow 0.15s ease-out;
+  transition: box-shadow 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
+}
+:host(:not([disabled])[variant=outlined]) [part=base]:hover {
+  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+  background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+}
+:host(:not([disabled])[variant=outlined]) [part=base]:focus, :host(:not([disabled])[variant=outlined]) [part=base]:active {
+  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+}
+:host(:not([disabled])[variant=outlined]) [part=base]:focus::before, :host(:not([disabled])[variant=outlined]) [part=base]:active::before {
+  background: transparent;
+}
+:host(:not([disabled])[variant=outlined]) [part=base]:focus::after, :host(:not([disabled])[variant=outlined]) [part=base]:active::after {
+  -webkit-box-shadow: 0 0 0 0.1875rem hsla(var(--ig-gray-300), var(--ig-gray-a));
+          box-shadow: 0 0 0 0.1875rem hsla(var(--ig-gray-300), var(--ig-gray-a));
+}
+
+:host([disabled][variant=fab]) [part=base],
+:host(:not([disabled])[variant=fab]) [part=base],
+:host([disabled][variant=contained]) [part=base],
+:host(:not([disabled])[variant=contained]) [part=base] {
+  -webkit-box-shadow: var(--ig-elevation-0);
+          box-shadow: var(--ig-elevation-0);
+}
+:host([disabled][variant=fab]) [part=base]:hover,
+:host(:not([disabled])[variant=fab]) [part=base]:hover,
+:host([disabled][variant=contained]) [part=base]:hover,
+:host(:not([disabled])[variant=contained]) [part=base]:hover {
+  -webkit-box-shadow: var(--ig-elevation-0);
+          box-shadow: var(--ig-elevation-0);
+}
+
+:host(:not([disabled])[variant=fab]) [part=base],
+:host(:not([disabled])[variant=contained]) [part=base] {
+  color: var(--ig-primary-600-contrast);
+}
+:host(:not([disabled])[variant=fab]) [part=base]:hover,
+:host(:not([disabled])[variant=contained]) [part=base]:hover {
+  color: var(--ig-primary-600-contrast);
+}
+:host(:not([disabled])[variant=fab]) [part=base]:focus, :host(:not([disabled])[variant=fab]) [part=base]:active,
+:host(:not([disabled])[variant=contained]) [part=base]:focus,
+:host(:not([disabled])[variant=contained]) [part=base]:active {
+  color: var(--ig-primary-600-contrast);
+  -webkit-box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));
+          box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));
+}
+:host(:not([disabled])[variant=fab]) [part=base]::before,
+:host(:not([disabled])[variant=contained]) [part=base]::before {
+  background: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  opacity: 1;
+}
+:host(:not([disabled])[variant=fab]) [part=base]:hover::before, :host(:not([disabled])[variant=fab]) [part=base]:focus::before, :host(:not([disabled])[variant=fab]) [part=base]:active::before,
+:host(:not([disabled])[variant=contained]) [part=base]:hover::before,
+:host(:not([disabled])[variant=contained]) [part=base]:focus::before,
+:host(:not([disabled])[variant=contained]) [part=base]:active::before {
+  background: hsla(var(--ig-primary-400), var(--ig-primary-a));
+  opacity: 1;
+}
+
+:host([disabled][variant=flat]) [part=base],
+:host([disabled][variant=outlined]) [part=base] {
+  background: transparent;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  color: hsla(var(--ig-gray-400), var(--ig-gray-a));
+}
+
+:host([disabled][variant=fab]) [part=base],
+:host([disabled][variant=contained]) [part=base] {
+  background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  color: hsla(var(--ig-gray-400), var(--ig-gray-a));
+}`;
 //# sourceMappingURL=button.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y7KAAy7K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2)}[part=base]::before,[part=base]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2)}:host([size=large]) [part=base]{--size: 2.25rem}:host([size=medium]) [part=base]{--size: 2rem}:host([size=small]) [part=base]{--size: 1.75rem}:host([variant=fab][size=medium]) [part=base]{--size: 2.625rem}:host([variant=fab][size=small]) [part=base]{--size: 2.25rem}:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-gray-700), var(--igc-gray-a));-webkit-transition:color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}:host(:not([disabled])[variant=flat]) [part=base]:hover,:host(:not([disabled])[variant=flat]) [part=base]:focus,:host(:not([disabled])[variant=flat]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=flat]) [part=base]:focus,:host(:not([disabled])[variant=flat]) [part=base]:active{-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]{color:hsla(var(--igc-gray-700), var(--igc-gray-a));-webkit-transition:color .15s ease-out;-o-transition:color .15s ease-out;transition:color .15s ease-out;-webkit-box-shadow:inset 0 0 0 2px hsla(var(--igc-gray-500), var(--igc-gray-a));box-shadow:inset 0 0 0 2px hsla(var(--igc-gray-500), var(--igc-gray-a));overflow:visible}:host(:not([disabled])[variant=outlined]) [part=base]::after{position:absolute;content:\"\";width:100%;height:100%;-webkit-transition:-webkit-box-shadow .15s ease-out;transition:-webkit-box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out;transition:box-shadow .15s ease-out;transition:box-shadow .15s ease-out, -webkit-box-shadow .15s ease-out}:host(:not([disabled])[variant=outlined]) [part=base]:hover{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:hsla(var(--igc-gray-50), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus,:host(:not([disabled])[variant=outlined]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]:focus::after,:host(:not([disabled])[variant=outlined]) [part=base]:active::after{-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled][variant=fab]) [part=base],:host(:not([disabled])[variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host([disabled][variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=fab]) [part=base]:hover,:host([disabled][variant=contained]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:hover{-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=fab]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:hover{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active,:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active{color:var(--igc-primary-600-contrast);-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}:host(:not([disabled])[variant=fab]) [part=base]::before,:host(:not([disabled])[variant=contained]) [part=base]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:focus::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before,:host(:not([disabled])[variant=contained]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:focus::before,:host(:not([disabled])[variant=contained]) [part=base]:active::before{background:hsla(var(--igc-primary-400), var(--igc-primary-a));opacity:1}:host([disabled][variant=flat]) [part=base],:host([disabled][variant=outlined]) [part=base]{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled][variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;\n"]}
+{"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2IvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base] {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(var(--size) / 2)), calc(var(--size) / 2));\n}\n[part=base]::before, [part=base]::after {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(var(--size) / 2)), calc(var(--size) / 2));\n}\n\n:host([size=large]) [part=base] {\n  --size: 2.25rem;\n}\n\n:host([size=medium]) [part=base] {\n  --size: 2rem;\n}\n\n:host([size=small]) [part=base] {\n  --size: 1.75rem;\n}\n\n:host([variant=fab][size=medium]) [part=base] {\n  --size: 2.625rem;\n}\n\n:host([variant=fab][size=small]) [part=base] {\n  --size: 2.25rem;\n}\n\n:host(:not([disabled])[variant=flat]) [part=base] {\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  -webkit-transition: color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;\n  transition: color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;\n  -o-transition: color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  transition: color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  transition: color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;\n}\n:host(:not([disabled])[variant=flat]) [part=base]:hover, :host(:not([disabled])[variant=flat]) [part=base]:focus, :host(:not([disabled])[variant=flat]) [part=base]:active {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n:host(:not([disabled])[variant=flat]) [part=base]:hover::before {\n  background: transparent;\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus::before, :host(:not([disabled])[variant=flat]) [part=base]:active::before {\n  background: transparent;\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus, :host(:not([disabled])[variant=flat]) [part=base]:active {\n  -webkit-box-shadow: 0 0 0 0.1875rem hsla(var(--ig-gray-300), var(--ig-gray-a));\n          box-shadow: 0 0 0 0.1875rem hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n:host(:not([disabled])[variant=outlined]) [part=base] {\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  -webkit-transition: color 0.15s ease-out;\n  -o-transition: color 0.15s ease-out;\n  transition: color 0.15s ease-out;\n  -webkit-box-shadow: inset 0 0 0 2px hsla(var(--ig-gray-500), var(--ig-gray-a));\n          box-shadow: inset 0 0 0 2px hsla(var(--ig-gray-500), var(--ig-gray-a));\n  overflow: visible;\n}\n:host(:not([disabled])[variant=outlined]) [part=base]::after {\n  position: absolute;\n  content: \"\";\n  width: 100%;\n  height: 100%;\n  -webkit-transition: -webkit-box-shadow 0.15s ease-out;\n  transition: -webkit-box-shadow 0.15s ease-out;\n  -o-transition: box-shadow 0.15s ease-out;\n  transition: box-shadow 0.15s ease-out;\n  transition: box-shadow 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:hover {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  background: hsla(var(--ig-gray-50), var(--ig-gray-a));\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus, :host(:not([disabled])[variant=outlined]) [part=base]:active {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus::before, :host(:not([disabled])[variant=outlined]) [part=base]:active::before {\n  background: transparent;\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus::after, :host(:not([disabled])[variant=outlined]) [part=base]:active::after {\n  -webkit-box-shadow: 0 0 0 0.1875rem hsla(var(--ig-gray-300), var(--ig-gray-a));\n          box-shadow: 0 0 0 0.1875rem hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n:host([disabled][variant=fab]) [part=base],\n:host(:not([disabled])[variant=fab]) [part=base],\n:host([disabled][variant=contained]) [part=base],\n:host(:not([disabled])[variant=contained]) [part=base] {\n  -webkit-box-shadow: var(--ig-elevation-0);\n          box-shadow: var(--ig-elevation-0);\n}\n:host([disabled][variant=fab]) [part=base]:hover,\n:host(:not([disabled])[variant=fab]) [part=base]:hover,\n:host([disabled][variant=contained]) [part=base]:hover,\n:host(:not([disabled])[variant=contained]) [part=base]:hover {\n  -webkit-box-shadow: var(--ig-elevation-0);\n          box-shadow: var(--ig-elevation-0);\n}\n\n:host(:not([disabled])[variant=fab]) [part=base],\n:host(:not([disabled])[variant=contained]) [part=base] {\n  color: var(--ig-primary-600-contrast);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:hover,\n:host(:not([disabled])[variant=contained]) [part=base]:hover {\n  color: var(--ig-primary-600-contrast);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus, :host(:not([disabled])[variant=fab]) [part=base]:active,\n:host(:not([disabled])[variant=contained]) [part=base]:focus,\n:host(:not([disabled])[variant=contained]) [part=base]:active {\n  color: var(--ig-primary-600-contrast);\n  -webkit-box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));\n          box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));\n}\n:host(:not([disabled])[variant=fab]) [part=base]::before,\n:host(:not([disabled])[variant=contained]) [part=base]::before {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  opacity: 1;\n}\n:host(:not([disabled])[variant=fab]) [part=base]:hover::before, :host(:not([disabled])[variant=fab]) [part=base]:focus::before, :host(:not([disabled])[variant=fab]) [part=base]:active::before,\n:host(:not([disabled])[variant=contained]) [part=base]:hover::before,\n:host(:not([disabled])[variant=contained]) [part=base]:focus::before,\n:host(:not([disabled])[variant=contained]) [part=base]:active::before {\n  background: hsla(var(--ig-primary-400), var(--ig-primary-a));\n  opacity: 1;\n}\n\n:host([disabled][variant=flat]) [part=base],\n:host([disabled][variant=outlined]) [part=base] {\n  background: transparent;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n\n:host([disabled][variant=fab]) [part=base],\n:host([disabled][variant=contained]) [part=base] {\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}`;\n"]}