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

igniteui-webcomponents 5.3.0-alpha.0 → 5.3.0-beta.1

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 (1688) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -4,6 +4,44 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
+## [5.2.4] - 2025-02-24
+### Changed
+- #### Carousel - **Potential visual breaking change.**
+  - Removed `[part='base']` wrapping container from slide's internal DOM.
+## [5.2.3] - 2025-02-13
+### Fixed
+- #### Chip
+  - Disabled state in Bootstrap [#1573](https://github.com/IgniteUI/igniteui-webcomponents/pull/1573)
+## [5.2.2] - 2025-02-12
+### Fixed
+- #### Combo
+  - Incorrect defaultValue with async data-binding [#1555](https://github.com/IgniteUI/igniteui-webcomponents/pull/1555)
+- #### Circular progressbar
+  - Value label correctly scales with the diameter of the component [#1543](https://github.com/IgniteUI/igniteui-webcomponents/pull/1543)
+- #### Date picker
+  - Date picker styles for the helper-text slot based on its size [#1559](https://github.com/IgniteUI/igniteui-webcomponents/pull/1559)
+- #### Icon button
+  - Outlined border sinks behind parent element background [#1566](https://github.com/IgniteUI/igniteui-webcomponents/pull/1566)
+- #### Input
+  - helper-text slot padding styles [#1547](https://github.com/IgniteUI/igniteui-webcomponents/pull/1547)
+- ### Navbar
+  - Apply correct sizes for slotted elements from the library [#1570](https://github.com/IgniteUI/igniteui-webcomponents/pull/1570)
+- #### Rating
+  - Inaccurate value rounding calculation when step is not 1 [#1560](https://github.com/IgniteUI/igniteui-webcomponents/issues/1560)
+## [5.2.1] - 2025-01-23
+### Added
+- #### Dialog
+  - A new `message` slot that renders text content inside the dialog component has been added. The enhancement was introduced to align the design behavior between Ignite UI for WC and Ignite UI for Angular, ensuring a consistent user experience across products. The newly added `message' slot comes with additional styling with a max-width of 40 characters. The default slot is also still available for rendering content inside the dialog without limiting the component's width.
+### Fixed
+- #### List
+  - CSS variables are correctly consumed from internal schemas [#1538](https://github.com/IgniteUI/igniteui-webcomponents/pull/1538)
+- #### Rating
+  - Inaccurate value calculation on selection when step is set to 1 [#1548](https://github.com/IgniteUI/igniteui-webcomponents/issues/1548)
 ## [5.2.0] - 2025-01-09
 ### Added
 - Form-associated elements now have a `defaultValue` property (`defaultChecked` for radio buttons, checkboxes, and switches). When a form is reset, components will use this property’s value as their new value or checked state.
@@ -661,6 +699,10 @@ Initial release of Ignite UI Web Components
 - Ripple component
 - Switch component
+[5.2.4]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.2.3...5.2.4
+[5.2.3]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.2.2...5.2.3
+[5.2.2]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.2.1...5.2.2
+[5.2.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.2.0...5.2.1
 [5.2.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.1.2...5.2.0
 [5.1.2]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.1.1...5.1.2
 [5.1.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.1.0...5.1.1

package/README.md CHANGED Viewed

@@ -23,6 +23,7 @@ See the [Storybook Here](https://igniteui.github.io/igniteui-webcomponents)
 | Components              | Status |         Documentation          | Released Version |
 | :---------------------- | :----: | :----------------------------: | :--------------: |
+| Carousel                |   ✅   |     [Docs][Carousel Docs]      |     [5.1.0]      |
 | Date picker             |   ✅   |    [Docs][Date Picker Docs]    |     [4.10.0]     |
 | Divider                 |   ✅   |      [Docs][Divider Docs]      |     [4.10.0]     |
 | Banner                  |   ✅   |      [Docs][Banner Docs]       |     [4.10.0]     |
@@ -235,6 +236,7 @@ npm run storybook:build
 [Banner Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/notifications/banner
 [Divider Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/layouts/divider
 [Date Picker Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/scheduling/date-picker
+[Carousel Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/layouts/carousel
 [1.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/1.0.0
 [2.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/2.0.0
 [2.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/2.1.0
@@ -245,3 +247,4 @@ npm run storybook:build
 [4.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/4.1.0
 [4.5.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/4.5.0
 [4.10.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/4.10.0
+[5.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/5.1.0

package/animations/player.js CHANGED Viewed

@@ -56,4 +56,11 @@ class AnimationController {
 export function addAnimationController(host, target) {
     return new AnimationController(host, target);
 }
+export function startViewTransition(callback) {
+    if (getPrefersReducedMotion() || !document.startViewTransition) {
+        callback?.();
+        return {};
+    }
+    return { transition: document.startViewTransition(callback) };
+}
 //# sourceMappingURL=player.js.map

package/animations/player.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"player.js","sourceRoot":"","sources":["../../src/animations/player.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD,MAAM,eAAe,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAEvC,SAAS,uBAAuB;IAC9B,OAAO,UAAU,EAAE,UAAU,CAAC,kCAAkC,CAAC,CAAC,OAAO,CAAC;AAC5E,CAAC;AAED,MAAM,mBAAmB;IACvB,IAAc,MAAM;QAClB,IAAI,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;YAC5B,OAAO,IAAI,CAAC,OAAO,CAAC;QACtB,CAAC;QACD,OAAO,IAAI,CAAC,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC;IAC1C,CAAC;IAED,YACmB,IAA0C,EACnD,OAAwC;QAD/B,SAAI,GAAJ,IAAI,CAAsC;QACnD,YAAO,GAAP,OAAO,CAAiC;QAEhD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAChC,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,IAAI,OAAO,EAAE,QAAQ,KAAK,MAAM,CAAC,iBAAiB,EAAE,CAAC;YACnD,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;QAC9D,CAAC;QAED,OAAO,IAAI,OAAO,CAAyB,CAAC,OAAO,EAAE,EAAE;YACrD,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;gBAChE,GAAG,OAAO;gBACV,QAAQ,EAAE,uBAAuB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAQ,CAAC,QAAQ;aAC5D,CAAC,CAAC;YAEH,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC;YAC/D,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC;QACjE,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,QAAQ,GAAG,GAAG,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;gBACtD,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC;gBAChE,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC;gBAEhE,SAAS,CAAC,MAAM,EAAE,CAAC;YACrB,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CACH,CAAC;IACJ,CAAC;IAEM,aAAa,KAAI,CAAC;CAC1B;AAOD,MAAM,UAAU,sBAAsB,CACpC,IAA0C,EAC1C,MAAuC;IAEvC,OAAO,IAAI,mBAAmB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/C,CAAC","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\nimport type { Ref } from 'lit/directives/ref.js';\n\nimport { isElement } from '../components/common/util.js';\nimport type { AnimationReferenceMetadata } from './types.js';\n\nconst listenerOptions = { once: true };\n\nfunction getPrefersReducedMotion() {\n return globalThis?.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\nclass AnimationController implements ReactiveController {\n protected get target() {\n if (isElement(this._target)) {\n return this._target;\n }\n return this._target?.value ?? this.host;\n }\n\n constructor(\n private readonly host: ReactiveControllerHost & HTMLElement,\n private _target?: Ref<HTMLElement> \| HTMLElement\n ) {\n this.host.addController(this);\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 if (options?.duration === Number.POSITIVE_INFINITY) {\n throw new Error('Promise-based animations must be finite.');\n }\n\n return new Promise<AnimationPlaybackEvent>((resolve) => {\n const animation = this.target.animate(this.parseKeyframes(steps), {\n ...options,\n duration: getPrefersReducedMotion() ? 0 : options!.duration,\n });\n\n animation.addEventListener('cancel', resolve, listenerOptions);\n animation.addEventListener('finish', resolve, listenerOptions);\n });\n }\n\n public stopAll() {\n return Promise.all(\n this.target.getAnimations().map((animation) => {\n return new Promise((resolve) => {\n const resolver = () => requestAnimationFrame(resolve);\n animation.addEventListener('cancel', resolver, listenerOptions);\n animation.addEventListener('finish', resolver, listenerOptions);\n\n animation.cancel();\n });\n })\n );\n }\n\n public hostConnected() {}\n}\n\n/*\n Creates and attaches an animation player instance to the passed in `host` element.\n * The player will run animations on the passed in `target`, or if `target` is undefined,\n * the host element itself.\n */\nexport function addAnimationController(\n host: ReactiveControllerHost & HTMLElement,\n target?: Ref<HTMLElement> \| HTMLElement\n) {\n return new AnimationController(host, target);\n}\n"]}
1	+ {"version":3,"file":"player.js","sourceRoot":"","sources":["../../src/animations/player.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\nimport type { Ref } from 'lit/directives/ref.js';\n\nimport { isElement } from '../components/common/util.js';\nimport type { AnimationReferenceMetadata } from './types.js';\n\nconst listenerOptions = { once: true };\n\nfunction getPrefersReducedMotion() {\n return globalThis?.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\nclass AnimationController implements ReactiveController {\n protected get target() {\n if (isElement(this._target)) {\n return this._target;\n }\n return this._target?.value ?? this.host;\n }\n\n constructor(\n private readonly host: ReactiveControllerHost & HTMLElement,\n private _target?: Ref<HTMLElement> \| HTMLElement\n ) {\n this.host.addController(this);\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 if (options?.duration === Number.POSITIVE_INFINITY) {\n throw new Error('Promise-based animations must be finite.');\n }\n\n return new Promise<AnimationPlaybackEvent>((resolve) => {\n const animation = this.target.animate(this.parseKeyframes(steps), {\n ...options,\n duration: getPrefersReducedMotion() ? 0 : options!.duration,\n });\n\n animation.addEventListener('cancel', resolve, listenerOptions);\n animation.addEventListener('finish', resolve, listenerOptions);\n });\n }\n\n public stopAll() {\n return Promise.all(\n this.target.getAnimations().map((animation) => {\n return new Promise((resolve) => {\n const resolver = () => requestAnimationFrame(resolve);\n animation.addEventListener('cancel', resolver, listenerOptions);\n animation.addEventListener('finish', resolver, listenerOptions);\n\n animation.cancel();\n });\n })\n );\n }\n\n public hostConnected() {}\n}\n\n/*\n Creates and attaches an animation player instance to the passed in `host` element.\n * The player will run animations on the passed in `target`, or if `target` is undefined,\n * the host element itself.\n */\nexport function addAnimationController(\n host: ReactiveControllerHost & HTMLElement,\n target?: Ref<HTMLElement> \| HTMLElement\n) {\n return new AnimationController(host, target);\n}\n\ntype ViewTransitionResult = {\n transition?: ViewTransition;\n};\n\nexport function startViewTransition(\n callback?: ViewTransitionUpdateCallback\n): ViewTransitionResult {\n if (getPrefersReducedMotion() \|\| !document.startViewTransition) {\n callback?.();\n return {};\n }\n\n return { transition: document.startViewTransition(callback) };\n}\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-avatar-background, hsl(from var(--ig-gray-300) h s l/1));--color: var(--ig-avatar-color, color-mix(in oklch, var(--ig-gray-300-contrast) 100%, transparent));--icon-color: var(--ig-avatar-icon-color, color-mix(in oklch, var(--ig-gray-300-contrast) 100%, transparent));--border-radius: var(--ig-avatar-border-radius, 0.25rem);--size: var(--ig-avatar-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)))}`;
+export const styles = css `:host{--background: var(--ig-avatar-background, var(--ig-gray-300));--color: var(--ig-avatar-color, var(--ig-gray-300-contrast));--icon-color: var(--ig-avatar-icon-color, var(--ig-gray-300-contrast));--border-radius: var(--ig-avatar-border-radius, 0.25rem);--size: var(--ig-avatar-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)))}`;
 //# sourceMappingURL=avatar.indigo.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"avatar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/dark/avatar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~0hBAA0hB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, ~~hsl(from~~ var(--ig-gray-300) ~~h s l/1~~));--color: var(--ig-avatar-color, ~~color-mix(in oklch,~~ var(--ig-gray-300-contrast) ~~100%, transparent~~));--icon-color: var(--ig-avatar-icon-color, ~~color-mix(in oklch,~~ var(--ig-gray-300-contrast) ~~100%, transparent~~));--border-radius: var(--ig-avatar-border-radius, 0.25rem);--size: var(--ig-avatar-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)))}`;\n"]}
1	+ {"version":3,"file":"avatar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/dark/avatar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0bAA0b,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, var(--ig-gray-300));--color: var(--ig-avatar-color, var(--ig-gray-300-contrast));--icon-color: var(--ig-avatar-icon-color, var(--ig-gray-300-contrast));--border-radius: var(--ig-avatar-border-radius, 0.25rem);--size: var(--ig-avatar-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-avatar-background, hsl(from var(--ig-gray-300) h s l/1));--color: var(--ig-avatar-color, hsl(from var(--ig-gray-700) h s l/1));--icon-color: var(--ig-avatar-icon-color, hsl(from var(--ig-gray-600) h s l/1));--border-radius: var(--ig-avatar-border-radius, 0.25rem);--size: var(--ig-avatar-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)))}`;
+export const styles = css `:host{--background: var(--ig-avatar-background, var(--ig-gray-300));--color: var(--ig-avatar-color, var(--ig-gray-700));--icon-color: var(--ig-avatar-icon-color, var(--ig-gray-600));--border-radius: var(--ig-avatar-border-radius, 0.25rem);--size: var(--ig-avatar-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)))}`;
 //# sourceMappingURL=avatar.indigo.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"avatar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/light/avatar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~8dAA8d~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, ~~hsl(from~~ var(--ig-gray-300) ~~h s l/1~~));--color: var(--ig-avatar-color, ~~hsl(from~~ var(--ig-gray-700) ~~h s l/1~~));--icon-color: var(--ig-avatar-icon-color, ~~hsl(from~~ var(--ig-gray-600) ~~h s l/1~~));--border-radius: var(--ig-avatar-border-radius, 0.25rem);--size: var(--ig-avatar-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)))}`;\n"]}
1	+ {"version":3,"file":"avatar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/light/avatar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,waAAwa,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, var(--ig-gray-300));--color: var(--ig-avatar-color, var(--ig-gray-700));--icon-color: var(--ig-avatar-icon-color, var(--ig-gray-600));--border-radius: var(--ig-avatar-border-radius, 0.25rem);--size: var(--ig-avatar-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-avatar-background, hsl(from var(--ig-gray-400) h s l/1));--color: var(--ig-avatar-color, hsl(from var(--ig-gray-800) h s l/1));--icon-color: var(--ig-avatar-icon-color, hsl(from var(--ig-gray-800) h s l/1));--border-radius: var(--ig-avatar-border-radius, 0.5rem);--size: var(--ig-avatar-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)));--default-size: var(--ig-avatar-default-size, 1)}`;
+export const styles = css `:host{--background: var(--ig-avatar-background, var(--ig-gray-400));--color: var(--ig-avatar-color, var(--ig-gray-800));--icon-color: var(--ig-avatar-icon-color, var(--ig-gray-800));--border-radius: var(--ig-avatar-border-radius, 0.5rem);--size: var(--ig-avatar-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)));--default-size: var(--ig-avatar-default-size, 1)}`;
 //# sourceMappingURL=avatar.shared.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"avatar.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/light/avatar.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~ogBAAogB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, ~~hsl(from~~ var(--ig-gray-400) ~~h s l/1~~));--color: var(--ig-avatar-color, ~~hsl(from~~ var(--ig-gray-800) ~~h s l/1~~));--icon-color: var(--ig-avatar-icon-color, ~~hsl(from~~ var(--ig-gray-800) ~~h s l/1~~));--border-radius: var(--ig-avatar-border-radius, 0.5rem);--size: var(--ig-avatar-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)));--default-size: var(--ig-avatar-default-size, 1)}`;\n"]}
1	+ {"version":3,"file":"avatar.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/light/avatar.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8cAA8c,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, var(--ig-gray-400));--color: var(--ig-avatar-color, var(--ig-gray-800));--icon-color: var(--ig-avatar-icon-color, var(--ig-gray-800));--border-radius: var(--ig-avatar-border-radius, 0.5rem);--size: var(--ig-avatar-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)));--default-size: var(--ig-avatar-default-size, 1)}`;\n"]}

package/components/badge/themes/badge.base.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--size: 1.375rem;--_badge-size: var(--size);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:inline-flex;font-weight:500;vertical-align:top}[part=base]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);display:inline-flex;min-width:var(--size);min-height:var(--size);justify-content:center;align-items:center;overflow:hidden;white-space:nowrap}::slotted(*){--size: calc(var(--_badge-size) / 2) !important}:host(:not(:empty)) [part=base]{padding-inline:.25rem}:host([variant=info]) [part=base]{background:hsl(from var(--ig-info-500) h s l/1)}:host([variant=success]) [part=base]{background:hsl(from var(--ig-success-500) h s l/1)}:host([variant=warning]) [part=base]{background:hsl(from var(--ig-warn-500) h s l/1)}:host([variant=danger]) [part=base]{background:hsl(from var(--ig-error-500) h s l/1)}:host([shape=rounded]),:host([shape=rounded]) [part=base]{border-radius:calc(var(--size)*2)}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--size: 1.375rem;--_badge-size: var(--size);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:inline-flex;font-weight:500;vertical-align:top}[part=base]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);display:inline-flex;min-width:var(--size);min-height:var(--size);justify-content:center;align-items:center;overflow:hidden;white-space:nowrap}::slotted(*){--size: calc(var(--_badge-size) / 2) !important}:host(:not(:empty)) [part=base]{padding-inline:.25rem}:host([variant=info]) [part=base]{background:var(--ig-info-500)}:host([variant=success]) [part=base]{background:var(--ig-success-500)}:host([variant=warning]) [part=base]{background:var(--ig-warn-500)}:host([variant=danger]) [part=base]{background:var(--ig-error-500)}:host([shape=rounded]),:host([shape=rounded]) [part=base]{border-radius:calc(var(--size)*2)}`;
 //# sourceMappingURL=badge.base.css.js.map

package/components/badge/themes/badge.base.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"badge.base.css.js","sourceRoot":"","sources":["../../../../src/components/badge/themes/badge.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~6tEAA6tE~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host ,:host ::before,:host ::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--size: 1.375rem;--_badge-size: var(--size);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:inline-flex;font-weight:500;vertical-align:top}[part=base]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);display:inline-flex;min-width:var(--size);min-height:var(--size);justify-content:center;align-items:center;overflow:hidden;white-space:nowrap}::slotted(){--size: calc(var(--_badge-size) / 2) !important}:host(:not(:empty)) [part=base]{padding-inline:.25rem}:host([variant=info]) [part=base]{background:~~hsl(from~~ var(--ig-info-500) ~~h s l/1)~~}:host([variant=success]) [part=base]{background:~~hsl(from~~ var(--ig-success-500) ~~h s l/1)~~}:host([variant=warning]) [part=base]{background:~~hsl(from~~ var(--ig-warn-500) ~~h s l/1)~~}:host([variant=danger]) [part=base]{background:~~hsl(from~~ var(--ig-error-500) ~~h s l/1)~~}:host([shape=rounded]),:host([shape=rounded]) [part=base]{border-radius:calc(var(--size)*2)}`;\n"]}
1	+ {"version":3,"file":"badge.base.css.js","sourceRoot":"","sources":["../../../../src/components/badge/themes/badge.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qpEAAqpE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host ,:host ::before,:host ::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--size: 1.375rem;--_badge-size: var(--size);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:inline-flex;font-weight:500;vertical-align:top}[part=base]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);display:inline-flex;min-width:var(--size);min-height:var(--size);justify-content:center;align-items:center;overflow:hidden;white-space:nowrap}::slotted(){--size: calc(var(--_badge-size) / 2) !important}:host(:not(:empty)) [part=base]{padding-inline:.25rem}:host([variant=info]) [part=base]{background:var(--ig-info-500)}:host([variant=success]) [part=base]{background:var(--ig-success-500)}:host([variant=warning]) [part=base]{background:var(--ig-warn-500)}:host([variant=danger]) [part=base]{background:var(--ig-error-500)}:host([shape=rounded]),:host([shape=rounded]) [part=base]{border-radius:calc(var(--size)*2)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--icon-color: var(--ig-badge-icon-color, color-mix(in oklch, var(--ig-primary-100-contrast) 100%, transparent));--text-color: var(--ig-badge-text-color, color-mix(in oklch, var(--ig-primary-100-contrast) 100%, transparent));--border-color: var(--ig-badge-border-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--border-radius: var(--ig-badge-border-radius, 0.25rem)}`;
+export const styles = css `:host{--icon-color: var(--ig-badge-icon-color, var(--ig-primary-100-contrast));--text-color: var(--ig-badge-text-color, var(--ig-primary-100-contrast));--border-color: var(--ig-badge-border-color, var(--ig-gray-50-contrast));--border-radius: var(--ig-badge-border-radius, 0.25rem)}`;
 //# sourceMappingURL=badge.bootstrap.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"badge.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/dark/badge.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~gZAAgZ~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--icon-color: var(--ig-badge-icon-color, ~~color-mix(in oklch,~~ var(--ig-primary-100-contrast) ~~100%, transparent~~));--text-color: var(--ig-badge-text-color, ~~color-mix(in oklch,~~ var(--ig-primary-100-contrast) ~~100%, transparent~~));--border-color: var(--ig-badge-border-color, ~~color-mix(in oklch,~~ var(--ig-gray-50-contrast) ~~100%, transparent~~));--border-radius: var(--ig-badge-border-radius, 0.25rem)}`;\n"]}
1	+ {"version":3,"file":"badge.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/dark/badge.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2RAA2R,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--icon-color: var(--ig-badge-icon-color, var(--ig-primary-100-contrast));--text-color: var(--ig-badge-text-color, var(--ig-primary-100-contrast));--border-color: var(--ig-badge-border-color, var(--ig-gray-50-contrast));--border-radius: var(--ig-badge-border-radius, 0.25rem)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--background-color: var(--ig-badge-background-color, hsl(from var(--ig-primary-400) h s l/1))}`;
+export const styles = css `:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--background-color: var(--ig-badge-background-color, var(--ig-primary-400))}`;
 //# sourceMappingURL=badge.indigo.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"badge.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/dark/badge.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~oKAAoK~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--background-color: var(--ig-badge-background-color, ~~hsl(from~~ var(--ig-primary-400) ~~h s l/1~~))}`;\n"]}
1	+ {"version":3,"file":"badge.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/dark/badge.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kJAAkJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--background-color: var(--ig-badge-background-color, var(--ig-primary-400))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--icon-color: var(--ig-badge-icon-color, color-mix(in oklch, var(--ig-primary-100-contrast) 100%, transparent));--text-color: var(--ig-badge-text-color, color-mix(in oklch, var(--ig-primary-100-contrast) 100%, transparent));--border-radius: var(--ig-badge-border-radius, 0.25rem)}`;
+export const styles = css `:host{--icon-color: var(--ig-badge-icon-color, var(--ig-primary-100-contrast));--text-color: var(--ig-badge-text-color, var(--ig-primary-100-contrast));--border-radius: var(--ig-badge-border-radius, 0.25rem)}`;
 //# sourceMappingURL=badge.bootstrap.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"badge.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~gSAAgS~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--icon-color: var(--ig-badge-icon-color, ~~color-mix(in oklch,~~ var(--ig-primary-100-contrast) ~~100%, transparent~~));--text-color: var(--ig-badge-text-color, ~~color-mix(in oklch,~~ var(--ig-primary-100-contrast) ~~100%, transparent~~));--border-radius: var(--ig-badge-border-radius, 0.25rem)}`;\n"]}
1	+ {"version":3,"file":"badge.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kNAAkN,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--icon-color: var(--ig-badge-icon-color, var(--ig-primary-100-contrast));--text-color: var(--ig-badge-text-color, var(--ig-primary-100-contrast));--border-radius: var(--ig-badge-border-radius, 0.25rem)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--background-color: var(--ig-badge-background-color, hsl(from var(--ig-primary-400) h s l/1))}`;
+export const styles = css `:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--background-color: var(--ig-badge-background-color, var(--ig-primary-400))}`;
 //# sourceMappingURL=badge.indigo.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"badge.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~oKAAoK~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--background-color: var(--ig-badge-background-color, ~~hsl(from~~ var(--ig-primary-400) ~~h s l/1~~))}`;\n"]}
1	+ {"version":3,"file":"badge.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kJAAkJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--background-color: var(--ig-badge-background-color, var(--ig-primary-400))}`;\n"]}

package/components/badge/themes/light/badge.shared.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-1));--icon-color: var(--ig-badge-icon-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--text-color: var(--ig-badge-text-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--border-color: var(--ig-badge-border-color, hsl(from var(--ig-gray-50) h s l/1));--background-color: var(--ig-badge-background-color, hsl(from var(--ig-primary-500) h s l/1));--border-radius: var(--ig-badge-border-radius, 0)}`;
+export const styles = css `:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-1));--icon-color: var(--ig-badge-icon-color, var(--ig-primary-900-contrast));--text-color: var(--ig-badge-text-color, var(--ig-primary-900-contrast));--border-color: var(--ig-badge-border-color, var(--ig-gray-50));--background-color: var(--ig-badge-background-color, var(--ig-primary-500));--border-radius: var(--ig-badge-border-radius, 0)}`;
 //# sourceMappingURL=badge.shared.css.js.map

package/components/badge/themes/light/badge.shared.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"badge.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~wgBAAwgB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-1));--icon-color: var(--ig-badge-icon-color, ~~color-mix(in oklch,~~ var(--ig-primary-900-contrast) ~~100%, transparent~~));--text-color: var(--ig-badge-text-color, ~~color-mix(in oklch,~~ var(--ig-primary-900-contrast) ~~100%, transparent~~));--border-color: var(--ig-badge-border-color, ~~hsl(from~~ var(--ig-gray-50) ~~h s l/1~~));--background-color: var(--ig-badge-background-color, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--border-radius: var(--ig-badge-border-radius, 0)}`;\n"]}
1	+ {"version":3,"file":"badge.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sZAAsZ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-1));--icon-color: var(--ig-badge-icon-color, var(--ig-primary-900-contrast));--text-color: var(--ig-badge-text-color, var(--ig-primary-900-contrast));--border-color: var(--ig-badge-border-color, var(--ig-gray-50));--background-color: var(--ig-badge-background-color, var(--ig-primary-500));--border-radius: var(--ig-badge-border-radius, 0)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, hsl(from var(--ig-surface-500) h s l/1));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsl(from var(--ig-gray-300) h s l/1));--banner-message-color: var(--ig-banner-banner-message-color, hsl(from var(--ig-gray-800) h s l/1));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsl(from var(--ig-gray-800) h s l/1))}`;
+export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, var(--ig-surface-500));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-800));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-800))}`;
 //# sourceMappingURL=banner.bootstrap.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"banner.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/dark/banner.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~gdAAgd~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, ~~hsl(from~~ var(--ig-surface-500) ~~h s l/1~~));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, ~~hsl(from~~ var(--ig-gray-300) ~~h s l/1~~));--banner-message-color: var(--ig-banner-banner-message-color, ~~hsl(from~~ var(--ig-gray-800) ~~h s l/1~~));--banner-illustration-color: var(--ig-banner-banner-illustration-color, ~~hsl(from~~ var(--ig-gray-800) ~~h s l/1~~))}`;\n"]}
1	+ {"version":3,"file":"banner.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/dark/banner.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wYAAwY,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, var(--ig-surface-500));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-800));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-800))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, hsl(from var(--ig-surface-500) h s l/1));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsl(from var(--ig-gray-300) h s l/1));--banner-message-color: var(--ig-banner-banner-message-color, hsl(from var(--ig-gray-900) h s l/1));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsl(from var(--ig-gray-900) h s l/1))}`;
+export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, var(--ig-surface-500));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-900));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-900))}`;
 //# sourceMappingURL=banner.fluent.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"banner.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/dark/banner.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~gdAAgd~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, ~~hsl(from~~ var(--ig-surface-500) ~~h s l/1~~));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, ~~hsl(from~~ var(--ig-gray-300) ~~h s l/1~~));--banner-message-color: var(--ig-banner-banner-message-color, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--banner-illustration-color: var(--ig-banner-banner-illustration-color, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~))}`;\n"]}
1	+ {"version":3,"file":"banner.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/dark/banner.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wYAAwY,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, var(--ig-surface-500));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-900));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-900))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, hsl(from var(--ig-gray-50) h s l/1));--banner-border-color: var(--ig-banner-banner-border-color, hsl(from var(--ig-gray-100) h s l/1));--banner-message-color: var(--ig-banner-banner-message-color, hsl(from var(--ig-gray-700) h s l/1));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsl(from var(--ig-gray-600) h s l/1));--border-radius: var(--ig-banner-border-radius, 0.375rem)}`;
+export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, var(--ig-gray-50));--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-100));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-700));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-600));--border-radius: var(--ig-banner-border-radius, 0.375rem)}`;
 //# sourceMappingURL=banner.indigo.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"banner.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/dark/banner.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~mdAAmd~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, ~~hsl(from~~ var(--ig-gray-50) ~~h s l/1~~));--banner-border-color: var(--ig-banner-banner-border-color, ~~hsl(from~~ var(--ig-gray-100) ~~h s l/1~~));--banner-message-color: var(--ig-banner-banner-message-color, ~~hsl(from~~ var(--ig-gray-700) ~~h s l/1~~));--banner-illustration-color: var(--ig-banner-banner-illustration-color, ~~hsl(from~~ var(--ig-gray-600) ~~h s l/1~~));--border-radius: var(--ig-banner-border-radius, 0.375rem)}`;\n"]}
1	+ {"version":3,"file":"banner.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/dark/banner.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2YAA2Y,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, var(--ig-gray-50));--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-100));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-700));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-600));--border-radius: var(--ig-banner-border-radius, 0.375rem)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, hsl(from var(--ig-surface-500) h s l/1));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsl(from var(--ig-gray-300) h s l/1));--banner-message-color: var(--ig-banner-banner-message-color, hsl(from var(--ig-gray-900) h s l/1));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsl(from var(--ig-gray-900) h s l/1))}`;
+export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, var(--ig-surface-500));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-900));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-900))}`;
 //# sourceMappingURL=banner.material.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"banner.material.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/dark/banner.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~gdAAgd~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, ~~hsl(from~~ var(--ig-surface-500) ~~h s l/1~~));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, ~~hsl(from~~ var(--ig-gray-300) ~~h s l/1~~));--banner-message-color: var(--ig-banner-banner-message-color, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--banner-illustration-color: var(--ig-banner-banner-illustration-color, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~))}`;\n"]}
1	+ {"version":3,"file":"banner.material.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/dark/banner.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wYAAwY,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, var(--ig-surface-500));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-900));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-900))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, hsl(from var(--ig-surface-500) h s l/1));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsl(from var(--ig-gray-300) h s l/1));--banner-message-color: var(--ig-banner-banner-message-color, hsl(from var(--ig-gray-800) h s l/1));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsl(from var(--ig-gray-800) h s l/1))}`;
+export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, var(--ig-surface-500));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-800));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-800))}`;
 //# sourceMappingURL=banner.bootstrap.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"banner.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/light/banner.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~gdAAgd~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, ~~hsl(from~~ var(--ig-surface-500) ~~h s l/1~~));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, ~~hsl(from~~ var(--ig-gray-300) ~~h s l/1~~));--banner-message-color: var(--ig-banner-banner-message-color, ~~hsl(from~~ var(--ig-gray-800) ~~h s l/1~~));--banner-illustration-color: var(--ig-banner-banner-illustration-color, ~~hsl(from~~ var(--ig-gray-800) ~~h s l/1~~))}`;\n"]}
1	+ {"version":3,"file":"banner.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/light/banner.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wYAAwY,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, var(--ig-surface-500));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-800));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-800))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, hsl(from var(--ig-surface-500) h s l/1));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsl(from var(--ig-gray-300) h s l/1));--banner-message-color: var(--ig-banner-banner-message-color, hsl(from var(--ig-gray-900) h s l/1));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsl(from var(--ig-gray-900) h s l/1))}`;
+export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, var(--ig-surface-500));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-900));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-900))}`;
 //# sourceMappingURL=banner.fluent.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"banner.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/light/banner.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~gdAAgd~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, ~~hsl(from~~ var(--ig-surface-500) ~~h s l/1~~));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, ~~hsl(from~~ var(--ig-gray-300) ~~h s l/1~~));--banner-message-color: var(--ig-banner-banner-message-color, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--banner-illustration-color: var(--ig-banner-banner-illustration-color, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~))}`;\n"]}
1	+ {"version":3,"file":"banner.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/light/banner.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wYAAwY,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, var(--ig-surface-500));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-900));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-900))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, hsl(from var(--ig-gray-200) h s l/1));--banner-border-color: var(--ig-banner-banner-border-color, hsl(from var(--ig-gray-300) h s l/1));--banner-message-color: var(--ig-banner-banner-message-color, hsl(from var(--ig-gray-700) h s l/1));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsl(from var(--ig-gray-600) h s l/1));--border-radius: var(--ig-banner-border-radius, 0.375rem)}`;
+export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, var(--ig-gray-200));--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-700));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-600));--border-radius: var(--ig-banner-border-radius, 0.375rem)}`;
 //# sourceMappingURL=banner.indigo.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"banner.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/light/banner.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~odAAod~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, ~~hsl(from~~ var(--ig-gray-200) ~~h s l/1~~));--banner-border-color: var(--ig-banner-banner-border-color, ~~hsl(from~~ var(--ig-gray-300) ~~h s l/1~~));--banner-message-color: var(--ig-banner-banner-message-color, ~~hsl(from~~ var(--ig-gray-700) ~~h s l/1~~));--banner-illustration-color: var(--ig-banner-banner-illustration-color, ~~hsl(from~~ var(--ig-gray-600) ~~h s l/1~~));--border-radius: var(--ig-banner-border-radius, 0.375rem)}`;\n"]}
1	+ {"version":3,"file":"banner.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/light/banner.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4YAA4Y,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, var(--ig-gray-200));--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-700));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-600));--border-radius: var(--ig-banner-border-radius, 0.375rem)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, hsl(from var(--ig-surface-500) h s l/1));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsl(from var(--ig-gray-300) h s l/1));--banner-message-color: var(--ig-banner-banner-message-color, hsl(from var(--ig-gray-900) h s l/1));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsl(from var(--ig-gray-900) h s l/1))}`;
+export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, var(--ig-surface-500));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-900));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-900))}`;
 //# sourceMappingURL=banner.material.css.js.map

package/components/banner/themes/light/banner.material.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"banner.material.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/light/banner.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~gdAAgd~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, ~~hsl(from~~ var(--ig-surface-500) ~~h s l/1~~));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, ~~hsl(from~~ var(--ig-gray-300) ~~h s l/1~~));--banner-message-color: var(--ig-banner-banner-message-color, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--banner-illustration-color: var(--ig-banner-banner-illustration-color, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~))}`;\n"]}
1	+ {"version":3,"file":"banner.material.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/light/banner.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wYAAwY,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, var(--ig-surface-500));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-900));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-900))}`;\n"]}

package/components/button/button-base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button-base.js","sourceRoot":"","sources":["../../../src/components/button/button-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAuB,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAWzC,IAAe,sBAAsB,GAArC,MAAe,sBAAuB,SAAQ,iBAAiB,CAGpE,UAAU,CAAC;IA0DX,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAED,IAAW,QAAQ,CAAC,KAAc;QAChC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;IAC5D,CAAC;~~IAGD~~,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;IAC/B,CAAC;IAED;QACE,KAAK,EAAE,CAAC;~~QAjEF~~,aAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAGpC,cAAS,GAAG,KAAK,CAAC;QAWrB,SAAI,GAAkC,QAAQ,CAAC;~~QAoDpD~~,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;IAC5C,CAAC;IAIe,KAAK,CAAC,OAAsB;QAC1C,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;IAGe,KAAK;QACnB,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;IAC7B,CAAC;IAIe,IAAI;QAClB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;IAC5B,CAAC;IAES,UAAU;QAClB,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;IACxB,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;QACtB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC;YACpC,KAAK,OAAO;gBACV,OAAO,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;YAC5B;gBACE,OAAO;QACX,CAAC;IACH,CAAC;IAES,oBAAoB,CAAC,KAAc;QAC3C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAEO,YAAY;QAClB,OAAO,IAAI,CAAA;;eAEA,WAAW,CAAC;YACjB,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO;SAC/B,CAAC;qBACW,SAAS,CAAC,IAAI,CAAC,SAAS,IAAI,OAAO,CAAC;oBACrC,IAAI,CAAC,QAAQ;eAClB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;iBAClB,IAAI,CAAC,WAAW;gBACjB,IAAI,CAAC,UAAU;;UAErB,IAAI,CAAC,aAAa,EAAE;;KAEzB,CAAC;IACJ,CAAC;IAEO,gBAAgB;QACtB,OAAO,IAAI,CAAA;;eAEA,WAAW,CAAC;YACjB,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO;SAC/B,CAAC;;qBAEW,SAAS,CAAC,IAAI,CAAC,SAAS,IAAI,OAAO,CAAC;wBACjC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;eACzC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;iBAClB,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;mBACpB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;cAC7B,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;gBACjB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU;;UAE/C,IAAI,CAAC,aAAa,EAAE;;KAEzB,CAAC;IACJ,CAAC;IAIkB,MAAM;QACvB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC;QACrC,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;IAC9D,CAAC;;~~AA9JsB~~,qCAAc,GAAG,IAAI,AAAP,CAAQ;AAE5B,wCAAiB,GAAG;IACnC,GAAG,UAAU,CAAC,iBAAiB;IAC/B,cAAc,EAAE,IAAI;CACrB,AAHiC,CAGhC;AAQM;IADP,KAAK,CAAC,eAAe,EAAE,IAAI,CAAC;6DACa;AAQnC;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAC0B;AAO/C;IADN,QAAQ,EAAE;oDACU;AAOd;IADN,QAAQ,EAAE;wDACc;AAOlB;IADN,QAAQ,EAAE;sDAC6C;AAQjD;IADN,QAAQ,EAAE;mDACS;AAOpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAG1C;AA/DmB,sBAAsB;IAD3C,gBAAgB;GACK,sBAAsB,~~CAmK3C~~","sourcesContent":["import { LitElement, type TemplateResult, html, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport { EventEmitterMixin } from '../common//mixins/event-emitter.js';\nimport { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { partNameMap } from '../common/util.js';\n\nexport interface IgcButtonEventMap {\n // For analyzer meta only:\n /* skipWCPrefix /\n focus: FocusEvent;\n / skipWCPrefix /\n blur: FocusEvent;\n}\n\n@blazorDeepImport\nexport abstract class IgcButtonBaseComponent extends EventEmitterMixin<\n IgcButtonEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly formAssociated = true;\n\n protected static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n\n private _kbFocus = addKeyboardFocusRing(this);\n\n protected __internals: ElementInternals;\n protected _disabled = false;\n\n @query('[part=\"base\"]', true)\n private _nativeButton!: HTMLButtonElement;\n\n / alternateName: displayType /\n /\n The type of the button. Defaults to `button`.\n * @attr\n /\n @property({ reflect: true })\n public type: 'button' \| 'reset' \| 'submit' = 'button';\n\n /\n The URL the button points to.\n * @attr\n /\n @property()\n public href!: string;\n\n /\n Prompts to save the linked URL instead of navigating to it.\n * @attr\n /\n @property()\n public download!: string;\n\n /\n Where to display the linked URL, as the name for a browsing context.\n * @attr\n /\n @property()\n public target?: '_blank' \| '_parent' \| '_self' \| '_top';\n\n /\n The relationship of the linked URL.\n * See https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n * @attr\n /\n @property()\n public rel!: string;\n\n /\n The disabled state of the component\n * @attr [disabled=false]\n /\n @property({ type: Boolean, reflect: true })\n public get disabled(): boolean {\n return this._disabled;\n }\n\n public set disabled(value: boolean) {\n this._disabled = value;\n this.toggleAttribute('disabled', Boolean(this._disabled));\n }\n\n /* Returns the HTMLFormElement associated with this element. /\n public get form() {\n return this.__internals.form;\n }\n\n constructor() {\n super();\n this.__internals = this.attachInternals();\n }\n\n / alternateName: focusComponent /\n /* Sets focus in the button. /\n public override focus(options?: FocusOptions) {\n this._nativeButton.focus(options);\n }\n\n /* Simulates a mouse click on the element /\n public override click() {\n this._nativeButton.click();\n }\n\n / alternateName: blurComponent /\n /* Removes focus from the button. */\n public override blur() {\n this._nativeButton.blur();\n }\n\n protected handleBlur() {\n this._kbFocus.reset();\n }\n\n protected handleClick() {\n this._kbFocus.reset();\n switch (this.type) {\n case 'submit':\n return this.form?.requestSubmit();\n case 'reset':\n return this.form?.reset();\n default:\n return;\n }\n }\n\n protected formDisabledCallback(state: boolean) {\n this._disabled = state;\n this.requestUpdate();\n }\n\n private renderButton() {\n return html`\n <button\n part=${partNameMap({\n base: true,\n focused: this._kbFocus.focused,\n })}\n aria-label=${ifDefined(this.ariaLabel ?? nothing)}\n ?disabled=${this.disabled}\n type=${ifDefined(this.type)}\n @click=${this.handleClick}\n @blur=${this.handleBlur}\n >\n ${this.renderContent()}\n </button>\n `;\n }\n\n private renderLinkButton() {\n return html`\n <a\n part=${partNameMap({\n base: true,\n focused: this._kbFocus.focused,\n })}\n role=\"button\"\n aria-label=${ifDefined(this.ariaLabel ?? nothing)}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n href=${ifDefined(this.href)}\n target=${ifDefined(this.target)}\n download=${ifDefined(this.download)}\n rel=${ifDefined(this.rel)}\n @blur=${this.disabled ? nothing : this.handleBlur}\n >\n ${this.renderContent()}\n </a>\n `;\n }\n\n protected abstract renderContent(): TemplateResult;\n\n protected override render() {\n const link = this.href !== undefined;\n return link ? this.renderLinkButton() : this.renderButton();\n }\n}\n"]}
1	+ {"version":3,"file":"button-base.js","sourceRoot":"","sources":["../../../src/components/button/button-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, type TemplateResult, html, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport { EventEmitterMixin } from '../common//mixins/event-emitter.js';\nimport { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { partNameMap } from '../common/util.js';\n\nexport interface IgcButtonEventMap {\n // For analyzer meta only:\n /* skipWCPrefix /\n focus: FocusEvent;\n / skipWCPrefix /\n blur: FocusEvent;\n}\n\n@blazorDeepImport\nexport abstract class IgcButtonBaseComponent extends EventEmitterMixin<\n IgcButtonEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly formAssociated = true;\n\n protected static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n\n private _kbFocus = addKeyboardFocusRing(this);\n\n protected __internals: ElementInternals;\n protected _disabled = false;\n\n @query('[part=\"base\"]', true)\n private _nativeButton!: HTMLButtonElement;\n\n / alternateName: displayType /\n /\n The type of the button. Defaults to `button`.\n * @attr\n /\n @property({ reflect: true })\n public type: 'button' \| 'reset' \| 'submit' = 'button';\n\n /\n The URL the button points to.\n * @attr\n /\n @property()\n public href!: string;\n\n /\n Prompts to save the linked URL instead of navigating to it.\n * @attr\n /\n @property()\n public download!: string;\n\n /\n Where to display the linked URL, as the name for a browsing context.\n * @attr\n /\n @property()\n public target?: '_blank' \| '_parent' \| '_self' \| '_top';\n\n /\n The relationship of the linked URL.\n * See https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n * @attr\n /\n @property()\n public rel!: string;\n\n /\n The disabled state of the component\n * @attr [disabled=false]\n /\n @property({ type: Boolean, reflect: true })\n public get disabled(): boolean {\n return this._disabled;\n }\n\n public set disabled(value: boolean) {\n this._disabled = value;\n this.toggleAttribute('disabled', Boolean(this._disabled));\n }\n\n / blazorCSSuppress /\n / alternateType: object /\n /* Returns the HTMLFormElement associated with this element. /\n public get form() {\n return this.__internals.form;\n }\n\n constructor() {\n super();\n this.__internals = this.attachInternals();\n }\n\n / alternateName: focusComponent /\n /* Sets focus in the button. /\n public override focus(options?: FocusOptions) {\n this._nativeButton.focus(options);\n }\n\n /* Simulates a mouse click on the element /\n public override click() {\n this._nativeButton.click();\n }\n\n / alternateName: blurComponent /\n /* Removes focus from the button. */\n public override blur() {\n this._nativeButton.blur();\n }\n\n protected handleBlur() {\n this._kbFocus.reset();\n }\n\n protected handleClick() {\n this._kbFocus.reset();\n switch (this.type) {\n case 'submit':\n return this.form?.requestSubmit();\n case 'reset':\n return this.form?.reset();\n default:\n return;\n }\n }\n\n protected formDisabledCallback(state: boolean) {\n this._disabled = state;\n this.requestUpdate();\n }\n\n private renderButton() {\n return html`\n <button\n part=${partNameMap({\n base: true,\n focused: this._kbFocus.focused,\n })}\n aria-label=${ifDefined(this.ariaLabel ?? nothing)}\n ?disabled=${this.disabled}\n type=${ifDefined(this.type)}\n @click=${this.handleClick}\n @blur=${this.handleBlur}\n >\n ${this.renderContent()}\n </button>\n `;\n }\n\n private renderLinkButton() {\n return html`\n <a\n part=${partNameMap({\n base: true,\n focused: this._kbFocus.focused,\n })}\n role=\"button\"\n aria-label=${ifDefined(this.ariaLabel ?? nothing)}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n href=${ifDefined(this.href)}\n target=${ifDefined(this.target)}\n download=${ifDefined(this.download)}\n rel=${ifDefined(this.rel)}\n @blur=${this.disabled ? nothing : this.handleBlur}\n >\n ${this.renderContent()}\n </a>\n `;\n }\n\n protected abstract renderContent(): TemplateResult;\n\n protected override render() {\n const link = this.href !== undefined;\n return link ? this.renderLinkButton() : this.renderButton();\n }\n}\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-200) h s l/1));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-200) h s l/1));--size: var(--ig-button-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(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, hsl(from var(--ig-primary-800) h s l/1));--foreground: var(--ig-button-foreground, hsl(from var(--ig-primary-500) h s l/1));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500) h s l/1));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, hsl(from var(--ig-primary-600) h s l/1));--icon-color-hover: var(--ig-button-icon-color-hover, hsl(from var(--ig-primary-600) h s l/1));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsl(from var(--ig-primary-600) h s l/1));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsl(from var(--ig-primary-500) h s l/1));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, hsl(from var(--ig-primary-800) h s l/1))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-button-border-color, hsl(from var(--ig-primary-500) h s l/1));--hover-border-color: var(--ig-button-hover-border-color, hsl(from var(--ig-primary-600) h s l/1));--focus-border-color: var(--ig-button-focus-border-color, hsl(from var(--ig-primary-600) h s l/1));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsl(from var(--ig-primary-500) h s l/1));--active-border-color: var(--ig-button-active-border-color, hsl(from var(--ig-primary-800) h s l/1));--disabled-border-color: var(--ig-button-disabled-border-color, hsl(from var(--ig-primary-50) h s l/1));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-200) h s l/1));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-200) h s l/1));--size: var(--ig-button-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(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--foreground: var(--ig-button-foreground, hsl(from var(--ig-primary-500) h s l/1));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500) h s l/1));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-600) h s l/1));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-800) h s l/1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-600) h s l/1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-primary-500) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-800) h s l/1));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-50) h s l/1));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-200) h s l/1));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-200) h s l/1));--size: var(--ig-button-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(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, hsl(from var(--ig-primary-500) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-800) h s l/1));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-600) h s l/1));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-800) h s l/1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-600) h s l/1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-primary-500) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-50) h s l/1));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-200) h s l/1));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-200) h s l/1));--size: var(--ig-button-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(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, hsl(from var(--ig-primary-500) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-800) h s l/1));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-600) h s l/1));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-800) h s l/1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-600) h s l/1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-primary-500) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent))}`;
+export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-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(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-button-border-color, var(--ig-primary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-primary-600));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-primary-800));--disabled-border-color: var(--ig-button-disabled-border-color, var(--ig-primary-50));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-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(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-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(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-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(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}`;
 //# 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,~~24SAA24S~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, ~~hsl(from~~ var(--ig-primary-200) ~~h s l/1~~));--disabled-icon-color: var(--ig-button-disabled-icon-color, ~~hsl(from~~ var(--ig-primary-200) ~~h s l/1~~));--size: var(--ig-button-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(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, ~~hsl(from~~ var(--ig-primary-800) ~~h s l/1~~));--foreground: var(--ig-button-foreground, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--icon-color: var(--ig-button-icon-color, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--icon-color-hover: var(--ig-button-icon-color-hover, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-button-focus-hover-foreground, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, ~~hsl(from~~ var(--ig-primary-800) ~~h s l/1~~))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-button-border-color, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--hover-border-color: var(--ig-button-hover-border-color, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--focus-border-color: var(--ig-button-focus-border-color, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--active-border-color: var(--ig-button-active-border-color, ~~hsl(from~~ var(--ig-primary-800) ~~h s l/1~~));--disabled-border-color: var(--ig-button-disabled-border-color, ~~hsl(from~~ var(--ig-primary-50) ~~h s l/1~~));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, ~~hsl(from~~ var(--ig-primary-200) ~~h s l/1~~));--disabled-icon-color: var(--ig-button-disabled-icon-color, ~~hsl(from~~ var(--ig-primary-200) ~~h s l/1~~));--size: var(--ig-button-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(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-800-contrast) ~~100%, transparent~~));--foreground: var(--ig-button-foreground, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--icon-color: var(--ig-button-icon-color, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--hover-background: var(--ig-button-hover-background, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--hover-foreground: var(--ig-button-hover-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--icon-color-hover: var(--ig-button-icon-color-hover, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--focus-background: var(--ig-button-focus-background, ~~hsl(from~~ var(--ig-primary-800) ~~h s l/1~~));--focus-hover-background: var(--ig-button-focus-hover-background, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--focus-visible-background: var(--ig-button-focus-visible-background, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--active-background: var(--ig-button-active-background, ~~hsl(from~~ var(--ig-primary-800) ~~h s l/1~~));--active-foreground: var(--ig-button-active-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-800-contrast) ~~100%, transparent~~))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, ~~hsl(from~~ var(--ig-primary-50) ~~h s l/1~~));--disabled-foreground: var(--ig-button-disabled-foreground, ~~hsl(from~~ var(--ig-primary-200) ~~h s l/1~~));--disabled-icon-color: var(--ig-button-disabled-icon-color, ~~hsl(from~~ var(--ig-primary-200) ~~h s l/1~~));--size: var(--ig-button-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(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--active-background: var(--ig-button-active-background, ~~hsl(from~~ var(--ig-primary-800) ~~h s l/1~~));--foreground: var(--ig-button-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--icon-color: var(--ig-button-icon-color, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--icon-color-hover: var(--ig-button-icon-color-hover, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--hover-background: var(--ig-button-hover-background, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--hover-foreground: var(--ig-button-hover-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--focus-background: var(--ig-button-focus-background, ~~hsl(from~~ var(--ig-primary-800) ~~h s l/1~~));--focus-hover-background: var(--ig-button-focus-hover-background, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--focus-foreground: var(--ig-button-focus-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-800-contrast) ~~100%, transparent~~));--focus-visible-background: var(--ig-button-focus-visible-background, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--active-foreground: var(--ig-button-active-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-800-contrast) ~~100%, transparent~~))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, ~~hsl(from~~ var(--ig-primary-50) ~~h s l/1~~));--disabled-foreground: var(--ig-button-disabled-foreground, ~~hsl(from~~ var(--ig-primary-200) ~~h s l/1~~));--disabled-icon-color: var(--ig-button-disabled-icon-color, ~~hsl(from~~ var(--ig-primary-200) ~~h s l/1~~));--size: var(--ig-button-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(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--active-background: var(--ig-button-active-background, ~~hsl(from~~ var(--ig-primary-800) ~~h s l/1~~));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--icon-color: var(--ig-button-icon-color, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--icon-color-hover: var(--ig-button-icon-color-hover, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--hover-background: var(--ig-button-hover-background, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--hover-foreground: var(--ig-button-hover-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--focus-background: var(--ig-button-focus-background, ~~hsl(from~~ var(--ig-primary-800) ~~h s l/1~~));--focus-hover-background: var(--ig-button-focus-hover-background, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--focus-foreground: var(--ig-button-focus-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-800-contrast) ~~100%, transparent~~));--focus-visible-background: var(--ig-button-focus-visible-background, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--active-foreground: var(--ig-button-active-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-800-contrast) ~~100%, transparent~~))}`;\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,2yPAA2yP,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-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(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-button-border-color, var(--ig-primary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-primary-600));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-primary-800));--disabled-border-color: var(--ig-button-disabled-border-color, var(--ig-primary-50));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-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(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-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(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-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(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}`;\n"]}