npm - igniteui-webcomponents - Versions diffs - 4.3.0-alpha.0 → 4.3.0-beta.0 - Mend

igniteui-webcomponents 4.3.0-alpha.0 → 4.3.0-beta.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 (148) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 ## [Unreleased]
+### Deprecated
+- Select: Removed `sameWidth` and `positinStrategy`. They will be removed in the next major release.
 ### Added
 - Combo: Added `matchDiacritics` to the filtering options property. Defaults to `false`.

package/animations/player.js CHANGED Viewed

@@ -7,12 +7,16 @@ export class AnimationPlayer {
         return query.matches;
     }
     parseKeyframes(keyframes) {
-        return keyframes.map((keyframe) => ({
-            ...keyframe,
-            height: keyframe.height === 'auto'
-                ? `${this.target.scrollHeight}px`
-                : keyframe.height,
-        }));
+        return keyframes.map((keyframe) => {
+            if (!keyframe.height)
+                return keyframe;
+            return {
+                ...keyframe,
+                height: keyframe.height === 'auto'
+                    ? `${this.target.scrollHeight}px`
+                    : keyframe.height,
+            };
+        });
     }
     async play(animation) {
         const { steps, options } = animation;

package/animations/player.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"player.js","sourceRoot":"","sources":["../../src/animations/player.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,eAAe;IAG1B,YAAY,MAAmB;QAC7B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAEO,oBAAoB;QAC1B,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC;QACpE,OAAO,KAAK,CAAC,OAAO,CAAC;IACvB,CAAC;IAEO,cAAc,CAAC,SAAqB;QAC1C,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;~~YAClC~~,GAAG,QAAQ;~~YACX~~,MAAM,EACJ,QAAQ,CAAC,MAAM,KAAK,MAAM;~~gBACxB~~,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,IAAI;~~gBACjC~~,CAAC,CAAC,QAAQ,CAAC,MAAM;~~SACtB~~,CAAC,CAAC,CAAC;~~IACN~~,CAAC;IAEM,KAAK,CAAC,IAAI,CAAC,SAAqC;QACrD,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;QAErC,OAAO,IAAI,OAAO,CAAyB,CAAC,OAAO,EAAE,EAAE;YACrD,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,MAAK,QAAQ,EAAE;gBAClC,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;aAC7D;YAED,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;YACnD,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,eAAe,EAAE;gBACrD,GAAG,OAAO;gBACV,QAAQ,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAQ,CAAC,QAAQ;aAC9D,CAAC,CAAC;YAEH,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;YAC9D,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QAChE,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,OAAO;QACZ,OAAO,OAAO,CAAC,GAAG,CAChB,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;YAC5C,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;gBAC7B,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;gBAElE,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,oBAAoB,EAAE;oBACzD,IAAI,EAAE,IAAI;iBACX,CAAC,CAAC;gBACH,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,oBAAoB,EAAE;oBACzD,IAAI,EAAE,IAAI;iBACX,CAAC,CAAC;gBACH,SAAS,CAAC,MAAM,EAAE,CAAC;YACrB,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CACH,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { AnimationReferenceMetadata } from './types.js';\n\nexport class AnimationPlayer {\n private target!: HTMLElement;\n\n constructor(target: HTMLElement) {\n this.target = target;\n }\n\n private prefersReducedMotion() {\n const query = window.matchMedia('(prefers-reduced-motion: reduce)');\n return query.matches;\n }\n\n private parseKeyframes(keyframes: Keyframe[]) {\n return keyframes.map((keyframe) => ({\n ...keyframe,\n height:\n keyframe.height === 'auto'\n ? `${this.target.scrollHeight}px`\n : keyframe.height,\n }));\n }\n\n public async play(animation: AnimationReferenceMetadata) {\n const { steps, options } = animation;\n\n return new Promise<AnimationPlaybackEvent>((resolve) => {\n if (options?.duration === Infinity) {\n throw new Error('Promise-based animations must be finite.');\n }\n\n const parsedKeyframes = this.parseKeyframes(steps);\n const animation = this.target.animate(parsedKeyframes, {\n ...options,\n duration: this.prefersReducedMotion() ? 0 : options!.duration,\n });\n\n animation.addEventListener('cancel', resolve, { once: true });\n animation.addEventListener('finish', resolve, { once: true });\n });\n }\n\n public stopAll() {\n return Promise.all(\n this.target.getAnimations().map((animation) => {\n return new Promise((resolve) => {\n const handleAnimationEvent = () => requestAnimationFrame(resolve);\n\n animation.addEventListener('cancel', handleAnimationEvent, {\n once: true,\n });\n animation.addEventListener('finish', handleAnimationEvent, {\n once: true,\n });\n animation.cancel();\n });\n })\n );\n }\n}\n"]}
1	+ {"version":3,"file":"player.js","sourceRoot":"","sources":["../../src/animations/player.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,eAAe;IAG1B,YAAY,MAAmB;QAC7B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAEO,oBAAoB;QAC1B,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC;QACpE,OAAO,KAAK,CAAC,OAAO,CAAC;IACvB,CAAC;IAEO,cAAc,CAAC,SAAqB;QAC1C,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;YAChC,IAAI,CAAC,QAAQ,CAAC,MAAM;gBAAE,OAAO,QAAQ,CAAC;YAEtC,OAAO;gBACL,GAAG,QAAQ;gBACX,MAAM,EACJ,QAAQ,CAAC,MAAM,KAAK,MAAM;oBACxB,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,IAAI;oBACjC,CAAC,CAAC,QAAQ,CAAC,MAAM;aACtB,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,KAAK,CAAC,IAAI,CAAC,SAAqC;QACrD,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;QAErC,OAAO,IAAI,OAAO,CAAyB,CAAC,OAAO,EAAE,EAAE;YACrD,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,MAAK,QAAQ,EAAE;gBAClC,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;aAC7D;YAED,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;YACnD,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,eAAe,EAAE;gBACrD,GAAG,OAAO;gBACV,QAAQ,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAQ,CAAC,QAAQ;aAC9D,CAAC,CAAC;YAEH,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;YAC9D,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QAChE,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,OAAO;QACZ,OAAO,OAAO,CAAC,GAAG,CAChB,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;YAC5C,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;gBAC7B,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;gBAElE,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,oBAAoB,EAAE;oBACzD,IAAI,EAAE,IAAI;iBACX,CAAC,CAAC;gBACH,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,oBAAoB,EAAE;oBACzD,IAAI,EAAE,IAAI;iBACX,CAAC,CAAC;gBACH,SAAS,CAAC,MAAM,EAAE,CAAC;YACrB,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CACH,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { AnimationReferenceMetadata } from './types.js';\n\nexport class AnimationPlayer {\n private target!: HTMLElement;\n\n constructor(target: HTMLElement) {\n this.target = target;\n }\n\n private prefersReducedMotion() {\n const query = window.matchMedia('(prefers-reduced-motion: reduce)');\n return query.matches;\n }\n\n private parseKeyframes(keyframes: Keyframe[]) {\n return keyframes.map((keyframe) => {\n if (!keyframe.height) return keyframe;\n\n return {\n ...keyframe,\n height:\n keyframe.height === 'auto'\n ? `${this.target.scrollHeight}px`\n : keyframe.height,\n };\n });\n }\n\n public async play(animation: AnimationReferenceMetadata) {\n const { steps, options } = animation;\n\n return new Promise<AnimationPlaybackEvent>((resolve) => {\n if (options?.duration === Infinity) {\n throw new Error('Promise-based animations must be finite.');\n }\n\n const parsedKeyframes = this.parseKeyframes(steps);\n const animation = this.target.animate(parsedKeyframes, {\n ...options,\n duration: this.prefersReducedMotion() ? 0 : options!.duration,\n });\n\n animation.addEventListener('cancel', resolve, { once: true });\n animation.addEventListener('finish', resolve, { once: true });\n });\n }\n\n public stopAll() {\n return Promise.all(\n this.target.getAnimations().map((animation) => {\n return new Promise((resolve) => {\n const handleAnimationEvent = () => requestAnimationFrame(resolve);\n\n animation.addEventListener('cancel', handleAnimationEvent, {\n once: true,\n });\n animation.addEventListener('finish', handleAnimationEvent, {\n once: true,\n });\n animation.cancel();\n });\n })\n );\n }\n}\n"]}

package/animations/presets/fade/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+declare const fadeIn: import("../../types.js").AnimationReferenceMetadata;
+declare const fadeOut: import("../../types.js").AnimationReferenceMetadata;
+export { fadeIn, fadeOut };

package/animations/presets/fade/index.js ADDED Viewed

@@ -0,0 +1,12 @@
+import { EaseOut } from '../../easings.js';
+import { animation } from '../../types.js';
+const fadeIn = animation([{ opacity: 0 }, { opacity: 1 }], {
+    duration: 350,
+    easing: EaseOut.Sine,
+});
+const fadeOut = animation([{ opacity: 1 }, { opacity: 0 }], {
+    duration: 350,
+    easing: EaseOut.Sine,
+});
+export { fadeIn, fadeOut };
+//# sourceMappingURL=index.js.map

package/animations/presets/fade/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/animations/presets/fade/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE;IACzD,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,OAAO,CAAC,IAAI;CACrB,CAAC,CAAC;AAEH,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE;IAC1D,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,OAAO,CAAC,IAAI;CACrB,CAAC,CAAC;AAEH,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC","sourcesContent":["import { EaseOut } from '../../easings.js';\nimport { animation } from '../../types.js';\n\nconst fadeIn = animation([{ opacity: 0 }, { opacity: 1 }], {\n duration: 350,\n easing: EaseOut.Sine,\n});\n\nconst fadeOut = animation([{ opacity: 1 }, { opacity: 0 }], {\n duration: 350,\n easing: EaseOut.Sine,\n});\n\nexport { fadeIn, fadeOut };\n"]}

package/animations/presets/index.d.ts CHANGED Viewed

	@@ -1 +1,2 @@
1 1	export * from './grow/index.js';
2	+ export * from './fade/index.js';

package/animations/presets/index.js CHANGED Viewed

@@ -1,2 +1,3 @@
 export * from './grow/index.js';
+export * from './fade/index.js';
 //# sourceMappingURL=index.js.map

package/animations/presets/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/animations/presets/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './grow/index.js';\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/animations/presets/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './grow/index.js';\nexport * from './fade/index.js';\n"]}

package/components/avatar/themes/dark/avatar.base.bootstrap.css.js CHANGED Viewed

@@ -1,13 +1,15 @@
 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 */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
+/* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
 //# sourceMappingURL=avatar.base.bootstrap.css.js.map

package/components/avatar/themes/dark/avatar.base.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"avatar.base.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/dark/avatar.base.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;wRAU~~+P,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 /\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 / / 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 / / 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 / / stylelint-disable max-line-length / / stylelint-disable max-line-length */`;\n"]}
1	+ {"version":3,"file":"avatar.base.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/dark/avatar.base.bootstrap.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"]}

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

@@ -33,15 +33,17 @@ export const styles = css `:host {
 /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */
+/* stylelint-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 {
   --size: max(var(--is-large, 1) * max(5.5rem, -1 * 5.5rem), var(--is-medium, 1) * max(4rem, -1 * 4rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));
   display: -webkit-inline-box;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"avatar.base.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/light/avatar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6HvB~~,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 /\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 / / 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 / / 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 / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n:host {\n --size: max(var(--is-large, 1) max(5.5rem, -1 * 5.5rem), var(--is-medium, 1) * max(4rem, -1 * 4rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n}\n:host,\n:host ig-avatar {\n --background: var(--ig-avatar-background, hsla(var(--ig-gray-400), 0.54));\n --color: var(--ig-avatar-color, hsla(var(--ig-gray-800), 0.96));\n --border-radius: var(--ig-avatar-border-radius, 0rem);\n}\n\n[part=base] {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n color: var(--color);\n background: var(--background);\n border-radius: 0;\n outline-style: none;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n overflow: hidden;\n font-family: var(--ig-font-family);\n width: var(--size);\n height: var(--size);\n}\n[part=base] [part=initials] {\n font-size: calc(var(--size) / 2);\n line-height: calc(var(--size) / 2);\n}\n\nimg {\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: inherit;\n background-color: inherit;\n -o-object-fit: cover;\n object-fit: cover;\n}\n\n[part=initials] {\n text-transform: uppercase;\n}\n\n:host([size=large]) {\n --component-size: var(--ig-size, var(--ig-size-large));\n}\n\n:host([size=medium]) {\n --component-size: var(--ig-size, var(--ig-size-medium));\n}\n\n:host([size=small]) {\n --component-size: var(--ig-size, var(--ig-size-small));\n}\n\n:host([shape=rounded]) [part=base] {\n border-radius: var(--border-radius);\n}\n\n:host([shape=circle]) [part=base] {\n border-radius: calc(var(--size) / 2);\n}`;\n"]}
1	+ {"version":3,"file":"avatar.base.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/light/avatar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+HvB,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 --size: max(var(--is-large, 1) max(5.5rem, -1 * 5.5rem), var(--is-medium, 1) * max(4rem, -1 * 4rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n}\n:host,\n:host ig-avatar {\n --background: var(--ig-avatar-background, hsla(var(--ig-gray-400), 0.54));\n --color: var(--ig-avatar-color, hsla(var(--ig-gray-800), 0.96));\n --border-radius: var(--ig-avatar-border-radius, 0rem);\n}\n\n[part=base] {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n color: var(--color);\n background: var(--background);\n border-radius: 0;\n outline-style: none;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n overflow: hidden;\n font-family: var(--ig-font-family);\n width: var(--size);\n height: var(--size);\n}\n[part=base] [part=initials] {\n font-size: calc(var(--size) / 2);\n line-height: calc(var(--size) / 2);\n}\n\nimg {\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: inherit;\n background-color: inherit;\n -o-object-fit: cover;\n object-fit: cover;\n}\n\n[part=initials] {\n text-transform: uppercase;\n}\n\n:host([size=large]) {\n --component-size: var(--ig-size, var(--ig-size-large));\n}\n\n:host([size=medium]) {\n --component-size: var(--ig-size, var(--ig-size-medium));\n}\n\n:host([size=small]) {\n --component-size: var(--ig-size, var(--ig-size-small));\n}\n\n:host([shape=rounded]) [part=base] {\n border-radius: var(--border-radius);\n}\n\n:host([shape=circle]) [part=base] {\n border-radius: calc(var(--size) / 2);\n}`;\n"]}

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

@@ -1,15 +1,17 @@
 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 */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */
+/* stylelint-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,
 :host ig-avatar {
   --background: var(--ig-avatar-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));

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

	@@ -1 +1 @@
1	- {"version":3,"file":"avatar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/light/avatar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;EAqBvB~~,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 /\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 / / 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 / / 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 / / stylelint-disable max-line-length / / stylelint-disable max-line-length */\n:host,\n:host ig-avatar {\n --background: var(--ig-avatar-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n --color: var(--ig-avatar-color, var(--ig-gray-400-contrast));\n --border-radius: var(--ig-avatar-border-radius, 0.25rem);\n}\n\n:host([shape=square]) [part=base],\n:host([shape=rounded]) [part=base] {\n border-radius: 0.25rem;\n}`;\n"]}
1	+ {"version":3,"file":"avatar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/light/avatar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBvB,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:host,\n:host ig-avatar {\n --background: var(--ig-avatar-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n --color: var(--ig-avatar-color, var(--ig-gray-400-contrast));\n --border-radius: var(--ig-avatar-border-radius, 0.25rem);\n}\n\n:host([shape=square]) [part=base],\n:host([shape=rounded]) [part=base] {\n border-radius: 0.25rem;\n}`;\n"]}

package/components/button/themes/button/dark/button.bootstrap.css.js CHANGED Viewed

@@ -1,13 +1,15 @@
 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 */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
+/* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
 //# sourceMappingURL=button.bootstrap.css.js.map

package/components/button/themes/button/dark/button.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;wRAU~~+P,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 /\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 / / 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 / / 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 / / stylelint-disable max-line-length / / stylelint-disable max-line-length */`;\n"]}
1	+ {"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.bootstrap.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"]}

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

@@ -1,13 +1,15 @@
 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 */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
+/* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
 //# sourceMappingURL=button.fluent.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;wRAU~~+P,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 /\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 / / 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 / / 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 / / stylelint-disable max-line-length / / stylelint-disable max-line-length */`;\n"]}
1	+ {"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.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"]}

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

@@ -1,13 +1,15 @@
 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 */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
+/* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
 //# sourceMappingURL=button.indigo.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;wRAU~~+P,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 /\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 / / 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 / / 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 / / stylelint-disable max-line-length / / stylelint-disable max-line-length */`;\n"]}
1	+ {"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.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"]}

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

@@ -1,13 +1,15 @@
 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 */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
+/* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
 //# sourceMappingURL=button.material.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;wRAU~~+P,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 /\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 / / 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 / / 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 / / stylelint-disable max-line-length / / stylelint-disable max-line-length */`;\n"]}
1	+ {"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.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"]}

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

@@ -1,15 +1,17 @@
 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 */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */
+/* stylelint-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([variant=flat]),
 :host([variant=flat]) [igxButton=flat], :host([variant=flat]) .igx-button--flat {
   --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-200), 0.5));

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

	@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyQvB,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 /\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 / / 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 / / 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 / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n:host([variant=flat]),\n:host([variant=flat]) [igxButton=flat], :host([variant=flat]) .igx-button--flat {\n --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-200), 0.5));\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, transparent);\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, transparent);\n --foreground: var(--ig-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --hover-background: var(--ig-button-hover-background, transparent);\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-primary-800), var(--ig-primary-a)));\n --focus-background: var(--ig-button-focus-background, transparent);\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, transparent);\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --active-background: var(--ig-button-active-background, transparent);\n --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --border-radius: var(--ig-button-border-radius, 0.25rem);\n}\n:host([variant=flat]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=contained]),\n:host([variant=contained]) [igxButton=raised], :host([variant=contained]) .igx-button--raised {\n --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-600-contrast));\n --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));\n --active-foreground: var(--ig-button-active-foreground, var(--ig-primary-700-contrast));\n --border-radius: var(--ig-button-border-radius, 0.25rem);\n}\n:host([variant=contained]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=outlined]),\n:host([variant=outlined]) [igxButton=outlined], :host([variant=outlined]) .igx-button--outlined {\n --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-200), 0.5));\n --border-color: var(--ig-button-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --hover-border-color: var(--ig-button-hover-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --disabled-border-color: var(--ig-button-disabled-border-color, hsla(var(--ig-primary-50), var(--ig-primary-a)));\n --disabled-background: var(--ig-button-disabled-background, transparent);\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, transparent);\n --foreground: var(--ig-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));\n --focus-background: var(--ig-button-focus-background, transparent);\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, transparent);\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));\n --active-foreground: var(--ig-button-active-foreground, var(--ig-primary-700-contrast));\n --border-radius: var(--ig-button-border-radius, 0.25rem);\n}\n:host([variant=outlined]) [part=base] {\n border: 0.0625rem solid var(--border-color);\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=fab]),\n:host([variant=fab]) [igxButton=fab], :host([variant=fab]) .igx-button--fab {\n --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-600-contrast));\n --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));\n --active-foreground: var(--ig-button-active-foreground, var(--ig-primary-700-contrast));\n --border-radius: var(--ig-button-border-radius, 0.9375rem);\n}\n:host([variant=fab]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host {\n --size: max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem));\n}\n\n:host [part=base] {\n -webkit-transition: all 0.15s ease-in-out;\n -o-transition: all 0.15s ease-in-out;\n transition: all 0.15s ease-in-out;\n}\n\n:host(:not([disabled])[variant=flat]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus-visible {\n color: var(--focus-visible-foreground);\n background: var(--focus-visible-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\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.25rem var(--shadow-color);\n box-shadow: 0 0 0 0.25rem var(--shadow-color);\n}\n\n:host(:not([disabled])[variant=contained]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible {\n color: var(--focus-visible-foreground);\n background: var(--focus-visible-background);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus, :host(:not([disabled])[variant=contained]) [part=base]:active {\n -webkit-box-shadow: 0 0 0 0.25rem var(--shadow-color);\n box-shadow: 0 0 0 0.25rem var(--shadow-color);\n}\n\n:host(:not([disabled])[variant=outlined]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible {\n color: var(--focus-visible-foreground);\n background: var(--focus-visible-background);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus, :host(:not([disabled])[variant=outlined]) [part=base]:active {\n -webkit-box-shadow: 0 0 0 0.25rem var(--shadow-color);\n box-shadow: 0 0 0 0.25rem var(--shadow-color);\n}\n\n:host(:not([disabled])[variant=fab]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible {\n color: var(--focus-visible-foreground);\n background: var(--focus-visible-background);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus, :host(:not([disabled])[variant=fab]) [part=base]:active {\n -webkit-box-shadow: 0 0 0 0.25rem var(--shadow-color);\n box-shadow: 0 0 0 0.25rem var(--shadow-color);\n}\n\n:host([disabled][variant=flat]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}\n\n:host([disabled][variant=contained]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}\n\n:host([disabled][variant=outlined]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n border-color: var(--disabled-border-color);\n}\n\n:host([disabled][variant=fab]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}`;\n"]}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2QvB,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:host([variant=flat]),\n:host([variant=flat]) [igxButton=flat], :host([variant=flat]) .igx-button--flat {\n --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-200), 0.5));\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, transparent);\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, transparent);\n --foreground: var(--ig-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --hover-background: var(--ig-button-hover-background, transparent);\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-primary-800), var(--ig-primary-a)));\n --focus-background: var(--ig-button-focus-background, transparent);\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, transparent);\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --active-background: var(--ig-button-active-background, transparent);\n --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --border-radius: var(--ig-button-border-radius, 0.25rem);\n}\n:host([variant=flat]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=contained]),\n:host([variant=contained]) [igxButton=raised], :host([variant=contained]) .igx-button--raised {\n --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-600-contrast));\n --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));\n --active-foreground: var(--ig-button-active-foreground, var(--ig-primary-700-contrast));\n --border-radius: var(--ig-button-border-radius, 0.25rem);\n}\n:host([variant=contained]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=outlined]),\n:host([variant=outlined]) [igxButton=outlined], :host([variant=outlined]) .igx-button--outlined {\n --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-200), 0.5));\n --border-color: var(--ig-button-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --hover-border-color: var(--ig-button-hover-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --disabled-border-color: var(--ig-button-disabled-border-color, hsla(var(--ig-primary-50), var(--ig-primary-a)));\n --disabled-background: var(--ig-button-disabled-background, transparent);\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, transparent);\n --foreground: var(--ig-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));\n --focus-background: var(--ig-button-focus-background, transparent);\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, transparent);\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));\n --active-foreground: var(--ig-button-active-foreground, var(--ig-primary-700-contrast));\n --border-radius: var(--ig-button-border-radius, 0.25rem);\n}\n:host([variant=outlined]) [part=base] {\n border: 0.0625rem solid var(--border-color);\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=fab]),\n:host([variant=fab]) [igxButton=fab], :host([variant=fab]) .igx-button--fab {\n --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-600-contrast));\n --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));\n --active-foreground: var(--ig-button-active-foreground, var(--ig-primary-700-contrast));\n --border-radius: var(--ig-button-border-radius, 0.9375rem);\n}\n:host([variant=fab]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host {\n --size: max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem));\n}\n\n:host [part=base] {\n -webkit-transition: all 0.15s ease-in-out;\n -o-transition: all 0.15s ease-in-out;\n transition: all 0.15s ease-in-out;\n}\n\n:host(:not([disabled])[variant=flat]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus-visible {\n color: var(--focus-visible-foreground);\n background: var(--focus-visible-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\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.25rem var(--shadow-color);\n box-shadow: 0 0 0 0.25rem var(--shadow-color);\n}\n\n:host(:not([disabled])[variant=contained]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible {\n color: var(--focus-visible-foreground);\n background: var(--focus-visible-background);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus, :host(:not([disabled])[variant=contained]) [part=base]:active {\n -webkit-box-shadow: 0 0 0 0.25rem var(--shadow-color);\n box-shadow: 0 0 0 0.25rem var(--shadow-color);\n}\n\n:host(:not([disabled])[variant=outlined]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible {\n color: var(--focus-visible-foreground);\n background: var(--focus-visible-background);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus, :host(:not([disabled])[variant=outlined]) [part=base]:active {\n -webkit-box-shadow: 0 0 0 0.25rem var(--shadow-color);\n box-shadow: 0 0 0 0.25rem var(--shadow-color);\n}\n\n:host(:not([disabled])[variant=fab]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible {\n color: var(--focus-visible-foreground);\n background: var(--focus-visible-background);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus, :host(:not([disabled])[variant=fab]) [part=base]:active {\n -webkit-box-shadow: 0 0 0 0.25rem var(--shadow-color);\n box-shadow: 0 0 0 0.25rem var(--shadow-color);\n}\n\n:host([disabled][variant=flat]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}\n\n:host([disabled][variant=contained]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}\n\n:host([disabled][variant=outlined]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n border-color: var(--disabled-border-color);\n}\n\n:host([disabled][variant=fab]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}`;\n"]}

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

@@ -1,15 +1,17 @@
 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 */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */
+/* stylelint-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([variant=flat]),
 :host([variant=flat]) [igxButton=flat], :host([variant=flat]) .igx-button--flat {
   --shadow-color: var(--ig-button-shadow-color, transparent);