igniteui-webcomponents 4.8.0 → 4.8.1

package/CHANGELOG.md

@@ -4,6 +4,13 @@ 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/).
 
+## [4.8.1] - 2024-04-08
+### Fixed
+- Date-time input - `inputFormat` is not applied to an already set value [#1114](https://github.com/IgniteUI/igniteui-webcomponents/issues/1114)
+- Checkbox, Radio, Switch - apply form validation synchronously [#1122](https://github.com/IgniteUI/igniteui-webcomponents/issues/1122)
+- Select, Dropdown - Unable to select item when clicking on a wrapping element inside the dropdown/select item slot [#1123](https://github.com/IgniteUI/igniteui-webcomponents/issues/1123)
+- Tree - active state is correctly applied to the correct tree node on click [#1131](https://github.com/IgniteUI/igniteui-webcomponents/issues/1131)
+
 ## [4.8.0] - 2024-03-20
 ### Added
 - Combo component can now set `groupSorting` to `none` which shows the groups in the order of the provided data. [#1026](https://github.com/IgniteUI/igniteui-webcomponents/pull/1026)
@@ -433,6 +440,7 @@ Initial release of Ignite UI Web Components
 - Ripple component
 - Switch component
 
+[4.8.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/4.8.0...4.8.1
 [4.8.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/4.7.0...4.8.0
 [4.7.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/4.6.0...4.7.0
 [4.6.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/4.5.0...4.6.0

package/components/accordion/accordion.js

@@ -43,7 +43,7 @@ class IgcAccordionComponent extends LitElement {
     navigatePrev(event) {
         const current = event.target;
         const next = this.getNextPanel(current, -1);
-        if (event.altKey || next.isSameNode(current)) {
+        if (event.altKey || next === current) {
             return;
         }
         this.getPanelHeader(next).focus();
@@ -51,7 +51,7 @@ class IgcAccordionComponent extends LitElement {
     navigateNext(event) {
         const current = event.target;
         const next = this.getNextPanel(current, 1);
-        if (event.altKey || next.isSameNode(current)) {
+        if (event.altKey || next === current) {
             return;
         }
         this.getPanelHeader(next).focus();
@@ -67,9 +67,7 @@ class IgcAccordionComponent extends LitElement {
         const panels = this.enabledPanels;
         if (this.singleExpand) {
             for (const panel of panels) {
-                current.isSameNode(panel)
-                    ? this.openPanel(panel)
-                    : this.closePanel(panel);
+                current === panel ? this.openPanel(panel) : this.closePanel(panel);
             }
         }
         else {

package/components/accordion/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\n\nimport { styles } from './themes/accordion.base.css.js';\nimport {\n  addKeybindings,\n  altKey,\n  arrowDown,\n  arrowUp,\n  endKey,\n  homeKey,\n  shiftKey,\n} from '../common/controllers/key-bindings.js';\nimport { blazorSuppress } from '../common/decorators/blazorSuppress.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport IgcExpansionPanelComponent from '../expansion-panel/expansion-panel.js';\n\n/**\n * The Accordion is a container-based component that can house multiple expansion panels\n * and offers keyboard navigation.\n *\n * @element igc-accordion\n *\n * @slot - Renders the expansion panels inside default slot.\n */\nexport default class IgcAccordionComponent extends LitElement {\n  public static readonly tagName = 'igc-accordion';\n  public static override styles = styles;\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(this, IgcExpansionPanelComponent);\n  }\n\n  @queryAssignedElements({ selector: 'igc-expansion-panel:not([disabled])' })\n  private enabledPanels!: Array<IgcExpansionPanelComponent>;\n\n  private get firstEnabled() {\n    return this.enabledPanels[0];\n  }\n\n  private get lastEnabled() {\n    return this.enabledPanels[this.enabledPanels.length - 1];\n  }\n\n  /**\n   * Allows only one panel to be expanded at a time.\n   * @attr single-expand\n   */\n  @property({ attribute: 'single-expand', reflect: true, type: Boolean })\n  public singleExpand = false;\n\n  /** Returns all of the accordions's direct igc-expansion-panel children. */\n  @queryAssignedElements({ selector: 'igc-expansion-panel' })\n  @blazorSuppress()\n  public panels!: Array<IgcExpansionPanelComponent>;\n\n  constructor() {\n    super();\n\n    this.addEventListener('igcOpening', this.handlePanelOpening);\n\n    addKeybindings(this, {\n      skip: this.skipKeybinding,\n      bindingDefaults: { preventDefault: true },\n    })\n      .set(homeKey, () => this.getPanelHeader(this.firstEnabled).focus())\n      .set(endKey, () => this.getPanelHeader(this.lastEnabled).focus())\n      .set(arrowUp, this.navigatePrev)\n      .set(arrowDown, this.navigateNext)\n      .set([shiftKey, altKey, arrowDown], this.expandAll)\n      .set([shiftKey, altKey, arrowUp], this.collapseAll);\n  }\n\n  private skipKeybinding(target: Element) {\n    return !(\n      target.matches(IgcExpansionPanelComponent.tagName) &&\n      this.enabledPanels.includes(target as IgcExpansionPanelComponent)\n    );\n  }\n\n  private navigatePrev(event: KeyboardEvent) {\n    const current = event.target as IgcExpansionPanelComponent;\n    const next = this.getNextPanel(current, -1);\n\n    if (event.altKey || next.isSameNode(current)) {\n      return;\n    }\n\n    this.getPanelHeader(next).focus();\n  }\n\n  private navigateNext(event: KeyboardEvent) {\n    const current = event.target as IgcExpansionPanelComponent;\n    const next = this.getNextPanel(current, 1);\n\n    if (event.altKey || next.isSameNode(current)) {\n      return;\n    }\n\n    this.getPanelHeader(next).focus();\n  }\n\n  private collapseAll() {\n    const panels = this.enabledPanels;\n    for (const panel of panels) {\n      this.closePanel(panel);\n    }\n  }\n\n  private expandAll(event: KeyboardEvent) {\n    const current = event.target as IgcExpansionPanelComponent;\n    const panels = this.enabledPanels;\n\n    if (this.singleExpand) {\n      for (const panel of panels) {\n        current.isSameNode(panel)\n          ? this.openPanel(panel)\n          : this.closePanel(panel);\n      }\n    } else {\n      for (const panel of panels) {\n        this.openPanel(panel);\n      }\n    }\n  }\n\n  private handlePanelOpening(event: Event) {\n    const panel = event.target as IgcExpansionPanelComponent;\n    if (!this.singleExpand || !this.panels.includes(panel)) {\n      return;\n    }\n    this.enabledPanels.forEach((p) => {\n      if (p.open && p !== panel) {\n        this.closePanel(p);\n      }\n    });\n  }\n\n  private getNextPanel(panel: IgcExpansionPanelComponent, dir: 1 | -1 = 1) {\n    const idx = this.enabledPanels.indexOf(panel);\n    return this.enabledPanels[idx + dir] || panel;\n  }\n\n  private getPanelHeader(panel: IgcExpansionPanelComponent) {\n    return panel.shadowRoot?.querySelector('div[part=\"header\"]') as HTMLElement;\n  }\n\n  private async closePanel(panel: IgcExpansionPanelComponent) {\n    if (!panel.open) {\n      return;\n    }\n    if (!panel.emitEvent('igcClosing', { cancelable: true, detail: panel })) {\n      return;\n    }\n    panel.hide();\n    await panel.updateComplete;\n\n    panel.emitEvent('igcClosed', { detail: panel });\n  }\n\n  private async openPanel(panel: IgcExpansionPanelComponent) {\n    if (panel.open) {\n      return;\n    }\n    if (!panel.emitEvent('igcOpening', { cancelable: true, detail: panel })) {\n      return;\n    }\n\n    panel.show();\n    await panel.updateComplete;\n\n    panel.emitEvent('igcOpened', { detail: panel });\n  }\n\n  /** Hides all of the child expansion panels' contents. */\n  public hideAll() {\n    this.panels.forEach((p) => p.hide());\n  }\n\n  /** Shows all of the child expansion panels' contents. */\n  public showAll() {\n    this.panels.forEach((p) => p.show());\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-accordion': IgcAccordionComponent;\n  }\n}\n"]}
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\n\nimport { styles } from './themes/accordion.base.css.js';\nimport {\n  addKeybindings,\n  altKey,\n  arrowDown,\n  arrowUp,\n  endKey,\n  homeKey,\n  shiftKey,\n} from '../common/controllers/key-bindings.js';\nimport { blazorSuppress } from '../common/decorators/blazorSuppress.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport IgcExpansionPanelComponent from '../expansion-panel/expansion-panel.js';\n\n/**\n * The Accordion is a container-based component that can house multiple expansion panels\n * and offers keyboard navigation.\n *\n * @element igc-accordion\n *\n * @slot - Renders the expansion panels inside default slot.\n */\nexport default class IgcAccordionComponent extends LitElement {\n  public static readonly tagName = 'igc-accordion';\n  public static override styles = styles;\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(this, IgcExpansionPanelComponent);\n  }\n\n  @queryAssignedElements({ selector: 'igc-expansion-panel:not([disabled])' })\n  private enabledPanels!: Array<IgcExpansionPanelComponent>;\n\n  private get firstEnabled() {\n    return this.enabledPanels[0];\n  }\n\n  private get lastEnabled() {\n    return this.enabledPanels[this.enabledPanels.length - 1];\n  }\n\n  /**\n   * Allows only one panel to be expanded at a time.\n   * @attr single-expand\n   */\n  @property({ attribute: 'single-expand', reflect: true, type: Boolean })\n  public singleExpand = false;\n\n  /** Returns all of the accordions's direct igc-expansion-panel children. */\n  @queryAssignedElements({ selector: 'igc-expansion-panel' })\n  @blazorSuppress()\n  public panels!: Array<IgcExpansionPanelComponent>;\n\n  constructor() {\n    super();\n\n    this.addEventListener('igcOpening', this.handlePanelOpening);\n\n    addKeybindings(this, {\n      skip: this.skipKeybinding,\n      bindingDefaults: { preventDefault: true },\n    })\n      .set(homeKey, () => this.getPanelHeader(this.firstEnabled).focus())\n      .set(endKey, () => this.getPanelHeader(this.lastEnabled).focus())\n      .set(arrowUp, this.navigatePrev)\n      .set(arrowDown, this.navigateNext)\n      .set([shiftKey, altKey, arrowDown], this.expandAll)\n      .set([shiftKey, altKey, arrowUp], this.collapseAll);\n  }\n\n  private skipKeybinding(target: Element) {\n    return !(\n      target.matches(IgcExpansionPanelComponent.tagName) &&\n      this.enabledPanels.includes(target as IgcExpansionPanelComponent)\n    );\n  }\n\n  private navigatePrev(event: KeyboardEvent) {\n    const current = event.target as IgcExpansionPanelComponent;\n    const next = this.getNextPanel(current, -1);\n\n    if (event.altKey || next === current) {\n      return;\n    }\n\n    this.getPanelHeader(next).focus();\n  }\n\n  private navigateNext(event: KeyboardEvent) {\n    const current = event.target as IgcExpansionPanelComponent;\n    const next = this.getNextPanel(current, 1);\n\n    if (event.altKey || next === current) {\n      return;\n    }\n\n    this.getPanelHeader(next).focus();\n  }\n\n  private collapseAll() {\n    const panels = this.enabledPanels;\n    for (const panel of panels) {\n      this.closePanel(panel);\n    }\n  }\n\n  private expandAll(event: KeyboardEvent) {\n    const current = event.target as IgcExpansionPanelComponent;\n    const panels = this.enabledPanels;\n\n    if (this.singleExpand) {\n      for (const panel of panels) {\n        current === panel ? this.openPanel(panel) : this.closePanel(panel);\n      }\n    } else {\n      for (const panel of panels) {\n        this.openPanel(panel);\n      }\n    }\n  }\n\n  private handlePanelOpening(event: Event) {\n    const panel = event.target as IgcExpansionPanelComponent;\n    if (!this.singleExpand || !this.panels.includes(panel)) {\n      return;\n    }\n    this.enabledPanels.forEach((p) => {\n      if (p.open && p !== panel) {\n        this.closePanel(p);\n      }\n    });\n  }\n\n  private getNextPanel(panel: IgcExpansionPanelComponent, dir: 1 | -1 = 1) {\n    const idx = this.enabledPanels.indexOf(panel);\n    return this.enabledPanels[idx + dir] || panel;\n  }\n\n  private getPanelHeader(panel: IgcExpansionPanelComponent) {\n    return panel.shadowRoot?.querySelector('div[part=\"header\"]') as HTMLElement;\n  }\n\n  private async closePanel(panel: IgcExpansionPanelComponent) {\n    if (!panel.open) {\n      return;\n    }\n    if (!panel.emitEvent('igcClosing', { cancelable: true, detail: panel })) {\n      return;\n    }\n    panel.hide();\n    await panel.updateComplete;\n\n    panel.emitEvent('igcClosed', { detail: panel });\n  }\n\n  private async openPanel(panel: IgcExpansionPanelComponent) {\n    if (panel.open) {\n      return;\n    }\n    if (!panel.emitEvent('igcOpening', { cancelable: true, detail: panel })) {\n      return;\n    }\n\n    panel.show();\n    await panel.updateComplete;\n\n    panel.emitEvent('igcOpened', { detail: panel });\n  }\n\n  /** Hides all of the child expansion panels' contents. */\n  public hideAll() {\n    this.panels.forEach((p) => p.hide());\n  }\n\n  /** Shows all of the child expansion panels' contents. */\n  public showAll() {\n    this.panels.forEach((p) => p.show());\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-accordion': IgcAccordionComponent;\n  }\n}\n"]}

package/components/avatar/themes/dark/avatar.bootstrap.css.js

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

package/components/avatar/themes/dark/avatar.bootstrap.css.js.map

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

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css ``;
+export const styles = css `:host{--background: var(--ig-avatar-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--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)))}`;
 //# sourceMappingURL=avatar.indigo.css.js.map

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

@@ -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,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
+{"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,giBAAgiB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--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"]}

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

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

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

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

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css ``;
+export const styles = css `:host{--background: var(--ig-avatar-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--color: var(--ig-avatar-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--icon-color: var(--ig-avatar-icon-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--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

@@ -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,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
+{"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,gfAAgf,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--color: var(--ig-avatar-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--icon-color: var(--ig-avatar-icon-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-avatar-background, hsla(var(--ig-gray-400), 0.54));--color: var(--ig-avatar-color, hsla(var(--ig-gray-800), 0.96));--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, hsla(var(--ig-gray-400), 0.54));--color: var(--ig-avatar-color, hsla(var(--ig-gray-800), 0.96));--icon-color: var(--ig-avatar-icon-color, hsla(var(--ig-gray-800), 0.96));--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

@@ -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,waAAwa,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, hsla(var(--ig-gray-400), 0.54));--color: var(--ig-avatar-color, hsla(var(--ig-gray-800), 0.96));--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"]}
+{"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,kfAAkf,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, hsla(var(--ig-gray-400), 0.54));--color: var(--ig-avatar-color, hsla(var(--ig-gray-800), 0.96));--icon-color: var(--ig-avatar-icon-color, hsla(var(--ig-gray-800), 0.96));--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/avatar/themes/shared/avatar.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}:host ::slotted(igc-icon){--ig-size: 1;color:var(--icon-color)}`;
 //# sourceMappingURL=avatar.indigo.css.js.map

package/components/avatar/themes/shared/avatar.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/shared/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{--component-size: var(--ig-size, var(--default-size))}`;\n"]}
+{"version":3,"file":"avatar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/shared/avatar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6HAA6H,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host ::slotted(igc-icon){--ig-size: 1;color:var(--icon-color)}`;\n"]}

package/components/badge/themes/shared/badge.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host([variant=info]),:host([variant=success]),:host([variant=warning]),:host([variant=danger]){color:var(--text-color)}[part=base]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}[part=base] ::slotted(igc-icon){--size: 0.75rem !important;--ig-icon-size: 0.75rem;--igx-icon-size: 0.75rem}`;
+//# sourceMappingURL=badge.indigo.css.js.map

package/components/badge/themes/shared/badge.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/shared/badge.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,koBAAkoB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=info]),:host([variant=success]),:host([variant=warning]),:host([variant=danger]){color:var(--text-color)}[part=base]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}[part=base] ::slotted(igc-icon){--size: 0.75rem !important;--ig-icon-size: 0.75rem;--igx-icon-size: 0.75rem}`;\n"]}

package/components/badge/themes/themes.js

@@ -9,6 +9,7 @@ import { styles as indigoLight } from './light/badge.indigo.css.js';
 import { styles as materialLight } from './light/badge.material.css.js';
 import { styles as shared } from './light/badge.shared.css.js';
 import { styles as bootstrap } from './shared/badge.bootstrap.css.js';
+import { styles as indigo } from './shared/badge.indigo.css.js';
 const light = {
     shared: css `
     ${shared}
@@ -23,7 +24,7 @@ const light = {
     ${fluentLight}
   `,
     indigo: css `
-    ${indigoLight}
+    ${indigo} ${indigoLight}
   `,
 };
 const dark = {
@@ -40,7 +41,7 @@ const dark = {
     ${fluentDark}
   `,
     indigo: css `
-    ${indigoDark}
+    ${indigo} ${indigoDark}
   `,
 };
 export const all = { light, dark };

package/components/badge/themes/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/badge/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEtE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAE/D,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAGtE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/badge.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/badge.fluent.css.js';\nimport { styles as indigoDark } from './dark/badge.indigo.css.js';\nimport { styles as materialDark } from './dark/badge.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/badge.bootstrap.css.js';\nimport { styles as fluentLight } from './light/badge.fluent.css.js';\nimport { styles as indigoLight } from './light/badge.indigo.css.js';\nimport { styles as materialLight } from './light/badge.material.css.js';\nimport { styles as shared } from './light/badge.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/badge.bootstrap.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${materialLight}\n  `,\n  fluent: css`\n    ${fluentLight}\n  `,\n  indigo: css`\n    ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${materialDark}\n  `,\n  fluent: css`\n    ${fluentDark}\n  `,\n  indigo: css`\n    ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/badge/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEtE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAE/D,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/badge.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/badge.fluent.css.js';\nimport { styles as indigoDark } from './dark/badge.indigo.css.js';\nimport { styles as materialDark } from './dark/badge.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/badge.bootstrap.css.js';\nimport { styles as fluentLight } from './light/badge.fluent.css.js';\nimport { styles as indigoLight } from './light/badge.indigo.css.js';\nimport { styles as materialLight } from './light/badge.material.css.js';\nimport { styles as shared } from './light/badge.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/badge.bootstrap.css.js';\nimport { styles as indigo } from './shared/badge.indigo.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${materialLight}\n  `,\n  fluent: css`\n    ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${materialDark}\n  `,\n  fluent: css`\n    ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-200), 0.5));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--foreground: var(--ig-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-primary-800), var(--ig-primary-a)));--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, hsla(var(--ig-primary-800), var(--ig-primary-a)));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-200), 0.5));--border-color: var(--ig-button-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-border-color: var(--ig-button-hover-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-border-color: var(--ig-button-disabled-border-color, hsla(var(--ig-primary-50), var(--ig-primary-a)));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--foreground: var(--ig-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--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, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--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, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-200), 0.5));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--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-600-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--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-700-contrast) 100%, transparent))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-200), 0.5));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));--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));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--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-600-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--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-700-contrast) 100%, transparent))}`;
+export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-200), 0.5));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--foreground: var(--ig-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--icon-color: var(--ig-button-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--icon-color-hover: var(--ig-button-icon-color-hover, hsla(var(--ig-primary-800), var(--ig-primary-a)));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-primary-800), var(--ig-primary-a)));--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, hsla(var(--ig-primary-800), var(--ig-primary-a)));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-200), 0.5));--border-color: var(--ig-button-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-border-color: var(--ig-button-hover-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-border-color: var(--ig-button-disabled-border-color, hsla(var(--ig-primary-50), var(--ig-primary-a)));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--foreground: var(--ig-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--icon-color: var(--ig-button-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--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, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--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, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-200), 0.5));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));--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, hsla(var(--ig-primary-600), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--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-600-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--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-700-contrast) 100%, transparent))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-200), 0.5));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));--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, hsla(var(--ig-primary-600), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--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-600-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--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-700-contrast) 100%, transparent))}`;
 //# sourceMappingURL=button.bootstrap.css.js.map

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

@@ -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,q0QAAq0Q,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-200), 0.5));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--foreground: var(--ig-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-primary-800), var(--ig-primary-a)));--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, hsla(var(--ig-primary-800), var(--ig-primary-a)));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-200), 0.5));--border-color: var(--ig-button-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-border-color: var(--ig-button-hover-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-border-color: var(--ig-button-disabled-border-color, hsla(var(--ig-primary-50), var(--ig-primary-a)));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--foreground: var(--ig-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--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, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--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, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-200), 0.5));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--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-600-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--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-700-contrast) 100%, transparent))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-200), 0.5));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));--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));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--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-600-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--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-700-contrast) 100%, transparent))}`;\n"]}
+{"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,snTAAsnT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-200), 0.5));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--foreground: var(--ig-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--icon-color: var(--ig-button-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--icon-color-hover: var(--ig-button-icon-color-hover, hsla(var(--ig-primary-800), var(--ig-primary-a)));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-primary-800), var(--ig-primary-a)));--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, hsla(var(--ig-primary-800), var(--ig-primary-a)));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-200), 0.5));--border-color: var(--ig-button-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-border-color: var(--ig-button-hover-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-border-color: var(--ig-button-disabled-border-color, hsla(var(--ig-primary-50), var(--ig-primary-a)));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--foreground: var(--ig-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--icon-color: var(--ig-button-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--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, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--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, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-200), 0.5));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));--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, hsla(var(--ig-primary-600), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--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-600-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--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-700-contrast) 100%, transparent))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-200), 0.5));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));--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, hsla(var(--ig-primary-600), var(--ig-primary-a)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--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-600-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--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-700-contrast) 100%, transparent))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host([variant=flat]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-200), var(--ig-gray-a)));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--hover-background: var(--ig-button-hover-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)))}:host([variant=outlined]){--border-color: var(--ig-button-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-border-color: var(--ig-button-hover-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--disabled-border-color: var(--ig-button-disabled-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-200), var(--ig-gray-a)));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--hover-background: var(--ig-button-hover-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-gray-100), 0.8));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-gray-100-contrast) 100%, transparent))}:host([variant=contained]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-200), var(--ig-gray-a)));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--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, hsla(var(--ig-primary-300), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent))}:host([variant=fab]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-200), var(--ig-gray-a)));--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));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--background: var(--ig-button-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent))}`;
+export const styles = css `:host([variant=flat]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--icon-color: var(--ig-button-icon-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--icon-color-hover: var(--ig-button-icon-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--hover-background: var(--ig-button-hover-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)))}:host([variant=outlined]){--border-color: var(--ig-button-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-border-color: var(--ig-button-hover-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--disabled-border-color: var(--ig-button-disabled-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--icon-color: var(--ig-button-icon-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--icon-color-hover: var(--ig-button-icon-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--hover-background: var(--ig-button-hover-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-gray-100), 0.8));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-gray-100-contrast) 100%, transparent))}:host([variant=contained]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--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, hsla(var(--ig-primary-300), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent))}:host([variant=fab]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--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));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--background: var(--ig-button-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent))}`;
 //# sourceMappingURL=button.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k9QAAk9Q,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-200), var(--ig-gray-a)));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--hover-background: var(--ig-button-hover-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)))}:host([variant=outlined]){--border-color: var(--ig-button-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-border-color: var(--ig-button-hover-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--disabled-border-color: var(--ig-button-disabled-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-200), var(--ig-gray-a)));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--hover-background: var(--ig-button-hover-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-gray-100), 0.8));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-gray-100-contrast) 100%, transparent))}:host([variant=contained]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-200), var(--ig-gray-a)));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--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, hsla(var(--ig-primary-300), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent))}:host([variant=fab]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-200), var(--ig-gray-a)));--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));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--background: var(--ig-button-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent))}`;\n"]}
+{"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8rTAA8rT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--icon-color: var(--ig-button-icon-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--icon-color-hover: var(--ig-button-icon-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--hover-background: var(--ig-button-hover-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)))}:host([variant=outlined]){--border-color: var(--ig-button-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-border-color: var(--ig-button-hover-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--disabled-border-color: var(--ig-button-disabled-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--icon-color: var(--ig-button-icon-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--icon-color-hover: var(--ig-button-icon-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--hover-background: var(--ig-button-hover-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-gray-100), 0.8));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-gray-100-contrast) 100%, transparent))}:host([variant=contained]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--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, hsla(var(--ig-primary-300), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent))}:host([variant=fab]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--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));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--background: var(--ig-button-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-300-contrast) 100%, transparent))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-300), var(--ig-gray-a)));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--focus-hover-background: var(--ig-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--foreground: var(--ig-button-foreground, hsla(var(--ig-gray-600), 0.8));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-button-focus-background, transparent);--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-gray-200), 0.8));--border-color: var(--ig-button-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--hover-border-color: var(--ig-button-hover-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-border-color: var(--ig-button-disabled-border-color, transparent);--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-300), var(--ig-gray-a)));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--focus-hover-background: var(--ig-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--foreground: var(--ig-button-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-button-focus-background, transparent);--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-200), 0.1));--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-300), var(--ig-gray-a)));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--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));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--foreground: var(--ig-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-200), 0.1));--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-300), var(--ig-gray-a)));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.625rem, -1 * 2.625rem), var(--is-small, 1) * max(2.25rem, -1 * 2.25rem)));--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));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--foreground: var(--ig-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)))}`;
+export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--disabled-icon-color: var(--ig-button-disabled-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, color-mix(in oklch, var(--ig-primary-500-contrast) 10%, transparent));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, color-mix(in oklch, var(--ig-primary-500-contrast) 10%, transparent));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--border-color: var(--ig-button-border-color, color-mix(in oklch, var(--ig-primary-500-contrast) 60%, transparent));--hover-border-color: var(--ig-button-hover-border-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--focus-border-color: var(--ig-button-focus-border-color, color-mix(in oklch, var(--ig-primary-500-contrast) 60%, transparent));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, color-mix(in oklch, var(--ig-primary-500-contrast) 60%, transparent));--active-border-color: var(--ig-button-active-border-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--disabled-border-color: var(--ig-button-disabled-border-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--disabled-icon-color: var(--ig-button-disabled-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, color-mix(in oklch, var(--ig-primary-500-contrast) 10%, transparent));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, color-mix(in oklch, var(--ig-primary-500-contrast) 10%, transparent));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-400), 0.5));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-primary-400), 0.5));--disabled-foreground: var(--ig-button-disabled-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--disabled-icon-color: var(--ig-button-disabled-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-400), 0.5));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-primary-400), 0.5));--disabled-foreground: var(--ig-button-disabled-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--disabled-icon-color: var(--ig-button-disabled-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}`;
 //# sourceMappingURL=button.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y/OAAy/O,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-300), var(--ig-gray-a)));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--focus-hover-background: var(--ig-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--foreground: var(--ig-button-foreground, hsla(var(--ig-gray-600), 0.8));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-button-focus-background, transparent);--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-gray-200), 0.8));--border-color: var(--ig-button-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--hover-border-color: var(--ig-button-hover-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-border-color: var(--ig-button-disabled-border-color, transparent);--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-300), var(--ig-gray-a)));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--focus-hover-background: var(--ig-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--foreground: var(--ig-button-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-button-focus-background, transparent);--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-200), 0.1));--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-300), var(--ig-gray-a)));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--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));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--foreground: var(--ig-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-200), 0.1));--disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-300), var(--ig-gray-a)));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.625rem, -1 * 2.625rem), var(--is-small, 1) * max(2.25rem, -1 * 2.25rem)));--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));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--foreground: var(--ig-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)))}`;\n"]}
+{"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mnVAAmnV,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--disabled-icon-color: var(--ig-button-disabled-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, color-mix(in oklch, var(--ig-primary-500-contrast) 10%, transparent));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, color-mix(in oklch, var(--ig-primary-500-contrast) 10%, transparent));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--border-color: var(--ig-button-border-color, color-mix(in oklch, var(--ig-primary-500-contrast) 60%, transparent));--hover-border-color: var(--ig-button-hover-border-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--focus-border-color: var(--ig-button-focus-border-color, color-mix(in oklch, var(--ig-primary-500-contrast) 60%, transparent));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, color-mix(in oklch, var(--ig-primary-500-contrast) 60%, transparent));--active-border-color: var(--ig-button-active-border-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--disabled-border-color: var(--ig-button-disabled-border-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--disabled-icon-color: var(--ig-button-disabled-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, color-mix(in oklch, var(--ig-primary-500-contrast) 10%, transparent));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, color-mix(in oklch, var(--ig-primary-500-contrast) 10%, transparent));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-400), 0.5));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-primary-400), 0.5));--disabled-foreground: var(--ig-button-disabled-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--disabled-icon-color: var(--ig-button-disabled-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-primary-400), 0.5));--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-primary-400), 0.5));--disabled-foreground: var(--ig-button-disabled-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--disabled-icon-color: var(--ig-button-disabled-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--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, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-500), 0.08));--hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-400), 0.16));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-400), 0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-secondary-400), 0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-secondary-400), 0.12));--active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)))}:host([variant=outlined]){--border-color: var(--ig-button-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-border-color: var(--ig-button-hover-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-500), 0.08));--hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-400), 0.16));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-400), 0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-secondary-400), 0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-secondary-400), 0.12));--active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)))}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent))}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent))}`;
+export const styles = css `:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--icon-color: var(--ig-button-icon-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--icon-color-hover: var(--ig-button-icon-color-hover, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-500), 0.08));--hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-400), 0.16));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-400), 0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-secondary-400), 0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-secondary-400), 0.12));--active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)))}:host([variant=outlined]){--border-color: var(--ig-button-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-border-color: var(--ig-button-hover-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--icon-color: var(--ig-button-icon-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--icon-color-hover: var(--ig-button-icon-color-hover, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-500), 0.08));--hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-400), 0.16));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-400), 0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-secondary-400), 0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--active-background: var(--ig-button-active-background, hsla(var(--ig-secondary-400), 0.12));--active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)))}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent))}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent))}`;
 //# sourceMappingURL=button.material.css.js.map