npm - igniteui-webcomponents - Versions diffs - 4.3.0 → 4.4.0 - Mend

igniteui-webcomponents 4.3.0 → 4.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (702) hide show

package/components/radio/themes/dark/radio.fluent.css.js CHANGED Viewed

@@ -1,15 +1,3 @@
 import { css } from 'lit';
-export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
+export const styles = css ``;
 //# sourceMappingURL=radio.fluent.css.js.map

package/components/radio/themes/dark/radio.fluent.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/dark/radio.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;;;wMAY+K~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length */`;\n"]}
1	+ {"version":3,"file":"radio.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/dark/radio.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

package/components/radio/themes/dark/radio.indigo.css.js CHANGED Viewed

@@ -1,15 +1,3 @@
 import { css } from 'lit';
-export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
+export const styles = css ``;
 //# sourceMappingURL=radio.indigo.css.js.map

package/components/radio/themes/dark/radio.indigo.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/dark/radio.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;;;wMAY+K~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length */`;\n"]}
1	+ {"version":3,"file":"radio.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/dark/radio.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

package/components/radio/themes/dark/radio.material.css.js CHANGED Viewed

@@ -1,15 +1,3 @@
 import { css } from 'lit';
-export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
+export const styles = css ``;
 //# sourceMappingURL=radio.material.css.js.map

package/components/radio/themes/dark/radio.material.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio.material.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/dark/radio.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;;;wMAY+K~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length */`;\n"]}
1	+ {"version":3,"file":"radio.material.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/dark/radio.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

package/components/radio/themes/light/radio.base.css.js CHANGED Viewed

@@ -27,23 +27,10 @@ export const styles = css `:host {
   background: var(--ig-scrollbar-thumb-background);
 }
+:host([hidden]),
 [hidden] {
   display: none !important;
 }
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 :host {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -81,7 +68,6 @@ input[type=radio] {
           align-items: center;
   cursor: pointer;
   -webkit-transition: color 0.15s ease-in;
-  -o-transition: color 0.15s ease-in;
   transition: color 0.15s ease-in;
 }
@@ -111,7 +97,6 @@ input[type=radio] {
       -ms-user-select: none;
           user-select: none;
   -webkit-transition: background 0.15s ease-in;
-  -o-transition: background 0.15s ease-in;
   transition: background 0.15s ease-in;
 }
 [part~=control]::before, [part~=control]::after {
@@ -125,7 +110,6 @@ input[type=radio] {
       -ms-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);
   -webkit-transition: all 0.15s ease-in;
-  -o-transition: all 0.15s ease-in;
   transition: all 0.15s ease-in;
 }
 [part~=control]::before {

package/components/radio/themes/light/radio.base.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio.base.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0JvB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium: min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\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(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n:host {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n font-family: var(--ig-font-family);\n}\n\n:host([label-position=before]) [part~=label] {\n -webkit-box-ordinal-group: 0;\n -ms-flex-order: -1;\n order: -1;\n}\n\ninput[type=radio] {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n border: none;\n clip: rect(0, 0, 0, 0);\n outline: 0;\n pointer-events: none;\n overflow: hidden;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n[part~=base] {\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 cursor: pointer;\n -webkit-transition: color 0.15s ease-in;\n ~~-o-~~transition: color 0.15s ease-in;\n ~~transition: color 0.15s ease-in;\n~~}\n\n[part~=label] {\n font-family: var(--ig-subtitle-1-font-family, var(--ig-font-family));\n font-size: var(--ig-subtitle-1-font-size);\n font-weight: var(--ig-subtitle-1-font-weight);\n font-style: var(--ig-subtitle-1-font-style);\n line-height: var(--ig-subtitle-1-line-height);\n letter-spacing: var(--ig-subtitle-1-letter-spacing);\n text-transform: var(--ig-subtitle-1-text-transform);\n margin-top: var(--ig-subtitle-1-margin-top);\n margin-bottom: var(--ig-subtitle-1-margin-bottom);\n}\n\n[part~=control] {\n --size: 1.25rem;\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n width: calc(var(--size) 2);\n height: calc(var(--size) * 2);\n min-width: calc(var(--size) * 2);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-transition: background 0.15s ease-in;\n ~~-o-~~transition: background 0.15s ease-in;\n ~~transition: background 0.15s ease-in;\n~~}\n[part~=control]::before, [part~=control]::after {\n position: absolute;\n content: \"\";\n width: var(--size);\n height: var(--size);\n left: 50%;\n top: 50%;\n -webkit-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n -webkit-transition: all 0.15s ease-in;\n ~~-o-~~transition: all 0.15s ease-in;\n ~~transition: all 0.15s ease-in;\n~~}\n[part~=control]::before {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n -webkit-transform: translate(-50%, -50%) scale(0.1);\n -ms-transform: translate(-50%, -50%) scale(0.1);\n transform: translate(-50%, -50%) scale(0.1);\n -webkit-transform-origin: center;\n -ms-transform-origin: center;\n transform-origin: center;\n z-index: 1;\n}\n\n[part=\"control checked\"]::before {\n -webkit-transform: translate(-50%, -50%) scale(0.5);\n -ms-transform: translate(-50%, -50%) scale(0.5);\n transform: translate(-50%, -50%) scale(0.5);\n}\n\n:host([disabled]),\n:host(:disabled) {\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}`;\n"]}
1	+ {"version":3,"file":"radio.base.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0IvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium: min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\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(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n:host([hidden]),\n[hidden] {\n display: none !important;\n}\n:host {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n font-family: var(--ig-font-family);\n}\n\n:host([label-position=before]) [part~=label] {\n -webkit-box-ordinal-group: 0;\n -ms-flex-order: -1;\n order: -1;\n}\n\ninput[type=radio] {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n border: none;\n clip: rect(0, 0, 0, 0);\n outline: 0;\n pointer-events: none;\n overflow: hidden;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n[part~=base] {\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 cursor: pointer;\n -webkit-transition: color 0.15s ease-in;\n transition: color 0.15s ease-in;\n}\n\n[part~=label] {\n font-family: var(--ig-subtitle-1-font-family, var(--ig-font-family));\n font-size: var(--ig-subtitle-1-font-size);\n font-weight: var(--ig-subtitle-1-font-weight);\n font-style: var(--ig-subtitle-1-font-style);\n line-height: var(--ig-subtitle-1-line-height);\n letter-spacing: var(--ig-subtitle-1-letter-spacing);\n text-transform: var(--ig-subtitle-1-text-transform);\n margin-top: var(--ig-subtitle-1-margin-top);\n margin-bottom: var(--ig-subtitle-1-margin-bottom);\n}\n\n[part~=control] {\n --size: 1.25rem;\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n width: calc(var(--size) 2);\n height: calc(var(--size) * 2);\n min-width: calc(var(--size) * 2);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-transition: background 0.15s ease-in;\n transition: background 0.15s ease-in;\n}\n[part~=control]::before, [part~=control]::after {\n position: absolute;\n content: \"\";\n width: var(--size);\n height: var(--size);\n left: 50%;\n top: 50%;\n -webkit-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n -webkit-transition: all 0.15s ease-in;\n transition: all 0.15s ease-in;\n}\n[part~=control]::before {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n -webkit-transform: translate(-50%, -50%) scale(0.1);\n -ms-transform: translate(-50%, -50%) scale(0.1);\n transform: translate(-50%, -50%) scale(0.1);\n -webkit-transform-origin: center;\n -ms-transform-origin: center;\n transform-origin: center;\n z-index: 1;\n}\n\n[part=\"control checked\"]::before {\n -webkit-transform: translate(-50%, -50%) scale(0.5);\n -ms-transform: translate(-50%, -50%) scale(0.5);\n transform: translate(-50%, -50%) scale(0.5);\n}\n\n:host([disabled]),\n:host(:disabled) {\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}`;\n"]}

package/components/radio/themes/light/radio.bootstrap.css.js CHANGED Viewed

@@ -1,50 +1,5 @@
 import { css } from 'lit';
 export const styles = css `:host {
-  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
-  --is-medium: min(
-      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
-      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
-  );
-  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
-  position: relative;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  scrollbar-width: var(--ig-scrollbar-size);
-  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
-}
-:host *,
-:host *::before,
-:host *::after {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-}
-:host ::-webkit-scrollbar {
-  width: var(--ig-scrollbar-size);
-  height: var(--ig-scrollbar-size);
-  background: var(--ig-scrollbar-track-background);
-}
-:host ::-webkit-scrollbar-thumb {
-  background: var(--ig-scrollbar-thumb-background);
-}
-[hidden] {
-  display: none !important;
-}
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-:host {
   --hover-color: var(--ig-radio-hover-color, transparent);
   --fill-hover-border-color: var(--ig-radio-fill-hover-border-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));
   --label-color: var(--ig-radio-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
@@ -59,7 +14,6 @@ export const styles = css `:host {
 }
 :host::part(base) {
   -webkit-transition: none;
-  -o-transition: none;
   transition: none;
 }
@@ -73,20 +27,18 @@ export const styles = css `:host {
 [part~=control] {
   --size: 1rem;
-  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--size)), var(--size));
+  border-radius: var(--size);
   width: var(--size);
   height: var(--size);
   min-width: var(--size);
   background: none;
   -webkit-transition: transparent;
-  -o-transition: transparent;
   transition: transparent;
 }
 [part~=control]::before, [part~=control]::after {
   -webkit-transition: none;
-  -o-transition: none;
   transition: none;
-  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(var(--size) / 2)), calc(var(--size) / 2));
+  border-radius: calc(var(--size) / 2);
 }
 [part~=control]::before {
   -webkit-transform: translate(-50%, -50%) scale(0.375);
@@ -117,16 +69,20 @@ export const styles = css `:host {
   background: var(--fill-hover-border-color);
 }
-:host(:not([disabled])[invalid]) [part~=label] {
+:host(:not([disabled])[invalid]) [part~=label],
+:host(:not(:disabled)[invalid]) [part~=label] {
   color: var(--error-color);
 }
-:host(:not([disabled])[invalid]) [part~=control]::after {
+:host(:not([disabled])[invalid]) [part~=control]::after,
+:host(:not(:disabled)[invalid]) [part~=control]::after {
   border-color: var(--error-color);
 }
-:host(:not([disabled])[invalid]) [part="control checked"]::after {
+:host(:not([disabled])[invalid]) [part="control checked"]::after,
+:host(:not(:disabled)[invalid]) [part="control checked"]::after {
   background: var(--error-color);
 }
-:host(:not([disabled])[invalid]) [part~=focused] [part~=control] {
+:host(:not([disabled])[invalid]) [part~=focused] [part~=control],
+:host(:not(:disabled)[invalid]) [part~=focused] [part~=control] {
   -webkit-box-shadow: 0 0 0 0.125rem var(--error-color-hover);
           box-shadow: 0 0 0 0.125rem var(--error-color-hover);
 }

package/components/radio/themes/light/radio.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgJvB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium: min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\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(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n:host {\n --hover-color: var(--ig-radio-hover-color, transparent);\n --fill-hover-border-color: var(--ig-radio-fill-hover-border-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --label-color: var(--ig-radio-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --empty-color: var(--ig-radio-empty-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --fill-color: var(--ig-radio-fill-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --fill-color-hover: var(--ig-radio-fill-color-hover, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --disabled-color: var(--ig-radio-disabled-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));\n --disabled-label-color: var(--ig-radio-disabled-label-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n --error-color: var(--ig-radio-error-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n --error-color-hover: var(--ig-radio-error-color-hover, hsla(var(--ig-error-100), var(--ig-error-a)));\n --focus-outline-color: var(--ig-radio-focus-outline-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));\n}\n:host::part(base) {\n -webkit-transition: none;\n ~~-o-~~transition: none;\n ~~transition: none;\n~~}\n\n[part~=label] {\n color: var(--label-color);\n}\n\n[part~=base] {\n gap: 0.5rem;\n}\n\n[part~=control] {\n --size: 1rem;\n border-radius: ~~clamp(0rem, calc(~~var(--~~ig-radius-factor) var(--~~size)~~), var(--size))~~;\n width: var(--size);\n height: var(--size);\n min-width: var(--size);\n background: none;\n -webkit-transition: transparent;\n ~~-o-~~transition: transparent;\n ~~transition: transparent;\n~~}\n[part~=control]::before, [part~=control]::after {\n -webkit-transition: none;\n ~~-o-~~transition: none;\n ~~transition: none;\n~~ border-radius: ~~clamp(0rem,~~ calc(var(--~~ig-radius-factor) * calc(var(--~~size) / 2)~~), calc(var(--size) / 2))~~;\n}\n[part~=control]::before {\n -webkit-transform: translate(-50%, -50%) scale(0.375);\n -ms-transform: translate(-50%, -50%) scale(0.375);\n transform: translate(-50%, -50%) scale(0.375);\n}\n[part~=control]::after {\n width: inherit;\n height: inherit;\n min-width: inherit;\n border: 0.0625rem solid var(--empty-color);\n}\n\n[part~=focused] [part~=control] {\n -webkit-box-shadow: 0 0 0 0.125rem var(--focus-outline-color);\n box-shadow: 0 0 0 0.125rem var(--focus-outline-color);\n}\n[part~=focused] [part~=control]::after {\n border-color: var(--fill-color);\n}\n\n[part=\"control checked\"]::after {\n background: var(--fill-color);\n border-color: var(--fill-color);\n}\n[part=\"control checked\"]::before {\n border-color: var(--fill-hover-border-color);\n background: var(--fill-hover-border-color);\n}\n\n:host(:not([disabled])[invalid]) [part~=label] {\n color: var(--error-color);\n}\n:host(:not([disabled])[invalid]) [part~=control]::after {\n border-color: var(--error-color);\n}\n:host(:not([disabled])[invalid]) [part=\"control checked\"]::after {\n background: var(--error-color);\n}\n:host(:not([disabled])[invalid]) [part~=focused] [part~=control] {\n -webkit-box-shadow: 0 0 0 0.125rem var(--error-color-hover);\n box-shadow: 0 0 0 0.125rem var(--error-color-hover);\n}\n\n:host([disabled]) [part~=label],\n:host(:disabled) [part~=label] {\n color: var(--disabled-label-color);\n}\n:host([disabled]) [part=control]::after,\n:host(:disabled) [part=control]::after {\n border-color: var(--disabled-label-color);\n}\n:host([disabled]) [part=\"control checked\"]::after,\n:host(:disabled) [part=\"control checked\"]::after {\n background: var(--disabled-color);\n border-color: var(--disabled-color);\n}`;\n"]}
1	+ {"version":3,"file":"radio.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoGvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --hover-color: var(--ig-radio-hover-color, transparent);\n --fill-hover-border-color: var(--ig-radio-fill-hover-border-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --label-color: var(--ig-radio-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --empty-color: var(--ig-radio-empty-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --fill-color: var(--ig-radio-fill-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --fill-color-hover: var(--ig-radio-fill-color-hover, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --disabled-color: var(--ig-radio-disabled-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));\n --disabled-label-color: var(--ig-radio-disabled-label-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n --error-color: var(--ig-radio-error-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n --error-color-hover: var(--ig-radio-error-color-hover, hsla(var(--ig-error-100), var(--ig-error-a)));\n --focus-outline-color: var(--ig-radio-focus-outline-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));\n}\n:host::part(base) {\n -webkit-transition: none;\n transition: none;\n}\n\n[part~=label] {\n color: var(--label-color);\n}\n\n[part~=base] {\n gap: 0.5rem;\n}\n\n[part~=control] {\n --size: 1rem;\n border-radius: var(--size);\n width: var(--size);\n height: var(--size);\n min-width: var(--size);\n background: none;\n -webkit-transition: transparent;\n transition: transparent;\n}\n[part~=control]::before, [part~=control]::after {\n -webkit-transition: none;\n transition: none;\n border-radius: calc(var(--size) / 2);\n}\n[part~=control]::before {\n -webkit-transform: translate(-50%, -50%) scale(0.375);\n -ms-transform: translate(-50%, -50%) scale(0.375);\n transform: translate(-50%, -50%) scale(0.375);\n}\n[part~=control]::after {\n width: inherit;\n height: inherit;\n min-width: inherit;\n border: 0.0625rem solid var(--empty-color);\n}\n\n[part~=focused] [part~=control] {\n -webkit-box-shadow: 0 0 0 0.125rem var(--focus-outline-color);\n box-shadow: 0 0 0 0.125rem var(--focus-outline-color);\n}\n[part~=focused] [part~=control]::after {\n border-color: var(--fill-color);\n}\n\n[part=\"control checked\"]::after {\n background: var(--fill-color);\n border-color: var(--fill-color);\n}\n[part=\"control checked\"]::before {\n border-color: var(--fill-hover-border-color);\n background: var(--fill-hover-border-color);\n}\n\n:host(:not([disabled])[invalid]) [part~=label],\n:host(:not(:disabled)[invalid]) [part~=label] {\n color: var(--error-color);\n}\n:host(:not([disabled])[invalid]) [part~=control]::after,\n:host(:not(:disabled)[invalid]) [part~=control]::after {\n border-color: var(--error-color);\n}\n:host(:not([disabled])[invalid]) [part=\"control checked\"]::after,\n:host(:not(:disabled)[invalid]) [part=\"control checked\"]::after {\n background: var(--error-color);\n}\n:host(:not([disabled])[invalid]) [part~=focused] [part~=control],\n:host(:not(:disabled)[invalid]) [part~=focused] [part~=control] {\n -webkit-box-shadow: 0 0 0 0.125rem var(--error-color-hover);\n box-shadow: 0 0 0 0.125rem var(--error-color-hover);\n}\n\n:host([disabled]) [part~=label],\n:host(:disabled) [part~=label] {\n color: var(--disabled-label-color);\n}\n:host([disabled]) [part=control]::after,\n:host(:disabled) [part=control]::after {\n border-color: var(--disabled-label-color);\n}\n:host([disabled]) [part=\"control checked\"]::after,\n:host(:disabled) [part=\"control checked\"]::after {\n background: var(--disabled-color);\n border-color: var(--disabled-color);\n}`;\n"]}

package/components/radio/themes/light/radio.fluent.css.js CHANGED Viewed

@@ -1,50 +1,5 @@
 import { css } from 'lit';
 export const styles = css `:host {
-  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
-  --is-medium: min(
-      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
-      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
-  );
-  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
-  position: relative;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  scrollbar-width: var(--ig-scrollbar-size);
-  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
-}
-:host *,
-:host *::before,
-:host *::after {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-}
-:host ::-webkit-scrollbar {
-  width: var(--ig-scrollbar-size);
-  height: var(--ig-scrollbar-size);
-  background: var(--ig-scrollbar-track-background);
-}
-:host ::-webkit-scrollbar-thumb {
-  background: var(--ig-scrollbar-thumb-background);
-}
-[hidden] {
-  display: none !important;
-}
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-:host {
   --hover-color: var(--ig-radio-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
   --fill-hover-border-color: var(--ig-radio-fill-hover-border-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));
   --label-color: var(--ig-radio-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
@@ -73,22 +28,20 @@ export const styles = css `:host {
 :host [part~=base] {
   -webkit-transition-duration: 0.1s;
-       -o-transition-duration: 0.1s;
           transition-duration: 0.1s;
   gap: 0.375rem;
 }
 :host [part~=control] {
-  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--size)), var(--size));
+  border-radius: var(--size);
   width: var(--size);
   height: var(--size);
   min-width: var(--size);
   -webkit-transition: none;
-  -o-transition: none;
   transition: none;
 }
 :host [part~=control]::before, :host [part~=control]::after {
-  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(var(--size) / 2)), calc(var(--size) / 2));
+  border-radius: calc(var(--size) / 2);
   width: var(--size);
   height: var(--size);
   inset-inline-start: 0;
@@ -104,7 +57,6 @@ export const styles = css `:host {
       -ms-transform: scale(0);
           transform: scale(0);
   -webkit-transition: all 0.2s ease-in;
-  -o-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
   z-index: 1;
 }

package/components/radio/themes/light/radio.fluent.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoMvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium: min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\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(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n:host {\n --hover-color: var(--ig-radio-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --fill-hover-border-color: var(--ig-radio-fill-hover-border-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));\n --label-color: var(--ig-radio-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --empty-color: var(--ig-radio-empty-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --fill-color: var(--ig-radio-fill-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --fill-color-hover: var(--ig-radio-fill-color-hover, hsla(var(--ig-primary-800), var(--ig-primary-a)));\n --disabled-color: var(--ig-radio-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n --disabled-label-color: var(--ig-radio-disabled-label-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --error-color: var(--ig-radio-error-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n --error-color-hover: var(--ig-radio-error-color-hover, hsla(var(--ig-error-700), var(--ig-error-a)));\n --focus-outline-color: var(--ig-radio-focus-outline-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n}\n\n[part~=label] {\n font-family: var(--ig-body-2-font-family, var(--ig-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 color: var(--label-color);\n}\n\n:host [part~=base] {\n -webkit-transition-duration: 0.1s;\n ~~-o-transition-duration: 0.1s;\n~~ transition-duration: 0.1s;\n gap: 0.375rem;\n}\n\n:host [part~=control] {\n border-radius: ~~clamp(0rem, calc(~~var(--~~ig-radius-factor) var(--~~size)~~), var(--size))~~;\n width: var(--size);\n height: var(--size);\n min-width: var(--size);\n -webkit-transition: none;\n ~~-o-~~transition: none;\n ~~transition: none;\n~~}\n:host [part~=control]::before, :host [part~=control]::after {\n border-radius: ~~clamp(0rem,~~ calc(var(--~~ig-radius-factor) * calc(var(--~~size) / 2)~~), calc(var(--size) / 2))~~;\n width: var(--size);\n height: var(--size);\n inset-inline-start: 0;\n top: 0;\n -webkit-transform: none;\n -ms-transform: none;\n transform: none;\n}\n:host [part~=control]::before {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n -webkit-transform: scale(0);\n -ms-transform: scale(0);\n transform: scale(0);\n -webkit-transition: all 0.2s ease-in;\n ~~-o-~~transition: all 0.2s ease-in;\n ~~transition: all 0.2s ease-in;\n~~ z-index: 1;\n}\n:host [part~=control]::after {\n border: 0.0625rem solid var(--empty-color);\n}\n\n:host [part=\"control checked\"]::before {\n border-color: var(--fill-color);\n background: var(--fill-color);\n -webkit-transform: scale(0.5);\n -ms-transform: scale(0.5);\n transform: scale(0.5);\n}\n:host [part=\"control checked\"]::after {\n border-color: var(--fill-color);\n}\n\n[part~=focused] {\n position: relative;\n}\n[part~=focused]::after {\n content: \"\";\n position: absolute;\n top: -0.125rem;\n left: -0.125rem;\n -webkit-box-shadow: 0 0 0 0.0625rem var(--focus-outline-color);\n box-shadow: 0 0 0 0.0625rem var(--focus-outline-color);\n width: calc(100% + (0.125rem * 2));\n height: calc(100% + (0.125rem * 2));\n}\n[part~=focused] [part=control]::before {\n background: var(--hover-color);\n}\n\n:host(:hover) [part=control]::before {\n background: var(--hover-color);\n -webkit-transform: scale(0.5);\n -ms-transform: scale(0.5);\n transform: scale(0.5);\n}\n:host(:hover) [part=\"control checked\"]::after {\n border-color: var(--fill-hover-border-color);\n}\n:host(:hover) [part=\"control checked\"]::before {\n background: var(--fill-color-hover);\n border-color: var(--fill-hover-border-color);\n}\n\n:host(:not([disabled])[invalid]:hover) [part=control]::after {\n border-color: var(--error-color-hover);\n}\n:host(:not([disabled])[invalid]:hover) [part=control]::before {\n background: var(--error-color-hover);\n}\n:host(:not([disabled])[invalid]:hover) [part=\"control checked\"]::after {\n border-color: var(--error-color-hover);\n}\n:host(:not([disabled])[invalid]:hover) [part=\"control checked\"]::before {\n background: var(--error-color-hover);\n}\n\n:host(:not([disabled])[invalid]) [part~=label] {\n color: var(--error-color);\n}\n:host(:not([disabled])[invalid]) [part~=control]::after {\n border-color: var(--error-color);\n}\n:host(:not([disabled])[invalid]) [part=\"control checked\"]::before {\n background: var(--error-color);\n}\n:host(:not([disabled])[invalid]) [part=focused] [part=control]::after {\n border-color: var(--error-color-hover);\n}\n:host(:not([disabled])[invalid]) [part=focused] [part=control]::before {\n background: var(--error-color-hover);\n}\n\n:host([disabled]) [part~=label],\n:host(:disabled) [part~=label] {\n color: var(--disabled-label-color);\n}\n:host([disabled]) [part~=control]::after,\n:host(:disabled) [part~=control]::after {\n border-color: var(--disabled-color);\n}\n:host([disabled]) [part=\"control checked\"]::before,\n:host(:disabled) [part=\"control checked\"]::before {\n background: var(--disabled-color);\n border-color: var(--disabled-color);\n}`;\n"]}
1	+ {"version":3,"file":"radio.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoJvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --hover-color: var(--ig-radio-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --fill-hover-border-color: var(--ig-radio-fill-hover-border-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));\n --label-color: var(--ig-radio-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --empty-color: var(--ig-radio-empty-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --fill-color: var(--ig-radio-fill-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --fill-color-hover: var(--ig-radio-fill-color-hover, hsla(var(--ig-primary-800), var(--ig-primary-a)));\n --disabled-color: var(--ig-radio-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n --disabled-label-color: var(--ig-radio-disabled-label-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --error-color: var(--ig-radio-error-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n --error-color-hover: var(--ig-radio-error-color-hover, hsla(var(--ig-error-700), var(--ig-error-a)));\n --focus-outline-color: var(--ig-radio-focus-outline-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n}\n\n[part~=label] {\n font-family: var(--ig-body-2-font-family, var(--ig-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 color: var(--label-color);\n}\n\n:host [part~=base] {\n -webkit-transition-duration: 0.1s;\n transition-duration: 0.1s;\n gap: 0.375rem;\n}\n\n:host [part~=control] {\n border-radius: var(--size);\n width: var(--size);\n height: var(--size);\n min-width: var(--size);\n -webkit-transition: none;\n transition: none;\n}\n:host [part~=control]::before, :host [part~=control]::after {\n border-radius: calc(var(--size) / 2);\n width: var(--size);\n height: var(--size);\n inset-inline-start: 0;\n top: 0;\n -webkit-transform: none;\n -ms-transform: none;\n transform: none;\n}\n:host [part~=control]::before {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n -webkit-transform: scale(0);\n -ms-transform: scale(0);\n transform: scale(0);\n -webkit-transition: all 0.2s ease-in;\n transition: all 0.2s ease-in;\n z-index: 1;\n}\n:host [part~=control]::after {\n border: 0.0625rem solid var(--empty-color);\n}\n\n:host [part=\"control checked\"]::before {\n border-color: var(--fill-color);\n background: var(--fill-color);\n -webkit-transform: scale(0.5);\n -ms-transform: scale(0.5);\n transform: scale(0.5);\n}\n:host [part=\"control checked\"]::after {\n border-color: var(--fill-color);\n}\n\n[part~=focused] {\n position: relative;\n}\n[part~=focused]::after {\n content: \"\";\n position: absolute;\n top: -0.125rem;\n left: -0.125rem;\n -webkit-box-shadow: 0 0 0 0.0625rem var(--focus-outline-color);\n box-shadow: 0 0 0 0.0625rem var(--focus-outline-color);\n width: calc(100% + (0.125rem * 2));\n height: calc(100% + (0.125rem * 2));\n}\n[part~=focused] [part=control]::before {\n background: var(--hover-color);\n}\n\n:host(:hover) [part=control]::before {\n background: var(--hover-color);\n -webkit-transform: scale(0.5);\n -ms-transform: scale(0.5);\n transform: scale(0.5);\n}\n:host(:hover) [part=\"control checked\"]::after {\n border-color: var(--fill-hover-border-color);\n}\n:host(:hover) [part=\"control checked\"]::before {\n background: var(--fill-color-hover);\n border-color: var(--fill-hover-border-color);\n}\n\n:host(:not([disabled])[invalid]:hover) [part=control]::after {\n border-color: var(--error-color-hover);\n}\n:host(:not([disabled])[invalid]:hover) [part=control]::before {\n background: var(--error-color-hover);\n}\n:host(:not([disabled])[invalid]:hover) [part=\"control checked\"]::after {\n border-color: var(--error-color-hover);\n}\n:host(:not([disabled])[invalid]:hover) [part=\"control checked\"]::before {\n background: var(--error-color-hover);\n}\n\n:host(:not([disabled])[invalid]) [part~=label] {\n color: var(--error-color);\n}\n:host(:not([disabled])[invalid]) [part~=control]::after {\n border-color: var(--error-color);\n}\n:host(:not([disabled])[invalid]) [part=\"control checked\"]::before {\n background: var(--error-color);\n}\n:host(:not([disabled])[invalid]) [part=focused] [part=control]::after {\n border-color: var(--error-color-hover);\n}\n:host(:not([disabled])[invalid]) [part=focused] [part=control]::before {\n background: var(--error-color-hover);\n}\n\n:host([disabled]) [part~=label],\n:host(:disabled) [part~=label] {\n color: var(--disabled-label-color);\n}\n:host([disabled]) [part~=control]::after,\n:host(:disabled) [part~=control]::after {\n border-color: var(--disabled-color);\n}\n:host([disabled]) [part=\"control checked\"]::before,\n:host(:disabled) [part=\"control checked\"]::before {\n background: var(--disabled-color);\n border-color: var(--disabled-color);\n}`;\n"]}

package/components/radio/themes/light/radio.indigo.css.js CHANGED Viewed

@@ -1,50 +1,5 @@
 import { css } from 'lit';
 export const styles = css `:host {
-  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
-  --is-medium: min(
-      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
-      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
-  );
-  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
-  position: relative;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  scrollbar-width: var(--ig-scrollbar-size);
-  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
-}
-:host *,
-:host *::before,
-:host *::after {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-}
-:host ::-webkit-scrollbar {
-  width: var(--ig-scrollbar-size);
-  height: var(--ig-scrollbar-size);
-  background: var(--ig-scrollbar-track-background);
-}
-:host ::-webkit-scrollbar-thumb {
-  background: var(--ig-scrollbar-thumb-background);
-}
-[hidden] {
-  display: none !important;
-}
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-:host {
   --hover-color: var(--ig-radio-hover-color, transparent);
   --fill-hover-border-color: var(--ig-radio-fill-hover-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));
   --label-color: var(--ig-radio-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
@@ -69,17 +24,16 @@ export const styles = css `:host {
 }
 [part~=control] {
-  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--size)), var(--size));
+  border-radius: var(--size);
   width: var(--size, 1.25rem);
   height: var(--size, 1.25rem);
   min-width: var(--size, 1.25rem);
   -webkit-transition: none;
-  -o-transition: none;
   transition: none;
   background: none;
 }
 [part~=control]::before, [part~=control]::after {
-  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(var(--size) / 2)), calc(var(--size) / 2));
+  border-radius: calc(var(--size) / 2);
 }
 [part~=control]::after {
   border: 0.125rem solid var(--empty-color);
@@ -102,20 +56,26 @@ export const styles = css `:host {
           box-shadow: 0 0 0 0.1875rem var(--focus-outline-color-focused);
 }
-:host(:not([disabled])[invalid]) [part~=label] {
+:host(:not([disabled])[invalid]) [part~=label],
+:host(:not(:disabled)[invalid]) [part~=label] {
   color: var(--error-color);
 }
-:host(:not([disabled])[invalid]) [part=control]::after {
+:host(:not([disabled])[invalid]) [part=control]::after,
+:host(:not(:disabled)[invalid]) [part=control]::after {
   border-color: var(--error-color);
 }
-:host(:not([disabled])[invalid]) [part="control checked"]::after {
+:host(:not([disabled])[invalid]) [part="control checked"]::after,
+:host(:not(:disabled)[invalid]) [part="control checked"]::after {
   border-color: var(--error-color);
 }
-:host(:not([disabled])[invalid]) [part="control checked"]::before {
+:host(:not([disabled])[invalid]) [part="control checked"]::before,
+:host(:not(:disabled)[invalid]) [part="control checked"]::before {
   background: var(--error-color);
 }
 :host(:not([disabled])[invalid]) [part~=focused] [part~=control],
-:host(:not([disabled])[invalid]) [part~=focused] [part="control checked"] {
+:host(:not([disabled])[invalid]) [part~=focused] [part="control checked"],
+:host(:not(:disabled)[invalid]) [part~=focused] [part~=control],
+:host(:not(:disabled)[invalid]) [part~=focused] [part="control checked"] {
   -webkit-box-shadow: 0 0 0 0.1875rem var(--error-color-hover);
           box-shadow: 0 0 0 0.1875rem var(--error-color-hover);
 }

package/components/radio/themes/light/radio.indigo.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwIvB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium: min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\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(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length /\n/ stylelint-disable max-line-length /\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n:host {\n --hover-color: var(--ig-radio-hover-color, transparent);\n --fill-hover-border-color: var(--ig-radio-fill-hover-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --label-color: var(--ig-radio-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --empty-color: var(--ig-radio-empty-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --fill-color: var(--ig-radio-fill-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --fill-color-hover: var(--ig-radio-fill-color-hover, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --disabled-color: var(--ig-radio-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --disabled-label-color: var(--ig-radio-disabled-label-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --error-color: var(--ig-radio-error-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n --error-color-hover: var(--ig-radio-error-color-hover, hsla(var(--ig-error-200), var(--ig-error-a)));\n --focus-outline-color: var(--ig-radio-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --focus-outline-color-focused: var(--ig-radio-focus-outline-color-focused, hsla(var(--ig-primary-200), var(--ig-primary-a)));\n font-weight: 600;\n}\n\n[part~=base] {\n gap: 0.5rem;\n}\n\n[part~=label] {\n color: var(--label-color);\n}\n\n[part~=control] {\n border-radius: ~~clamp(0rem, calc(~~var(--~~ig-radius-factor) var(--~~size)~~), var(--size))~~;\n width: var(--size, 1.25rem);\n height: var(--size, 1.25rem);\n min-width: var(--size, 1.25rem);\n -webkit-transition: none;\n ~~-o-~~transition: none;\n ~~transition: none;\n~~ background: none;\n}\n[part~=control]::before, [part~=control]::after {\n border-radius: ~~clamp(0rem,~~ calc(var(--~~ig-radius-factor) * calc(var(--~~size) / 2)~~), calc(var(--size) / 2))~~;\n}\n[part~=control]::after {\n border: 0.125rem solid var(--empty-color);\n}\n\n[part=\"control checked\"]::after {\n border-color: var(--fill-color);\n}\n[part=\"control checked\"]::before {\n background: var(--fill-color-hover);\n border-color: var(--fill-hover-border-color);\n}\n\n[part~=focused] [part=control] {\n -webkit-box-shadow: 0 0 0 0.1875rem var(--focus-outline-color);\n box-shadow: 0 0 0 0.1875rem var(--focus-outline-color);\n}\n[part~=focused] [part=\"control checked\"] {\n -webkit-box-shadow: 0 0 0 0.1875rem var(--focus-outline-color-focused);\n box-shadow: 0 0 0 0.1875rem var(--focus-outline-color-focused);\n}\n\n:host(:not([disabled])[invalid]) [part~=label] {\n color: var(--error-color);\n}\n:host(:not([disabled])[invalid]) [part=control]::after {\n border-color: var(--error-color);\n}\n:host(:not([disabled])[invalid]) [part=\"control checked\"]::after {\n border-color: var(--error-color);\n}\n:host(:not([disabled])[invalid]) [part=\"control checked\"]::before {\n background: var(--error-color);\n}\n:host(:not([disabled])[invalid]) [part~=focused] [part~=control],\n:host(:not([disabled])[invalid]) [part~=focused] [part=\"control checked\"] {\n -webkit-box-shadow: 0 0 0 0.1875rem var(--error-color-hover);\n box-shadow: 0 0 0 0.1875rem var(--error-color-hover);\n}\n\n:host([disabled]) [part~=label],\n:host(:disabled) [part~=label] {\n color: var(--disabled-label-color);\n}\n:host([disabled]) [part=control]::after,\n:host(:disabled) [part=control]::after {\n border-color: var(--disabled-color);\n}\n:host([disabled]) [part=\"control checked\"]::after,\n:host(:disabled) [part=\"control checked\"]::after {\n border-color: var(--disabled-color);\n}\n:host([disabled]) [part=\"control checked\"]::before,\n:host(:disabled) [part=\"control checked\"]::before {\n background: var(--disabled-color);\n}`;\n"]}
1	+ {"version":3,"file":"radio.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgGvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --hover-color: var(--ig-radio-hover-color, transparent);\n --fill-hover-border-color: var(--ig-radio-fill-hover-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --label-color: var(--ig-radio-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --empty-color: var(--ig-radio-empty-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --fill-color: var(--ig-radio-fill-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --fill-color-hover: var(--ig-radio-fill-color-hover, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --disabled-color: var(--ig-radio-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --disabled-label-color: var(--ig-radio-disabled-label-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --error-color: var(--ig-radio-error-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n --error-color-hover: var(--ig-radio-error-color-hover, hsla(var(--ig-error-200), var(--ig-error-a)));\n --focus-outline-color: var(--ig-radio-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --focus-outline-color-focused: var(--ig-radio-focus-outline-color-focused, hsla(var(--ig-primary-200), var(--ig-primary-a)));\n font-weight: 600;\n}\n\n[part~=base] {\n gap: 0.5rem;\n}\n\n[part~=label] {\n color: var(--label-color);\n}\n\n[part~=control] {\n border-radius: var(--size);\n width: var(--size, 1.25rem);\n height: var(--size, 1.25rem);\n min-width: var(--size, 1.25rem);\n -webkit-transition: none;\n transition: none;\n background: none;\n}\n[part~=control]::before, [part~=control]::after {\n border-radius: calc(var(--size) / 2);\n}\n[part~=control]::after {\n border: 0.125rem solid var(--empty-color);\n}\n\n[part=\"control checked\"]::after {\n border-color: var(--fill-color);\n}\n[part=\"control checked\"]::before {\n background: var(--fill-color-hover);\n border-color: var(--fill-hover-border-color);\n}\n\n[part~=focused] [part=control] {\n -webkit-box-shadow: 0 0 0 0.1875rem var(--focus-outline-color);\n box-shadow: 0 0 0 0.1875rem var(--focus-outline-color);\n}\n[part~=focused] [part=\"control checked\"] {\n -webkit-box-shadow: 0 0 0 0.1875rem var(--focus-outline-color-focused);\n box-shadow: 0 0 0 0.1875rem var(--focus-outline-color-focused);\n}\n\n:host(:not([disabled])[invalid]) [part~=label],\n:host(:not(:disabled)[invalid]) [part~=label] {\n color: var(--error-color);\n}\n:host(:not([disabled])[invalid]) [part=control]::after,\n:host(:not(:disabled)[invalid]) [part=control]::after {\n border-color: var(--error-color);\n}\n:host(:not([disabled])[invalid]) [part=\"control checked\"]::after,\n:host(:not(:disabled)[invalid]) [part=\"control checked\"]::after {\n border-color: var(--error-color);\n}\n:host(:not([disabled])[invalid]) [part=\"control checked\"]::before,\n:host(:not(:disabled)[invalid]) [part=\"control checked\"]::before {\n background: var(--error-color);\n}\n:host(:not([disabled])[invalid]) [part~=focused] [part~=control],\n:host(:not([disabled])[invalid]) [part~=focused] [part=\"control checked\"],\n:host(:not(:disabled)[invalid]) [part~=focused] [part~=control],\n:host(:not(:disabled)[invalid]) [part~=focused] [part=\"control checked\"] {\n -webkit-box-shadow: 0 0 0 0.1875rem var(--error-color-hover);\n box-shadow: 0 0 0 0.1875rem var(--error-color-hover);\n}\n\n:host([disabled]) [part~=label],\n:host(:disabled) [part~=label] {\n color: var(--disabled-label-color);\n}\n:host([disabled]) [part=control]::after,\n:host(:disabled) [part=control]::after {\n border-color: var(--disabled-color);\n}\n:host([disabled]) [part=\"control checked\"]::after,\n:host(:disabled) [part=\"control checked\"]::after {\n border-color: var(--disabled-color);\n}\n:host([disabled]) [part=\"control checked\"]::before,\n:host(:disabled) [part=\"control checked\"]::before {\n background: var(--disabled-color);\n}`;\n"]}

package/components/radio/themes/light/radio.material.css.js CHANGED Viewed

@@ -1,51 +1,6 @@
 import { css } from 'lit';
-export const styles = css `:host {
-  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
-  --is-medium: min(
-      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
-      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
-  );
-  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
-  position: relative;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  scrollbar-width: var(--ig-scrollbar-size);
-  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
-}
-:host *,
-:host *::before,
-:host *::after {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-}
-:host ::-webkit-scrollbar {
-  width: var(--ig-scrollbar-size);
-  height: var(--ig-scrollbar-size);
-  background: var(--ig-scrollbar-track-background);
-}
-:host ::-webkit-scrollbar-thumb {
-  background: var(--ig-scrollbar-thumb-background);
-}
-[hidden] {
-  display: none !important;
-}
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-[part~=ripple] {
-  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--size)), var(--size));
+export const styles = css `[part~=ripple] {
+  border-radius: var(--size);
   display: block;
   position: absolute;
   top: calc(50% - 1.25rem);
@@ -96,11 +51,11 @@ export const styles = css `:host {
 }
 [part~=control] {
-  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--size)), var(--size));
+  border-radius: var(--size);
   position: relative;
 }
 [part~=control]::before, [part~=control]::after {
-  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(var(--size) / 2)), calc(var(--size) / 2));
+  border-radius: calc(var(--size) / 2);
 }
 [part~=control]::after {
   border: calc(var(--size) / 10) solid var(--empty-color);