igniteui-webcomponents 4.3.0-alpha.0 → 4.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (157) hide show
  1. package/CHANGELOG.md +38 -6
  2. package/animations/player.js +10 -6
  3. package/animations/player.js.map +1 -1
  4. package/animations/presets/fade/index.d.ts +3 -0
  5. package/animations/presets/fade/index.js +12 -0
  6. package/animations/presets/fade/index.js.map +1 -0
  7. package/animations/presets/index.d.ts +1 -0
  8. package/animations/presets/index.js +1 -0
  9. package/animations/presets/index.js.map +1 -1
  10. package/components/avatar/themes/dark/avatar.base.bootstrap.css.js +5 -3
  11. package/components/avatar/themes/dark/avatar.base.bootstrap.css.js.map +1 -1
  12. package/components/avatar/themes/light/avatar.base.css.js +5 -3
  13. package/components/avatar/themes/light/avatar.base.css.js.map +1 -1
  14. package/components/avatar/themes/light/avatar.bootstrap.css.js +5 -3
  15. package/components/avatar/themes/light/avatar.bootstrap.css.js.map +1 -1
  16. package/components/button/themes/button/dark/button.bootstrap.css.js +5 -3
  17. package/components/button/themes/button/dark/button.bootstrap.css.js.map +1 -1
  18. package/components/button/themes/button/dark/button.fluent.css.js +5 -3
  19. package/components/button/themes/button/dark/button.fluent.css.js.map +1 -1
  20. package/components/button/themes/button/dark/button.indigo.css.js +5 -3
  21. package/components/button/themes/button/dark/button.indigo.css.js.map +1 -1
  22. package/components/button/themes/button/dark/button.material.css.js +5 -3
  23. package/components/button/themes/button/dark/button.material.css.js.map +1 -1
  24. package/components/button/themes/button/light/button.bootstrap.css.js +5 -3
  25. package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -1
  26. package/components/button/themes/button/light/button.fluent.css.js +5 -3
  27. package/components/button/themes/button/light/button.fluent.css.js.map +1 -1
  28. package/components/button/themes/button/light/button.indigo.css.js +5 -3
  29. package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
  30. package/components/button/themes/button/light/button.material.css.js +5 -3
  31. package/components/button/themes/button/light/button.material.css.js.map +1 -1
  32. package/components/checkbox/themes/dark/checkbox.bootstrap.css.js +5 -3
  33. package/components/checkbox/themes/dark/checkbox.bootstrap.css.js.map +1 -1
  34. package/components/checkbox/themes/dark/checkbox.fluent.css.js +5 -3
  35. package/components/checkbox/themes/dark/checkbox.fluent.css.js.map +1 -1
  36. package/components/checkbox/themes/dark/checkbox.indigo.css.js +5 -3
  37. package/components/checkbox/themes/dark/checkbox.indigo.css.js.map +1 -1
  38. package/components/checkbox/themes/dark/checkbox.material.css.js +5 -3
  39. package/components/checkbox/themes/dark/checkbox.material.css.js.map +1 -1
  40. package/components/checkbox/themes/dark/switch.bootstrap.css.js +5 -3
  41. package/components/checkbox/themes/dark/switch.bootstrap.css.js.map +1 -1
  42. package/components/checkbox/themes/dark/switch.fluent.css.js +5 -3
  43. package/components/checkbox/themes/dark/switch.fluent.css.js.map +1 -1
  44. package/components/checkbox/themes/dark/switch.indigo.css.js +5 -3
  45. package/components/checkbox/themes/dark/switch.indigo.css.js.map +1 -1
  46. package/components/checkbox/themes/dark/switch.material.css.js +5 -3
  47. package/components/checkbox/themes/dark/switch.material.css.js.map +1 -1
  48. package/components/checkbox/themes/light/checkbox.base.css.js +5 -3
  49. package/components/checkbox/themes/light/checkbox.base.css.js.map +1 -1
  50. package/components/checkbox/themes/light/checkbox.bootstrap.css.js +5 -3
  51. package/components/checkbox/themes/light/checkbox.bootstrap.css.js.map +1 -1
  52. package/components/checkbox/themes/light/checkbox.fluent.css.js +5 -3
  53. package/components/checkbox/themes/light/checkbox.fluent.css.js.map +1 -1
  54. package/components/checkbox/themes/light/checkbox.indigo.css.js +5 -3
  55. package/components/checkbox/themes/light/checkbox.indigo.css.js.map +1 -1
  56. package/components/checkbox/themes/light/checkbox.material.css.js +5 -3
  57. package/components/checkbox/themes/light/checkbox.material.css.js.map +1 -1
  58. package/components/checkbox/themes/light/switch.base.css.js +5 -3
  59. package/components/checkbox/themes/light/switch.base.css.js.map +1 -1
  60. package/components/checkbox/themes/light/switch.bootstrap.css.js +5 -3
  61. package/components/checkbox/themes/light/switch.bootstrap.css.js.map +1 -1
  62. package/components/checkbox/themes/light/switch.fluent.css.js +5 -3
  63. package/components/checkbox/themes/light/switch.fluent.css.js.map +1 -1
  64. package/components/checkbox/themes/light/switch.indigo.css.js +5 -3
  65. package/components/checkbox/themes/light/switch.indigo.css.js.map +1 -1
  66. package/components/checkbox/themes/light/switch.material.css.js +5 -3
  67. package/components/checkbox/themes/light/switch.material.css.js.map +1 -1
  68. package/components/combo/combo.d.ts +8 -8
  69. package/components/combo/combo.js +6 -2
  70. package/components/combo/combo.js.map +1 -1
  71. package/components/combo/controllers/selection.d.ts +2 -3
  72. package/components/combo/controllers/selection.js +6 -30
  73. package/components/combo/controllers/selection.js.map +1 -1
  74. package/components/combo/types.d.ts +6 -3
  75. package/components/combo/types.js.map +1 -1
  76. package/components/date-time-input/date-util.js +3 -3
  77. package/components/date-time-input/date-util.js.map +1 -1
  78. package/components/dialog/dialog.d.ts +8 -1
  79. package/components/dialog/dialog.js +34 -7
  80. package/components/dialog/dialog.js.map +1 -1
  81. package/components/dialog/themes/light/dialog.base.css.js +18 -1
  82. package/components/dialog/themes/light/dialog.base.css.js.map +1 -1
  83. package/components/dropdown/dropdown.d.ts +1 -1
  84. package/components/dropdown/dropdown.js.map +1 -1
  85. package/components/expansion-panel/expansion-panel.d.ts +1 -1
  86. package/components/expansion-panel/expansion-panel.js.map +1 -1
  87. package/components/icon/dark/icon.bootstrap.css.js +5 -3
  88. package/components/icon/dark/icon.bootstrap.css.js.map +1 -1
  89. package/components/icon/dark/icon.fluent.css.js +5 -3
  90. package/components/icon/dark/icon.fluent.css.js.map +1 -1
  91. package/components/icon/dark/icon.indigo.css.js +5 -3
  92. package/components/icon/dark/icon.indigo.css.js.map +1 -1
  93. package/components/icon/dark/icon.material.css.js +5 -3
  94. package/components/icon/dark/icon.material.css.js.map +1 -1
  95. package/components/icon/light/icon.bootstrap.css.js +7 -5
  96. package/components/icon/light/icon.bootstrap.css.js.map +1 -1
  97. package/components/icon/light/icon.fluent.css.js +7 -5
  98. package/components/icon/light/icon.fluent.css.js.map +1 -1
  99. package/components/icon/light/icon.indigo.css.js +6 -4
  100. package/components/icon/light/icon.indigo.css.js.map +1 -1
  101. package/components/icon/light/icon.material.css.js +7 -5
  102. package/components/icon/light/icon.material.css.js.map +1 -1
  103. package/components/navbar/themes/dark/navbar.bootstrap.css.js +5 -3
  104. package/components/navbar/themes/dark/navbar.bootstrap.css.js.map +1 -1
  105. package/components/navbar/themes/dark/navbar.fluent.css.js +5 -3
  106. package/components/navbar/themes/dark/navbar.fluent.css.js.map +1 -1
  107. package/components/navbar/themes/dark/navbar.indigo.css.js +5 -3
  108. package/components/navbar/themes/dark/navbar.indigo.css.js.map +1 -1
  109. package/components/navbar/themes/dark/navbar.material.css.js +5 -3
  110. package/components/navbar/themes/dark/navbar.material.css.js.map +1 -1
  111. package/components/navbar/themes/light/navbar.bootstrap.css.js +5 -3
  112. package/components/navbar/themes/light/navbar.bootstrap.css.js.map +1 -1
  113. package/components/navbar/themes/light/navbar.fluent.css.js +5 -3
  114. package/components/navbar/themes/light/navbar.fluent.css.js.map +1 -1
  115. package/components/navbar/themes/light/navbar.indigo.css.js +5 -3
  116. package/components/navbar/themes/light/navbar.indigo.css.js.map +1 -1
  117. package/components/navbar/themes/light/navbar.material.css.js +5 -3
  118. package/components/navbar/themes/light/navbar.material.css.js.map +1 -1
  119. package/components/radio/themes/dark/radio.bootstrap.css.js +5 -3
  120. package/components/radio/themes/dark/radio.bootstrap.css.js.map +1 -1
  121. package/components/radio/themes/dark/radio.fluent.css.js +5 -3
  122. package/components/radio/themes/dark/radio.fluent.css.js.map +1 -1
  123. package/components/radio/themes/dark/radio.indigo.css.js +5 -3
  124. package/components/radio/themes/dark/radio.indigo.css.js.map +1 -1
  125. package/components/radio/themes/dark/radio.material.css.js +5 -3
  126. package/components/radio/themes/dark/radio.material.css.js.map +1 -1
  127. package/components/radio/themes/light/radio.base.css.js +5 -3
  128. package/components/radio/themes/light/radio.base.css.js.map +1 -1
  129. package/components/radio/themes/light/radio.bootstrap.css.js +5 -3
  130. package/components/radio/themes/light/radio.bootstrap.css.js.map +1 -1
  131. package/components/radio/themes/light/radio.fluent.css.js +5 -3
  132. package/components/radio/themes/light/radio.fluent.css.js.map +1 -1
  133. package/components/radio/themes/light/radio.indigo.css.js +5 -3
  134. package/components/radio/themes/light/radio.indigo.css.js.map +1 -1
  135. package/components/radio/themes/light/radio.material.css.js +5 -3
  136. package/components/radio/themes/light/radio.material.css.js.map +1 -1
  137. package/components/select/select.d.ts +16 -1
  138. package/components/select/select.js +6 -0
  139. package/components/select/select.js.map +1 -1
  140. package/components/snackbar/snackbar.d.ts +5 -1
  141. package/components/snackbar/snackbar.js +19 -2
  142. package/components/snackbar/snackbar.js.map +1 -1
  143. package/components/stepper/step.d.ts +1 -0
  144. package/components/stepper/step.js.map +1 -1
  145. package/components/toast/toast.d.ts +4 -1
  146. package/components/toast/toast.js +17 -2
  147. package/components/toast/toast.js.map +1 -1
  148. package/components/toggle/toggle.directive.d.ts +9 -3
  149. package/components/toggle/toggle.directive.js +54 -38
  150. package/components/toggle/toggle.directive.js.map +1 -1
  151. package/custom-elements.json +2 -53
  152. package/package.json +6 -4
  153. package/themes/dark/bootstrap.css +7 -5
  154. package/themes/dark/fluent.css +6 -4
  155. package/themes/dark/indigo.css +6 -4
  156. package/themes/dark/material.css +7 -5
  157. package/vscode-html-custom-data.json +7 -7
package/components/button/themes/button/light/button.fluent.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4VvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host([variant=flat]),\n:host([variant=flat]) [igxButton=flat], :host([variant=flat]) .igx-button--flat {\n --shadow-color: var(--ig-button-shadow-color, transparent);\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, transparent);\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, transparent);\n --foreground: var(--ig-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --hover-background: var(--ig-button-hover-background, transparent);\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --focus-background: var(--ig-button-focus-background, transparent);\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, transparent);\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n --active-background: var(--ig-button-active-background, transparent);\n --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --border-radius: var(--ig-button-border-radius, 0rem);\n}\n:host([variant=flat]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=outlined]),\n:host([variant=outlined]) [igxButton=outlined], :host([variant=outlined]) .igx-button--outlined {\n --shadow-color: var(--ig-button-shadow-color, transparent);\n --border-color: var(--ig-button-border-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n --hover-border-color: var(--ig-button-hover-border-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n --focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n --active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-400), 0.5));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, transparent);\n --foreground: var(--ig-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, transparent);\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --active-foreground: var(--ig-button-active-foreground, var(--ig-gray-300-contrast));\n --border-radius: var(--ig-button-border-radius, 0.125rem);\n}\n:host([variant=outlined]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=contained]),\n:host([variant=contained]) [igxButton=raised], :host([variant=contained]) .igx-button--raised {\n --shadow-color: var(--ig-button-shadow-color, transparent);\n --border-color: var(--ig-button-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --hover-border-color: var(--ig-button-hover-border-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --foreground: var(--ig-button-foreground, var(--ig-primary-900-contrast));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-900-contrast));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-900-contrast));\n --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-900-contrast));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-primary-800), var(--ig-primary-a)));\n --active-foreground: var(--ig-button-active-foreground, var(--ig-primary-900-contrast));\n --border-radius: var(--ig-button-border-radius, 0.125rem);\n}\n:host([variant=contained]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=fab]) {\n --size: max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem));\n}\n:host([variant=fab]),\n:host([variant=fab]) [igxButton=fab], :host([variant=fab]) .igx-button--fab {\n --shadow-color: var(--ig-button-shadow-color, transparent);\n --border-color: var(--ig-button-border-color, var(--ig-gray-900-contrast));\n --hover-border-color: var(--ig-button-hover-border-color, var(--ig-gray-900-contrast));\n --focus-border-color: var(--ig-button-focus-border-color, var(--ig-gray-900-contrast));\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-900-contrast));\n --active-border-color: var(--ig-button-active-border-color, var(--ig-gray-900-contrast));\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --foreground: var(--ig-button-foreground, var(--ig-primary-900-contrast));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-900-contrast));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-900-contrast));\n --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-900-contrast));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-primary-800), var(--ig-primary-a)));\n --active-foreground: var(--ig-button-active-foreground, var(--ig-primary-900-contrast));\n --border-radius: var(--ig-button-border-radius, 0.875rem);\n}\n:host([variant=fab]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n:host([variant=fab]) [part=base]::after {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(var(--border-radius) - 0.25rem)), calc(var(--border-radius) - 0.25rem));\n}\n\n:host {\n --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));\n}\n\n[part=base] {\n padding: 0 max(var(--is-large, 1) * max(16px, -1 * 16px) * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * max(8px, -1 * 8px) * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n -webkit-transition: all 0.1s ease-in-out;\n -o-transition: all 0.1s ease-in-out;\n transition: all 0.1s ease-in-out;\n}\n\n:host(:not([disabled])[variant=flat]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n border: 1px solid var(--border-color);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n border-color: var(--focus-border-color);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus-visible {\n color: var(--focus-visible-foreground);\n background: var(--focus-visible-background);\n border-color: var(--focus-visible-border-color);\n}\n\n:host(:not([disabled])[variant=outlined]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n border: 0.0625rem solid var(--border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n border-color: var(--focus-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible {\n color: var(--focus-visible-foreground);\n background: var(--focus-visible-background);\n border-color: var(--focus-visible-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible::after {\n content: \"\";\n position: absolute;\n inset-block-start: 0.125rem;\n inset-inline-start: 0.125rem;\n pointer-events: none;\n width: calc(100% - (0.125rem * 2));\n height: calc(100% - (0.125rem * 2));\n -webkit-box-shadow: 0 0 0 0.0625rem var(--focus-visible-foreground);\n box-shadow: 0 0 0 0.0625rem var(--focus-visible-foreground);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover::after {\n -webkit-box-shadow: 0 0 0 0.0625rem var(--hover-foreground);\n box-shadow: 0 0 0 0.0625rem var(--hover-foreground);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:active::after {\n -webkit-box-shadow: 0 0 0 0.0625rem var(--active-foreground);\n box-shadow: 0 0 0 0.0625rem var(--active-foreground);\n}\n\n:host(:not([disabled])[variant=contained]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n border: 0.0625rem solid var(--border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n border-color: var(--focus-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible {\n color: var(--focus-visible-foreground);\n background: var(--focus-visible-background);\n border-color: var(--focus-visible-border-color);\n position: relative;\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible::after {\n content: \"\";\n -webkit-box-shadow: 0 0 0 1px var(--ig-primary-600-contrast);\n box-shadow: 0 0 0 1px var(--ig-primary-600-contrast);\n position: absolute;\n inset-block-start: 3px;\n inset-inline-start: 3px;\n pointer-events: none;\n width: calc(100% - 6px);\n height: calc(100% - 6px);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n\n:host(:not([disabled])[variant=fab]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n border: 0.0625rem solid var(--border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n border-color: var(--focus-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible {\n color: var(--focus-visible-foreground);\n background: var(--focus-visible-background);\n border-color: var(--focus-visible-border-color);\n position: relative;\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible::after {\n content: \"\";\n -webkit-box-shadow: 0 0 0 1px var(--ig-primary-600-contrast);\n box-shadow: 0 0 0 1px var(--ig-primary-600-contrast);\n position: absolute;\n inset-block-start: 3px;\n inset-inline-start: 3px;\n pointer-events: none;\n width: calc(100% - 6px);\n height: calc(100% - 6px);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n\n:host([disabled][variant=flat]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}\n\n:host([disabled][variant=outlined]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n border-color: var(--disabled-border-color);\n}\n\n:host([disabled][variant=contained]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}\n\n:host([disabled][variant=fab]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}`;\n"]}
1
+ {"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8VvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host([variant=flat]),\n:host([variant=flat]) [igxButton=flat], :host([variant=flat]) .igx-button--flat {\n --shadow-color: var(--ig-button-shadow-color, transparent);\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, transparent);\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, transparent);\n --foreground: var(--ig-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --hover-background: var(--ig-button-hover-background, transparent);\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --focus-background: var(--ig-button-focus-background, transparent);\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, transparent);\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n --active-background: var(--ig-button-active-background, transparent);\n --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --border-radius: var(--ig-button-border-radius, 0rem);\n}\n:host([variant=flat]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=outlined]),\n:host([variant=outlined]) [igxButton=outlined], :host([variant=outlined]) .igx-button--outlined {\n --shadow-color: var(--ig-button-shadow-color, transparent);\n --border-color: var(--ig-button-border-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n --hover-border-color: var(--ig-button-hover-border-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n --focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n --active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-400), 0.5));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, transparent);\n --foreground: var(--ig-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, transparent);\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --active-foreground: var(--ig-button-active-foreground, var(--ig-gray-300-contrast));\n --border-radius: var(--ig-button-border-radius, 0.125rem);\n}\n:host([variant=outlined]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=contained]),\n:host([variant=contained]) [igxButton=raised], :host([variant=contained]) .igx-button--raised {\n --shadow-color: var(--ig-button-shadow-color, transparent);\n --border-color: var(--ig-button-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --hover-border-color: var(--ig-button-hover-border-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --foreground: var(--ig-button-foreground, var(--ig-primary-900-contrast));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-900-contrast));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-900-contrast));\n --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-900-contrast));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-primary-800), var(--ig-primary-a)));\n --active-foreground: var(--ig-button-active-foreground, var(--ig-primary-900-contrast));\n --border-radius: var(--ig-button-border-radius, 0.125rem);\n}\n:host([variant=contained]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=fab]) {\n --size: max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem));\n}\n:host([variant=fab]),\n:host([variant=fab]) [igxButton=fab], :host([variant=fab]) .igx-button--fab {\n --shadow-color: var(--ig-button-shadow-color, transparent);\n --border-color: var(--ig-button-border-color, var(--ig-gray-900-contrast));\n --hover-border-color: var(--ig-button-hover-border-color, var(--ig-gray-900-contrast));\n --focus-border-color: var(--ig-button-focus-border-color, var(--ig-gray-900-contrast));\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-900-contrast));\n --active-border-color: var(--ig-button-active-border-color, var(--ig-gray-900-contrast));\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --foreground: var(--ig-button-foreground, var(--ig-primary-900-contrast));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-900-contrast));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-900-contrast));\n --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-900-contrast));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-primary-800), var(--ig-primary-a)));\n --active-foreground: var(--ig-button-active-foreground, var(--ig-primary-900-contrast));\n --border-radius: var(--ig-button-border-radius, 0.875rem);\n}\n:host([variant=fab]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n:host([variant=fab]) [part=base]::after {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(var(--border-radius) - 0.25rem)), calc(var(--border-radius) - 0.25rem));\n}\n\n:host {\n --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));\n}\n\n[part=base] {\n padding: 0 max(var(--is-large, 1) * max(16px, -1 * 16px) * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * max(8px, -1 * 8px) * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n -webkit-transition: all 0.1s ease-in-out;\n -o-transition: all 0.1s ease-in-out;\n transition: all 0.1s ease-in-out;\n}\n\n:host(:not([disabled])[variant=flat]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n border: 1px solid var(--border-color);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n border-color: var(--focus-border-color);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus-visible {\n color: var(--focus-visible-foreground);\n background: var(--focus-visible-background);\n border-color: var(--focus-visible-border-color);\n}\n\n:host(:not([disabled])[variant=outlined]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n border: 0.0625rem solid var(--border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n border-color: var(--focus-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible {\n color: var(--focus-visible-foreground);\n background: var(--focus-visible-background);\n border-color: var(--focus-visible-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible::after {\n content: \"\";\n position: absolute;\n inset-block-start: 0.125rem;\n inset-inline-start: 0.125rem;\n pointer-events: none;\n width: calc(100% - (0.125rem * 2));\n height: calc(100% - (0.125rem * 2));\n -webkit-box-shadow: 0 0 0 0.0625rem var(--focus-visible-foreground);\n box-shadow: 0 0 0 0.0625rem var(--focus-visible-foreground);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover::after {\n -webkit-box-shadow: 0 0 0 0.0625rem var(--hover-foreground);\n box-shadow: 0 0 0 0.0625rem var(--hover-foreground);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:active::after {\n -webkit-box-shadow: 0 0 0 0.0625rem var(--active-foreground);\n box-shadow: 0 0 0 0.0625rem var(--active-foreground);\n}\n\n:host(:not([disabled])[variant=contained]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n border: 0.0625rem solid var(--border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n border-color: var(--focus-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible {\n color: var(--focus-visible-foreground);\n background: var(--focus-visible-background);\n border-color: var(--focus-visible-border-color);\n position: relative;\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible::after {\n content: \"\";\n -webkit-box-shadow: 0 0 0 1px var(--ig-primary-600-contrast);\n box-shadow: 0 0 0 1px var(--ig-primary-600-contrast);\n position: absolute;\n inset-block-start: 3px;\n inset-inline-start: 3px;\n pointer-events: none;\n width: calc(100% - 6px);\n height: calc(100% - 6px);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n\n:host(:not([disabled])[variant=fab]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n border: 0.0625rem solid var(--border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n border-color: var(--focus-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible {\n color: var(--focus-visible-foreground);\n background: var(--focus-visible-background);\n border-color: var(--focus-visible-border-color);\n position: relative;\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible::after {\n content: \"\";\n -webkit-box-shadow: 0 0 0 1px var(--ig-primary-600-contrast);\n box-shadow: 0 0 0 1px var(--ig-primary-600-contrast);\n position: absolute;\n inset-block-start: 3px;\n inset-inline-start: 3px;\n pointer-events: none;\n width: calc(100% - 6px);\n height: calc(100% - 6px);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n\n:host([disabled][variant=flat]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}\n\n:host([disabled][variant=outlined]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n border-color: var(--disabled-border-color);\n}\n\n:host([disabled][variant=contained]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}\n\n:host([disabled][variant=fab]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}`;\n"]}
package/components/button/themes/button/light/button.indigo.css.js CHANGED
@@ -1,15 +1,17 @@
1
1
  import { css } from 'lit';
2
2
  export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
3
3
  /* stylelint-disable max-line-length */
4
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
4
5
  /* stylelint-disable max-line-length */
5
6
  /* stylelint-disable max-line-length */
6
7
  /* stylelint-disable max-line-length */
7
- /* stylelint-disable max-line-length */
8
- /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
8
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
9
9
  /* stylelint-disable max-line-length */
10
10
  /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
11
+ /* stylelint-disable max-line-length */
11
12
  /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
12
- /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
13
+ /* stylelint-disable max-line-length */
14
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
13
15
  :host {
14
16
  --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));
15
17
  }
package/components/button/themes/button/light/button.indigo.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+TvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n --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));\n}\n\n:host([variant=flat]),\n:host([variant=flat]) [igxButton=flat], :host([variant=flat]) .igx-button--flat {\n --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, transparent);\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, transparent);\n --foreground: var(--ig-button-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --hover-background: var(--ig-button-hover-background, transparent);\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focus-background: var(--ig-button-focus-background, transparent);\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, transparent);\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --active-background: var(--ig-button-active-background, transparent);\n --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --border-radius: var(--ig-button-border-radius, 1.25rem);\n}\n\n:host([variant=outlined]),\n:host([variant=outlined]) [igxButton=outlined], :host([variant=outlined]) .igx-button--outlined {\n --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --border-color: var(--ig-button-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --hover-border-color: var(--ig-button-hover-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, transparent);\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, transparent);\n --foreground: var(--ig-button-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focus-background: var(--ig-button-focus-background, transparent);\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, transparent);\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --active-background: var(--ig-button-active-background, transparent);\n --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --border-radius: var(--ig-button-border-radius, 1.25rem);\n}\n\n:host([variant=contained]),\n:host([variant=contained]) [igxButton=raised], :host([variant=contained]) .igx-button--raised {\n --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --foreground: var(--ig-button-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));\n --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --border-radius: var(--ig-button-border-radius, 1.25rem);\n}\n\n:host([variant=fab]) {\n --size: max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.625rem, -1 * 2.625rem), var(--is-small, 1) * max(2.25rem, -1 * 2.25rem));\n}\n:host([variant=fab]),\n:host([variant=fab]) [igxButton=fab], :host([variant=fab]) .igx-button--fab {\n --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --foreground: var(--ig-button-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));\n --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --border-radius: var(--ig-button-border-radius, 1.75rem);\n}\n\n[part=base] {\n -webkit-transition: all 0.15s ease-in-out;\n -o-transition: all 0.15s ease-in-out;\n transition: all 0.15s ease-in-out;\n}\n\n:host([variant=flat]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=outlined]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=contained]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=fab]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host(:not([disabled])[variant=flat]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus-visible {\n color: var(--focus-visible-foreground);\n background: var(--focus-visible-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus, :host(:not([disabled])[variant=flat]) [part=base]:active {\n -webkit-box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n}\n\n:host(:not([disabled])[variant=outlined]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n border-style: solid;\n border-color: var(--border-color);\n border-width: 0.125rem;\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:hover {\n background: var(--hover-background);\n color: var(--hover-foreground);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus {\n background: var(--focus-background);\n color: var(--focus-foreground);\n border-color: var(--focus-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:active {\n background: var(--active-background);\n color: var(--active-foreground);\n border-color: var(--active-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus, :host(:not([disabled])[variant=outlined]) [part=base]:active {\n -webkit-box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible {\n background: var(--focus-visible-background);\n color: var(--focus-visible-foreground);\n border-color: var(--focus-visible-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover {\n background: var(--hover-background);\n color: var(--hover-foreground);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:active {\n background: var(--active-background);\n color: var(--active-foreground);\n border-color: var(--active-border-color);\n}\n\n:host(:not([disabled])[variant=contained]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n border-radius: var(--border-radius);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n border-color: var(--focus-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus, :host(:not([disabled])[variant=contained]) [part=base]:active {\n -webkit-box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible {\n background: var(--focus-visible-background);\n color: var(--focus-visible-foreground);\n border-color: var(--focus-visible-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n\n:host(:not([disabled])[variant=fab]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n border-color: var(--border-color);\n min-width: var(--size);\n min-height: var(--size);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n border-color: var(--focus-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus, :host(:not([disabled])[variant=fab]) [part=base]:active {\n -webkit-box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible {\n background: var(--focus-visible-background);\n color: var(--focus-visible-foreground);\n border-color: var(--focus-visible-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n\n:host([disabled][variant=flat]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}\n\n:host([disabled][variant=outlined]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}\n\n:host([disabled][variant=contained]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}\n\n:host([disabled][variant=fab]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}`;\n"]}
1
+ {"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiUvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n --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));\n}\n\n:host([variant=flat]),\n:host([variant=flat]) [igxButton=flat], :host([variant=flat]) .igx-button--flat {\n --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, transparent);\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, transparent);\n --foreground: var(--ig-button-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --hover-background: var(--ig-button-hover-background, transparent);\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focus-background: var(--ig-button-focus-background, transparent);\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, transparent);\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --active-background: var(--ig-button-active-background, transparent);\n --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --border-radius: var(--ig-button-border-radius, 1.25rem);\n}\n\n:host([variant=outlined]),\n:host([variant=outlined]) [igxButton=outlined], :host([variant=outlined]) .igx-button--outlined {\n --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --border-color: var(--ig-button-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --hover-border-color: var(--ig-button-hover-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, transparent);\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, transparent);\n --foreground: var(--ig-button-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focus-background: var(--ig-button-focus-background, transparent);\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, transparent);\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --active-background: var(--ig-button-active-background, transparent);\n --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --border-radius: var(--ig-button-border-radius, 1.25rem);\n}\n\n:host([variant=contained]),\n:host([variant=contained]) [igxButton=raised], :host([variant=contained]) .igx-button--raised {\n --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --foreground: var(--ig-button-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));\n --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --border-radius: var(--ig-button-border-radius, 1.25rem);\n}\n\n:host([variant=fab]) {\n --size: max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.625rem, -1 * 2.625rem), var(--is-small, 1) * max(2.25rem, -1 * 2.25rem));\n}\n:host([variant=fab]),\n:host([variant=fab]) [igxButton=fab], :host([variant=fab]) .igx-button--fab {\n --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --foreground: var(--ig-button-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));\n --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --border-radius: var(--ig-button-border-radius, 1.75rem);\n}\n\n[part=base] {\n -webkit-transition: all 0.15s ease-in-out;\n -o-transition: all 0.15s ease-in-out;\n transition: all 0.15s ease-in-out;\n}\n\n:host([variant=flat]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=outlined]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=contained]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=fab]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host(:not([disabled])[variant=flat]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus-visible {\n color: var(--focus-visible-foreground);\n background: var(--focus-visible-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus, :host(:not([disabled])[variant=flat]) [part=base]:active {\n -webkit-box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n}\n\n:host(:not([disabled])[variant=outlined]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n border-style: solid;\n border-color: var(--border-color);\n border-width: 0.125rem;\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:hover {\n background: var(--hover-background);\n color: var(--hover-foreground);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus {\n background: var(--focus-background);\n color: var(--focus-foreground);\n border-color: var(--focus-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:active {\n background: var(--active-background);\n color: var(--active-foreground);\n border-color: var(--active-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus, :host(:not([disabled])[variant=outlined]) [part=base]:active {\n -webkit-box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible {\n background: var(--focus-visible-background);\n color: var(--focus-visible-foreground);\n border-color: var(--focus-visible-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover {\n background: var(--hover-background);\n color: var(--hover-foreground);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:active {\n background: var(--active-background);\n color: var(--active-foreground);\n border-color: var(--active-border-color);\n}\n\n:host(:not([disabled])[variant=contained]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n border-radius: var(--border-radius);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n border-color: var(--focus-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus, :host(:not([disabled])[variant=contained]) [part=base]:active {\n -webkit-box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible {\n background: var(--focus-visible-background);\n color: var(--focus-visible-foreground);\n border-color: var(--focus-visible-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n\n:host(:not([disabled])[variant=fab]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n border-color: var(--border-color);\n min-width: var(--size);\n min-height: var(--size);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n border-color: var(--focus-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus, :host(:not([disabled])[variant=fab]) [part=base]:active {\n -webkit-box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible {\n background: var(--focus-visible-background);\n color: var(--focus-visible-foreground);\n border-color: var(--focus-visible-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n\n:host([disabled][variant=flat]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}\n\n:host([disabled][variant=outlined]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}\n\n:host([disabled][variant=contained]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}\n\n:host([disabled][variant=fab]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}`;\n"]}
package/components/button/themes/button/light/button.material.css.js CHANGED
@@ -1,15 +1,17 @@
1
1
  import { css } from 'lit';
2
2
  export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
3
3
  /* stylelint-disable max-line-length */
4
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
4
5
  /* stylelint-disable max-line-length */
5
6
  /* stylelint-disable max-line-length */
6
7
  /* stylelint-disable max-line-length */
7
- /* stylelint-disable max-line-length */
8
- /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
8
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
9
9
  /* stylelint-disable max-line-length */
10
10
  /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
11
+ /* stylelint-disable max-line-length */
11
12
  /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
12
- /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
13
+ /* stylelint-disable max-line-length */
14
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
13
15
  :host([variant=flat]),
14
16
  :host([variant=flat]) [igxButton=flat], :host([variant=flat]) .igx-button--flat {
15
17
  --shadow-color: var(--ig-button-shadow-color, transparent);
package/components/button/themes/button/light/button.material.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6TvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host([variant=flat]),\n:host([variant=flat]) [igxButton=flat], :host([variant=flat]) .igx-button--flat {\n --shadow-color: var(--ig-button-shadow-color, transparent);\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, transparent);\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, transparent);\n --foreground: var(--ig-button-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-500), 0.05));\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-400), 0.12));\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-400), 0.12));\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-secondary-400), 0.12));\n --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --border-radius: var(--ig-button-border-radius, 0.25rem);\n}\n\n:host([variant=outlined]),\n:host([variant=outlined]) [igxButton=outlined], :host([variant=outlined]) .igx-button--outlined {\n --shadow-color: var(--ig-button-shadow-color, transparent);\n --border-color: var(--ig-button-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --hover-border-color: var(--ig-button-hover-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --disabled-border-color: var(--ig-button-disabled-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --disabled-background: var(--ig-button-disabled-background, transparent);\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, transparent);\n --foreground: var(--ig-button-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-500), 0.05));\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-400), 0.12));\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-400), 0.12));\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-secondary-400), 0.12));\n --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --border-radius: var(--ig-button-border-radius, 0.25rem);\n}\n\n:host([variant=contained]),\n:host([variant=contained]) [igxButton=raised], :host([variant=contained]) .igx-button--raised {\n --shadow-color: var(--ig-button-shadow-color, transparent);\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-2));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-4));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-8));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-8));\n --background: var(--ig-button-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --foreground: var(--ig-button-foreground, var(--ig-secondary-500-contrast));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));\n --hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-300-contrast));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));\n --focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));\n --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));\n --active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));\n --border-radius: var(--ig-button-border-radius, 0.25rem);\n}\n\n:host([variant=fab]) {\n --size: max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem));\n}\n:host([variant=fab]),\n:host([variant=fab]) [igxButton=fab], :host([variant=fab]) .igx-button--fab {\n --shadow-color: var(--ig-button-shadow-color, transparent);\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-6));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-12));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-12));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-12));\n --background: var(--ig-button-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --foreground: var(--ig-button-foreground, var(--ig-secondary-500-contrast));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));\n --hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-300-contrast));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));\n --focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));\n --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));\n --active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));\n --border-radius: var(--ig-button-border-radius, 1.75rem);\n}\n\n[part=base] {\n -webkit-transition: all 0.1s ease-in-out;\n -o-transition: all 0.1s ease-in-out;\n transition: all 0.1s ease-in-out;\n}\n\n:host(:not([disabled])[variant=flat]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus-visible {\n color: var(--focus-visible-foreground);\n background: var(--focus-visible-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus-visible:hover {\n color: var(--hover-foreground);\n background: var(--hover-foreground);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus-visible:active {\n color: var(--active-foreground);\n background: var(--active-background);\n}\n\n:host(:not([disabled])[variant=outlined]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n border: 0.0625rem solid var(--border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n border-color: var(--focus-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible {\n color: var(--focus-visible-foreground);\n background: var(--focus-visible-background);\n border-color: var(--focus-visible-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover {\n color: var(--hover-foreground);\n background: var(--hover-foreground);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n\n:host(:not([disabled])[variant=contained]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n -webkit-box-shadow: var(--ig-elevation-2);\n box-shadow: var(--ig-elevation-2);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n -webkit-box-shadow: var(--ig-elevation-4);\n box-shadow: var(--ig-elevation-4);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus, :host(:not([disabled])[variant=contained]) [part=base]:active {\n -webkit-box-shadow: var(--ig-elevation-8);\n box-shadow: var(--ig-elevation-8);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible {\n color: var(--focus-foreground);\n background: var(--focus-background);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:active {\n color: var(--active-foreground);\n background: var(--active-background);\n}\n\n:host(:not([disabled])[variant=fab]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n -webkit-box-shadow: var(--ig-elevation-6);\n box-shadow: var(--ig-elevation-6);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n -webkit-box-shadow: var(--ig-elevation-4);\n box-shadow: var(--ig-elevation-4);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus, :host(:not([disabled])[variant=fab]) [part=base]:active {\n -webkit-box-shadow: var(--ig-elevation-8);\n box-shadow: var(--ig-elevation-8);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible {\n color: var(--focus-foreground);\n background: var(--focus-background);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:active {\n color: var(--active-foreground);\n background: var(--active-background);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:hover, :host(:not([disabled])[variant=fab]) [part=base]:focus, :host(:not([disabled])[variant=fab]) [part=base]:focus-visible, :host(:not([disabled])[variant=fab]) [part=base]:active {\n -webkit-box-shadow: var(--ig-elevation-12);\n box-shadow: var(--ig-elevation-12);\n}\n\n:host([variant=flat]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=outlined]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=contained]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=fab]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([disabled][variant=flat]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n -webkit-box-shadow: inset 0 0 0 0.0625rem var(--disabled-border-color);\n box-shadow: inset 0 0 0 0.0625rem var(--disabled-border-color);\n}\n\n:host([disabled][variant=outlined]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n -webkit-box-shadow: inset 0 0 0 0.0625rem var(--disabled-border-color);\n box-shadow: inset 0 0 0 0.0625rem var(--disabled-border-color);\n}\n\n:host([disabled][variant=contained]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n -webkit-box-shadow: inset 0 0 0 0.0625rem var(--disabled-border-color);\n box-shadow: inset 0 0 0 0.0625rem var(--disabled-border-color);\n}\n\n:host([disabled][variant=fab]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n -webkit-box-shadow: inset 0 0 0 0.0625rem var(--disabled-border-color);\n box-shadow: inset 0 0 0 0.0625rem var(--disabled-border-color);\n}`;\n"]}
1
+ {"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+TvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host([variant=flat]),\n:host([variant=flat]) [igxButton=flat], :host([variant=flat]) .igx-button--flat {\n --shadow-color: var(--ig-button-shadow-color, transparent);\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, transparent);\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, transparent);\n --foreground: var(--ig-button-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-500), 0.05));\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-400), 0.12));\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-400), 0.12));\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-secondary-400), 0.12));\n --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --border-radius: var(--ig-button-border-radius, 0.25rem);\n}\n\n:host([variant=outlined]),\n:host([variant=outlined]) [igxButton=outlined], :host([variant=outlined]) .igx-button--outlined {\n --shadow-color: var(--ig-button-shadow-color, transparent);\n --border-color: var(--ig-button-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --hover-border-color: var(--ig-button-hover-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --disabled-border-color: var(--ig-button-disabled-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --disabled-background: var(--ig-button-disabled-background, transparent);\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, transparent);\n --foreground: var(--ig-button-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-500), 0.05));\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-400), 0.12));\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-400), 0.12));\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-secondary-400), 0.12));\n --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --border-radius: var(--ig-button-border-radius, 0.25rem);\n}\n\n:host([variant=contained]),\n:host([variant=contained]) [igxButton=raised], :host([variant=contained]) .igx-button--raised {\n --shadow-color: var(--ig-button-shadow-color, transparent);\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-2));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-4));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-8));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-8));\n --background: var(--ig-button-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --foreground: var(--ig-button-foreground, var(--ig-secondary-500-contrast));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));\n --hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-300-contrast));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));\n --focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));\n --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));\n --active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));\n --border-radius: var(--ig-button-border-radius, 0.25rem);\n}\n\n:host([variant=fab]) {\n --size: max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem));\n}\n:host([variant=fab]),\n:host([variant=fab]) [igxButton=fab], :host([variant=fab]) .igx-button--fab {\n --shadow-color: var(--ig-button-shadow-color, transparent);\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-6));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-12));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-12));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-12));\n --background: var(--ig-button-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --foreground: var(--ig-button-foreground, var(--ig-secondary-500-contrast));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));\n --hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-300-contrast));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));\n --focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));\n --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));\n --active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));\n --border-radius: var(--ig-button-border-radius, 1.75rem);\n}\n\n[part=base] {\n -webkit-transition: all 0.1s ease-in-out;\n -o-transition: all 0.1s ease-in-out;\n transition: all 0.1s ease-in-out;\n}\n\n:host(:not([disabled])[variant=flat]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus-visible {\n color: var(--focus-visible-foreground);\n background: var(--focus-visible-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus-visible:hover {\n color: var(--hover-foreground);\n background: var(--hover-foreground);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus-visible:active {\n color: var(--active-foreground);\n background: var(--active-background);\n}\n\n:host(:not([disabled])[variant=outlined]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n border: 0.0625rem solid var(--border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n border-color: var(--focus-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible {\n color: var(--focus-visible-foreground);\n background: var(--focus-visible-background);\n border-color: var(--focus-visible-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover {\n color: var(--hover-foreground);\n background: var(--hover-foreground);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n\n:host(:not([disabled])[variant=contained]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n -webkit-box-shadow: var(--ig-elevation-2);\n box-shadow: var(--ig-elevation-2);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n -webkit-box-shadow: var(--ig-elevation-4);\n box-shadow: var(--ig-elevation-4);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus, :host(:not([disabled])[variant=contained]) [part=base]:active {\n -webkit-box-shadow: var(--ig-elevation-8);\n box-shadow: var(--ig-elevation-8);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible {\n color: var(--focus-foreground);\n background: var(--focus-background);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:active {\n color: var(--active-foreground);\n background: var(--active-background);\n}\n\n:host(:not([disabled])[variant=fab]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n -webkit-box-shadow: var(--ig-elevation-6);\n box-shadow: var(--ig-elevation-6);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n -webkit-box-shadow: var(--ig-elevation-4);\n box-shadow: var(--ig-elevation-4);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus, :host(:not([disabled])[variant=fab]) [part=base]:active {\n -webkit-box-shadow: var(--ig-elevation-8);\n box-shadow: var(--ig-elevation-8);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible {\n color: var(--focus-foreground);\n background: var(--focus-background);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:active {\n color: var(--active-foreground);\n background: var(--active-background);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:hover, :host(:not([disabled])[variant=fab]) [part=base]:focus, :host(:not([disabled])[variant=fab]) [part=base]:focus-visible, :host(:not([disabled])[variant=fab]) [part=base]:active {\n -webkit-box-shadow: var(--ig-elevation-12);\n box-shadow: var(--ig-elevation-12);\n}\n\n:host([variant=flat]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=outlined]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=contained]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=fab]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([disabled][variant=flat]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n -webkit-box-shadow: inset 0 0 0 0.0625rem var(--disabled-border-color);\n box-shadow: inset 0 0 0 0.0625rem var(--disabled-border-color);\n}\n\n:host([disabled][variant=outlined]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n -webkit-box-shadow: inset 0 0 0 0.0625rem var(--disabled-border-color);\n box-shadow: inset 0 0 0 0.0625rem var(--disabled-border-color);\n}\n\n:host([disabled][variant=contained]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n -webkit-box-shadow: inset 0 0 0 0.0625rem var(--disabled-border-color);\n box-shadow: inset 0 0 0 0.0625rem var(--disabled-border-color);\n}\n\n:host([disabled][variant=fab]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n -webkit-box-shadow: inset 0 0 0 0.0625rem var(--disabled-border-color);\n box-shadow: inset 0 0 0 0.0625rem var(--disabled-border-color);\n}`;\n"]}
package/components/checkbox/themes/dark/checkbox.bootstrap.css.js CHANGED
@@ -1,13 +1,15 @@
1
1
  import { css } from 'lit';
2
2
  export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
3
3
  /* stylelint-disable max-line-length */
4
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
4
5
  /* stylelint-disable max-line-length */
5
6
  /* stylelint-disable max-line-length */
6
7
  /* stylelint-disable max-line-length */
7
- /* stylelint-disable max-line-length */
8
- /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
8
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
9
9
  /* stylelint-disable max-line-length */
10
10
  /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
11
+ /* stylelint-disable max-line-length */
11
12
  /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
12
- /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
13
+ /* stylelint-disable max-line-length */
14
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
13
15
  //# sourceMappingURL=checkbox.bootstrap.css.js.map
package/components/checkbox/themes/dark/checkbox.bootstrap.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;wRAU+P,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
1
+ {"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;wMAY+K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
package/components/checkbox/themes/dark/checkbox.fluent.css.js CHANGED
@@ -1,13 +1,15 @@
1
1
  import { css } from 'lit';
2
2
  export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
3
3
  /* stylelint-disable max-line-length */
4
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
4
5
  /* stylelint-disable max-line-length */
5
6
  /* stylelint-disable max-line-length */
6
7
  /* stylelint-disable max-line-length */
7
- /* stylelint-disable max-line-length */
8
- /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
8
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
9
9
  /* stylelint-disable max-line-length */
10
10
  /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
11
+ /* stylelint-disable max-line-length */
11
12
  /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
12
- /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
13
+ /* stylelint-disable max-line-length */
14
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
13
15
  //# sourceMappingURL=checkbox.fluent.css.js.map
package/components/checkbox/themes/dark/checkbox.fluent.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/checkbox.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;wRAU+P,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
1
+ {"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/checkbox.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;wMAY+K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
package/components/checkbox/themes/dark/checkbox.indigo.css.js CHANGED
@@ -1,13 +1,15 @@
1
1
  import { css } from 'lit';
2
2
  export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
3
3
  /* stylelint-disable max-line-length */
4
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
4
5
  /* stylelint-disable max-line-length */
5
6
  /* stylelint-disable max-line-length */
6
7
  /* stylelint-disable max-line-length */
7
- /* stylelint-disable max-line-length */
8
- /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
8
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
9
9
  /* stylelint-disable max-line-length */
10
10
  /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
11
+ /* stylelint-disable max-line-length */
11
12
  /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
12
- /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
13
+ /* stylelint-disable max-line-length */
14
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
13
15
  //# sourceMappingURL=checkbox.indigo.css.js.map
package/components/checkbox/themes/dark/checkbox.indigo.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/checkbox.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;wRAU+P,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
1
+ {"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/checkbox.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;wMAY+K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
package/components/checkbox/themes/dark/checkbox.material.css.js CHANGED
@@ -1,13 +1,15 @@
1
1
  import { css } from 'lit';
2
2
  export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
3
3
  /* stylelint-disable max-line-length */
4
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
4
5
  /* stylelint-disable max-line-length */
5
6
  /* stylelint-disable max-line-length */
6
7
  /* stylelint-disable max-line-length */
7
- /* stylelint-disable max-line-length */
8
- /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
8
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
9
9
  /* stylelint-disable max-line-length */
10
10
  /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
11
+ /* stylelint-disable max-line-length */
11
12
  /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
12
- /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
13
+ /* stylelint-disable max-line-length */
14
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
13
15
  //# sourceMappingURL=checkbox.material.css.js.map
package/components/checkbox/themes/dark/checkbox.material.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.material.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/checkbox.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;wRAU+P,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
1
+ {"version":3,"file":"checkbox.material.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/checkbox.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;wMAY+K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
package/components/checkbox/themes/dark/switch.bootstrap.css.js CHANGED
@@ -1,13 +1,15 @@
1
1
  import { css } from 'lit';
2
2
  export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
3
3
  /* stylelint-disable max-line-length */
4
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
4
5
  /* stylelint-disable max-line-length */
5
6
  /* stylelint-disable max-line-length */
6
7
  /* stylelint-disable max-line-length */
7
- /* stylelint-disable max-line-length */
8
- /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
8
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
9
9
  /* stylelint-disable max-line-length */
10
10
  /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
11
+ /* stylelint-disable max-line-length */
11
12
  /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
12
- /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
13
+ /* stylelint-disable max-line-length */
14
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
13
15
  //# sourceMappingURL=switch.bootstrap.css.js.map
package/components/checkbox/themes/dark/switch.bootstrap.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"switch.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/switch.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;wRAU+P,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
1
+ {"version":3,"file":"switch.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/switch.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;wMAY+K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
package/components/checkbox/themes/dark/switch.fluent.css.js CHANGED
@@ -1,13 +1,15 @@
1
1
  import { css } from 'lit';
2
2
  export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
3
3
  /* stylelint-disable max-line-length */
4
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
4
5
  /* stylelint-disable max-line-length */
5
6
  /* stylelint-disable max-line-length */
6
7
  /* stylelint-disable max-line-length */
7
- /* stylelint-disable max-line-length */
8
- /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
8
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
9
9
  /* stylelint-disable max-line-length */
10
10
  /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
11
+ /* stylelint-disable max-line-length */
11
12
  /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
12
- /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
13
+ /* stylelint-disable max-line-length */
14
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
13
15
  //# sourceMappingURL=switch.fluent.css.js.map
package/components/checkbox/themes/dark/switch.fluent.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"switch.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/switch.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;wRAU+P,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
1
+ {"version":3,"file":"switch.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/switch.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;wMAY+K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}