igniteui-webcomponents 6.4.0-alpha.4 → 6.5.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 (431) hide show
  1. package/CHANGELOG.md +141 -2
  2. package/README.md +65 -56
  3. package/components/button/themes/button/dark/button.indigo.css.js +1 -1
  4. package/components/button/themes/button/dark/button.indigo.css.js.map +1 -1
  5. package/components/button/themes/button/dark/button.material.css.js +1 -1
  6. package/components/button/themes/button/dark/button.material.css.js.map +1 -1
  7. package/components/button/themes/button/light/button.indigo.css.js +1 -1
  8. package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
  9. package/components/button/themes/button/light/button.material.css.js +1 -1
  10. package/components/button/themes/button/light/button.material.css.js.map +1 -1
  11. package/components/button/themes/button/shared/button.bootstrap.css.js +1 -1
  12. package/components/button/themes/button/shared/button.bootstrap.css.js.map +1 -1
  13. package/components/button/themes/button/shared/button.common.css.js +1 -1
  14. package/components/button/themes/button/shared/button.common.css.js.map +1 -1
  15. package/components/button/themes/button/shared/button.fluent.css.js +1 -1
  16. package/components/button/themes/button/shared/button.fluent.css.js.map +1 -1
  17. package/components/button/themes/button/shared/button.indigo.css.js +1 -1
  18. package/components/button/themes/button/shared/button.indigo.css.js.map +1 -1
  19. package/components/button/themes/button/shared/button.material.css.js +1 -1
  20. package/components/button/themes/button/shared/button.material.css.js.map +1 -1
  21. package/components/button-group/themes/dark/button-group.material.css.js +1 -1
  22. package/components/button-group/themes/dark/button-group.material.css.js.map +1 -1
  23. package/components/button-group/themes/light/button-group.material.css.js +1 -1
  24. package/components/button-group/themes/light/button-group.material.css.js.map +1 -1
  25. package/components/button-group/themes/shared/button/button.bootstrap.css.js +1 -1
  26. package/components/button-group/themes/shared/button/button.bootstrap.css.js.map +1 -1
  27. package/components/button-group/themes/shared/button/button.material.css.js +1 -1
  28. package/components/button-group/themes/shared/button/button.material.css.js.map +1 -1
  29. package/components/calendar/base.d.ts +7 -3
  30. package/components/calendar/base.js +10 -14
  31. package/components/calendar/base.js.map +1 -1
  32. package/components/calendar/calendar.d.ts +48 -44
  33. package/components/calendar/calendar.js +263 -259
  34. package/components/calendar/calendar.js.map +1 -1
  35. package/components/calendar/days-view/days-view.d.ts +49 -27
  36. package/components/calendar/days-view/days-view.js +170 -168
  37. package/components/calendar/days-view/days-view.js.map +1 -1
  38. package/components/calendar/helpers.js +40 -28
  39. package/components/calendar/helpers.js.map +1 -1
  40. package/components/calendar/model.d.ts +9 -3
  41. package/components/calendar/model.js +29 -19
  42. package/components/calendar/model.js.map +1 -1
  43. package/components/calendar/months-view/months-view.d.ts +6 -8
  44. package/components/calendar/months-view/months-view.js +25 -38
  45. package/components/calendar/months-view/months-view.js.map +1 -1
  46. package/components/calendar/themes/dark/calendar.bootstrap.css.js +1 -1
  47. package/components/calendar/themes/dark/calendar.bootstrap.css.js.map +1 -1
  48. package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
  49. package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
  50. package/components/calendar/themes/dark/calendar.indigo.css.js +1 -1
  51. package/components/calendar/themes/dark/calendar.indigo.css.js.map +1 -1
  52. package/components/calendar/themes/dark/calendar.material.css.js +1 -1
  53. package/components/calendar/themes/dark/calendar.material.css.js.map +1 -1
  54. package/components/calendar/themes/days.js +8 -23
  55. package/components/calendar/themes/days.js.map +1 -1
  56. package/components/calendar/themes/light/calendar.bootstrap.css.js +1 -1
  57. package/components/calendar/themes/light/calendar.bootstrap.css.js.map +1 -1
  58. package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
  59. package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
  60. package/components/calendar/themes/light/calendar.indigo.css.js +1 -1
  61. package/components/calendar/themes/light/calendar.indigo.css.js.map +1 -1
  62. package/components/calendar/themes/light/calendar.material.css.js +1 -1
  63. package/components/calendar/themes/light/calendar.material.css.js.map +1 -1
  64. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js +1 -1
  65. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js.map +1 -1
  66. package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js +1 -1
  67. package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js.map +1 -1
  68. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js +1 -1
  69. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js.map +1 -1
  70. package/components/calendar/themes/shared/indigo/days-view.indigo.css.js +1 -1
  71. package/components/calendar/themes/shared/indigo/days-view.indigo.css.js.map +1 -1
  72. package/components/calendar/themes/shared/material/days-view.material.css.js +1 -1
  73. package/components/calendar/themes/shared/material/days-view.material.css.js.map +1 -1
  74. package/components/calendar/themes/year-month.js +8 -23
  75. package/components/calendar/themes/year-month.js.map +1 -1
  76. package/components/calendar/years-view/years-view.d.ts +6 -5
  77. package/components/calendar/years-view/years-view.js +11 -14
  78. package/components/calendar/years-view/years-view.js.map +1 -1
  79. package/components/carousel/carousel.d.ts +2 -1
  80. package/components/carousel/carousel.js.map +1 -1
  81. package/components/checkbox/checkbox-base.d.ts +1 -1
  82. package/components/checkbox/themes/light/checkbox/checkbox.material.css.js +1 -1
  83. package/components/checkbox/themes/light/checkbox/checkbox.material.css.js.map +1 -1
  84. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js +1 -1
  85. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js.map +1 -1
  86. package/components/checkbox/themes/shared/switch/switch.common.css.js +1 -1
  87. package/components/checkbox/themes/shared/switch/switch.common.css.js.map +1 -1
  88. package/components/checkbox/themes/shared/switch/switch.fluent.css.js +1 -1
  89. package/components/checkbox/themes/shared/switch/switch.fluent.css.js.map +1 -1
  90. package/components/checkbox/themes/shared/switch/switch.indigo.css.js +1 -1
  91. package/components/checkbox/themes/shared/switch/switch.indigo.css.js.map +1 -1
  92. package/components/checkbox/themes/shared/switch/switch.material.css.js +1 -1
  93. package/components/checkbox/themes/shared/switch/switch.material.css.js.map +1 -1
  94. package/components/chip/chip.d.ts +2 -1
  95. package/components/chip/chip.js.map +1 -1
  96. package/components/chip/themes/dark/chip.fluent.css.js +1 -1
  97. package/components/chip/themes/dark/chip.fluent.css.js.map +1 -1
  98. package/components/chip/themes/dark/chip.indigo.css.js +1 -1
  99. package/components/chip/themes/dark/chip.indigo.css.js.map +1 -1
  100. package/components/chip/themes/light/chip.fluent.css.js +1 -1
  101. package/components/chip/themes/light/chip.fluent.css.js.map +1 -1
  102. package/components/chip/themes/light/chip.indigo.css.js +1 -1
  103. package/components/chip/themes/light/chip.indigo.css.js.map +1 -1
  104. package/components/chip/themes/light/chip.shared.css.js +1 -1
  105. package/components/chip/themes/light/chip.shared.css.js.map +1 -1
  106. package/components/chip/themes/shared/chip.indigo.css.js +1 -1
  107. package/components/chip/themes/shared/chip.indigo.css.js.map +1 -1
  108. package/components/combo/combo.d.ts +3 -2
  109. package/components/combo/combo.js +7 -0
  110. package/components/combo/combo.js.map +1 -1
  111. package/components/combo/controllers/selection.js.map +1 -1
  112. package/components/combo/validators.js +2 -2
  113. package/components/combo/validators.js.map +1 -1
  114. package/components/common/controllers/async-consumer.js.map +1 -1
  115. package/components/common/controllers/focus-ring.js +1 -5
  116. package/components/common/controllers/focus-ring.js.map +1 -1
  117. package/components/common/controllers/root-click.js +46 -21
  118. package/components/common/controllers/root-click.js.map +1 -1
  119. package/components/common/definitions/defineAllComponents.js +2 -0
  120. package/components/common/definitions/defineAllComponents.js.map +1 -1
  121. package/components/common/i18n/EN/calendar.resources.js +4 -1
  122. package/components/common/i18n/EN/calendar.resources.js.map +1 -1
  123. package/components/common/i18n/EN/date-range-picker.resources.js.map +1 -1
  124. package/components/common/i18n/i18n-controller.js +6 -9
  125. package/components/common/i18n/i18n-controller.js.map +1 -1
  126. package/components/common/i18n/utils.d.ts +0 -12
  127. package/components/common/i18n/utils.js +0 -12
  128. package/components/common/i18n/utils.js.map +1 -1
  129. package/components/common/mixins/forms/associated.js +3 -23
  130. package/components/common/mixins/forms/associated.js.map +1 -1
  131. package/components/common/util.d.ts +5 -0
  132. package/components/common/util.js +5 -0
  133. package/components/common/util.js.map +1 -1
  134. package/components/common/validators.d.ts +2 -4
  135. package/components/common/validators.js +13 -19
  136. package/components/common/validators.js.map +1 -1
  137. package/components/date-picker/date-picker.d.ts +7 -3
  138. package/components/date-picker/date-picker.js +2 -2
  139. package/components/date-picker/date-picker.js.map +1 -1
  140. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js +1 -1
  141. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js.map +1 -1
  142. package/components/date-picker/themes/dark/date-picker.fluent.css.js +1 -1
  143. package/components/date-picker/themes/dark/date-picker.fluent.css.js.map +1 -1
  144. package/components/date-picker/themes/dark/date-picker.indigo.css.js +1 -1
  145. package/components/date-picker/themes/dark/date-picker.indigo.css.js.map +1 -1
  146. package/components/date-picker/themes/dark/date-picker.material.css.js +1 -1
  147. package/components/date-picker/themes/dark/date-picker.material.css.js.map +1 -1
  148. package/components/date-picker/themes/light/date-picker.bootstrap.css.js +1 -1
  149. package/components/date-picker/themes/light/date-picker.bootstrap.css.js.map +1 -1
  150. package/components/date-picker/themes/light/date-picker.fluent.css.js +1 -1
  151. package/components/date-picker/themes/light/date-picker.fluent.css.js.map +1 -1
  152. package/components/date-picker/themes/light/date-picker.indigo.css.js +1 -1
  153. package/components/date-picker/themes/light/date-picker.indigo.css.js.map +1 -1
  154. package/components/date-picker/themes/light/date-picker.material.css.js +1 -1
  155. package/components/date-picker/themes/light/date-picker.material.css.js.map +1 -1
  156. package/components/date-picker/validators.js +2 -3
  157. package/components/date-picker/validators.js.map +1 -1
  158. package/components/date-range-picker/date-range-picker.d.ts +7 -2
  159. package/components/date-range-picker/date-range-picker.js +13 -10
  160. package/components/date-range-picker/date-range-picker.js.map +1 -1
  161. package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js +1 -1
  162. package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js.map +1 -1
  163. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js +1 -1
  164. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js.map +1 -1
  165. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js +1 -1
  166. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js.map +1 -1
  167. package/components/date-range-picker/themes/dark/date-range-picker.material.css.js +1 -1
  168. package/components/date-range-picker/themes/dark/date-range-picker.material.css.js.map +1 -1
  169. package/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.js +1 -1
  170. package/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.js.map +1 -1
  171. package/components/date-range-picker/themes/light/date-range-picker.fluent.css.js +1 -1
  172. package/components/date-range-picker/themes/light/date-range-picker.fluent.css.js.map +1 -1
  173. package/components/date-range-picker/themes/light/date-range-picker.indigo.css.js +1 -1
  174. package/components/date-range-picker/themes/light/date-range-picker.indigo.css.js.map +1 -1
  175. package/components/date-range-picker/themes/light/date-range-picker.material.css.js +1 -1
  176. package/components/date-range-picker/themes/light/date-range-picker.material.css.js.map +1 -1
  177. package/components/date-range-picker/validators.js +5 -8
  178. package/components/date-range-picker/validators.js.map +1 -1
  179. package/components/date-time-input/date-time-input.d.ts +10 -3
  180. package/components/date-time-input/date-time-input.js +39 -21
  181. package/components/date-time-input/date-time-input.js.map +1 -1
  182. package/components/date-time-input/date-util.d.ts +11 -9
  183. package/components/date-time-input/date-util.js +23 -219
  184. package/components/date-time-input/date-util.js.map +1 -1
  185. package/components/dialog/dialog.d.ts +2 -0
  186. package/components/dialog/dialog.js +18 -9
  187. package/components/dialog/dialog.js.map +1 -1
  188. package/components/dialog/themes/dark/dialog.fluent.css.js +1 -1
  189. package/components/dialog/themes/dark/dialog.fluent.css.js.map +1 -1
  190. package/components/dialog/themes/light/dialog.fluent.css.js +1 -1
  191. package/components/dialog/themes/light/dialog.fluent.css.js.map +1 -1
  192. package/components/dialog/themes/shared/dialog.bootstrap.css.js +1 -1
  193. package/components/dialog/themes/shared/dialog.bootstrap.css.js.map +1 -1
  194. package/components/dialog/themes/shared/dialog.indigo.css.js +1 -1
  195. package/components/dialog/themes/shared/dialog.indigo.css.js.map +1 -1
  196. package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js +1 -1
  197. package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js.map +1 -1
  198. package/components/file-input/file-input.d.ts +28 -13
  199. package/components/file-input/file-input.js +73 -46
  200. package/components/file-input/file-input.js.map +1 -1
  201. package/components/input/input-base.d.ts +31 -34
  202. package/components/input/input-base.js +58 -83
  203. package/components/input/input-base.js.map +1 -1
  204. package/components/input/input.d.ts +18 -7
  205. package/components/input/input.js +34 -19
  206. package/components/input/input.js.map +1 -1
  207. package/components/input/themes/dark/input.indigo.css.js +1 -1
  208. package/components/input/themes/dark/input.indigo.css.js.map +1 -1
  209. package/components/input/themes/light/input.indigo.css.js +1 -1
  210. package/components/input/themes/light/input.indigo.css.js.map +1 -1
  211. package/components/input/themes/light/input.shared.css.js +1 -1
  212. package/components/input/themes/light/input.shared.css.js.map +1 -1
  213. package/components/input/themes/shared/input.bootstrap.css.js +1 -1
  214. package/components/input/themes/shared/input.bootstrap.css.js.map +1 -1
  215. package/components/input/themes/shared/input.common.css.js +1 -1
  216. package/components/input/themes/shared/input.common.css.js.map +1 -1
  217. package/components/input/themes/shared/input.fluent.css.js +1 -1
  218. package/components/input/themes/shared/input.fluent.css.js.map +1 -1
  219. package/components/input/themes/shared/input.indigo.css.js +1 -1
  220. package/components/input/themes/shared/input.indigo.css.js.map +1 -1
  221. package/components/input/themes/shared/input.material.css.js +1 -1
  222. package/components/input/themes/shared/input.material.css.js.map +1 -1
  223. package/components/input/validators.js +3 -3
  224. package/components/input/validators.js.map +1 -1
  225. package/components/list/themes/dark/container/list.bootstrap.css.js +1 -1
  226. package/components/list/themes/dark/container/list.bootstrap.css.js.map +1 -1
  227. package/components/list/themes/light/container/list.fluent.css.js +1 -1
  228. package/components/list/themes/light/container/list.fluent.css.js.map +1 -1
  229. package/components/list/themes/shared/item/list-item.common.css.js +1 -1
  230. package/components/list/themes/shared/item/list-item.common.css.js.map +1 -1
  231. package/components/list/themes/shared/item/list-item.indigo.css.js +1 -1
  232. package/components/list/themes/shared/item/list-item.indigo.css.js.map +1 -1
  233. package/components/mask-input/mask-input-base.d.ts +10 -4
  234. package/components/mask-input/mask-input-base.js +21 -16
  235. package/components/mask-input/mask-input-base.js.map +1 -1
  236. package/components/mask-input/mask-input.d.ts +9 -3
  237. package/components/mask-input/mask-input.js +26 -6
  238. package/components/mask-input/mask-input.js.map +1 -1
  239. package/components/mask-input/mask-parser.d.ts +30 -7
  240. package/components/mask-input/mask-parser.js +70 -42
  241. package/components/mask-input/mask-parser.js.map +1 -1
  242. package/components/mask-input/validators.js +3 -3
  243. package/components/mask-input/validators.js.map +1 -1
  244. package/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.js +1 -1
  245. package/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.js.map +1 -1
  246. package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js +1 -1
  247. package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js.map +1 -1
  248. package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js +1 -1
  249. package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js.map +1 -1
  250. package/components/navbar/themes/shared/navbar.common.css.js +1 -1
  251. package/components/navbar/themes/shared/navbar.common.css.js.map +1 -1
  252. package/components/radio/themes/light/radio.material.css.js +1 -1
  253. package/components/radio/themes/light/radio.material.css.js.map +1 -1
  254. package/components/radio/themes/shared/radio.bootstrap.css.js +1 -1
  255. package/components/radio/themes/shared/radio.bootstrap.css.js.map +1 -1
  256. package/components/radio/themes/shared/radio.common.css.js +1 -1
  257. package/components/radio/themes/shared/radio.common.css.js.map +1 -1
  258. package/components/radio/themes/shared/radio.fluent.css.js +1 -1
  259. package/components/radio/themes/shared/radio.fluent.css.js.map +1 -1
  260. package/components/radio/themes/shared/radio.indigo.css.js +1 -1
  261. package/components/radio/themes/shared/radio.indigo.css.js.map +1 -1
  262. package/components/radio/themes/shared/radio.material.css.js +1 -1
  263. package/components/radio/themes/shared/radio.material.css.js.map +1 -1
  264. package/components/radio/validators.js +2 -2
  265. package/components/radio/validators.js.map +1 -1
  266. package/components/rating/themes/dark/rating.indigo.css.js +1 -1
  267. package/components/rating/themes/dark/rating.indigo.css.js.map +1 -1
  268. package/components/rating/themes/light/rating.indigo.css.js +1 -1
  269. package/components/rating/themes/light/rating.indigo.css.js.map +1 -1
  270. package/components/ripple/ripple.d.ts +3 -3
  271. package/components/ripple/ripple.js +34 -31
  272. package/components/ripple/ripple.js.map +1 -1
  273. package/components/stepper/step.js +2 -2
  274. package/components/stepper/step.js.map +1 -1
  275. package/components/stepper/themes/step/dark/step.bootstrap.css.js +1 -1
  276. package/components/stepper/themes/step/dark/step.bootstrap.css.js.map +1 -1
  277. package/components/stepper/themes/step/dark/step.fluent.css.js +1 -1
  278. package/components/stepper/themes/step/dark/step.fluent.css.js.map +1 -1
  279. package/components/stepper/themes/step/dark/step.indigo.css.js +1 -1
  280. package/components/stepper/themes/step/dark/step.indigo.css.js.map +1 -1
  281. package/components/stepper/themes/step/dark/step.material.css.js +1 -1
  282. package/components/stepper/themes/step/dark/step.material.css.js.map +1 -1
  283. package/components/stepper/themes/step/light/step.bootstrap.css.js +1 -1
  284. package/components/stepper/themes/step/light/step.bootstrap.css.js.map +1 -1
  285. package/components/stepper/themes/step/light/step.fluent.css.js +1 -1
  286. package/components/stepper/themes/step/light/step.fluent.css.js.map +1 -1
  287. package/components/stepper/themes/step/light/step.indigo.css.js +1 -1
  288. package/components/stepper/themes/step/light/step.indigo.css.js.map +1 -1
  289. package/components/stepper/themes/step/light/step.material.css.js +1 -1
  290. package/components/stepper/themes/step/light/step.material.css.js.map +1 -1
  291. package/components/stepper/themes/step/light/step.shared.css.js +1 -1
  292. package/components/stepper/themes/step/light/step.shared.css.js.map +1 -1
  293. package/components/stepper/themes/step/shared/step.common.css.js +1 -1
  294. package/components/stepper/themes/step/shared/step.common.css.js.map +1 -1
  295. package/components/stepper/themes/step/shared/step.indigo.css.js +1 -1
  296. package/components/stepper/themes/step/shared/step.indigo.css.js.map +1 -1
  297. package/components/tabs/tab-dom.js +8 -9
  298. package/components/tabs/tab-dom.js.map +1 -1
  299. package/components/tabs/themes/dark/tab.bootstrap.css.js +1 -1
  300. package/components/tabs/themes/dark/tab.bootstrap.css.js.map +1 -1
  301. package/components/tabs/themes/dark/tab.fluent.css.js +1 -1
  302. package/components/tabs/themes/dark/tab.fluent.css.js.map +1 -1
  303. package/components/tabs/themes/dark/tab.indigo.css.js +1 -1
  304. package/components/tabs/themes/dark/tab.indigo.css.js.map +1 -1
  305. package/components/tabs/themes/dark/tab.material.css.js +1 -1
  306. package/components/tabs/themes/dark/tab.material.css.js.map +1 -1
  307. package/components/tabs/themes/dark/tab.shared.css.js +1 -1
  308. package/components/tabs/themes/dark/tab.shared.css.js.map +1 -1
  309. package/components/tabs/themes/light/tab.bootstrap.css.js +1 -1
  310. package/components/tabs/themes/light/tab.bootstrap.css.js.map +1 -1
  311. package/components/tabs/themes/light/tab.fluent.css.js +1 -1
  312. package/components/tabs/themes/light/tab.fluent.css.js.map +1 -1
  313. package/components/tabs/themes/light/tab.indigo.css.js +1 -1
  314. package/components/tabs/themes/light/tab.indigo.css.js.map +1 -1
  315. package/components/tabs/themes/light/tab.material.css.js +1 -1
  316. package/components/tabs/themes/light/tab.material.css.js.map +1 -1
  317. package/components/tabs/themes/light/tab.shared.css.js +1 -1
  318. package/components/tabs/themes/light/tab.shared.css.js.map +1 -1
  319. package/components/tabs/themes/shared/tab/tab.bootstrap.css.js +1 -1
  320. package/components/tabs/themes/shared/tab/tab.bootstrap.css.js.map +1 -1
  321. package/components/tabs/themes/shared/tab/tab.common.css.js +1 -1
  322. package/components/tabs/themes/shared/tab/tab.common.css.js.map +1 -1
  323. package/components/tabs/themes/shared/tab/tab.fluent.css.js +1 -1
  324. package/components/tabs/themes/shared/tab/tab.fluent.css.js.map +1 -1
  325. package/components/tabs/themes/shared/tab/tab.indigo.css.js +1 -1
  326. package/components/tabs/themes/shared/tab/tab.indigo.css.js.map +1 -1
  327. package/components/tabs/themes/shared/tab/tab.material.css.js +1 -1
  328. package/components/tabs/themes/shared/tab/tab.material.css.js.map +1 -1
  329. package/components/tabs/themes/shared/tabs/tabs.bootstrap.css.js +1 -1
  330. package/components/tabs/themes/shared/tabs/tabs.bootstrap.css.js.map +1 -1
  331. package/components/tabs/themes/shared/tabs/tabs.common.css.js +1 -1
  332. package/components/tabs/themes/shared/tabs/tabs.common.css.js.map +1 -1
  333. package/components/tabs/themes/shared/tabs/tabs.indigo.css.js +1 -1
  334. package/components/tabs/themes/shared/tabs/tabs.indigo.css.js.map +1 -1
  335. package/components/tabs/themes/shared/tabs/tabs.material.css.js +1 -1
  336. package/components/tabs/themes/shared/tabs/tabs.material.css.js.map +1 -1
  337. package/components/tabs/themes/tabs.base.css.js +1 -1
  338. package/components/tabs/themes/tabs.base.css.js.map +1 -1
  339. package/components/textarea/themes/dark/textarea.indigo.css.js +1 -1
  340. package/components/textarea/themes/dark/textarea.indigo.css.js.map +1 -1
  341. package/components/textarea/themes/light/textarea.indigo.css.js +1 -1
  342. package/components/textarea/themes/light/textarea.indigo.css.js.map +1 -1
  343. package/components/textarea/themes/light/textarea.shared.css.js +1 -1
  344. package/components/textarea/themes/light/textarea.shared.css.js.map +1 -1
  345. package/components/textarea/themes/shared/textarea.bootstrap.css.js +1 -1
  346. package/components/textarea/themes/shared/textarea.bootstrap.css.js.map +1 -1
  347. package/components/textarea/themes/shared/textarea.common.css.js +1 -1
  348. package/components/textarea/themes/shared/textarea.common.css.js.map +1 -1
  349. package/components/textarea/themes/shared/textarea.fluent.css.js +1 -1
  350. package/components/textarea/themes/shared/textarea.fluent.css.js.map +1 -1
  351. package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
  352. package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
  353. package/components/textarea/themes/shared/textarea.material.css.js +1 -1
  354. package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
  355. package/components/theme-provider/theme-provider.d.ts +65 -0
  356. package/components/theme-provider/theme-provider.js +58 -0
  357. package/components/theme-provider/theme-provider.js.map +1 -0
  358. package/components/tile-manager/tile.js +6 -3
  359. package/components/tile-manager/tile.js.map +1 -1
  360. package/components/tree/themes/dark/container.bootstrap.css.js +1 -1
  361. package/components/tree/themes/dark/container.bootstrap.css.js.map +1 -1
  362. package/components/tree/themes/light/container.bootstrap.css.js +1 -1
  363. package/components/tree/themes/light/container.bootstrap.css.js.map +1 -1
  364. package/components/tree/tree-item.js +4 -0
  365. package/components/tree/tree-item.js.map +1 -1
  366. package/components/tree/tree.d.ts +14 -0
  367. package/components/tree/tree.js +23 -0
  368. package/components/tree/tree.js.map +1 -1
  369. package/components/validation-container/validation-container.d.ts +0 -1
  370. package/components/validation-container/validation-container.js +6 -9
  371. package/components/validation-container/validation-container.js.map +1 -1
  372. package/custom-elements.json +3176 -2986
  373. package/extras/chat-markdown-renderer.d.ts +72 -4
  374. package/extras/chat-markdown-renderer.js +19 -7
  375. package/extras/chat-markdown-renderer.js.map +1 -1
  376. package/igniteui-webcomponents.html-data.json +1 -1
  377. package/index.d.ts +5 -1
  378. package/index.js +4 -1
  379. package/index.js.map +1 -1
  380. package/package.json +9 -4
  381. package/themes/dark/bootstrap.css +1 -1
  382. package/themes/dark/fluent.css +1 -1
  383. package/themes/dark/indigo.css +1 -1
  384. package/themes/dark/material.css +1 -1
  385. package/themes/light/bootstrap.css +1 -1
  386. package/themes/light/fluent.css +1 -1
  387. package/themes/light/indigo.css +1 -1
  388. package/themes/light/material.css +1 -1
  389. package/theming/context.d.ts +36 -0
  390. package/theming/context.js +3 -0
  391. package/theming/context.js.map +1 -0
  392. package/theming/theming-controller.d.ts +7 -1
  393. package/theming/theming-controller.js +48 -12
  394. package/theming/theming-controller.js.map +1 -1
  395. package/theming/utils.d.ts +10 -0
  396. package/theming/utils.js +8 -42
  397. package/theming/utils.js.map +1 -1
  398. package/web-types.json +1 -1
  399. package/components/common/localization/intl-formatters.d.ts +0 -17
  400. package/components/common/localization/intl-formatters.js +0 -46
  401. package/components/common/localization/intl-formatters.js.map +0 -1
  402. package/components/validation-container/themes/dark/validator.bootstrap.css.d.ts +0 -1
  403. package/components/validation-container/themes/dark/validator.bootstrap.css.js +0 -3
  404. package/components/validation-container/themes/dark/validator.bootstrap.css.js.map +0 -1
  405. package/components/validation-container/themes/dark/validator.fluent.css.d.ts +0 -1
  406. package/components/validation-container/themes/dark/validator.fluent.css.js +0 -3
  407. package/components/validation-container/themes/dark/validator.fluent.css.js.map +0 -1
  408. package/components/validation-container/themes/dark/validator.indigo.css.d.ts +0 -1
  409. package/components/validation-container/themes/dark/validator.indigo.css.js +0 -3
  410. package/components/validation-container/themes/dark/validator.indigo.css.js.map +0 -1
  411. package/components/validation-container/themes/dark/validator.material.css.d.ts +0 -1
  412. package/components/validation-container/themes/dark/validator.material.css.js +0 -3
  413. package/components/validation-container/themes/dark/validator.material.css.js.map +0 -1
  414. package/components/validation-container/themes/light/validator.bootstrap.css.d.ts +0 -1
  415. package/components/validation-container/themes/light/validator.bootstrap.css.js +0 -3
  416. package/components/validation-container/themes/light/validator.bootstrap.css.js.map +0 -1
  417. package/components/validation-container/themes/light/validator.fluent.css.d.ts +0 -1
  418. package/components/validation-container/themes/light/validator.fluent.css.js +0 -3
  419. package/components/validation-container/themes/light/validator.fluent.css.js.map +0 -1
  420. package/components/validation-container/themes/light/validator.indigo.css.d.ts +0 -1
  421. package/components/validation-container/themes/light/validator.indigo.css.js +0 -3
  422. package/components/validation-container/themes/light/validator.indigo.css.js.map +0 -1
  423. package/components/validation-container/themes/light/validator.material.css.d.ts +0 -1
  424. package/components/validation-container/themes/light/validator.material.css.js +0 -3
  425. package/components/validation-container/themes/light/validator.material.css.js.map +0 -1
  426. package/components/validation-container/themes/light/validator.shared.css.d.ts +0 -1
  427. package/components/validation-container/themes/light/validator.shared.css.js +0 -3
  428. package/components/validation-container/themes/light/validator.shared.css.js.map +0 -1
  429. package/components/validation-container/themes/themes.d.ts +0 -2
  430. package/components/validation-container/themes/themes.js +0 -46
  431. package/components/validation-container/themes/themes.js.map +0 -1
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,gsKAAgsK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500));--ig-theme: material}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-secondary-500));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-secondary-500));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-secondary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-secondary-500));--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500));--ig-theme: material}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}`;\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,81KAA81K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-900));--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-800));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-800));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-800));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-800));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-800));--ig-theme: material}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-secondary-800));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-secondary-900));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-secondary-800));--active-border-color: var(--ig-button-active-border-color, var(--ig-secondary-800));--disabled-background: var(--ig-button-disabled-background, transparent);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-900));--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-800));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-800));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-800));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-800));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-800));--ig-theme: material}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}`;\n"]}
package/components/button/themes/button/shared/button.bootstrap.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host([variant=flat]){--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]) [part~=base]:focus{border:.0625rem solid var(--focus-border-color)}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host(:not([disabled])[variant=flat]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:active ::slotted(igc-icon){color:var(--active-foreground)}:host(:not([disabled])[variant=flat]) [part="base focused"],:host(:not(:disabled)[variant=flat]) [part="base focused"]{box-shadow:0 0 0 .25rem var(--shadow-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:active ::slotted(igc-icon){color:var(--active-foreground)}:host(:not([disabled])[variant=outlined]) [part="base focused"],:host(:not(:disabled)[variant=outlined]) [part="base focused"]{box-shadow:0 0 0 .25rem var(--shadow-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:active,:host(:not(:disabled)[variant=outlined]) [part="base focused"]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:active ::slotted(igc-icon){color:var(--active-foreground)}:host(:not([disabled])[variant=contained]) [part="base focused"],:host(:not(:disabled)[variant=contained]) [part="base focused"]{box-shadow:0 0 0 .25rem var(--shadow-color)}:host(:not([disabled])[variant=fab]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:active ::slotted(igc-icon){color:var(--active-foreground)}:host(:not([disabled])[variant=fab]) [part="base focused"],:host(:not(:disabled)[variant=fab]) [part="base focused"]{box-shadow:0 0 0 .25rem var(--shadow-color)}`;
2
+ export const styles = css `:host([variant=flat]){--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host(:not([disabled])[variant=flat]) [part="base focused"],:host(:not(:disabled)[variant=flat]) [part="base focused"]{box-shadow:0 0 0 .25rem var(--shadow-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"],:host(:not(:disabled)[variant=outlined]) [part="base focused"]{box-shadow:0 0 0 .25rem var(--shadow-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part="base focused"],:host(:not(:disabled)[variant=contained]) [part="base focused"]{box-shadow:0 0 0 .25rem var(--shadow-color)}:host(:not([disabled])[variant=fab]) [part="base focused"],:host(:not(:disabled)[variant=fab]) [part="base focused"]{box-shadow:0 0 0 .25rem var(--shadow-color)}`;
3
3
  //# sourceMappingURL=button.bootstrap.css.js.map
package/components/button/themes/button/shared/button.bootstrap.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/shared/button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,w0EAAw0E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]) [part~=base]:focus{border:.0625rem solid var(--focus-border-color)}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host(:not([disabled])[variant=flat]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:active ::slotted(igc-icon){color:var(--active-foreground)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"],:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]{box-shadow:0 0 0 .25rem var(--shadow-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:active ::slotted(igc-icon){color:var(--active-foreground)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"],:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]{box-shadow:0 0 0 .25rem var(--shadow-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:active ::slotted(igc-icon){color:var(--active-foreground)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"],:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]{box-shadow:0 0 0 .25rem var(--shadow-color)}:host(:not([disabled])[variant=fab]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:active ::slotted(igc-icon){color:var(--active-foreground)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"],:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]{box-shadow:0 0 0 .25rem var(--shadow-color)}`;\n"]}
1
+ {"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/shared/button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2pCAA2pC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host(:not([disabled])[variant=flat]) [part=\"base focused\"],:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]{box-shadow:0 0 0 .25rem var(--shadow-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"],:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]{box-shadow:0 0 0 .25rem var(--shadow-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"],:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]{box-shadow:0 0 0 .25rem var(--shadow-color)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"],:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]{box-shadow:0 0 0 .25rem var(--shadow-color)}`;\n"]}
package/components/button/themes/button/shared/button.common.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host([variant=flat]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=outlined]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=contained]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=fab]) [part~=base]{border:.0625rem solid var(--border-color);border-radius:var(--border-radius);min-height:var(--size);min-width:var(--size);padding:0 max(var(--is-large, 1)*max(14px, -1 * 14px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(10px, -1 * 10px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(6px, -1 * 6px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part~=base]{transition:all .15s ease-in-out}[part~=base] ::slotted(igc-icon){color:var(--icon-color);transition:all .15s ease-in-out}:host(:not([disabled])[variant=flat]) [part~=base],:host(:not(:disabled)[variant=flat]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=flat]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=flat]) [part~=base]:hover,:host(:not(:disabled)[variant=flat]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=flat]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part~=base]:active,:host(:not(:disabled)[variant=flat]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=flat]) [part="base focused"],:host(:not(:disabled)[variant=flat]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=flat]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=flat]) [part="base focused"]:hover,:host(:not(:disabled)[variant=flat]) [part="base focused"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=flat]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part="base focused"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part="base focused"]:active,:host(:not(:disabled)[variant=flat]) [part="base focused"]:active{color:var(--focus-foreground);background:var(--focus-background)}:host(:not([disabled])[variant=outlined]) [part~=base],:host(:not(:disabled)[variant=outlined]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=outlined]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover,:host(:not(:disabled)[variant=outlined]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=outlined]) [part="base focused"],:host(:not(:disabled)[variant=outlined]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=outlined]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:hover,:host(:not(:disabled)[variant=outlined]) [part="base focused"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part="base focused"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:active,:host(:not(:disabled)[variant=outlined]) [part="base focused"]:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}:host(:not([disabled])[variant=contained]) [part~=base],:host(:not(:disabled)[variant=contained]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=contained]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=contained]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=contained]) [part="base focused"],:host(:not(:disabled)[variant=contained]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=contained]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=contained]) [part="base focused"]:hover,:host(:not(:disabled)[variant=contained]) [part="base focused"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=contained]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part="base focused"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part="base focused"]:active,:host(:not(:disabled)[variant=contained]) [part="base focused"]:active{color:var(--focus-foreground);background:var(--focus-background)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=fab]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=fab]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=fab]) [part="base focused"],:host(:not(:disabled)[variant=fab]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=fab]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=fab]) [part="base focused"]:hover,:host(:not(:disabled)[variant=fab]) [part="base focused"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=fab]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part="base focused"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part="base focused"]:active,:host(:not(:disabled)[variant=fab]) [part="base focused"]:active{color:var(--focus-foreground);background:var(--focus-background)}:host([disabled][variant=flat]) [part~=base],:host(:disabled[variant=flat]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background)}:host([disabled][variant=flat]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=flat]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=outlined]) [part~=base],:host(:disabled[variant=outlined]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background);border:.0625rem solid var(--disabled-border-color)}:host([disabled][variant=outlined]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=outlined]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=contained]) [part~=base],:host(:disabled[variant=contained]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background)}:host([disabled][variant=contained]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=contained]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=fab]) [part~=base],:host(:disabled[variant=fab]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background)}:host([disabled][variant=fab]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=fab]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}`;
2
+ export const styles = css `:host([variant=flat]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=outlined]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=contained]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=fab]) [part~=base]{border:.0625rem solid var(--border-color);border-radius:var(--border-radius);min-height:var(--size);min-width:var(--size);padding:0 max(var(--is-large, 1)*max(14px, -1 * 14px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(10px, -1 * 10px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(6px, -1 * 6px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part~=base]{transition:all .15s ease-in-out}[part~=base] ::slotted(igc-icon){color:var(--icon-color);transition:all .15s ease-in-out}:host(:not([disabled])[variant=flat]) [part~=base],:host(:not(:disabled)[variant=flat]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=flat]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=flat]) [part~=base]:hover,:host(:not(:disabled)[variant=flat]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background);border-color:var(--hover-border-color)}:host(:not([disabled])[variant=flat]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part~=base]:active,:host(:not(:disabled)[variant=flat]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--active-border-color)}:host(:not([disabled])[variant=flat]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:active ::slotted(igc-icon){color:var(--active-foreground)}:host(:not([disabled])[variant=flat]) [part="base focused"],:host(:not(:disabled)[variant=flat]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=flat]) [part="base focused"]:hover,:host(:not(:disabled)[variant=flat]) [part="base focused"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=flat]) [part="base focused"]:active,:host(:not(:disabled)[variant=flat]) [part="base focused"]:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}:host(:not([disabled])[variant=flat]) [part="base focused"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part="base focused"]:active ::slotted(igc-icon){color:var(--focus-foreground)}:host(:not([disabled])[variant=outlined]) [part~=base],:host(:not(:disabled)[variant=outlined]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=outlined]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover,:host(:not(:disabled)[variant=outlined]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background);border-color:var(--hover-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:active ::slotted(igc-icon){color:var(--active-foreground)}:host(:not([disabled])[variant=outlined]) [part="base focused"],:host(:not(:disabled)[variant=outlined]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:hover,:host(:not(:disabled)[variant=outlined]) [part="base focused"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:active,:host(:not(:disabled)[variant=outlined]) [part="base focused"]:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part="base focused"]:active ::slotted(igc-icon){color:var(--focus-foreground)}:host(:not([disabled])[variant=contained]) [part~=base],:host(:not(:disabled)[variant=contained]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=contained]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background);border-color:var(--hover-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--active-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:active ::slotted(igc-icon){color:var(--active-foreground)}:host(:not([disabled])[variant=contained]) [part="base focused"],:host(:not(:disabled)[variant=contained]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=contained]) [part="base focused"]:hover,:host(:not(:disabled)[variant=contained]) [part="base focused"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=contained]) [part="base focused"]:active,:host(:not(:disabled)[variant=contained]) [part="base focused"]:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}:host(:not([disabled])[variant=contained]) [part="base focused"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part="base focused"]:active ::slotted(igc-icon){color:var(--focus-foreground)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=fab]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background);border-color:var(--hover-border-color)}:host(:not([disabled])[variant=fab]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--active-border-color)}:host(:not([disabled])[variant=fab]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:active ::slotted(igc-icon){color:var(--active-foreground)}:host(:not([disabled])[variant=fab]) [part="base focused"],:host(:not(:disabled)[variant=fab]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=fab]) [part="base focused"]:hover,:host(:not(:disabled)[variant=fab]) [part="base focused"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=fab]) [part="base focused"]:active,:host(:not(:disabled)[variant=fab]) [part="base focused"]:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}:host(:not([disabled])[variant=fab]) [part="base focused"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part="base focused"]:active ::slotted(igc-icon){color:var(--focus-foreground)}:host([disabled][variant=flat]) [part~=base],:host(:disabled[variant=flat]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background);border-color:var(--disabled-border-color)}:host([disabled][variant=flat]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=flat]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=outlined]) [part~=base],:host(:disabled[variant=outlined]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background);border-color:var(--disabled-border-color)}:host([disabled][variant=outlined]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=outlined]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=contained]) [part~=base],:host(:disabled[variant=contained]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background);border-color:var(--disabled-border-color)}:host([disabled][variant=contained]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=contained]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=fab]) [part~=base],:host(:disabled[variant=fab]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background);border-color:var(--disabled-border-color)}:host([disabled][variant=fab]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=fab]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}`;
3
3
  //# sourceMappingURL=button.common.css.js.map
package/components/button/themes/button/shared/button.common.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/shared/button.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mzTAAmzT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=outlined]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=contained]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=fab]) [part~=base]{border:.0625rem solid var(--border-color);border-radius:var(--border-radius);min-height:var(--size);min-width:var(--size);padding:0 max(var(--is-large, 1)*max(14px, -1 * 14px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(10px, -1 * 10px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(6px, -1 * 6px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part~=base]{transition:all .15s ease-in-out}[part~=base] ::slotted(igc-icon){color:var(--icon-color);transition:all .15s ease-in-out}:host(:not([disabled])[variant=flat]) [part~=base],:host(:not(:disabled)[variant=flat]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=flat]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=flat]) [part~=base]:hover,:host(:not(:disabled)[variant=flat]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=flat]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part~=base]:active,:host(:not(:disabled)[variant=flat]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"],:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:active{color:var(--focus-foreground);background:var(--focus-background)}:host(:not([disabled])[variant=outlined]) [part~=base],:host(:not(:disabled)[variant=outlined]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=outlined]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover,:host(:not(:disabled)[variant=outlined]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"],:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}:host(:not([disabled])[variant=contained]) [part~=base],:host(:not(:disabled)[variant=contained]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=contained]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=contained]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"],:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:active{color:var(--focus-foreground);background:var(--focus-background)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=fab]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=fab]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"],:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:active{color:var(--focus-foreground);background:var(--focus-background)}:host([disabled][variant=flat]) [part~=base],:host(:disabled[variant=flat]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background)}:host([disabled][variant=flat]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=flat]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=outlined]) [part~=base],:host(:disabled[variant=outlined]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background);border:.0625rem solid var(--disabled-border-color)}:host([disabled][variant=outlined]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=outlined]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=contained]) [part~=base],:host(:disabled[variant=contained]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background)}:host([disabled][variant=contained]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=contained]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=fab]) [part~=base],:host(:disabled[variant=fab]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background)}:host([disabled][variant=fab]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=fab]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}`;\n"]}
1
+ {"version":3,"file":"button.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/shared/button.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wlVAAwlV,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=outlined]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=contained]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=fab]) [part~=base]{border:.0625rem solid var(--border-color);border-radius:var(--border-radius);min-height:var(--size);min-width:var(--size);padding:0 max(var(--is-large, 1)*max(14px, -1 * 14px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(10px, -1 * 10px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(6px, -1 * 6px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part~=base]{transition:all .15s ease-in-out}[part~=base] ::slotted(igc-icon){color:var(--icon-color);transition:all .15s ease-in-out}:host(:not([disabled])[variant=flat]) [part~=base],:host(:not(:disabled)[variant=flat]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=flat]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=flat]) [part~=base]:hover,:host(:not(:disabled)[variant=flat]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background);border-color:var(--hover-border-color)}:host(:not([disabled])[variant=flat]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part~=base]:active,:host(:not(:disabled)[variant=flat]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--active-border-color)}:host(:not([disabled])[variant=flat]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:active ::slotted(igc-icon){color:var(--active-foreground)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"],:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:active ::slotted(igc-icon){color:var(--focus-foreground)}:host(:not([disabled])[variant=outlined]) [part~=base],:host(:not(:disabled)[variant=outlined]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=outlined]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover,:host(:not(:disabled)[variant=outlined]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background);border-color:var(--hover-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:active ::slotted(igc-icon){color:var(--active-foreground)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"],:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:active ::slotted(igc-icon){color:var(--focus-foreground)}:host(:not([disabled])[variant=contained]) [part~=base],:host(:not(:disabled)[variant=contained]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=contained]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background);border-color:var(--hover-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--active-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:active ::slotted(igc-icon){color:var(--active-foreground)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"],:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:active ::slotted(igc-icon){color:var(--focus-foreground)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=fab]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background);border-color:var(--hover-border-color)}:host(:not([disabled])[variant=fab]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--active-border-color)}:host(:not([disabled])[variant=fab]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:active ::slotted(igc-icon){color:var(--active-foreground)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"],:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:active ::slotted(igc-icon){color:var(--focus-foreground)}:host([disabled][variant=flat]) [part~=base],:host(:disabled[variant=flat]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background);border-color:var(--disabled-border-color)}:host([disabled][variant=flat]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=flat]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=outlined]) [part~=base],:host(:disabled[variant=outlined]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background);border-color:var(--disabled-border-color)}:host([disabled][variant=outlined]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=outlined]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=contained]) [part~=base],:host(:disabled[variant=contained]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background);border-color:var(--disabled-border-color)}:host([disabled][variant=contained]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=contained]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=fab]) [part~=base],:host(:disabled[variant=fab]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background);border-color:var(--disabled-border-color)}:host([disabled][variant=fab]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=fab]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}`;\n"]}
package/components/button/themes/button/shared/button.fluent.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host([variant=flat]){--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]) [part~=base]::after{border-radius:calc(var(--border-radius) - 0.125rem)}[part~=base]{padding:0 max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));transition:all .1s ease-in-out}[part="base focused"]::after{content:"";position:absolute;inset-block-start:.125rem;inset-inline-start:.125rem;pointer-events:none;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2)}:host(:not([disabled])[variant=flat]) [part="base focused"]::after,:host(:not(:disabled)[variant=flat]) [part="base focused"]::after{box-shadow:0 0 0 .0625rem var(--focus-visible-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base],:host(:not(:disabled)[variant=outlined]) [part~=base]{border:.0625rem solid var(--border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"]::after,:host(:not(:disabled)[variant=outlined]) [part="base focused"]::after{inset-block-start:.125rem;inset-inline-start:.125rem;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2);box-shadow:0 0 0 .0625rem var(--focus-visible-border-color)}:host(:not([disabled])[variant=contained]) [part="base focused"],:host(:not(:disabled)[variant=contained]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);position:relative}:host(:not([disabled])[variant=contained]) [part="base focused"]::after,:host(:not(:disabled)[variant=contained]) [part="base focused"]::after{box-shadow:0 0 0 1px var(--focus-visible-border-color)}:host(:not([disabled])[variant=fab]) [part="base focused"],:host(:not(:disabled)[variant=fab]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);position:relative}:host(:not([disabled])[variant=fab]) [part="base focused"]::after,:host(:not(:disabled)[variant=fab]) [part="base focused"]::after{box-shadow:0 0 0 1px var(--focus-visible-border-color)}`;
2
+ export const styles = css `:host([variant=flat]){--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]) [part~=base]::after{border-radius:calc(var(--border-radius) - 0.125rem)}[part~=base]{padding:0 max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));transition:all .1s ease-in-out}[part="base focused"]::after{content:"";position:absolute;inset-block-start:.125rem;inset-inline-start:.125rem;pointer-events:none;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2)}:host(:not([disabled])[variant=flat]) [part="base focused"],:host(:not([disabled])[variant=flat]) [part="base focused"]:hover,:host(:not(:disabled)[variant=flat]) [part="base focused"],:host(:not(:disabled)[variant=flat]) [part="base focused"]:hover{border:.0625rem solid var(--active-border-color)}:host(:not([disabled])[variant=flat]) [part="base focused"]:active,:host(:not(:disabled)[variant=flat]) [part="base focused"]:active{border:.0625rem solid var(--focus-border-color)}:host(:not([disabled])[variant=flat]) [part="base focused"]::after,:host(:not(:disabled)[variant=flat]) [part="base focused"]::after{box-shadow:0 0 0 .0625rem var(--focus-visible-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base],:host(:not(:disabled)[variant=outlined]) [part~=base]{border:.0625rem solid var(--border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"],:host(:not([disabled])[variant=outlined]) [part="base focused"]:active,:host(:not(:disabled)[variant=outlined]) [part="base focused"],:host(:not(:disabled)[variant=outlined]) [part="base focused"]:active{border:.0625rem solid var(--focus-border-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"]::after,:host(:not(:disabled)[variant=outlined]) [part="base focused"]::after{inset-block-start:.125rem;inset-inline-start:.125rem;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2);box-shadow:0 0 0 .0625rem var(--focus-visible-border-color)}:host(:not([disabled])[variant=contained]) [part="base focused"],:host(:not(:disabled)[variant=contained]) [part="base focused"]{border:.0625rem solid var(--active-border-color);position:relative}:host(:not([disabled])[variant=contained]) [part="base focused"]::after,:host(:not(:disabled)[variant=contained]) [part="base focused"]::after{box-shadow:0 0 0 1px var(--focus-visible-border-color)}:host(:not([disabled])[variant=fab]) [part="base focused"],:host(:not(:disabled)[variant=fab]) [part="base focused"]{border:.0625rem solid var(--active-border-color);position:relative}:host(:not([disabled])[variant=fab]) [part="base focused"]::after,:host(:not(:disabled)[variant=fab]) [part="base focused"]::after{box-shadow:0 0 0 1px var(--focus-visible-border-color)}`;
3
3
  //# sourceMappingURL=button.fluent.css.js.map
package/components/button/themes/button/shared/button.fluent.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/shared/button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gmFAAgmF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]) [part~=base]::after{border-radius:calc(var(--border-radius) - 0.125rem)}[part~=base]{padding:0 max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));transition:all .1s ease-in-out}[part=\"base focused\"]::after{content:\"\";position:absolute;inset-block-start:.125rem;inset-inline-start:.125rem;pointer-events:none;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]::after,:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]::after{box-shadow:0 0 0 .0625rem var(--focus-visible-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base],:host(:not(:disabled)[variant=outlined]) [part~=base]{border:.0625rem solid var(--border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]::after,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]::after{inset-block-start:.125rem;inset-inline-start:.125rem;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2);box-shadow:0 0 0 .0625rem var(--focus-visible-border-color)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"],:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);position:relative}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]::after,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]::after{box-shadow:0 0 0 1px var(--focus-visible-border-color)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"],:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);position:relative}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]::after,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]::after{box-shadow:0 0 0 1px var(--focus-visible-border-color)}`;\n"]}
1
+ {"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/shared/button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4zGAA4zG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]) [part~=base]::after{border-radius:calc(var(--border-radius) - 0.125rem)}[part~=base]{padding:0 max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));transition:all .1s ease-in-out}[part=\"base focused\"]::after{content:\"\";position:absolute;inset-block-start:.125rem;inset-inline-start:.125rem;pointer-events:none;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"],:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=flat]) [part=\"base focused\"],:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:hover{border:.0625rem solid var(--active-border-color)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:active{border:.0625rem solid var(--focus-border-color)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]::after,:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]::after{box-shadow:0 0 0 .0625rem var(--focus-visible-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base],:host(:not(:disabled)[variant=outlined]) [part~=base]{border:.0625rem solid var(--border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"],:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"],:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:active{border:.0625rem solid var(--focus-border-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]::after,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]::after{inset-block-start:.125rem;inset-inline-start:.125rem;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2);box-shadow:0 0 0 .0625rem var(--focus-visible-border-color)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"],:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]{border:.0625rem solid var(--active-border-color);position:relative}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]::after,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]::after{box-shadow:0 0 0 1px var(--focus-visible-border-color)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"],:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]{border:.0625rem solid var(--active-border-color);position:relative}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]::after,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]::after{box-shadow:0 0 0 1px var(--focus-visible-border-color)}`;\n"]}
package/components/button/themes/button/shared/button.indigo.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host [part~=base]{min-width:1.75rem;padding:0 max(var(--is-large, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(10px, -1 * 10px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host [part~=base] ::slotted(igc-icon){--component-size: var(--ig-size-medium) !important}:host([variant=flat]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]) [part~=base]{padding:0 max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([variant=flat]) [part~=base],:host([variant=contained]) [part~=base],:host([variant=outlined]) [part~=base]{border-width:.125rem}:host(:not([disabled])[variant=flat]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part="base focused"],:host(:not(:disabled)[variant=flat]) [part="base focused"]{box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover,:host(:not(:disabled)[variant=outlined]) [part~=base]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part="base focused"],:host(:not(:disabled)[variant=outlined]) [part="base focused"]{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:hover,:host(:not(:disabled)[variant=outlined]) [part="base focused"]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:active,:host(:not(:disabled)[variant=outlined]) [part="base focused"]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part="base focused"],:host(:not(:disabled)[variant=contained]) [part="base focused"]{box-shadow:0 0 0 .1875rem var(--shadow-color);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=contained]) [part="base focused"]:hover,:host(:not(:disabled)[variant=contained]) [part="base focused"]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=contained]) [part="base focused"]:active,:host(:not(:disabled)[variant=contained]) [part="base focused"]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{border-color:var(--border-color);min-width:var(--size);min-height:var(--size)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=fab]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part="base focused"],:host(:not(:disabled)[variant=fab]) [part="base focused"]{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=fab]) [part="base focused"]:hover,:host(:not(:disabled)[variant=fab]) [part="base focused"]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=fab]) [part="base focused"]:active,:host(:not(:disabled)[variant=fab]) [part="base focused"]:active{border-color:var(--active-border-color)}:host([disabled][variant=outlined]) [part~=base],:host(:disabled[variant=outlined]) [part~=base]{border-color:var(--disabled-border-color);border-width:.125rem}`;
2
+ export const styles = css `:host [part~=base]{min-width:1.75rem;padding:0 max(var(--is-large, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(10px, -1 * 10px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host [part~=base] ::slotted(igc-icon){--component-size: var(--ig-size-medium) !important}:host([variant=flat]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]) [part~=base]{padding:0 max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([variant=flat]) [part~=base],:host([variant=contained]) [part~=base],:host([variant=outlined]) [part~=base]{border-width:.125rem}:host(:not([disabled])[variant=flat]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part="base focused"],:host(:not(:disabled)[variant=flat]) [part="base focused"]{box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=flat]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=flat]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not([disabled])[variant=flat]) [part="base focused"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part="base focused"]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part="base focused"],:host(:not(:disabled)[variant=outlined]) [part="base focused"]{box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part="base focused"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part="base focused"]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part="base focused"],:host(:not(:disabled)[variant=contained]) [part="base focused"]{box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=contained]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=contained]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part="base focused"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part="base focused"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part="base focused"]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{min-width:var(--size);min-height:var(--size)}:host(:not([disabled])[variant=fab]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part="base focused"],:host(:not(:disabled)[variant=fab]) [part="base focused"]{box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=fab]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=fab]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part="base focused"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part="base focused"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part="base focused"]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host([disabled][variant=outlined]) [part~=base],:host(:disabled[variant=outlined]) [part~=base]{border-width:.125rem}`;
3
3
  //# sourceMappingURL=button.indigo.css.js.map
package/components/button/themes/button/shared/button.indigo.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/shared/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qnLAAqnL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part~=base]{min-width:1.75rem;padding:0 max(var(--is-large, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(10px, -1 * 10px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host [part~=base] ::slotted(igc-icon){--component-size: var(--ig-size-medium) !important}:host([variant=flat]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]) [part~=base]{padding:0 max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([variant=flat]) [part~=base],:host([variant=contained]) [part~=base],:host([variant=outlined]) [part~=base]{border-width:.125rem}:host(:not([disabled])[variant=flat]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"],:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]{box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover,:host(:not(:disabled)[variant=outlined]) [part~=base]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"],:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"],:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]{box-shadow:0 0 0 .1875rem var(--shadow-color);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{border-color:var(--border-color);min-width:var(--size);min-height:var(--size)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=fab]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"],:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:active{border-color:var(--active-border-color)}:host([disabled][variant=outlined]) [part~=base],:host(:disabled[variant=outlined]) [part~=base]{border-color:var(--disabled-border-color);border-width:.125rem}`;\n"]}
1
+ {"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/shared/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6vLAA6vL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part~=base]{min-width:1.75rem;padding:0 max(var(--is-large, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(10px, -1 * 10px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host [part~=base] ::slotted(igc-icon){--component-size: var(--ig-size-medium) !important}:host([variant=flat]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]) [part~=base]{padding:0 max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([variant=flat]) [part~=base],:host([variant=contained]) [part~=base],:host([variant=outlined]) [part~=base]{border-width:.125rem}:host(:not([disabled])[variant=flat]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"],:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]{box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"],:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]{box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"],:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]{box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{min-width:var(--size);min-height:var(--size)}:host(:not([disabled])[variant=fab]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"],:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]{box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host([disabled][variant=outlined]) [part~=base],:host(:disabled[variant=outlined]) [part~=base]{border-width:.125rem}`;\n"]}
package/components/button/themes/button/shared/button.material.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host([variant=flat]){--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}[part~=base]{transition:all .1s ease-in-out}:host(:not([disabled])[variant=outlined]) [part~=base]:hover,:host(:not(:disabled)[variant=outlined]) [part~=base]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"],:host(:not(:disabled)[variant=outlined]) [part="base focused"]{border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=contained]) [part~=base],:host(:not(:disabled)[variant=contained]) [part~=base]{box-shadow:var(--resting-elevation)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{box-shadow:var(--hover-elevation)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{box-shadow:var(--hover-elevation)}:host(:not([disabled])[variant=contained]) [part="base focused"],:host(:not(:disabled)[variant=contained]) [part="base focused"]{box-shadow:var(--focus-elevation)}:host(:not([disabled])[variant=contained]) [part="base focused"]:active,:host(:not(:disabled)[variant=contained]) [part="base focused"]:active{box-shadow:var(--active-elevation)}:host(:not([disabled])[variant=contained]) [part="base focused"]:hover,:host(:not(:disabled)[variant=contained]) [part="base focused"]:hover{box-shadow:var(--focus-elevation)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{box-shadow:var(--resting-elevation)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{box-shadow:var(--hover-elevation)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{box-shadow:var(--active-elevation)}:host(:not([disabled])[variant=fab]) [part="base focused"],:host(:not(:disabled)[variant=fab]) [part="base focused"]{box-shadow:var(--focus-elevation)}`;
2
+ export const styles = css `:host([variant=flat]){--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}[part~=base]{transition:all .1s ease-in-out}:host(:not([disabled])[variant=flat]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part~=base],:host(:not(:disabled)[variant=contained]) [part~=base]{box-shadow:var(--resting-elevation)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{box-shadow:var(--hover-elevation)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{box-shadow:var(--active-elevation)}:host(:not([disabled])[variant=contained]) [part="base focused"],:host(:not([disabled])[variant=contained]) [part="base focused"]:hover,:host(:not([disabled])[variant=contained]) [part="base focused"]:active,:host(:not(:disabled)[variant=contained]) [part="base focused"],:host(:not(:disabled)[variant=contained]) [part="base focused"]:hover,:host(:not(:disabled)[variant=contained]) [part="base focused"]:active{box-shadow:var(--focus-elevation)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{box-shadow:var(--resting-elevation)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{box-shadow:var(--hover-elevation)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{box-shadow:var(--active-elevation)}:host(:not([disabled])[variant=fab]) [part="base focused"],:host(:not([disabled])[variant=fab]) [part="base focused"]:hover,:host(:not([disabled])[variant=fab]) [part="base focused"]:active,:host(:not(:disabled)[variant=fab]) [part="base focused"],:host(:not(:disabled)[variant=fab]) [part="base focused"]:hover,:host(:not(:disabled)[variant=fab]) [part="base focused"]:active{box-shadow:var(--focus-elevation)}`;
3
3
  //# sourceMappingURL=button.material.css.js.map
package/components/button/themes/button/shared/button.material.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/shared/button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,62EAA62E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}[part~=base]{transition:all .1s ease-in-out}:host(:not([disabled])[variant=outlined]) [part~=base]:hover,:host(:not(:disabled)[variant=outlined]) [part~=base]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"],:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]{border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=contained]) [part~=base],:host(:not(:disabled)[variant=contained]) [part~=base]{box-shadow:var(--resting-elevation)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{box-shadow:var(--hover-elevation)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{box-shadow:var(--hover-elevation)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"],:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]{box-shadow:var(--focus-elevation)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:active{box-shadow:var(--active-elevation)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:hover{box-shadow:var(--focus-elevation)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{box-shadow:var(--resting-elevation)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{box-shadow:var(--hover-elevation)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{box-shadow:var(--active-elevation)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"],:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]{box-shadow:var(--focus-elevation)}`;\n"]}
1
+ {"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/shared/button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,87EAA87E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}[part~=base]{transition:all .1s ease-in-out}:host(:not([disabled])[variant=flat]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part~=base],:host(:not(:disabled)[variant=contained]) [part~=base]{box-shadow:var(--resting-elevation)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{box-shadow:var(--hover-elevation)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{box-shadow:var(--active-elevation)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"],:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:hover,:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"],:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:active{box-shadow:var(--focus-elevation)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{box-shadow:var(--resting-elevation)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{box-shadow:var(--hover-elevation)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{box-shadow:var(--active-elevation)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"],:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:hover,:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"],:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:active{box-shadow:var(--focus-elevation)}`;\n"]}
package/components/button-group/themes/dark/button-group.material.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-2));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, transparent);--selected-shadow-color: var(--ig-button-group-selected-shadow-color, transparent);--item-text-color: var(--ig-button-group-item-text-color, var(--ig-gray-700));--item-background: var(--ig-button-group-item-background, var(--ig-gray-50));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-gray-800));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, var(--ig-gray-800));--disabled-background-color: var(--ig-button-group-disabled-background-color, var(--ig-gray-50));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsl(from var(--ig-gray-500) h s l/0.12));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 3);--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-gray-700));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-gray-800));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsl(from var(--ig-gray-500) h s l/0.3));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-gray-800));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, var(--ig-gray-800));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-gray-800));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-gray-800));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsl(from var(--ig-gray-700) h s l/0.5));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsl(from var(--ig-gray-400) h s l/0.8));--disabled-text-color: var(--ig-button-group-disabled-text-color, var(--ig-gray-400));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-400));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-400));--ig-theme: material}`;
2
+ export const styles = css `:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-2));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, transparent);--selected-shadow-color: var(--ig-button-group-selected-shadow-color, transparent);--item-text-color: var(--ig-button-group-item-text-color, var(--ig-gray-700));--item-background: var(--ig-button-group-item-background, var(--ig-gray-50));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-gray-800));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, var(--ig-gray-800));--disabled-background-color: var(--ig-button-group-disabled-background-color, var(--ig-gray-50));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsl(from var(--ig-gray-500) h s l/0.12));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 3);--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-gray-700));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-gray-800));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsl(from var(--ig-gray-400) h s l/0.5));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-gray-800));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, var(--ig-gray-800));--item-selected-background: var(--ig-button-group-item-selected-background, var(--ig-gray-100));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-gray-900));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-gray-900));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsl(from var(--ig-gray-300) h s l/0.4));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsl(from var(--ig-gray-700) h s l/0.28));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsl(from var(--ig-gray-400) h s l/0.5));--disabled-text-color: var(--ig-button-group-disabled-text-color, var(--ig-gray-400));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-400));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-400));--ig-theme: material}`;
3
3
  //# sourceMappingURL=button-group.material.css.js.map
package/components/button-group/themes/dark/button-group.material.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button-group.material.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/dark/button-group.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ktEAAktE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-2));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, transparent);--selected-shadow-color: var(--ig-button-group-selected-shadow-color, transparent);--item-text-color: var(--ig-button-group-item-text-color, var(--ig-gray-700));--item-background: var(--ig-button-group-item-background, var(--ig-gray-50));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-gray-800));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, var(--ig-gray-800));--disabled-background-color: var(--ig-button-group-disabled-background-color, var(--ig-gray-50));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsl(from var(--ig-gray-500) h s l/0.12));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 3);--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-gray-700));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-gray-800));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsl(from var(--ig-gray-500) h s l/0.3));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-gray-800));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, var(--ig-gray-800));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-gray-800));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-gray-800));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsl(from var(--ig-gray-700) h s l/0.5));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsl(from var(--ig-gray-400) h s l/0.8));--disabled-text-color: var(--ig-button-group-disabled-text-color, var(--ig-gray-400));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-400));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-400));--ig-theme: material}`;\n"]}
1
+ {"version":3,"file":"button-group.material.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/dark/button-group.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m7EAAm7E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-2));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, transparent);--selected-shadow-color: var(--ig-button-group-selected-shadow-color, transparent);--item-text-color: var(--ig-button-group-item-text-color, var(--ig-gray-700));--item-background: var(--ig-button-group-item-background, var(--ig-gray-50));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-gray-800));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, var(--ig-gray-800));--disabled-background-color: var(--ig-button-group-disabled-background-color, var(--ig-gray-50));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsl(from var(--ig-gray-500) h s l/0.12));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 3);--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-gray-700));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-gray-800));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsl(from var(--ig-gray-400) h s l/0.5));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-gray-800));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, var(--ig-gray-800));--item-selected-background: var(--ig-button-group-item-selected-background, var(--ig-gray-100));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-gray-900));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-gray-900));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsl(from var(--ig-gray-300) h s l/0.4));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsl(from var(--ig-gray-700) h s l/0.28));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsl(from var(--ig-gray-400) h s l/0.5));--disabled-text-color: var(--ig-button-group-disabled-text-color, var(--ig-gray-400));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-400));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-400));--ig-theme: material}`;\n"]}
package/components/button-group/themes/light/button-group.material.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--item-hover-background: var(--ig-button-group-item-hover-background, hsl(from var(--ig-gray-300) h s l/0.8));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-gray-800));--default-size: var(--ig-button-group-default-size, 3);--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-gray-700));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-gray-800));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, var(--ig-gray-400));--item-focused-background: var(--ig-button-group-item-focused-background, hsl(from var(--ig-gray-700) h s l/0.4));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsl(from var(--ig-gray-500) h s l/0.5));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-gray-800));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, var(--ig-gray-800));--item-selected-background: var(--ig-button-group-item-selected-background, var(--ig-gray-400));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, var(--ig-gray-500));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-gray-800));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-gray-800));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, var(--ig-gray-500));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsl(from var(--ig-gray-500) h s l/0.8));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsl(from var(--ig-gray-700) h s l/0.5));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsl(from var(--ig-gray-600) h s l/0.7));--disabled-text-color: var(--ig-button-group-disabled-text-color, var(--ig-gray-400));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-gray-400));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-400));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-400));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, var(--ig-gray-400));--ig-theme: material}`;
2
+ export const styles = css `:host{--item-hover-background: var(--ig-button-group-item-hover-background, hsl(from var(--ig-gray-300) h s l/0.8));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-gray-800));--default-size: var(--ig-button-group-default-size, 3);--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-gray-700));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-gray-800));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, var(--ig-gray-400));--item-focused-background: var(--ig-button-group-item-focused-background, hsl(from var(--ig-gray-700) h s l/0.4));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsl(from var(--ig-gray-500) h s l/0.5));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-gray-800));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, var(--ig-gray-800));--item-selected-background: var(--ig-button-group-item-selected-background, var(--ig-gray-400));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, var(--ig-gray-500));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-gray-900));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-gray-900));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, var(--ig-gray-500));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsl(from var(--ig-gray-500) h s l/0.4));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsl(from var(--ig-gray-700) h s l/0.5));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsl(from var(--ig-gray-600) h s l/0.7));--disabled-text-color: var(--ig-button-group-disabled-text-color, var(--ig-gray-400));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-gray-400));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-400));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-400));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, var(--ig-gray-400));--ig-theme: material}`;
3
3
  //# sourceMappingURL=button-group.material.css.js.map
package/components/button-group/themes/light/button-group.material.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button-group.material.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o1EAAo1E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-hover-background: var(--ig-button-group-item-hover-background, hsl(from var(--ig-gray-300) h s l/0.8));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-gray-800));--default-size: var(--ig-button-group-default-size, 3);--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-gray-700));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-gray-800));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, var(--ig-gray-400));--item-focused-background: var(--ig-button-group-item-focused-background, hsl(from var(--ig-gray-700) h s l/0.4));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsl(from var(--ig-gray-500) h s l/0.5));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-gray-800));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, var(--ig-gray-800));--item-selected-background: var(--ig-button-group-item-selected-background, var(--ig-gray-400));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, var(--ig-gray-500));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-gray-800));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-gray-800));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, var(--ig-gray-500));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsl(from var(--ig-gray-500) h s l/0.8));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsl(from var(--ig-gray-700) h s l/0.5));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsl(from var(--ig-gray-600) h s l/0.7));--disabled-text-color: var(--ig-button-group-disabled-text-color, var(--ig-gray-400));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-gray-400));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-400));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-400));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, var(--ig-gray-400));--ig-theme: material}`;\n"]}
1
+ {"version":3,"file":"button-group.material.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o1EAAo1E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-hover-background: var(--ig-button-group-item-hover-background, hsl(from var(--ig-gray-300) h s l/0.8));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-gray-800));--default-size: var(--ig-button-group-default-size, 3);--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-gray-700));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-gray-800));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, var(--ig-gray-400));--item-focused-background: var(--ig-button-group-item-focused-background, hsl(from var(--ig-gray-700) h s l/0.4));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsl(from var(--ig-gray-500) h s l/0.5));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-gray-800));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, var(--ig-gray-800));--item-selected-background: var(--ig-button-group-item-selected-background, var(--ig-gray-400));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, var(--ig-gray-500));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-gray-900));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-gray-900));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, var(--ig-gray-500));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsl(from var(--ig-gray-500) h s l/0.4));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsl(from var(--ig-gray-700) h s l/0.5));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsl(from var(--ig-gray-600) h s l/0.7));--disabled-text-color: var(--ig-button-group-disabled-text-color, var(--ig-gray-400));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-gray-400));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-400));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-400));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, var(--ig-gray-400));--ig-theme: material}`;\n"]}
package/components/button-group/themes/shared/button/button.bootstrap.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{min-width:var(--button-min-width)}:host [part~=toggle]{min-height:max(var(--is-large, 1)*max(3rem, -1 * 3rem),var(--is-medium, 1)*max(2.375rem, -1 * 2.375rem),var(--is-small, 1)*max(2rem, -1 * 2rem));border-width:.0625rem;padding-block:max(var(--is-large, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host [part~=toggle]::before{position:absolute;pointer-events:none;width:100%;height:100%;z-index:-1}:host [part="toggle focused"]{box-shadow:0 0 0 .25rem var(--idle-shadow-color);z-index:1}[part~=toggle]:active{background:var(--item-hover-background);color:var(--item-hover-text-color);border-color:var(--item-hover-border-color)}[part~=toggle]:active::before{content:"";background:var(--item-focused-background)}[part~=toggle]:active ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]:active{background:var(--item-selected-hover-background);color:var(--item-selected-hover-text-color);border-color:var(--item-selected-hover-border-color)}:host([selected]) [part~=toggle]:active ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]) [part~=toggle]:active::before{background:var(--item-selected-focus-background)}`;
2
+ export const styles = css `:host{min-width:var(--button-min-width)}:host [part~=toggle]{min-height:max(var(--is-large, 1)*max(3rem, -1 * 3rem),var(--is-medium, 1)*max(2.375rem, -1 * 2.375rem),var(--is-small, 1)*max(2rem, -1 * 2rem));border-width:.0625rem;padding-block:max(var(--is-large, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host [part~=toggle]::before{position:absolute;pointer-events:none;width:100%;height:100%;z-index:-1}:host [part="toggle focused"]{box-shadow:0 0 0 .25rem var(--idle-shadow-color);z-index:1}[part~=toggle]:active{background:var(--item-hover-background);color:var(--item-hover-text-color);border-color:var(--item-hover-border-color)}[part~=toggle]:active::before{content:"";background:var(--item-focused-background)}[part~=toggle]:active ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]:active{background:var(--item-selected-hover-background);color:var(--item-selected-hover-text-color);border-color:var(--item-selected-hover-border-color)}:host([selected]) [part~=toggle]:active ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]) [part~=toggle]:active::before{background:var(--item-selected-focus-background)}:host([selected]) [part="toggle focused"]{box-shadow:0 0 0 .25rem var(--selected-shadow-color)}`;
3
3
  //# sourceMappingURL=button.bootstrap.css.js.map
package/components/button-group/themes/shared/button/button.bootstrap.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/button/button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u9CAAu9C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{min-width:var(--button-min-width)}:host [part~=toggle]{min-height:max(var(--is-large, 1)*max(3rem, -1 * 3rem),var(--is-medium, 1)*max(2.375rem, -1 * 2.375rem),var(--is-small, 1)*max(2rem, -1 * 2rem));border-width:.0625rem;padding-block:max(var(--is-large, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host [part~=toggle]::before{position:absolute;pointer-events:none;width:100%;height:100%;z-index:-1}:host [part=\"toggle focused\"]{box-shadow:0 0 0 .25rem var(--idle-shadow-color);z-index:1}[part~=toggle]:active{background:var(--item-hover-background);color:var(--item-hover-text-color);border-color:var(--item-hover-border-color)}[part~=toggle]:active::before{content:\"\";background:var(--item-focused-background)}[part~=toggle]:active ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]:active{background:var(--item-selected-hover-background);color:var(--item-selected-hover-text-color);border-color:var(--item-selected-hover-border-color)}:host([selected]) [part~=toggle]:active ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]) [part~=toggle]:active::before{background:var(--item-selected-focus-background)}`;\n"]}
1
+ {"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/button/button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sjDAAsjD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{min-width:var(--button-min-width)}:host [part~=toggle]{min-height:max(var(--is-large, 1)*max(3rem, -1 * 3rem),var(--is-medium, 1)*max(2.375rem, -1 * 2.375rem),var(--is-small, 1)*max(2rem, -1 * 2rem));border-width:.0625rem;padding-block:max(var(--is-large, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host [part~=toggle]::before{position:absolute;pointer-events:none;width:100%;height:100%;z-index:-1}:host [part=\"toggle focused\"]{box-shadow:0 0 0 .25rem var(--idle-shadow-color);z-index:1}[part~=toggle]:active{background:var(--item-hover-background);color:var(--item-hover-text-color);border-color:var(--item-hover-border-color)}[part~=toggle]:active::before{content:\"\";background:var(--item-focused-background)}[part~=toggle]:active ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]:active{background:var(--item-selected-hover-background);color:var(--item-selected-hover-text-color);border-color:var(--item-selected-hover-border-color)}:host([selected]) [part~=toggle]:active ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]) [part~=toggle]:active::before{background:var(--item-selected-focus-background)}:host([selected]) [part=\"toggle focused\"]{box-shadow:0 0 0 .25rem var(--selected-shadow-color)}`;\n"]}
package/components/button-group/themes/shared/button/button.material.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host [part~=toggle]::before{position:absolute;pointer-events:none;width:100%;height:100%;z-index:-1}:host [part="toggle focused"]{color:var(--item-hover-text-color);border-color:var(--item-hover-border-color)}:host [part="toggle focused"] ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host [part="toggle focused"]::before{content:"";background:var(--item-hover-background)}:host(:hover) [part~=toggle]{background:var(--item-background)}:host(:hover) [part~=toggle]::before{content:"";background:var(--item-hover-background)}:host(:hover) [part="toggle focused"]::before{background:var(--item-focused-hover-background)}[part~=toggle]:active{color:var(--item-hover-text-color);border-color:var(--item-hover-border-color)}[part~=toggle]:active::before{content:"";background:var(--item-focused-background)}[part~=toggle]:active ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]:active{background:var(--item-selected-background);color:var(--item-selected-text-color);border-color:var(--item-selected-border-color)}:host([selected]) [part~=toggle]:active ::slotted(igc-icon){color:var(--item-selected-icon-color)}:host([selected]) [part~=toggle]:active::before{background:var(--item-selected-focus-background)}:host([selected]) [part="toggle focused"]{color:var(--item-selected-hover-text-color);border-color:var(--item-selected-hover-border-color)}:host([selected]) [part="toggle focused"] ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]) [part="toggle focused"]::before{background:var(--item-selected-hover-background)}:host([selected]:hover) [part~=toggle]{background:var(--item-selected-background)}:host([selected]:hover) [part~=toggle]::before{background:var(--item-selected-hover-background)}:host([selected]:hover) [part="toggle focused"]::before{background:var(--item-selected-focus-hover-background)}`;
2
+ export const styles = css `:host [part~=toggle]::before{position:absolute;pointer-events:none;width:100%;height:100%;z-index:-1}:host [part="toggle focused"]{color:var(--item-hover-text-color);border-color:var(--item-hover-border-color)}:host [part="toggle focused"] ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host [part="toggle focused"]::before{content:"";background:var(--item-hover-background)}:host(:hover) [part~=toggle]{background:var(--item-background)}:host(:hover) [part~=toggle]::before{content:"";background:var(--item-hover-background)}:host(:hover) [part="toggle focused"]::before{background:var(--item-focused-hover-background)}[part~=toggle]:active{color:var(--item-hover-text-color);border-color:var(--item-hover-border-color)}[part~=toggle]:active::before{content:"";background:var(--item-focused-background)}[part~=toggle]:active ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]:active{background:var(--item-selected-background);color:var(--item-selected-hover-text-color);border-color:var(--item-selected-border-color)}:host([selected]) [part~=toggle]:active ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]) [part~=toggle]:active::before{background:var(--item-selected-focus-background)}:host([selected]) [part="toggle focused"]{color:var(--item-selected-hover-text-color);border-color:var(--item-selected-hover-border-color)}:host([selected]) [part="toggle focused"] ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]) [part="toggle focused"]::before{background:var(--item-selected-hover-background)}:host([selected]:hover) [part~=toggle]{background:var(--item-selected-background)}:host([selected]:hover) [part~=toggle]::before{background:var(--item-selected-hover-background)}:host([selected]:hover) [part="toggle focused"]::before{background:var(--item-selected-focus-hover-background)}`;
3
3
  //# sourceMappingURL=button.material.css.js.map
package/components/button-group/themes/shared/button/button.material.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/button/button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,g2DAAg2D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part~=toggle]::before{position:absolute;pointer-events:none;width:100%;height:100%;z-index:-1}:host [part=\"toggle focused\"]{color:var(--item-hover-text-color);border-color:var(--item-hover-border-color)}:host [part=\"toggle focused\"] ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host [part=\"toggle focused\"]::before{content:\"\";background:var(--item-hover-background)}:host(:hover) [part~=toggle]{background:var(--item-background)}:host(:hover) [part~=toggle]::before{content:\"\";background:var(--item-hover-background)}:host(:hover) [part=\"toggle focused\"]::before{background:var(--item-focused-hover-background)}[part~=toggle]:active{color:var(--item-hover-text-color);border-color:var(--item-hover-border-color)}[part~=toggle]:active::before{content:\"\";background:var(--item-focused-background)}[part~=toggle]:active ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]:active{background:var(--item-selected-background);color:var(--item-selected-text-color);border-color:var(--item-selected-border-color)}:host([selected]) [part~=toggle]:active ::slotted(igc-icon){color:var(--item-selected-icon-color)}:host([selected]) [part~=toggle]:active::before{background:var(--item-selected-focus-background)}:host([selected]) [part=\"toggle focused\"]{color:var(--item-selected-hover-text-color);border-color:var(--item-selected-hover-border-color)}:host([selected]) [part=\"toggle focused\"] ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]) [part=\"toggle focused\"]::before{background:var(--item-selected-hover-background)}:host([selected]:hover) [part~=toggle]{background:var(--item-selected-background)}:host([selected]:hover) [part~=toggle]::before{background:var(--item-selected-hover-background)}:host([selected]:hover) [part=\"toggle focused\"]::before{background:var(--item-selected-focus-hover-background)}`;\n"]}
1
+ {"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/button/button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,42DAA42D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part~=toggle]::before{position:absolute;pointer-events:none;width:100%;height:100%;z-index:-1}:host [part=\"toggle focused\"]{color:var(--item-hover-text-color);border-color:var(--item-hover-border-color)}:host [part=\"toggle focused\"] ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host [part=\"toggle focused\"]::before{content:\"\";background:var(--item-hover-background)}:host(:hover) [part~=toggle]{background:var(--item-background)}:host(:hover) [part~=toggle]::before{content:\"\";background:var(--item-hover-background)}:host(:hover) [part=\"toggle focused\"]::before{background:var(--item-focused-hover-background)}[part~=toggle]:active{color:var(--item-hover-text-color);border-color:var(--item-hover-border-color)}[part~=toggle]:active::before{content:\"\";background:var(--item-focused-background)}[part~=toggle]:active ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]:active{background:var(--item-selected-background);color:var(--item-selected-hover-text-color);border-color:var(--item-selected-border-color)}:host([selected]) [part~=toggle]:active ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]) [part~=toggle]:active::before{background:var(--item-selected-focus-background)}:host([selected]) [part=\"toggle focused\"]{color:var(--item-selected-hover-text-color);border-color:var(--item-selected-hover-border-color)}:host([selected]) [part=\"toggle focused\"] ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]) [part=\"toggle focused\"]::before{background:var(--item-selected-hover-background)}:host([selected]:hover) [part~=toggle]{background:var(--item-selected-background)}:host([selected]:hover) [part~=toggle]::before{background:var(--item-selected-hover-background)}:host([selected]:hover) [part=\"toggle focused\"]::before{background:var(--item-selected-focus-hover-background)}`;\n"]}
package/components/calendar/base.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { LitElement } from 'lit';
1
+ import { LitElement, type PropertyValues } from 'lit';
2
2
  import { type IgcCalendarResourceStrings } from '../common/i18n/EN/calendar.resources.js';
3
3
  import { CalendarDay } from './model.js';
4
4
  import type { CalendarSelection, DateRangeDescriptor, WeekDays } from './types.js';
@@ -38,16 +38,19 @@ export declare class IgcCalendarBaseComponent extends LitElement {
38
38
  /**
39
39
  * Sets the type of selection in the component.
40
40
  * @attr selection
41
+ * @default single
41
42
  */
42
43
  selection: CalendarSelection;
43
44
  /**
44
45
  * Whether to show the week numbers.
45
46
  * @attr show-week-numbers
47
+ * @default false
46
48
  */
47
49
  showWeekNumbers: boolean;
48
50
  /**
49
51
  * Gets/Sets the first day of the week.
50
52
  * @attr week-start
53
+ * @default sunday
51
54
  */
52
55
  weekStart: WeekDays;
53
56
  /**
@@ -67,7 +70,8 @@ export declare class IgcCalendarBaseComponent extends LitElement {
67
70
  /** Gets/Sets the disabled dates for the component. */
68
71
  set disabledDates(value: DateRangeDescriptor[]);
69
72
  get disabledDates(): DateRangeDescriptor[] | undefined;
70
- protected weekStartChanged(): void;
71
- protected selectionChanged(): void;
73
+ /** @internal */
74
+ protected update(props: PropertyValues<this>): void;
75
+ /** @internal */
72
76
  protected firstUpdated(): void;
73
77
  }
package/components/calendar/base.js CHANGED
@@ -8,7 +8,6 @@ import { LitElement } from 'lit';
8
8
  import { property, state } from 'lit/decorators.js';
9
9
  import { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';
10
10
  import { blazorIndirectRender } from '../common/decorators/blazorIndirectRender.js';
11
- import { watch } from '../common/decorators/watch.js';
12
11
  import { IgcCalendarResourceStringEN, } from '../common/i18n/EN/calendar.resources.js';
13
12
  import { addI18nController } from '../common/i18n/i18n-controller.js';
14
13
  import { first } from '../common/util.js';
@@ -91,13 +90,16 @@ let IgcCalendarBaseComponent = class IgcCalendarBaseComponent extends LitElement
91
90
  get disabledDates() {
92
91
  return this._disabledDates.length ? this._disabledDates : undefined;
93
92
  }
94
- weekStartChanged() {
95
- this._firstDayOfWeek = getWeekDayNumber(this.weekStart);
96
- }
97
- selectionChanged() {
98
- this._rangePreviewDate = undefined;
99
- this._value = null;
100
- this._values = [];
93
+ update(props) {
94
+ if (props.has('weekStart')) {
95
+ this._firstDayOfWeek = getWeekDayNumber(this.weekStart);
96
+ }
97
+ if (props.has('selection') && this.hasUpdated) {
98
+ this._rangePreviewDate = undefined;
99
+ this._value = null;
100
+ this._values = [];
101
+ }
102
+ super.update(props);
101
103
  }
102
104
  firstUpdated() {
103
105
  if (this._initialActiveDateSet) {
@@ -162,12 +164,6 @@ __decorate([
162
164
  __decorate([
163
165
  property({ attribute: false })
164
166
  ], IgcCalendarBaseComponent.prototype, "disabledDates", null);
165
- __decorate([
166
- watch('weekStart')
167
- ], IgcCalendarBaseComponent.prototype, "weekStartChanged", null);
168
- __decorate([
169
- watch('selection', { waitUntilFirstUpdate: true })
170
- ], IgcCalendarBaseComponent.prototype, "selectionChanged", null);
171
167
  IgcCalendarBaseComponent = __decorate([
172
168
  blazorIndirectRender,
173
169
  blazorDeepImport
package/components/calendar/base.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"base.js","sourceRoot":"","sources":["../../../src/components/calendar/base.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\n\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport { blazorIndirectRender } from '../common/decorators/blazorIndirectRender.js';\nimport { watch } from '../common/decorators/watch.js';\nimport {\n IgcCalendarResourceStringEN,\n type IgcCalendarResourceStrings,\n} from '../common/i18n/EN/calendar.resources.js';\nimport { addI18nController } from '../common/i18n/i18n-controller.js';\nimport { first } from '../common/util.js';\nimport { convertToDate, convertToDates, getWeekDayNumber } from './helpers.js';\nimport { CalendarDay } from './model.js';\nimport type {\n CalendarSelection,\n DateRangeDescriptor,\n WeekDays,\n} from './types.js';\n\n@blazorIndirectRender\n@blazorDeepImport\nexport class IgcCalendarBaseComponent extends LitElement {\n protected readonly _i18nController =\n addI18nController<IgcCalendarResourceStrings>(this, {\n defaultEN: IgcCalendarResourceStringEN,\n });\n private _initialActiveDateSet = false;\n\n protected get _hasValues() {\n return this._values && this._values.length > 0;\n }\n\n protected get _isSingle() {\n return this.selection === 'single';\n }\n\n protected get _isMultiple() {\n return this.selection === 'multiple';\n }\n\n protected get _isRange() {\n return this.selection === 'range';\n }\n\n @state()\n protected _rangePreviewDate?: CalendarDay;\n\n @state()\n protected _firstDayOfWeek = 0;\n\n @state()\n protected _activeDate = CalendarDay.today;\n\n @state()\n protected _value: CalendarDay | null = null;\n\n @state()\n protected _values: CalendarDay[] = [];\n\n @state()\n protected _specialDates: DateRangeDescriptor[] = [];\n\n @state()\n protected _disabledDates: DateRangeDescriptor[] = [];\n\n /* blazorSuppress */\n /**\n * The current value of the calendar.\n * Used when selection is set to single\n *\n * @attr value\n */\n @property({ converter: convertToDate })\n public set value(value: Date | string | null | undefined) {\n const converted = convertToDate(value);\n this._value = converted ? CalendarDay.from(converted) : null;\n }\n\n public get value(): Date | null {\n return this._value ? this._value.native : null;\n }\n\n /* blazorSuppress */\n /**\n * The current values of the calendar.\n * Used when selection is set to multiple of range.\n *\n * @attr values\n */\n @property({ converter: convertToDates })\n public set values(values: (Date | string)[] | string | null | undefined) {\n const converted = convertToDates(values);\n this._values = converted ? converted.map((v) => CalendarDay.from(v)) : [];\n }\n\n public get values(): Date[] {\n return this._values ? this._values.map((v) => v.native) : [];\n }\n\n /* blazorSuppress */\n /** Get/Set the date which is shown in view and is highlighted. By default it is the current date. */\n @property({ attribute: 'active-date', converter: convertToDate })\n public set activeDate(value: Date | string | null | undefined) {\n this._initialActiveDateSet = true;\n const converted = convertToDate(value);\n this._activeDate = converted\n ? CalendarDay.from(converted)\n : CalendarDay.today;\n }\n\n public get activeDate(): Date {\n return this._activeDate.native;\n }\n\n /**\n * Sets the type of selection in the component.\n * @attr selection\n */\n @property()\n public selection: CalendarSelection = 'single';\n\n /**\n * Whether to show the week numbers.\n * @attr show-week-numbers\n */\n @property({ type: Boolean, reflect: true, attribute: 'show-week-numbers' })\n public showWeekNumbers = false;\n\n /**\n * Gets/Sets the first day of the week.\n * @attr week-start\n */\n @property({ attribute: 'week-start' })\n public weekStart: WeekDays = 'sunday';\n\n /**\n * Gets/Sets the locale used for formatting and displaying the dates in the component.\n * @attr locale\n */\n @property()\n public set locale(value: string) {\n this._i18nController.locale = value;\n }\n\n public get locale() {\n return this._i18nController.locale;\n }\n\n /**\n * The resource strings for localization.\n */\n @property({ attribute: false })\n public set resourceStrings(value: IgcCalendarResourceStrings) {\n this._i18nController.resourceStrings = value;\n }\n\n public get resourceStrings(): IgcCalendarResourceStrings {\n return this._i18nController.resourceStrings;\n }\n\n /** Gets/Sets the special dates for the component. */\n @property({ attribute: false })\n public set specialDates(value: DateRangeDescriptor[]) {\n this._specialDates = value ?? [];\n }\n\n public get specialDates(): DateRangeDescriptor[] | undefined {\n return this._specialDates.length ? this._specialDates : undefined;\n }\n\n /** Gets/Sets the disabled dates for the component. */\n @property({ attribute: false })\n public set disabledDates(value: DateRangeDescriptor[]) {\n this._disabledDates = value ?? [];\n }\n\n public get disabledDates(): DateRangeDescriptor[] | undefined {\n return this._disabledDates.length ? this._disabledDates : undefined;\n }\n\n @watch('weekStart')\n protected weekStartChanged() {\n this._firstDayOfWeek = getWeekDayNumber(this.weekStart);\n }\n\n @watch('selection', { waitUntilFirstUpdate: true })\n protected selectionChanged() {\n this._rangePreviewDate = undefined;\n this._value = null;\n this._values = [];\n }\n\n protected override firstUpdated() {\n if (this._initialActiveDateSet) {\n return;\n }\n\n if (this._isSingle) {\n this.activeDate = this.value ?? this.activeDate;\n } else {\n this.activeDate = first(this.values) ?? this.activeDate;\n }\n }\n}\n"]}
1
+ {"version":3,"file":"base.js","sourceRoot":"","sources":["../../../src/components/calendar/base.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, type PropertyValues } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport { blazorIndirectRender } from '../common/decorators/blazorIndirectRender.js';\nimport {\n IgcCalendarResourceStringEN,\n type IgcCalendarResourceStrings,\n} from '../common/i18n/EN/calendar.resources.js';\nimport { addI18nController } from '../common/i18n/i18n-controller.js';\nimport { first } from '../common/util.js';\nimport { convertToDate, convertToDates, getWeekDayNumber } from './helpers.js';\nimport { CalendarDay } from './model.js';\nimport type {\n CalendarSelection,\n DateRangeDescriptor,\n WeekDays,\n} from './types.js';\n\n@blazorIndirectRender\n@blazorDeepImport\nexport class IgcCalendarBaseComponent extends LitElement {\n protected readonly _i18nController =\n addI18nController<IgcCalendarResourceStrings>(this, {\n defaultEN: IgcCalendarResourceStringEN,\n });\n\n private _initialActiveDateSet = false;\n\n protected get _hasValues(): boolean {\n return this._values && this._values.length > 0;\n }\n\n protected get _isSingle(): boolean {\n return this.selection === 'single';\n }\n\n protected get _isMultiple(): boolean {\n return this.selection === 'multiple';\n }\n\n protected get _isRange(): boolean {\n return this.selection === 'range';\n }\n\n @state()\n protected _rangePreviewDate?: CalendarDay;\n\n @state()\n protected _firstDayOfWeek = 0;\n\n @state()\n protected _activeDate = CalendarDay.today;\n\n @state()\n protected _value: CalendarDay | null = null;\n\n @state()\n protected _values: CalendarDay[] = [];\n\n @state()\n protected _specialDates: DateRangeDescriptor[] = [];\n\n @state()\n protected _disabledDates: DateRangeDescriptor[] = [];\n\n /* blazorSuppress */\n /**\n * The current value of the calendar.\n * Used when selection is set to single\n *\n * @attr value\n */\n @property({ converter: convertToDate })\n public set value(value: Date | string | null | undefined) {\n const converted = convertToDate(value);\n this._value = converted ? CalendarDay.from(converted) : null;\n }\n\n public get value(): Date | null {\n return this._value ? this._value.native : null;\n }\n\n /* blazorSuppress */\n /**\n * The current values of the calendar.\n * Used when selection is set to multiple of range.\n *\n * @attr values\n */\n @property({ converter: convertToDates })\n public set values(values: (Date | string)[] | string | null | undefined) {\n const converted = convertToDates(values);\n this._values = converted ? converted.map((v) => CalendarDay.from(v)) : [];\n }\n\n public get values(): Date[] {\n return this._values ? this._values.map((v) => v.native) : [];\n }\n\n /* blazorSuppress */\n /** Get/Set the date which is shown in view and is highlighted. By default it is the current date. */\n @property({ attribute: 'active-date', converter: convertToDate })\n public set activeDate(value: Date | string | null | undefined) {\n this._initialActiveDateSet = true;\n const converted = convertToDate(value);\n this._activeDate = converted\n ? CalendarDay.from(converted)\n : CalendarDay.today;\n }\n\n public get activeDate(): Date {\n return this._activeDate.native;\n }\n\n /**\n * Sets the type of selection in the component.\n * @attr selection\n * @default single\n */\n @property()\n public selection: CalendarSelection = 'single';\n\n /**\n * Whether to show the week numbers.\n * @attr show-week-numbers\n * @default false\n */\n @property({ type: Boolean, reflect: true, attribute: 'show-week-numbers' })\n public showWeekNumbers = false;\n\n /**\n * Gets/Sets the first day of the week.\n * @attr week-start\n * @default sunday\n */\n @property({ attribute: 'week-start' })\n public weekStart: WeekDays = 'sunday';\n\n /**\n * Gets/Sets the locale used for formatting and displaying the dates in the component.\n * @attr locale\n */\n @property()\n public set locale(value: string) {\n this._i18nController.locale = value;\n }\n\n public get locale() {\n return this._i18nController.locale;\n }\n\n /**\n * The resource strings for localization.\n */\n @property({ attribute: false })\n public set resourceStrings(value: IgcCalendarResourceStrings) {\n this._i18nController.resourceStrings = value;\n }\n\n public get resourceStrings(): IgcCalendarResourceStrings {\n return this._i18nController.resourceStrings;\n }\n\n /** Gets/Sets the special dates for the component. */\n @property({ attribute: false })\n public set specialDates(value: DateRangeDescriptor[]) {\n this._specialDates = value ?? [];\n }\n\n public get specialDates(): DateRangeDescriptor[] | undefined {\n return this._specialDates.length ? this._specialDates : undefined;\n }\n\n /** Gets/Sets the disabled dates for the component. */\n @property({ attribute: false })\n public set disabledDates(value: DateRangeDescriptor[]) {\n this._disabledDates = value ?? [];\n }\n\n public get disabledDates(): DateRangeDescriptor[] | undefined {\n return this._disabledDates.length ? this._disabledDates : undefined;\n }\n\n /** @internal */\n protected override update(props: PropertyValues<this>): void {\n if (props.has('weekStart')) {\n this._firstDayOfWeek = getWeekDayNumber(this.weekStart);\n }\n\n if (props.has('selection') && this.hasUpdated) {\n this._rangePreviewDate = undefined;\n this._value = null;\n this._values = [];\n }\n\n super.update(props);\n }\n\n /** @internal */\n protected override firstUpdated(): void {\n if (this._initialActiveDateSet) {\n return;\n }\n\n if (this._isSingle) {\n this.activeDate = this.value ?? this.activeDate;\n } else {\n this.activeDate = first(this.values) ?? this.activeDate;\n }\n }\n}\n"]}