igniteui-webcomponents 7.2.0 → 7.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (94) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/components/button/button-base.js.map +1 -1
  3. package/components/button/themes/button/dark/button.bootstrap.css.js +1 -1
  4. package/components/button/themes/button/dark/button.bootstrap.css.js.map +1 -1
  5. package/components/button/themes/button/dark/button.fluent.css.js +1 -1
  6. package/components/button/themes/button/dark/button.fluent.css.js.map +1 -1
  7. package/components/button/themes/button/dark/button.indigo.css.js +1 -1
  8. package/components/button/themes/button/dark/button.indigo.css.js.map +1 -1
  9. package/components/button/themes/button/dark/button.material.css.js +1 -1
  10. package/components/button/themes/button/dark/button.material.css.js.map +1 -1
  11. package/components/button/themes/button/light/button.bootstrap.css.js +1 -1
  12. package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -1
  13. package/components/button/themes/button/light/button.fluent.css.js +1 -1
  14. package/components/button/themes/button/light/button.fluent.css.js.map +1 -1
  15. package/components/button/themes/button/light/button.indigo.css.js +1 -1
  16. package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
  17. package/components/button/themes/button/light/button.material.css.js +1 -1
  18. package/components/button/themes/button/light/button.material.css.js.map +1 -1
  19. package/components/button/themes/button/light/button.shared.css.js +1 -1
  20. package/components/button/themes/button/light/button.shared.css.js.map +1 -1
  21. package/components/button-group/themes/dark/button-group.bootstrap.css.js +1 -1
  22. package/components/button-group/themes/dark/button-group.bootstrap.css.js.map +1 -1
  23. package/components/button-group/themes/light/button-group.bootstrap.css.js +1 -1
  24. package/components/button-group/themes/light/button-group.bootstrap.css.js.map +1 -1
  25. package/components/chat/chat-input.js +1 -1
  26. package/components/chat/chat-input.js.map +1 -1
  27. package/components/chat/chat-state.d.ts +2 -1
  28. package/components/chat/chat-state.js +2 -2
  29. package/components/chat/chat-state.js.map +1 -1
  30. package/components/chat/chat.d.ts +3 -9
  31. package/components/chat/chat.js.map +1 -1
  32. package/components/chat/message-attachments.d.ts +1 -0
  33. package/components/chat/message-attachments.js.map +1 -1
  34. package/components/chat/types.d.ts +16 -2
  35. package/components/chat/types.js.map +1 -1
  36. package/components/combo/themes/dark/combo.indigo.css.js +1 -1
  37. package/components/combo/themes/dark/combo.indigo.css.js.map +1 -1
  38. package/components/common/mixins/alert.d.ts +2 -2
  39. package/components/common/mixins/alert.js.map +1 -1
  40. package/components/common/mixins/combo-box.js.map +1 -1
  41. package/components/date-range-picker/date-range-input.d.ts +9 -3
  42. package/components/date-range-picker/date-range-input.js +4 -7
  43. package/components/date-range-picker/date-range-input.js.map +1 -1
  44. package/components/date-time-input/date-time-input.base.d.ts +1 -6
  45. package/components/date-time-input/date-time-input.base.js +1 -2
  46. package/components/date-time-input/date-time-input.base.js.map +1 -1
  47. package/components/date-time-input/date-time-input.d.ts +11 -5
  48. package/components/date-time-input/date-time-input.js +3 -2
  49. package/components/date-time-input/date-time-input.js.map +1 -1
  50. package/components/dialog/themes/dark/dialog.indigo.css.js +1 -1
  51. package/components/dialog/themes/dark/dialog.indigo.css.js.map +1 -1
  52. package/components/dropdown/themes/dark/dropdown.indigo.css.js +1 -1
  53. package/components/dropdown/themes/dark/dropdown.indigo.css.js.map +1 -1
  54. package/components/expansion-panel/themes/expansion-panel.base.css.js +1 -1
  55. package/components/expansion-panel/themes/expansion-panel.base.css.js.map +1 -1
  56. package/components/highlight/service.d.ts +2 -2
  57. package/components/highlight/service.js.map +1 -1
  58. package/components/input/input-base.js.map +1 -1
  59. package/components/mask-input/mask-input.js.map +1 -1
  60. package/components/select/themes/dark/select.indigo.css.js +1 -1
  61. package/components/select/themes/dark/select.indigo.css.js.map +1 -1
  62. package/components/snackbar/themes/dark/snackbar.indigo.css.js +1 -1
  63. package/components/snackbar/themes/dark/snackbar.indigo.css.js.map +1 -1
  64. package/components/splitter/types.js.map +1 -1
  65. package/components/toast/themes/dark/toast.indigo.css.js +1 -1
  66. package/components/toast/themes/dark/toast.indigo.css.js.map +1 -1
  67. package/components/tooltip/themes/dark/tooltip.indigo.css.js +1 -1
  68. package/components/tooltip/themes/dark/tooltip.indigo.css.js.map +1 -1
  69. package/components/tree/tree.js.map +1 -1
  70. package/components/types.d.ts +1 -0
  71. package/components/types.js.map +1 -1
  72. package/custom-elements.json +331 -510
  73. package/igniteui-webcomponents.css-data.json +1 -1
  74. package/igniteui-webcomponents.html-data.json +1 -1
  75. package/index.d.ts +1 -3
  76. package/index.js.map +1 -1
  77. package/package.json +1 -1
  78. package/skills/igniteui-wc-choose-components/SKILL.md +122 -160
  79. package/skills/igniteui-wc-customize-component-theme/SKILL.md +83 -311
  80. package/skills/igniteui-wc-customize-component-theme/references/mcp-setup.md +69 -0
  81. package/skills/igniteui-wc-generate-from-image-design/SKILL.md +4 -1
  82. package/skills/igniteui-wc-generate-from-image-design/references/component-mapping.md +60 -61
  83. package/skills/igniteui-wc-generate-from-image-design/references/gotchas.md +15 -11
  84. package/skills/igniteui-wc-migrate-grid-lite-to-premium/SKILL.md +446 -0
  85. package/skills/igniteui-wc-optimize-bundle-size/SKILL.md +23 -274
  86. package/themes/dark/bootstrap.css +1 -1
  87. package/themes/dark/fluent.css +1 -1
  88. package/themes/dark/indigo.css +1 -1
  89. package/themes/dark/material.css +1 -1
  90. package/themes/light/bootstrap.css +1 -1
  91. package/themes/light/fluent.css +1 -1
  92. package/themes/light/indigo.css +1 -1
  93. package/themes/light/material.css +1 -1
  94. package/web-types.json +2 -2
package/CHANGELOG.md CHANGED
@@ -4,6 +4,21 @@ All notable changes to this project will be documented in this file.
4
4
  The format is based on [Keep a Changelog](http://keepachangelog.com/)
5
5
  and this project adheres to [Semantic Versioning](http://semver.org/).
6
6
 
7
+ ## [7.2.2] - 2026-06-15
8
+ ### Changed
9
+ - #### AI-Assisted Development
10
+ - Decreased token consumption of skills and improved migration skill from grid lite to premium offering [#2243](https://github.com/IgniteUI/igniteui-webcomponents/pull/2243) [#2239](https://github.com/IgniteUI/igniteui-webcomponents/pull/2239)
11
+ - #### Snackbar, Toast
12
+ - Abstracted container positioning property into a new type `NotificationPositioning` [#2251](https://github.com/IgniteUI/igniteui-webcomponents/pull/2251)
13
+
14
+ ### Fixed
15
+ - #### Expansion Panel
16
+ - Line height for title and sub-title slots [#2237](https://github.com/IgniteUI/igniteui-webcomponents/pull/2237)
17
+
18
+ ## [7.2.1] - 2026-05-27
19
+ ### Fixed
20
+ - Internal library metadata issue
21
+
7
22
  ## [7.2.0] - 2026-05-27
8
23
  ### Added
9
24
  - #### Date Range Picker
@@ -1355,6 +1370,8 @@ Initial release of Ignite UI Web Components
1355
1370
  - Ripple component
1356
1371
  - Switch component
1357
1372
 
1373
+ [7.2.2]: https://github.com/IgniteUI/igniteui-webcomponents/compare/7.2.1...7.2.2
1374
+ [7.2.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/7.2.0...7.2.1
1358
1375
  [7.2.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/7.1.3...7.2.0
1359
1376
  [7.1.3]: https://github.com/IgniteUI/igniteui-webcomponents/compare/7.1.2...7.1.3
1360
1377
  [7.1.2]: https://github.com/IgniteUI/igniteui-webcomponents/compare/7.1.1...7.1.2
@@ -1 +1 @@
1
- {"version":3,"file":"button-base.js","sourceRoot":"","sources":["../../../src/components/button/button-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAEvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAsB5D,IAAe,sBAAsB,GAArC,MAAe,sBAAuB,SAAQ,iBAAiB,CAGpE,UAAU,CAAC;IAHN;;QAQY,sBAAiB,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAC/C,eAAU,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC1C,cAAS,GAAG,gBAAgB,CAC3C,IAAI,EACJ,IAAI,CAAC,yBAAyB,CAC/B,CAAC;QAEM,cAAS,GAAG,KAAK,CAAC;QAClB,gBAAW,GAAkB,IAAI,CAAC;QAClC,uBAAkB,GAAmB,IAAI,CAAC;QAqB3C,SAAI,GAAkC,QAAQ,CAAC;IAyMxD,CAAC;aA3OwB,mBAAc,GAAG,IAAI,AAAP,CAAQ;IAkF7C,IAAW,QAAQ,CAAC,KAAc;QAChC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;IAC5D,CAAC;IAED,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAiBD,IAAW,UAAU,CAAC,KAAoB;QACxC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,KAAK,EAAE,CAAC;YACV,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;YACzB,IAAI,CAAC,kBAAkB,GAAG,sBAAsB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAChE,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;YAC/B,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,CAAC;QAC7B,CAAC;IACH,CAAC;IAED,IAAW,UAAU;QACnB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAMD,IAAW,iBAAiB;QAC1B,OAAO,IAAI,CAAC,kBAAkB,CAAC;IACjC,CAAC;IAGD,IAAW,iBAAiB,CAAC,KAAqB;QAChD,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;QAChC,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAWD,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;IAC9B,CAAC;IAMkB,YAAY;QAC7B,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,CAAC,kBAAkB,GAAG,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;YACzE,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IAMS,YAAY;QACpB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,QAAQ;gBACX,IAAI,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC;gBAC3B,MAAM;YACR,KAAK,OAAO;gBACV,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;gBACnB,MAAM;QACV,CAAC;IACH,CAAC;IAES,oBAAoB,CAAC,KAAc;QAC3C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAIO,yBAAyB,CAAC,GAAgB;QAChD,IAAI,IAAI,CAAC,WAAW,IAAI,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC;YAClD,IAAI,CAAC,kBAAkB,GAAG,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;YACzE,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IAKe,KAAK;QACnB,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE,CAAC;IAC9B,CAAC;IAIO,aAAa;QACnB,OAAO,IAAI,CAAA;;kBAEG,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;6BACZ,IAAI,CAAC,kBAAkB;eACrC,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC;qBAC1D,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC;oBACvC,IAAI,CAAC,QAAQ;eAClB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;iBAClB,IAAI,CAAC,YAAY;;UAExB,IAAI,CAAC,cAAc,EAAE;;KAE1B,CAAC;IACJ,CAAC;IAEO,iBAAiB;QACvB,OAAO,IAAI,CAAA;;eAEA,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC;;qBAE1D,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC;wBACnC,IAAI,CAAC,QAAQ;eACtB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;iBAClB,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;mBACpB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;cAC7B,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;;UAEvB,IAAI,CAAC,cAAc,EAAE;;KAE1B,CAAC;IACJ,CAAC;IAIkB,MAAM;QACvB,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;IAC7E,CAAC;;AA1NgB;IADhB,KAAK,CAAC,eAAe,EAAE,IAAI,CAAC;6DAC0C;AAkBhE;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAC0B;AAS/C;IADN,QAAQ,EAAE;oDACU;AASd;IADN,QAAQ,EAAE;wDACc;AAWlB;IADN,QAAQ,EAAE;sDAC6C;AAUjD;IADN,QAAQ,EAAE;mDACS;AASpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAI1C;AAaM;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACJ;AAQxB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;wDAUrC;AAvHmB,sBAAsB;IAF3C,gBAAgB;IAChB,aAAa,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC;GAClB,sBAAsB,CA+O3C","sourcesContent":["import { html, LitElement, type TemplateResult } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';\nimport { addIdRefResolver } from '../common/controllers/id-resolver.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport { shadowOptions } from '../common/decorators/shadow-options.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common//mixins/event-emitter.js';\nimport { partMap } from '../common/part-map.js';\nimport { bindIf, getElementByIdFromRoot } from '../common/util.js';\n\nexport interface IgcButtonEventMap {\n // For analyzer meta only:\n /* skipWCPrefix */\n focus: FocusEvent;\n /* skipWCPrefix */\n blur: FocusEvent;\n}\n\n/**\n * Abstract base class shared by `igc-button` and `igc-icon-button`.\n *\n * Provides common form-association behavior, link-button rendering\n * (renders as `<a>` when `href` is set), keyboard focus-ring management,\n * and the Invoker Commands API (`command` / `commandfor`).\n *\n * Concrete subclasses must implement `_renderContent()` to supply the\n * visual content projected inside the native `<button>` or `<a>` element.\n */\n@blazorDeepImport\n@shadowOptions({ delegatesFocus: true })\nexport abstract class IgcButtonBaseComponent extends EventEmitterMixin<\n IgcButtonEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly formAssociated = true;\n\n //#region Internal state\n\n private readonly _focusRingManager = addKeyboardFocusRing(this);\n private readonly _internals = addInternalsController(this);\n private readonly _resolver = addIdRefResolver(\n this,\n this._resolveCommandForElement\n );\n\n private _disabled = false;\n private _commandfor: string | null = null;\n private _commandForElement: Element | null = null;\n\n @query('[part=\"base\"]', true)\n private readonly _nativeButton?: HTMLButtonElement | HTMLAnchorElement;\n\n //#endregion\n\n //#region Public properties\n\n /* alternateName: displayType */\n /**\n * The type of the button, which determines its behavior and semantics.\n * - `'button'` – no default action; useful for custom JavaScript handlers.\n * - `'submit'` – submits the associated form when clicked.\n * - `'reset'` – resets the associated form fields to their initial values.\n *\n * Ignored when the button is rendered as a link (i.e. `href` is set).\n * @attr type\n * @default 'button'\n */\n @property({ reflect: true })\n public type: 'button' | 'reset' | 'submit' = 'button';\n\n /**\n * The URL the button points to. When set, the component renders as an\n * `<a>` element instead of a `<button>`, enabling navigation on click.\n * Use together with `target`, `download`, and `rel` for full anchor semantics.\n * @attr href\n */\n @property()\n public href?: string;\n\n /**\n * Prompts the browser to download the linked resource rather than navigating\n * to it. The optional value is used as the suggested file name.\n * Only effective when `href` is set.\n * @attr download\n */\n @property()\n public download?: string;\n\n /**\n * Where to open the linked document. Only effective when `href` is set.\n * - `'_self'` – current browsing context (default browser behavior).\n * - `'_blank'` – new tab or window.\n * - `'_parent'` – parent browsing context; falls back to `_self` if none.\n * - `'_top'` – top-level browsing context; falls back to `_self` if none.\n * @attr target\n */\n @property()\n public target?: '_blank' | '_parent' | '_self' | '_top';\n\n /**\n * The relationship between the current document and the linked URL.\n * Accepts a space-separated list of link types (e.g. `'noopener noreferrer'`).\n * Only effective when `href` is set. When `target=\"_blank\"` is used,\n * setting `rel=\"noopener noreferrer\"` is strongly recommended for security.\n * @attr rel\n */\n @property()\n public rel?: string;\n\n /**\n * When set, the button will be disabled and non-interactive.\n *\n * @attr disabled\n * @default false\n */\n @property({ type: Boolean, reflect: true })\n public set disabled(value: boolean) {\n this._disabled = value;\n this.toggleAttribute('disabled', Boolean(this._disabled));\n }\n\n public get disabled(): boolean {\n return this._disabled;\n }\n\n /**\n * The command to invoke on the target element specified by `commandfor`.\n * Part of the [Invoker Commands](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API) API.\n * Custom commands must start with two dashes (e.g. `'--my-command'`).\n * @attr command\n */\n @property({ reflect: true })\n public command?: string;\n\n /**\n * The ID of the target element for the invoker command.\n * Part of the [Invoker Commands API](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API).\n * @attr commandfor\n */\n @property({ attribute: 'commandfor' })\n public set commandfor(value: string | null) {\n this._commandfor = value;\n if (value) {\n this._resolver.observe();\n this._commandForElement = getElementByIdFromRoot(this, value);\n } else {\n this._commandForElement = null;\n this._resolver.unobserve();\n }\n }\n\n public get commandfor(): string | null {\n return this._commandfor;\n }\n\n /* blazorCSSuppress */\n /**\n * The target element for the invoker command. Resolved from the `commandfor` ID.\n */\n public get commandForElement(): Element | null {\n return this._commandForElement;\n }\n\n /* blazorCSSuppress */\n public set commandForElement(value: Element | null) {\n this._commandForElement = value;\n this.requestUpdate();\n }\n\n /* blazorCSSuppress */\n /* alternateType: object */\n /**\n * The `<form>` element the button is associated with.\n * Resolved through the standard form-association mechanism — either the\n * closest ancestor `<form>` or the form referenced by the button's `form`\n * attribute. Returns `null` when no form is associated.\n * Relevant only when `type` is `'submit'` or `'reset'`.\n */\n public get form(): HTMLFormElement | null {\n return this._internals.form;\n }\n\n //#endregion\n\n //#region Lifecycle\n\n protected override firstUpdated(): void {\n if (this._commandfor) {\n this._commandForElement = getElementByIdFromRoot(this, this._commandfor);\n this.requestUpdate();\n }\n }\n\n //#endregion\n\n //#region Event handlers\n\n protected _handleClick(): void {\n switch (this.type) {\n case 'submit':\n this.form?.requestSubmit();\n break;\n case 'reset':\n this.form?.reset();\n break;\n }\n }\n\n protected formDisabledCallback(state: boolean): void {\n this._disabled = state;\n this.requestUpdate();\n }\n\n //#endregion\n\n private _resolveCommandForElement(ids: Set<string>): void {\n if (this._commandfor && ids.has(this._commandfor)) {\n this._commandForElement = getElementByIdFromRoot(this, this._commandfor);\n this.requestUpdate();\n }\n }\n\n //#region Public API\n\n /** Simulates a mouse click on the button, triggering its click handler and any associated form action. */\n public override click(): void {\n this._nativeButton?.click();\n }\n\n //#endregion\n\n private _renderButton() {\n return html`\n <button\n command=${ifDefined(this.command)}\n .commandForElement=${this._commandForElement}\n part=${partMap({ base: true, focused: this._focusRingManager.focused })}\n aria-label=${bindIf(this.ariaLabel, this.ariaLabel)}\n ?disabled=${this.disabled}\n type=${ifDefined(this.type)}\n @click=${this._handleClick}\n >\n ${this._renderContent()}\n </button>\n `;\n }\n\n private _renderLinkButton() {\n return html`\n <a\n part=${partMap({ base: true, focused: this._focusRingManager.focused })}\n role=\"button\"\n aria-label=${bindIf(this.ariaLabel, this.ariaLabel)}\n aria-disabled=${this.disabled}\n href=${ifDefined(this.href)}\n target=${ifDefined(this.target)}\n download=${ifDefined(this.download)}\n rel=${ifDefined(this.rel)}\n >\n ${this._renderContent()}\n </a>\n `;\n }\n\n protected abstract _renderContent(): TemplateResult;\n\n protected override render() {\n return this.href != null ? this._renderLinkButton() : this._renderButton();\n }\n}\n"]}
1
+ {"version":3,"file":"button-base.js","sourceRoot":"","sources":["../../../src/components/button/button-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAEvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAsB5D,IAAe,sBAAsB,GAArC,MAAe,sBAAuB,SAAQ,iBAAiB,CAGpE,UAAU,CAAC;IAHN;;QAQY,sBAAiB,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAC/C,eAAU,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC1C,cAAS,GAAG,gBAAgB,CAC3C,IAAI,EACJ,IAAI,CAAC,yBAAyB,CAC/B,CAAC;QAEM,cAAS,GAAG,KAAK,CAAC;QAClB,gBAAW,GAAkB,IAAI,CAAC;QAClC,uBAAkB,GAAmB,IAAI,CAAC;QAqB3C,SAAI,GAAkC,QAAQ,CAAC;IA2MxD,CAAC;aA7OwB,mBAAc,GAAG,IAAI,AAAP,CAAQ;IAkF7C,IAAW,QAAQ,CAAC,KAAc;QAChC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;IAC5D,CAAC;IAED,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAiBD,IAAW,UAAU,CAAC,KAAoB;QACxC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,KAAK,EAAE,CAAC;YACV,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;YACzB,IAAI,CAAC,kBAAkB,GAAG,sBAAsB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAChE,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;YAC/B,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,CAAC;QAC7B,CAAC;IACH,CAAC;IAED,IAAW,UAAU;QACnB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAOD,IAAW,iBAAiB;QAC1B,OAAO,IAAI,CAAC,kBAAkB,CAAC;IACjC,CAAC;IAID,IAAW,iBAAiB,CAAC,KAAqB;QAChD,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;QAChC,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAWD,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;IAC9B,CAAC;IAMkB,YAAY;QAC7B,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,CAAC,kBAAkB,GAAG,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;YACzE,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IAMS,YAAY;QACpB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,QAAQ;gBACX,IAAI,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC;gBAC3B,MAAM;YACR,KAAK,OAAO;gBACV,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;gBACnB,MAAM;QACV,CAAC;IACH,CAAC;IAES,oBAAoB,CAAC,KAAc;QAC3C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAIO,yBAAyB,CAAC,GAAgB;QAChD,IAAI,IAAI,CAAC,WAAW,IAAI,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC;YAClD,IAAI,CAAC,kBAAkB,GAAG,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;YACzE,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IAKe,KAAK;QACnB,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE,CAAC;IAC9B,CAAC;IAIO,aAAa;QACnB,OAAO,IAAI,CAAA;;kBAEG,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;6BACZ,IAAI,CAAC,kBAAkB;eACrC,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC;qBAC1D,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC;oBACvC,IAAI,CAAC,QAAQ;eAClB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;iBAClB,IAAI,CAAC,YAAY;;UAExB,IAAI,CAAC,cAAc,EAAE;;KAE1B,CAAC;IACJ,CAAC;IAEO,iBAAiB;QACvB,OAAO,IAAI,CAAA;;eAEA,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC;;qBAE1D,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC;wBACnC,IAAI,CAAC,QAAQ;eACtB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;iBAClB,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;mBACpB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;cAC7B,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;;UAEvB,IAAI,CAAC,cAAc,EAAE;;KAE1B,CAAC;IACJ,CAAC;IAIkB,MAAM;QACvB,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;IAC7E,CAAC;;AA5NgB;IADhB,KAAK,CAAC,eAAe,EAAE,IAAI,CAAC;6DAC0C;AAkBhE;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAC0B;AAS/C;IADN,QAAQ,EAAE;oDACU;AASd;IADN,QAAQ,EAAE;wDACc;AAWlB;IADN,QAAQ,EAAE;sDAC6C;AAUjD;IADN,QAAQ,EAAE;mDACS;AASpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAI1C;AAaM;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACJ;AAQxB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;wDAUrC;AAvHmB,sBAAsB;IAF3C,gBAAgB;IAChB,aAAa,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC;GAClB,sBAAsB,CAiP3C","sourcesContent":["import { html, LitElement, type TemplateResult } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';\nimport { addIdRefResolver } from '../common/controllers/id-resolver.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport { shadowOptions } from '../common/decorators/shadow-options.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common//mixins/event-emitter.js';\nimport { partMap } from '../common/part-map.js';\nimport { bindIf, getElementByIdFromRoot } from '../common/util.js';\n\nexport interface IgcButtonEventMap {\n // For analyzer meta only:\n /* skipWCPrefix */\n focus: FocusEvent;\n /* skipWCPrefix */\n blur: FocusEvent;\n}\n\n/**\n * Abstract base class shared by `igc-button` and `igc-icon-button`.\n *\n * Provides common form-association behavior, link-button rendering\n * (renders as `<a>` when `href` is set), keyboard focus-ring management,\n * and the Invoker Commands API (`command` / `commandfor`).\n *\n * Concrete subclasses must implement `_renderContent()` to supply the\n * visual content projected inside the native `<button>` or `<a>` element.\n */\n@blazorDeepImport\n@shadowOptions({ delegatesFocus: true })\nexport abstract class IgcButtonBaseComponent extends EventEmitterMixin<\n IgcButtonEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly formAssociated = true;\n\n //#region Internal state\n\n private readonly _focusRingManager = addKeyboardFocusRing(this);\n private readonly _internals = addInternalsController(this);\n private readonly _resolver = addIdRefResolver(\n this,\n this._resolveCommandForElement\n );\n\n private _disabled = false;\n private _commandfor: string | null = null;\n private _commandForElement: Element | null = null;\n\n @query('[part=\"base\"]', true)\n private readonly _nativeButton?: HTMLButtonElement | HTMLAnchorElement;\n\n //#endregion\n\n //#region Public properties\n\n /* alternateName: displayType */\n /**\n * The type of the button, which determines its behavior and semantics.\n * - `'button'` – no default action; useful for custom JavaScript handlers.\n * - `'submit'` – submits the associated form when clicked.\n * - `'reset'` – resets the associated form fields to their initial values.\n *\n * Ignored when the button is rendered as a link (i.e. `href` is set).\n * @attr type\n * @default 'button'\n */\n @property({ reflect: true })\n public type: 'button' | 'reset' | 'submit' = 'button';\n\n /**\n * The URL the button points to. When set, the component renders as an\n * `<a>` element instead of a `<button>`, enabling navigation on click.\n * Use together with `target`, `download`, and `rel` for full anchor semantics.\n * @attr href\n */\n @property()\n public href?: string;\n\n /**\n * Prompts the browser to download the linked resource rather than navigating\n * to it. The optional value is used as the suggested file name.\n * Only effective when `href` is set.\n * @attr download\n */\n @property()\n public download?: string;\n\n /**\n * Where to open the linked document. Only effective when `href` is set.\n * - `'_self'` – current browsing context (default browser behavior).\n * - `'_blank'` – new tab or window.\n * - `'_parent'` – parent browsing context; falls back to `_self` if none.\n * - `'_top'` – top-level browsing context; falls back to `_self` if none.\n * @attr target\n */\n @property()\n public target?: '_blank' | '_parent' | '_self' | '_top';\n\n /**\n * The relationship between the current document and the linked URL.\n * Accepts a space-separated list of link types (e.g. `'noopener noreferrer'`).\n * Only effective when `href` is set. When `target=\"_blank\"` is used,\n * setting `rel=\"noopener noreferrer\"` is strongly recommended for security.\n * @attr rel\n */\n @property()\n public rel?: string;\n\n /**\n * When set, the button will be disabled and non-interactive.\n *\n * @attr disabled\n * @default false\n */\n @property({ type: Boolean, reflect: true })\n public set disabled(value: boolean) {\n this._disabled = value;\n this.toggleAttribute('disabled', Boolean(this._disabled));\n }\n\n public get disabled(): boolean {\n return this._disabled;\n }\n\n /**\n * The command to invoke on the target element specified by `commandfor`.\n * Part of the [Invoker Commands](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API) API.\n * Custom commands must start with two dashes (e.g. `'--my-command'`).\n * @attr command\n */\n @property({ reflect: true })\n public command?: string;\n\n /**\n * The ID of the target element for the invoker command.\n * Part of the [Invoker Commands API](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API).\n * @attr commandfor\n */\n @property({ attribute: 'commandfor' })\n public set commandfor(value: string | null) {\n this._commandfor = value;\n if (value) {\n this._resolver.observe();\n this._commandForElement = getElementByIdFromRoot(this, value);\n } else {\n this._commandForElement = null;\n this._resolver.unobserve();\n }\n }\n\n public get commandfor(): string | null {\n return this._commandfor;\n }\n\n /* blazorCSSuppress */\n /* alternateType: object */\n /**\n * The target element for the invoker command. Resolved from the `commandfor` ID.\n */\n public get commandForElement(): Element | null {\n return this._commandForElement;\n }\n\n /* blazorCSSuppress */\n /* alternateType: object */\n public set commandForElement(value: Element | null) {\n this._commandForElement = value;\n this.requestUpdate();\n }\n\n /* blazorCSSuppress */\n /* alternateType: object */\n /**\n * The `<form>` element the button is associated with.\n * Resolved through the standard form-association mechanism — either the\n * closest ancestor `<form>` or the form referenced by the button's `form`\n * attribute. Returns `null` when no form is associated.\n * Relevant only when `type` is `'submit'` or `'reset'`.\n */\n public get form(): HTMLFormElement | null {\n return this._internals.form;\n }\n\n //#endregion\n\n //#region Lifecycle\n\n protected override firstUpdated(): void {\n if (this._commandfor) {\n this._commandForElement = getElementByIdFromRoot(this, this._commandfor);\n this.requestUpdate();\n }\n }\n\n //#endregion\n\n //#region Event handlers\n\n protected _handleClick(): void {\n switch (this.type) {\n case 'submit':\n this.form?.requestSubmit();\n break;\n case 'reset':\n this.form?.reset();\n break;\n }\n }\n\n protected formDisabledCallback(state: boolean): void {\n this._disabled = state;\n this.requestUpdate();\n }\n\n //#endregion\n\n private _resolveCommandForElement(ids: Set<string>): void {\n if (this._commandfor && ids.has(this._commandfor)) {\n this._commandForElement = getElementByIdFromRoot(this, this._commandfor);\n this.requestUpdate();\n }\n }\n\n //#region Public API\n\n /** Simulates a mouse click on the button, triggering its click handler and any associated form action. */\n public override click(): void {\n this._nativeButton?.click();\n }\n\n //#endregion\n\n private _renderButton() {\n return html`\n <button\n command=${ifDefined(this.command)}\n .commandForElement=${this._commandForElement}\n part=${partMap({ base: true, focused: this._focusRingManager.focused })}\n aria-label=${bindIf(this.ariaLabel, this.ariaLabel)}\n ?disabled=${this.disabled}\n type=${ifDefined(this.type)}\n @click=${this._handleClick}\n >\n ${this._renderContent()}\n </button>\n `;\n }\n\n private _renderLinkButton() {\n return html`\n <a\n part=${partMap({ base: true, focused: this._focusRingManager.focused })}\n role=\"button\"\n aria-label=${bindIf(this.ariaLabel, this.ariaLabel)}\n aria-disabled=${this.disabled}\n href=${ifDefined(this.href)}\n target=${ifDefined(this.target)}\n download=${ifDefined(this.download)}\n rel=${ifDefined(this.rel)}\n >\n ${this._renderContent()}\n </a>\n `;\n }\n\n protected abstract _renderContent(): TemplateResult;\n\n protected override render() {\n return this.href != null ? this._renderLinkButton() : this._renderButton();\n }\n}\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-flat-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-flat-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-flat-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-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-primary-800));--foreground: var(--ig-flat-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-flat-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-flat-button-hover-background, transparent);--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-primary-600));--icon-color-hover: var(--ig-flat-button-icon-color-hover, var(--ig-primary-600));--focus-background: var(--ig-flat-button-focus-background, transparent);--focus-hover-background: var(--ig-flat-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-primary-600));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-primary-500));--active-background: var(--ig-flat-button-active-background, transparent);--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-primary-800));--ig-theme: bootstrap;--ig-theme-variant: dark}:host([variant=outlined]){--shadow-color: var(--ig-outlined-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-outlined-button-border-color, var(--ig-primary-500));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-primary-600));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-primary-500));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-primary-800));--disabled-border-color: var(--ig-outlined-button-disabled-border-color, var(--ig-primary-50));--disabled-background: var(--ig-outlined-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-outlined-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-outlined-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-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-primary-800-contrast));--foreground: var(--ig-outlined-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-outlined-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-outlined-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-outlined-button-icon-color-hover, var(--ig-primary-600-contrast));--focus-background: var(--ig-outlined-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-outlined-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap;--ig-theme-variant: dark}:host([variant=contained]){--shadow-color: var(--ig-contained-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-contained-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-contained-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-contained-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-contained-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-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-500));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-800));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-contained-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-contained-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap;--ig-theme-variant: dark}:host([variant=fab]){--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-fab-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-fab-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-fab-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap;--ig-theme-variant: dark}`;
2
+ export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-flat-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-button-disabled-foreground, var(--ig-primary-200));--size: var(--ig-flat-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-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-primary-800));--foreground: var(--ig-flat-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-flat-button-hover-background, transparent);--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-primary-600));--focus-background: var(--ig-flat-button-focus-background, transparent);--focus-hover-background: var(--ig-flat-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-primary-600));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-primary-500));--active-background: var(--ig-flat-button-active-background, transparent);--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-primary-800));--ig-theme: bootstrap;--ig-theme-variant: dark}:host([variant=outlined]){--shadow-color: var(--ig-outlined-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-outlined-button-border-color, var(--ig-primary-500));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-primary-600));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-primary-500));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-primary-800));--disabled-border-color: var(--ig-outlined-button-disabled-border-color, var(--ig-primary-50));--disabled-background: var(--ig-outlined-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-button-disabled-foreground, var(--ig-primary-200));--size: var(--ig-outlined-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-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-primary-800-contrast));--foreground: var(--ig-outlined-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-outlined-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-outlined-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-outlined-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap;--ig-theme-variant: dark}:host([variant=contained]){--shadow-color: var(--ig-contained-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-contained-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-contained-button-disabled-foreground, var(--ig-primary-200));--size: var(--ig-contained-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-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-500));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-800));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap;--ig-theme-variant: dark}:host([variant=fab]){--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-fab-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap;--ig-theme-variant: dark}`;
3
3
  //# sourceMappingURL=button.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0lPAA0lP,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host([variant=flat]){--shadow-color: var(--ig-flat-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-flat-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-flat-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-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-primary-800));--foreground: var(--ig-flat-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-flat-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-flat-button-hover-background, transparent);--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-primary-600));--icon-color-hover: var(--ig-flat-button-icon-color-hover, var(--ig-primary-600));--focus-background: var(--ig-flat-button-focus-background, transparent);--focus-hover-background: var(--ig-flat-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-primary-600));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-primary-500));--active-background: var(--ig-flat-button-active-background, transparent);--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-primary-800));--ig-theme: bootstrap;--ig-theme-variant: dark}:host([variant=outlined]){--shadow-color: var(--ig-outlined-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-outlined-button-border-color, var(--ig-primary-500));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-primary-600));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-primary-500));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-primary-800));--disabled-border-color: var(--ig-outlined-button-disabled-border-color, var(--ig-primary-50));--disabled-background: var(--ig-outlined-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-outlined-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-outlined-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-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-primary-800-contrast));--foreground: var(--ig-outlined-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-outlined-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-outlined-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-outlined-button-icon-color-hover, var(--ig-primary-600-contrast));--focus-background: var(--ig-outlined-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-outlined-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap;--ig-theme-variant: dark}:host([variant=contained]){--shadow-color: var(--ig-contained-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-contained-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-contained-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-contained-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-contained-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-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-500));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-800));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-contained-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-contained-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap;--ig-theme-variant: dark}:host([variant=fab]){--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-fab-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-fab-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-fab-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap;--ig-theme-variant: dark}`;\n "]}
1
+ {"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4qNAA4qN,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host([variant=flat]){--shadow-color: var(--ig-flat-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-button-disabled-foreground, var(--ig-primary-200));--size: var(--ig-flat-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-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-primary-800));--foreground: var(--ig-flat-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-flat-button-hover-background, transparent);--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-primary-600));--focus-background: var(--ig-flat-button-focus-background, transparent);--focus-hover-background: var(--ig-flat-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-primary-600));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-primary-500));--active-background: var(--ig-flat-button-active-background, transparent);--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-primary-800));--ig-theme: bootstrap;--ig-theme-variant: dark}:host([variant=outlined]){--shadow-color: var(--ig-outlined-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-outlined-button-border-color, var(--ig-primary-500));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-primary-600));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-primary-500));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-primary-800));--disabled-border-color: var(--ig-outlined-button-disabled-border-color, var(--ig-primary-50));--disabled-background: var(--ig-outlined-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-button-disabled-foreground, var(--ig-primary-200));--size: var(--ig-outlined-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-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-primary-800-contrast));--foreground: var(--ig-outlined-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-outlined-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-outlined-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-outlined-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap;--ig-theme-variant: dark}:host([variant=contained]){--shadow-color: var(--ig-contained-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-contained-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-contained-button-disabled-foreground, var(--ig-primary-200));--size: var(--ig-contained-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-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-500));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-800));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap;--ig-theme-variant: dark}:host([variant=fab]){--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-fab-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap;--ig-theme-variant: dark}`;\n "]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host([variant=flat]){--focus-visible-border-color: var(--ig-flat-button-focus-visible-border-color, var(--ig-gray-400));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-button-disabled-foreground, var(--ig-gray-200));--disabled-icon-color: var(--ig-flat-button-disabled-icon-color, var(--ig-gray-200));--size: var(--ig-flat-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-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-flat-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-flat-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-flat-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-flat-button-hover-background, var(--ig-gray-50));--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-flat-button-focus-background, var(--ig-gray-100));--active-background: var(--ig-flat-button-active-background, var(--ig-gray-100));--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-flat-button-focus-hover-background, var(--ig-gray-50));--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--ig-theme: fluent;--ig-theme-variant: dark}:host([variant=outlined]){--border-color: var(--ig-outlined-button-border-color, var(--ig-gray-400));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-gray-400));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-gray-400));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-gray-400));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-gray-400));--disabled-border-color: var(--ig-outlined-button-disabled-border-color, var(--ig-gray-100));--disabled-background: var(--ig-outlined-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-outlined-button-disabled-foreground, var(--ig-gray-200));--disabled-icon-color: var(--ig-outlined-button-disabled-icon-color, var(--ig-gray-200));--size: var(--ig-outlined-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-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-outlined-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-outlined-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-outlined-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-outlined-button-hover-background, var(--ig-gray-50));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-outlined-button-focus-background, var(--ig-gray-100));--active-background: var(--ig-outlined-button-active-background, var(--ig-gray-100));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, var(--ig-gray-50));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, transparent);--ig-theme: fluent;--ig-theme-variant: dark}:host([variant=contained]){--focus-visible-border-color: var(--ig-contained-button-focus-visible-border-color, var(--ig-primary-300-contrast));--disabled-background: var(--ig-contained-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-contained-button-disabled-foreground, var(--ig-gray-200));--disabled-icon-color: var(--ig-contained-button-disabled-icon-color, var(--ig-gray-200));--size: var(--ig-contained-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-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-300));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-100));--border-radius: var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-300-contrast));--icon-color: var(--ig-contained-button-icon-color, var(--ig-primary-300-contrast));--icon-color-hover: var(--ig-contained-button-icon-color-hover, var(--ig-primary-300-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-200));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-300-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-100));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-300-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-300-contrast));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-200));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-300-contrast));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-300-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-300));--ig-theme: fluent;--ig-theme-variant: dark}:host([variant=fab]){--focus-visible-border-color: var(--ig-fab-button-focus-visible-border-color, var(--ig-primary-300-contrast));--disabled-background: var(--ig-fab-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-fab-button-disabled-foreground, var(--ig-gray-200));--disabled-icon-color: var(--ig-fab-button-disabled-icon-color, var(--ig-gray-200));--foreground: var(--ig-fab-button-foreground, var(--ig-primary-300-contrast));--icon-color: var(--ig-fab-button-icon-color, var(--ig-primary-300-contrast));--icon-color-hover: var(--ig-fab-button-icon-color-hover, var(--ig-primary-300-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-200));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-300-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-100));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-300-contrast));--active-background: var(--ig-fab-button-active-background, var(--ig-primary-100));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-300-contrast));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-200));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-300-contrast));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-300-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-300));--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--background: var(--ig-fab-button-background, var(--ig-primary-300));--ig-theme: fluent;--ig-theme-variant: dark}`;
2
+ export const styles = css `:host([variant=flat]){--focus-visible-border-color: var(--ig-flat-button-focus-visible-border-color, var(--ig-gray-400));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-button-disabled-foreground, var(--ig-gray-200));--size: var(--ig-flat-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-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-flat-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-flat-button-hover-background, var(--ig-gray-50));--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-flat-button-focus-background, var(--ig-gray-100));--active-background: var(--ig-flat-button-active-background, var(--ig-gray-100));--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-flat-button-focus-hover-background, var(--ig-gray-50));--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--ig-theme: fluent;--ig-theme-variant: dark}:host([variant=outlined]){--border-color: var(--ig-outlined-button-border-color, var(--ig-gray-400));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-gray-400));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-gray-400));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-gray-400));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-gray-400));--disabled-border-color: var(--ig-outlined-button-disabled-border-color, var(--ig-gray-100));--disabled-background: var(--ig-outlined-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-outlined-button-disabled-foreground, var(--ig-gray-200));--size: var(--ig-outlined-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-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-outlined-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-outlined-button-hover-background, var(--ig-gray-50));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-outlined-button-focus-background, var(--ig-gray-100));--active-background: var(--ig-outlined-button-active-background, var(--ig-gray-100));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, var(--ig-gray-50));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, transparent);--ig-theme: fluent;--ig-theme-variant: dark}:host([variant=contained]){--focus-visible-border-color: var(--ig-contained-button-focus-visible-border-color, var(--ig-primary-300-contrast));--disabled-background: var(--ig-contained-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-contained-button-disabled-foreground, var(--ig-gray-200));--size: var(--ig-contained-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-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-300));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-100));--border-radius: var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-300-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-200));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-300-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-100));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-300-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-300-contrast));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-200));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-300-contrast));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-300-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-300));--ig-theme: fluent;--ig-theme-variant: dark}:host([variant=fab]){--focus-visible-border-color: var(--ig-fab-button-focus-visible-border-color, var(--ig-primary-300-contrast));--disabled-background: var(--ig-fab-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-fab-button-disabled-foreground, var(--ig-gray-200));--foreground: var(--ig-fab-button-foreground, var(--ig-primary-300-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-200));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-300-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-100));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-300-contrast));--active-background: var(--ig-fab-button-active-background, var(--ig-primary-100));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-300-contrast));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-200));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-300-contrast));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-300-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-300));--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--background: var(--ig-fab-button-background, var(--ig-primary-300));--ig-theme: fluent;--ig-theme-variant: dark}`;
3
3
  //# sourceMappingURL=button.fluent.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,svQAAsvQ,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host([variant=flat]){--focus-visible-border-color: var(--ig-flat-button-focus-visible-border-color, var(--ig-gray-400));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-button-disabled-foreground, var(--ig-gray-200));--disabled-icon-color: var(--ig-flat-button-disabled-icon-color, var(--ig-gray-200));--size: var(--ig-flat-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-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-flat-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-flat-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-flat-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-flat-button-hover-background, var(--ig-gray-50));--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-flat-button-focus-background, var(--ig-gray-100));--active-background: var(--ig-flat-button-active-background, var(--ig-gray-100));--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-flat-button-focus-hover-background, var(--ig-gray-50));--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--ig-theme: fluent;--ig-theme-variant: dark}:host([variant=outlined]){--border-color: var(--ig-outlined-button-border-color, var(--ig-gray-400));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-gray-400));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-gray-400));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-gray-400));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-gray-400));--disabled-border-color: var(--ig-outlined-button-disabled-border-color, var(--ig-gray-100));--disabled-background: var(--ig-outlined-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-outlined-button-disabled-foreground, var(--ig-gray-200));--disabled-icon-color: var(--ig-outlined-button-disabled-icon-color, var(--ig-gray-200));--size: var(--ig-outlined-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-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-outlined-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-outlined-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-outlined-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-outlined-button-hover-background, var(--ig-gray-50));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-outlined-button-focus-background, var(--ig-gray-100));--active-background: var(--ig-outlined-button-active-background, var(--ig-gray-100));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, var(--ig-gray-50));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, transparent);--ig-theme: fluent;--ig-theme-variant: dark}:host([variant=contained]){--focus-visible-border-color: var(--ig-contained-button-focus-visible-border-color, var(--ig-primary-300-contrast));--disabled-background: var(--ig-contained-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-contained-button-disabled-foreground, var(--ig-gray-200));--disabled-icon-color: var(--ig-contained-button-disabled-icon-color, var(--ig-gray-200));--size: var(--ig-contained-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-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-300));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-100));--border-radius: var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-300-contrast));--icon-color: var(--ig-contained-button-icon-color, var(--ig-primary-300-contrast));--icon-color-hover: var(--ig-contained-button-icon-color-hover, var(--ig-primary-300-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-200));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-300-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-100));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-300-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-300-contrast));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-200));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-300-contrast));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-300-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-300));--ig-theme: fluent;--ig-theme-variant: dark}:host([variant=fab]){--focus-visible-border-color: var(--ig-fab-button-focus-visible-border-color, var(--ig-primary-300-contrast));--disabled-background: var(--ig-fab-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-fab-button-disabled-foreground, var(--ig-gray-200));--disabled-icon-color: var(--ig-fab-button-disabled-icon-color, var(--ig-gray-200));--foreground: var(--ig-fab-button-foreground, var(--ig-primary-300-contrast));--icon-color: var(--ig-fab-button-icon-color, var(--ig-primary-300-contrast));--icon-color-hover: var(--ig-fab-button-icon-color-hover, var(--ig-primary-300-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-200));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-300-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-100));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-300-contrast));--active-background: var(--ig-fab-button-active-background, var(--ig-primary-100));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-300-contrast));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-200));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-300-contrast));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-300-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-300));--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--background: var(--ig-fab-button-background, var(--ig-primary-300));--ig-theme: fluent;--ig-theme-variant: dark}`;\n "]}
1
+ {"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kxOAAkxO,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host([variant=flat]){--focus-visible-border-color: var(--ig-flat-button-focus-visible-border-color, var(--ig-gray-400));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-button-disabled-foreground, var(--ig-gray-200));--size: var(--ig-flat-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-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-flat-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-flat-button-hover-background, var(--ig-gray-50));--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-flat-button-focus-background, var(--ig-gray-100));--active-background: var(--ig-flat-button-active-background, var(--ig-gray-100));--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-flat-button-focus-hover-background, var(--ig-gray-50));--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--ig-theme: fluent;--ig-theme-variant: dark}:host([variant=outlined]){--border-color: var(--ig-outlined-button-border-color, var(--ig-gray-400));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-gray-400));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-gray-400));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-gray-400));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-gray-400));--disabled-border-color: var(--ig-outlined-button-disabled-border-color, var(--ig-gray-100));--disabled-background: var(--ig-outlined-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-outlined-button-disabled-foreground, var(--ig-gray-200));--size: var(--ig-outlined-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-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-outlined-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-outlined-button-hover-background, var(--ig-gray-50));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-outlined-button-focus-background, var(--ig-gray-100));--active-background: var(--ig-outlined-button-active-background, var(--ig-gray-100));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, var(--ig-gray-50));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, transparent);--ig-theme: fluent;--ig-theme-variant: dark}:host([variant=contained]){--focus-visible-border-color: var(--ig-contained-button-focus-visible-border-color, var(--ig-primary-300-contrast));--disabled-background: var(--ig-contained-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-contained-button-disabled-foreground, var(--ig-gray-200));--size: var(--ig-contained-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-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-300));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-100));--border-radius: var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-300-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-200));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-300-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-100));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-300-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-300-contrast));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-200));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-300-contrast));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-300-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-300));--ig-theme: fluent;--ig-theme-variant: dark}:host([variant=fab]){--focus-visible-border-color: var(--ig-fab-button-focus-visible-border-color, var(--ig-primary-300-contrast));--disabled-background: var(--ig-fab-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-fab-button-disabled-foreground, var(--ig-gray-200));--foreground: var(--ig-fab-button-foreground, var(--ig-primary-300-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-200));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-300-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-100));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-300-contrast));--active-background: var(--ig-fab-button-active-background, var(--ig-primary-100));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-300-contrast));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-200));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-300-contrast));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-300-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-300));--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--background: var(--ig-fab-button-background, var(--ig-primary-300));--ig-theme: fluent;--ig-theme-variant: dark}`;\n "]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-flat-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-flat-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-flat-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-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-flat-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-flat-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-flat-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-flat-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-flat-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-flat-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-flat-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=outlined]){--shadow-color: var(--ig-outlined-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--border-color: var(--ig-outlined-button-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--hover-border-color: var(--ig-outlined-button-hover-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-border-color: var(--ig-outlined-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--active-border-color: var(--ig-outlined-button-active-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--disabled-border-color: var(--ig-outlined-button-disabled-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-outlined-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-outlined-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-outlined-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-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-outlined-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-outlined-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-outlined-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-outlined-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-outlined-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-outlined-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=contained]){--shadow-color: var(--ig-contained-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-contained-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-contained-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-contained-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-contained-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-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-500));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-contained-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-contained-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=fab]){--disabled-foreground: var(--ig-fab-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-fab-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-fab-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)));--foreground: var(--ig-fab-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-fab-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-fab-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--ig-theme: indigo;--ig-theme-variant: dark}`;
2
+ export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-flat-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--icon-color: var(--ig-flat-button-icon-color, hsl(from currentColor h s l / 0.8));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-flat-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-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-flat-button-foreground, var(--ig-primary-500-contrast));--hover-background: var(--ig-flat-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-flat-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-flat-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-flat-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=outlined]){--shadow-color: var(--ig-outlined-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--border-color: var(--ig-outlined-button-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--hover-border-color: var(--ig-outlined-button-hover-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-border-color: var(--ig-outlined-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--active-border-color: var(--ig-outlined-button-active-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--disabled-border-color: var(--ig-outlined-button-disabled-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--icon-color: var(--ig-outlined-button-icon-color, hsl(from currentColor h s l / 0.8));--disabled-background: var(--ig-outlined-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-outlined-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-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-outlined-button-foreground, var(--ig-primary-500-contrast));--hover-background: var(--ig-outlined-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-outlined-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-outlined-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=contained]){--shadow-color: var(--ig-contained-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--icon-color: var(--ig-contained-button-icon-color, hsl(from currentColor h s l / 0.8));--disabled-background: var(--ig-contained-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-contained-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-contained-button-disabled-icon-color, hsl(from currentColor h s l / 0.3));--size: var(--ig-contained-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-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-500));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-500-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=fab]){--icon-color: var(--ig-fab-button-icon-color, hsl(from currentColor h s l / 0.8));--disabled-foreground: var(--ig-fab-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-fab-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)));--foreground: var(--ig-fab-button-foreground, var(--ig-primary-500-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--ig-theme: indigo;--ig-theme-variant: dark}`;
3
3
  //# sourceMappingURL=button.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,goSAAgoS,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host([variant=flat]){--shadow-color: var(--ig-flat-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-flat-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-flat-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-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-flat-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-flat-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-flat-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-flat-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-flat-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-flat-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-flat-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=outlined]){--shadow-color: var(--ig-outlined-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--border-color: var(--ig-outlined-button-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--hover-border-color: var(--ig-outlined-button-hover-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-border-color: var(--ig-outlined-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--active-border-color: var(--ig-outlined-button-active-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--disabled-border-color: var(--ig-outlined-button-disabled-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-outlined-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-outlined-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-outlined-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-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-outlined-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-outlined-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-outlined-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-outlined-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-outlined-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-outlined-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=contained]){--shadow-color: var(--ig-contained-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-contained-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-contained-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-contained-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-contained-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-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-500));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-contained-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-contained-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=fab]){--disabled-foreground: var(--ig-fab-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-fab-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-fab-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)));--foreground: var(--ig-fab-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-fab-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-fab-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--ig-theme: indigo;--ig-theme-variant: dark}`;\n "]}
1
+ {"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,01QAA01Q,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host([variant=flat]){--shadow-color: var(--ig-flat-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--icon-color: var(--ig-flat-button-icon-color, hsl(from currentColor h s l / 0.8));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-flat-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-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-flat-button-foreground, var(--ig-primary-500-contrast));--hover-background: var(--ig-flat-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-flat-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-flat-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-flat-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=outlined]){--shadow-color: var(--ig-outlined-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--border-color: var(--ig-outlined-button-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--hover-border-color: var(--ig-outlined-button-hover-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-border-color: var(--ig-outlined-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--active-border-color: var(--ig-outlined-button-active-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--disabled-border-color: var(--ig-outlined-button-disabled-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--icon-color: var(--ig-outlined-button-icon-color, hsl(from currentColor h s l / 0.8));--disabled-background: var(--ig-outlined-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-outlined-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-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-outlined-button-foreground, var(--ig-primary-500-contrast));--hover-background: var(--ig-outlined-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-outlined-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-outlined-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=contained]){--shadow-color: var(--ig-contained-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--icon-color: var(--ig-contained-button-icon-color, hsl(from currentColor h s l / 0.8));--disabled-background: var(--ig-contained-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-contained-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-contained-button-disabled-icon-color, hsl(from currentColor h s l / 0.3));--size: var(--ig-contained-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-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-500));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-500-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=fab]){--icon-color: var(--ig-fab-button-icon-color, hsl(from currentColor h s l / 0.8));--disabled-foreground: var(--ig-fab-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-fab-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)));--foreground: var(--ig-fab-button-foreground, var(--ig-primary-500-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--ig-theme: indigo;--ig-theme-variant: dark}`;\n "]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host([variant=flat]){--disabled-background: var(--ig-flat-button-disabled-background, transparent);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-secondary-200));--foreground: var(--ig-flat-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-flat-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-flat-button-icon-color-hover, var(--ig-secondary-300));--hover-background: var(--ig-flat-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-secondary-300));--focus-background: var(--ig-flat-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-flat-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-flat-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-secondary-300));--active-background: var(--ig-flat-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-secondary-300));--ig-theme: material;--ig-theme-variant: dark}:host([variant=outlined]){--border-color: var(--ig-outlined-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-secondary-300));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-secondary-200));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-secondary-300));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-secondary-300));--disabled-background: var(--ig-outlined-button-disabled-background, transparent);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-secondary-200));--foreground: var(--ig-outlined-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-outlined-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-outlined-button-icon-color-hover, var(--ig-secondary-300));--hover-background: var(--ig-outlined-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-secondary-300));--focus-background: var(--ig-outlined-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-secondary-300));--active-background: var(--ig-outlined-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-secondary-300));--ig-theme: material;--ig-theme-variant: dark}:host([variant=contained]){--disabled-background: var(--ig-contained-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-contained-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-contained-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-contained-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material;--ig-theme-variant: dark}:host([variant=fab]){--disabled-background: var(--ig-fab-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-fab-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-fab-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-fab-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material;--ig-theme-variant: dark}`;
2
+ export const styles = css `:host([variant=flat]){--disabled-background: var(--ig-flat-button-disabled-background, transparent);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-secondary-200));--foreground: var(--ig-flat-button-foreground, var(--ig-secondary-500));--hover-background: var(--ig-flat-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-secondary-300));--focus-background: var(--ig-flat-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-flat-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-flat-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-secondary-300));--active-background: var(--ig-flat-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-secondary-300));--ig-theme: material;--ig-theme-variant: dark}:host([variant=outlined]){--border-color: var(--ig-outlined-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-secondary-300));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-secondary-200));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-secondary-300));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-secondary-300));--disabled-background: var(--ig-outlined-button-disabled-background, transparent);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-secondary-200));--foreground: var(--ig-outlined-button-foreground, var(--ig-secondary-500));--hover-background: var(--ig-outlined-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-secondary-300));--focus-background: var(--ig-outlined-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-secondary-300));--active-background: var(--ig-outlined-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-secondary-300));--ig-theme: material;--ig-theme-variant: dark}:host([variant=contained]){--disabled-background: var(--ig-contained-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-contained-button-foreground, var(--ig-secondary-400-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material;--ig-theme-variant: dark}:host([variant=fab]){--disabled-background: var(--ig-fab-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-fab-button-foreground, var(--ig-secondary-400-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material;--ig-theme-variant: dark}`;
3
3
  //# sourceMappingURL=button.material.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,62LAA62L,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host([variant=flat]){--disabled-background: var(--ig-flat-button-disabled-background, transparent);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-secondary-200));--foreground: var(--ig-flat-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-flat-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-flat-button-icon-color-hover, var(--ig-secondary-300));--hover-background: var(--ig-flat-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-secondary-300));--focus-background: var(--ig-flat-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-flat-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-flat-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-secondary-300));--active-background: var(--ig-flat-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-secondary-300));--ig-theme: material;--ig-theme-variant: dark}:host([variant=outlined]){--border-color: var(--ig-outlined-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-secondary-300));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-secondary-200));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-secondary-300));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-secondary-300));--disabled-background: var(--ig-outlined-button-disabled-background, transparent);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-secondary-200));--foreground: var(--ig-outlined-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-outlined-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-outlined-button-icon-color-hover, var(--ig-secondary-300));--hover-background: var(--ig-outlined-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-secondary-300));--focus-background: var(--ig-outlined-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-secondary-300));--active-background: var(--ig-outlined-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-secondary-300));--ig-theme: material;--ig-theme-variant: dark}:host([variant=contained]){--disabled-background: var(--ig-contained-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-contained-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-contained-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-contained-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material;--ig-theme-variant: dark}:host([variant=fab]){--disabled-background: var(--ig-fab-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-fab-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-fab-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-fab-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material;--ig-theme-variant: dark}`;\n "]}
1
+ {"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ysKAAysK,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host([variant=flat]){--disabled-background: var(--ig-flat-button-disabled-background, transparent);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-secondary-200));--foreground: var(--ig-flat-button-foreground, var(--ig-secondary-500));--hover-background: var(--ig-flat-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-secondary-300));--focus-background: var(--ig-flat-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-flat-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-flat-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-secondary-300));--active-background: var(--ig-flat-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-secondary-300));--ig-theme: material;--ig-theme-variant: dark}:host([variant=outlined]){--border-color: var(--ig-outlined-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-secondary-300));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-secondary-200));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-secondary-300));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-secondary-300));--disabled-background: var(--ig-outlined-button-disabled-background, transparent);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-secondary-200));--foreground: var(--ig-outlined-button-foreground, var(--ig-secondary-500));--hover-background: var(--ig-outlined-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-secondary-300));--focus-background: var(--ig-outlined-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-secondary-300));--active-background: var(--ig-outlined-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-secondary-300));--ig-theme: material;--ig-theme-variant: dark}:host([variant=contained]){--disabled-background: var(--ig-contained-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-contained-button-foreground, var(--ig-secondary-400-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material;--ig-theme-variant: dark}:host([variant=fab]){--disabled-background: var(--ig-fab-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-fab-button-foreground, var(--ig-secondary-400-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material;--ig-theme-variant: dark}`;\n "]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-flat-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-flat-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-flat-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-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-primary-800));--foreground: var(--ig-flat-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-flat-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-flat-button-hover-background, transparent);--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-primary-600));--icon-color-hover: var(--ig-flat-button-icon-color-hover, var(--ig-primary-600));--focus-background: var(--ig-flat-button-focus-background, transparent);--focus-hover-background: var(--ig-flat-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-primary-600));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-primary-500));--active-background: var(--ig-flat-button-active-background, transparent);--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-primary-800));--ig-theme: bootstrap;--ig-theme-variant: light}:host([variant=outlined]){--shadow-color: var(--ig-outlined-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-outlined-button-border-color, var(--ig-primary-500));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-primary-600));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-primary-500));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-primary-800));--disabled-border-color: var(--ig-outlined-button-disabled-border-color, var(--ig-primary-50));--disabled-background: var(--ig-outlined-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-outlined-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-outlined-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-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-primary-800-contrast));--foreground: var(--ig-outlined-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-outlined-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-outlined-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-outlined-button-icon-color-hover, var(--ig-primary-600-contrast));--focus-background: var(--ig-outlined-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-outlined-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap;--ig-theme-variant: light}:host([variant=contained]){--shadow-color: var(--ig-contained-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-contained-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-contained-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-contained-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-contained-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-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-500));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-800));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-contained-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-contained-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap;--ig-theme-variant: light}:host([variant=fab]){--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-fab-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-fab-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-fab-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap;--ig-theme-variant: light}`;
2
+ export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-flat-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-button-disabled-foreground, var(--ig-primary-200));--size: var(--ig-flat-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-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-primary-800));--foreground: var(--ig-flat-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-flat-button-hover-background, transparent);--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-primary-600));--focus-background: var(--ig-flat-button-focus-background, transparent);--focus-hover-background: var(--ig-flat-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-primary-600));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-primary-500));--active-background: var(--ig-flat-button-active-background, transparent);--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-primary-800));--ig-theme: bootstrap;--ig-theme-variant: light}:host([variant=outlined]){--shadow-color: var(--ig-outlined-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-outlined-button-border-color, var(--ig-primary-500));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-primary-600));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-primary-500));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-primary-800));--disabled-border-color: var(--ig-outlined-button-disabled-border-color, var(--ig-primary-50));--disabled-background: var(--ig-outlined-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-button-disabled-foreground, var(--ig-primary-200));--size: var(--ig-outlined-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-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-primary-800-contrast));--foreground: var(--ig-outlined-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-outlined-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-outlined-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-outlined-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap;--ig-theme-variant: light}:host([variant=contained]){--shadow-color: var(--ig-contained-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-contained-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-contained-button-disabled-foreground, var(--ig-primary-200));--size: var(--ig-contained-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-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-500));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-800));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap;--ig-theme-variant: light}:host([variant=fab]){--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-fab-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap;--ig-theme-variant: light}`;
3
3
  //# sourceMappingURL=button.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8lPAA8lP,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host([variant=flat]){--shadow-color: var(--ig-flat-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-flat-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-flat-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-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-primary-800));--foreground: var(--ig-flat-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-flat-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-flat-button-hover-background, transparent);--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-primary-600));--icon-color-hover: var(--ig-flat-button-icon-color-hover, var(--ig-primary-600));--focus-background: var(--ig-flat-button-focus-background, transparent);--focus-hover-background: var(--ig-flat-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-primary-600));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-primary-500));--active-background: var(--ig-flat-button-active-background, transparent);--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-primary-800));--ig-theme: bootstrap;--ig-theme-variant: light}:host([variant=outlined]){--shadow-color: var(--ig-outlined-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-outlined-button-border-color, var(--ig-primary-500));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-primary-600));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-primary-500));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-primary-800));--disabled-border-color: var(--ig-outlined-button-disabled-border-color, var(--ig-primary-50));--disabled-background: var(--ig-outlined-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-outlined-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-outlined-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-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-primary-800-contrast));--foreground: var(--ig-outlined-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-outlined-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-outlined-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-outlined-button-icon-color-hover, var(--ig-primary-600-contrast));--focus-background: var(--ig-outlined-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-outlined-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap;--ig-theme-variant: light}:host([variant=contained]){--shadow-color: var(--ig-contained-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-contained-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-contained-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-contained-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-contained-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-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-500));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-800));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-contained-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-contained-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap;--ig-theme-variant: light}:host([variant=fab]){--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-fab-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-fab-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-fab-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap;--ig-theme-variant: light}`;\n "]}
1
+ {"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,grNAAgrN,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host([variant=flat]){--shadow-color: var(--ig-flat-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-button-disabled-foreground, var(--ig-primary-200));--size: var(--ig-flat-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-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-primary-800));--foreground: var(--ig-flat-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-flat-button-hover-background, transparent);--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-primary-600));--focus-background: var(--ig-flat-button-focus-background, transparent);--focus-hover-background: var(--ig-flat-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-primary-600));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-primary-500));--active-background: var(--ig-flat-button-active-background, transparent);--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-primary-800));--ig-theme: bootstrap;--ig-theme-variant: light}:host([variant=outlined]){--shadow-color: var(--ig-outlined-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-outlined-button-border-color, var(--ig-primary-500));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-primary-600));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-primary-500));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-primary-800));--disabled-border-color: var(--ig-outlined-button-disabled-border-color, var(--ig-primary-50));--disabled-background: var(--ig-outlined-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-button-disabled-foreground, var(--ig-primary-200));--size: var(--ig-outlined-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-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-primary-800-contrast));--foreground: var(--ig-outlined-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-outlined-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-outlined-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-outlined-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap;--ig-theme-variant: light}:host([variant=contained]){--shadow-color: var(--ig-contained-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-contained-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-contained-button-disabled-foreground, var(--ig-primary-200));--size: var(--ig-contained-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-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-500));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-800));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap;--ig-theme-variant: light}:host([variant=fab]){--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-fab-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap;--ig-theme-variant: light}`;\n "]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host([variant=flat]){--focus-visible-border-color: var(--ig-flat-button-focus-visible-border-color, var(--ig-gray-700));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--size: var(--ig-flat-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-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-flat-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-flat-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-flat-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-flat-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-flat-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-flat-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-flat-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--ig-theme: fluent;--ig-theme-variant: light}:host([variant=outlined]){--border-color: var(--ig-outlined-button-border-color, var(--ig-gray-600));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-gray-600));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-gray-700));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-gray-600));--disabled-background: var(--ig-outlined-button-disabled-background, var(--ig-gray-100));--size: var(--ig-outlined-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-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-outlined-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-outlined-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-outlined-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-outlined-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-outlined-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-outlined-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, transparent);--ig-theme: fluent;--ig-theme-variant: light}:host([variant=contained]){--focus-visible-border-color: var(--ig-contained-button-focus-visible-border-color, var(--ig-primary-900-contrast));--disabled-background: var(--ig-contained-button-disabled-background, var(--ig-gray-100));--size: var(--ig-contained-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-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-500));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-900-contrast));--icon-color: var(--ig-contained-button-icon-color, var(--ig-primary-900-contrast));--icon-color-hover: var(--ig-contained-button-icon-color-hover, var(--ig-primary-900-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-900-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-500));--ig-theme: fluent;--ig-theme-variant: light}:host([variant=fab]){--foreground: var(--ig-fab-button-foreground, var(--ig-primary-900-contrast));--icon-color: var(--ig-fab-button-icon-color, var(--ig-primary-900-contrast));--icon-color-hover: var(--ig-fab-button-icon-color-hover, var(--ig-primary-900-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-900-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-500));--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--ig-theme: fluent;--ig-theme-variant: light}`;
2
+ export const styles = css `:host([variant=flat]){--focus-visible-border-color: var(--ig-flat-button-focus-visible-border-color, var(--ig-gray-700));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--size: var(--ig-flat-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-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-flat-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-flat-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-flat-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-flat-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-flat-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--ig-theme: fluent;--ig-theme-variant: light}:host([variant=outlined]){--border-color: var(--ig-outlined-button-border-color, var(--ig-gray-600));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-gray-600));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-gray-700));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-gray-600));--disabled-background: var(--ig-outlined-button-disabled-background, var(--ig-gray-100));--size: var(--ig-outlined-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-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-outlined-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-outlined-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-outlined-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-outlined-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, transparent);--ig-theme: fluent;--ig-theme-variant: light}:host([variant=contained]){--focus-visible-border-color: var(--ig-contained-button-focus-visible-border-color, var(--ig-primary-900-contrast));--disabled-background: var(--ig-contained-button-disabled-background, var(--ig-gray-100));--size: var(--ig-contained-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-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-500));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-900-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-900-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-500));--ig-theme: fluent;--ig-theme-variant: light}:host([variant=fab]){--foreground: var(--ig-fab-button-foreground, var(--ig-primary-900-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-900-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-500));--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--ig-theme: fluent;--ig-theme-variant: light}`;
3
3
  //# sourceMappingURL=button.fluent.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kpOAAkpO,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host([variant=flat]){--focus-visible-border-color: var(--ig-flat-button-focus-visible-border-color, var(--ig-gray-700));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--size: var(--ig-flat-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-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-flat-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-flat-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-flat-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-flat-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-flat-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-flat-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-flat-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--ig-theme: fluent;--ig-theme-variant: light}:host([variant=outlined]){--border-color: var(--ig-outlined-button-border-color, var(--ig-gray-600));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-gray-600));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-gray-700));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-gray-600));--disabled-background: var(--ig-outlined-button-disabled-background, var(--ig-gray-100));--size: var(--ig-outlined-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-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-outlined-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-outlined-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-outlined-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-outlined-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-outlined-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-outlined-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, transparent);--ig-theme: fluent;--ig-theme-variant: light}:host([variant=contained]){--focus-visible-border-color: var(--ig-contained-button-focus-visible-border-color, var(--ig-primary-900-contrast));--disabled-background: var(--ig-contained-button-disabled-background, var(--ig-gray-100));--size: var(--ig-contained-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-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-500));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-900-contrast));--icon-color: var(--ig-contained-button-icon-color, var(--ig-primary-900-contrast));--icon-color-hover: var(--ig-contained-button-icon-color-hover, var(--ig-primary-900-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-900-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-500));--ig-theme: fluent;--ig-theme-variant: light}:host([variant=fab]){--foreground: var(--ig-fab-button-foreground, var(--ig-primary-900-contrast));--icon-color: var(--ig-fab-button-icon-color, var(--ig-primary-900-contrast));--icon-color-hover: var(--ig-fab-button-icon-color-hover, var(--ig-primary-900-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-900-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-500));--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--ig-theme: fluent;--ig-theme-variant: light}`;\n "]}
1
+ {"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0gNAA0gN,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host([variant=flat]){--focus-visible-border-color: var(--ig-flat-button-focus-visible-border-color, var(--ig-gray-700));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--size: var(--ig-flat-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-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-flat-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-flat-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-flat-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-flat-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-flat-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--ig-theme: fluent;--ig-theme-variant: light}:host([variant=outlined]){--border-color: var(--ig-outlined-button-border-color, var(--ig-gray-600));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-gray-600));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-gray-700));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-gray-600));--disabled-background: var(--ig-outlined-button-disabled-background, var(--ig-gray-100));--size: var(--ig-outlined-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-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-outlined-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-outlined-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-outlined-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-outlined-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, transparent);--ig-theme: fluent;--ig-theme-variant: light}:host([variant=contained]){--focus-visible-border-color: var(--ig-contained-button-focus-visible-border-color, var(--ig-primary-900-contrast));--disabled-background: var(--ig-contained-button-disabled-background, var(--ig-gray-100));--size: var(--ig-contained-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-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-500));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-900-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-900-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-500));--ig-theme: fluent;--ig-theme-variant: light}:host([variant=fab]){--foreground: var(--ig-fab-button-foreground, var(--ig-primary-900-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-900-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-500));--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--ig-theme: fluent;--ig-theme-variant: light}`;\n "]}