igniteui-webcomponents 6.4.0-alpha.3 → 6.4.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 (398) hide show
  1. package/CHANGELOG.md +90 -2
  2. package/LICENSE +18 -10
  3. package/README.md +65 -56
  4. package/components/button/themes/button/dark/button.indigo.css.js +1 -1
  5. package/components/button/themes/button/dark/button.indigo.css.js.map +1 -1
  6. package/components/button/themes/button/dark/button.material.css.js +1 -1
  7. package/components/button/themes/button/dark/button.material.css.js.map +1 -1
  8. package/components/button/themes/button/light/button.indigo.css.js +1 -1
  9. package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
  10. package/components/button/themes/button/light/button.material.css.js +1 -1
  11. package/components/button/themes/button/light/button.material.css.js.map +1 -1
  12. package/components/button/themes/button/shared/button.bootstrap.css.js +1 -1
  13. package/components/button/themes/button/shared/button.bootstrap.css.js.map +1 -1
  14. package/components/button/themes/button/shared/button.common.css.js +1 -1
  15. package/components/button/themes/button/shared/button.common.css.js.map +1 -1
  16. package/components/button/themes/button/shared/button.fluent.css.js +1 -1
  17. package/components/button/themes/button/shared/button.fluent.css.js.map +1 -1
  18. package/components/button/themes/button/shared/button.indigo.css.js +1 -1
  19. package/components/button/themes/button/shared/button.indigo.css.js.map +1 -1
  20. package/components/button/themes/button/shared/button.material.css.js +1 -1
  21. package/components/button/themes/button/shared/button.material.css.js.map +1 -1
  22. package/components/button-group/themes/dark/button-group.material.css.js +1 -1
  23. package/components/button-group/themes/dark/button-group.material.css.js.map +1 -1
  24. package/components/button-group/themes/light/button-group.material.css.js +1 -1
  25. package/components/button-group/themes/light/button-group.material.css.js.map +1 -1
  26. package/components/button-group/themes/shared/button/button.bootstrap.css.js +1 -1
  27. package/components/button-group/themes/shared/button/button.bootstrap.css.js.map +1 -1
  28. package/components/button-group/themes/shared/button/button.material.css.js +1 -1
  29. package/components/button-group/themes/shared/button/button.material.css.js.map +1 -1
  30. package/components/calendar/calendar.d.ts +5 -3
  31. package/components/calendar/calendar.js +22 -35
  32. package/components/calendar/calendar.js.map +1 -1
  33. package/components/calendar/days-view/days-view.d.ts +3 -3
  34. package/components/calendar/days-view/days-view.js +15 -22
  35. package/components/calendar/days-view/days-view.js.map +1 -1
  36. package/components/calendar/months-view/months-view.d.ts +2 -3
  37. package/components/calendar/months-view/months-view.js +9 -19
  38. package/components/calendar/months-view/months-view.js.map +1 -1
  39. package/components/calendar/themes/dark/calendar.bootstrap.css.js +1 -1
  40. package/components/calendar/themes/dark/calendar.bootstrap.css.js.map +1 -1
  41. package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
  42. package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
  43. package/components/calendar/themes/dark/calendar.indigo.css.js +1 -1
  44. package/components/calendar/themes/dark/calendar.indigo.css.js.map +1 -1
  45. package/components/calendar/themes/dark/calendar.material.css.js +1 -1
  46. package/components/calendar/themes/dark/calendar.material.css.js.map +1 -1
  47. package/components/calendar/themes/days.js +8 -23
  48. package/components/calendar/themes/days.js.map +1 -1
  49. package/components/calendar/themes/light/calendar.bootstrap.css.js +1 -1
  50. package/components/calendar/themes/light/calendar.bootstrap.css.js.map +1 -1
  51. package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
  52. package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
  53. package/components/calendar/themes/light/calendar.indigo.css.js +1 -1
  54. package/components/calendar/themes/light/calendar.indigo.css.js.map +1 -1
  55. package/components/calendar/themes/light/calendar.material.css.js +1 -1
  56. package/components/calendar/themes/light/calendar.material.css.js.map +1 -1
  57. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js +1 -1
  58. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js.map +1 -1
  59. package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js +1 -1
  60. package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js.map +1 -1
  61. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js +1 -1
  62. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js.map +1 -1
  63. package/components/calendar/themes/shared/indigo/days-view.indigo.css.js +1 -1
  64. package/components/calendar/themes/shared/indigo/days-view.indigo.css.js.map +1 -1
  65. package/components/calendar/themes/shared/material/days-view.material.css.js +1 -1
  66. package/components/calendar/themes/shared/material/days-view.material.css.js.map +1 -1
  67. package/components/calendar/themes/year-month.js +8 -23
  68. package/components/calendar/themes/year-month.js.map +1 -1
  69. package/components/carousel/carousel.d.ts +2 -1
  70. package/components/carousel/carousel.js.map +1 -1
  71. package/components/chat/themes/chat.base.css.js +1 -1
  72. package/components/chat/themes/chat.base.css.js.map +1 -1
  73. package/components/chat/themes/input.base.css.js +1 -1
  74. package/components/chat/themes/input.base.css.js.map +1 -1
  75. package/components/chat/themes/shared/chat.bootstrap.css.js +1 -1
  76. package/components/chat/themes/shared/chat.bootstrap.css.js.map +1 -1
  77. package/components/chat/themes/shared/chat.fluent.css.js +1 -1
  78. package/components/chat/themes/shared/chat.fluent.css.js.map +1 -1
  79. package/components/chat/themes/shared/chat.indigo.css.js +1 -1
  80. package/components/chat/themes/shared/chat.indigo.css.js.map +1 -1
  81. package/components/checkbox/themes/light/checkbox/checkbox.material.css.js +1 -1
  82. package/components/checkbox/themes/light/checkbox/checkbox.material.css.js.map +1 -1
  83. package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js +1 -1
  84. package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js.map +1 -1
  85. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js +1 -1
  86. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js.map +1 -1
  87. package/components/checkbox/themes/shared/switch/switch.common.css.js +1 -1
  88. package/components/checkbox/themes/shared/switch/switch.common.css.js.map +1 -1
  89. package/components/checkbox/themes/shared/switch/switch.fluent.css.js +1 -1
  90. package/components/checkbox/themes/shared/switch/switch.fluent.css.js.map +1 -1
  91. package/components/checkbox/themes/shared/switch/switch.indigo.css.js +1 -1
  92. package/components/checkbox/themes/shared/switch/switch.indigo.css.js.map +1 -1
  93. package/components/checkbox/themes/shared/switch/switch.material.css.js +1 -1
  94. package/components/checkbox/themes/shared/switch/switch.material.css.js.map +1 -1
  95. package/components/chip/chip.d.ts +2 -1
  96. package/components/chip/chip.js.map +1 -1
  97. package/components/combo/combo.d.ts +3 -2
  98. package/components/combo/combo.js +7 -0
  99. package/components/combo/combo.js.map +1 -1
  100. package/components/combo/controllers/selection.js.map +1 -1
  101. package/components/combo/validators.js +2 -2
  102. package/components/combo/validators.js.map +1 -1
  103. package/components/common/controllers/async-consumer.js.map +1 -1
  104. package/components/common/controllers/focus-ring.js +1 -5
  105. package/components/common/controllers/focus-ring.js.map +1 -1
  106. package/components/common/controllers/root-click.js +46 -21
  107. package/components/common/controllers/root-click.js.map +1 -1
  108. package/components/common/i18n/EN/calendar.resources.js +4 -1
  109. package/components/common/i18n/EN/calendar.resources.js.map +1 -1
  110. package/components/common/i18n/EN/date-range-picker.resources.js.map +1 -1
  111. package/components/common/i18n/i18n-controller.js +6 -9
  112. package/components/common/i18n/i18n-controller.js.map +1 -1
  113. package/components/common/i18n/utils.d.ts +0 -12
  114. package/components/common/i18n/utils.js +0 -12
  115. package/components/common/i18n/utils.js.map +1 -1
  116. package/components/common/mixins/forms/associated.js +3 -23
  117. package/components/common/mixins/forms/associated.js.map +1 -1
  118. package/components/common/util.d.ts +5 -0
  119. package/components/common/util.js +5 -0
  120. package/components/common/util.js.map +1 -1
  121. package/components/common/validators.d.ts +2 -4
  122. package/components/common/validators.js +13 -19
  123. package/components/common/validators.js.map +1 -1
  124. package/components/date-picker/date-picker.d.ts +7 -3
  125. package/components/date-picker/date-picker.js +2 -2
  126. package/components/date-picker/date-picker.js.map +1 -1
  127. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js +1 -1
  128. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js.map +1 -1
  129. package/components/date-picker/themes/dark/date-picker.fluent.css.js +1 -1
  130. package/components/date-picker/themes/dark/date-picker.fluent.css.js.map +1 -1
  131. package/components/date-picker/themes/dark/date-picker.indigo.css.js +1 -1
  132. package/components/date-picker/themes/dark/date-picker.indigo.css.js.map +1 -1
  133. package/components/date-picker/themes/dark/date-picker.material.css.js +1 -1
  134. package/components/date-picker/themes/dark/date-picker.material.css.js.map +1 -1
  135. package/components/date-picker/themes/light/date-picker.bootstrap.css.js +1 -1
  136. package/components/date-picker/themes/light/date-picker.bootstrap.css.js.map +1 -1
  137. package/components/date-picker/themes/light/date-picker.fluent.css.js +1 -1
  138. package/components/date-picker/themes/light/date-picker.fluent.css.js.map +1 -1
  139. package/components/date-picker/themes/light/date-picker.indigo.css.js +1 -1
  140. package/components/date-picker/themes/light/date-picker.indigo.css.js.map +1 -1
  141. package/components/date-picker/themes/light/date-picker.material.css.js +1 -1
  142. package/components/date-picker/themes/light/date-picker.material.css.js.map +1 -1
  143. package/components/date-picker/validators.js +2 -3
  144. package/components/date-picker/validators.js.map +1 -1
  145. package/components/date-range-picker/date-range-picker.d.ts +7 -2
  146. package/components/date-range-picker/date-range-picker.js +12 -9
  147. package/components/date-range-picker/date-range-picker.js.map +1 -1
  148. package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js +1 -1
  149. package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js.map +1 -1
  150. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js +1 -1
  151. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js.map +1 -1
  152. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js +1 -1
  153. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js.map +1 -1
  154. package/components/date-range-picker/themes/dark/date-range-picker.material.css.js +1 -1
  155. package/components/date-range-picker/themes/dark/date-range-picker.material.css.js.map +1 -1
  156. package/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.js +1 -1
  157. package/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.js.map +1 -1
  158. package/components/date-range-picker/themes/light/date-range-picker.fluent.css.js +1 -1
  159. package/components/date-range-picker/themes/light/date-range-picker.fluent.css.js.map +1 -1
  160. package/components/date-range-picker/themes/light/date-range-picker.indigo.css.js +1 -1
  161. package/components/date-range-picker/themes/light/date-range-picker.indigo.css.js.map +1 -1
  162. package/components/date-range-picker/themes/light/date-range-picker.material.css.js +1 -1
  163. package/components/date-range-picker/themes/light/date-range-picker.material.css.js.map +1 -1
  164. package/components/date-range-picker/validators.js +5 -8
  165. package/components/date-range-picker/validators.js.map +1 -1
  166. package/components/date-time-input/date-time-input.d.ts +6 -2
  167. package/components/date-time-input/date-time-input.js +22 -15
  168. package/components/date-time-input/date-time-input.js.map +1 -1
  169. package/components/date-time-input/date-util.d.ts +11 -9
  170. package/components/date-time-input/date-util.js +23 -219
  171. package/components/date-time-input/date-util.js.map +1 -1
  172. package/components/dialog/dialog.d.ts +2 -0
  173. package/components/dialog/dialog.js +18 -9
  174. package/components/dialog/dialog.js.map +1 -1
  175. package/components/dialog/themes/dark/dialog.fluent.css.js +1 -1
  176. package/components/dialog/themes/dark/dialog.fluent.css.js.map +1 -1
  177. package/components/dialog/themes/light/dialog.fluent.css.js +1 -1
  178. package/components/dialog/themes/light/dialog.fluent.css.js.map +1 -1
  179. package/components/dialog/themes/shared/dialog.bootstrap.css.js +1 -1
  180. package/components/dialog/themes/shared/dialog.bootstrap.css.js.map +1 -1
  181. package/components/dialog/themes/shared/dialog.indigo.css.js +1 -1
  182. package/components/dialog/themes/shared/dialog.indigo.css.js.map +1 -1
  183. package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js +1 -1
  184. package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js.map +1 -1
  185. package/components/file-input/file-input.d.ts +13 -0
  186. package/components/file-input/file-input.js +27 -2
  187. package/components/file-input/file-input.js.map +1 -1
  188. package/components/input/themes/dark/input.indigo.css.js +1 -1
  189. package/components/input/themes/dark/input.indigo.css.js.map +1 -1
  190. package/components/input/themes/light/input.indigo.css.js +1 -1
  191. package/components/input/themes/light/input.indigo.css.js.map +1 -1
  192. package/components/input/themes/light/input.shared.css.js +1 -1
  193. package/components/input/themes/light/input.shared.css.js.map +1 -1
  194. package/components/input/themes/shared/input.bootstrap.css.js +1 -1
  195. package/components/input/themes/shared/input.bootstrap.css.js.map +1 -1
  196. package/components/input/themes/shared/input.common.css.js +1 -1
  197. package/components/input/themes/shared/input.common.css.js.map +1 -1
  198. package/components/input/themes/shared/input.fluent.css.js +1 -1
  199. package/components/input/themes/shared/input.fluent.css.js.map +1 -1
  200. package/components/input/themes/shared/input.indigo.css.js +1 -1
  201. package/components/input/themes/shared/input.indigo.css.js.map +1 -1
  202. package/components/input/themes/shared/input.material.css.js +1 -1
  203. package/components/input/themes/shared/input.material.css.js.map +1 -1
  204. package/components/input/validators.js +3 -3
  205. package/components/input/validators.js.map +1 -1
  206. package/components/list/themes/dark/container/list.bootstrap.css.js +1 -1
  207. package/components/list/themes/dark/container/list.bootstrap.css.js.map +1 -1
  208. package/components/list/themes/light/container/list.fluent.css.js +1 -1
  209. package/components/list/themes/light/container/list.fluent.css.js.map +1 -1
  210. package/components/list/themes/shared/item/list-item.common.css.js +1 -1
  211. package/components/list/themes/shared/item/list-item.common.css.js.map +1 -1
  212. package/components/list/themes/shared/item/list-item.indigo.css.js +1 -1
  213. package/components/list/themes/shared/item/list-item.indigo.css.js.map +1 -1
  214. package/components/mask-input/mask-input-base.js +3 -2
  215. package/components/mask-input/mask-input-base.js.map +1 -1
  216. package/components/mask-input/mask-parser.d.ts +30 -7
  217. package/components/mask-input/mask-parser.js +70 -42
  218. package/components/mask-input/mask-parser.js.map +1 -1
  219. package/components/mask-input/validators.js +2 -2
  220. package/components/mask-input/validators.js.map +1 -1
  221. package/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.js +1 -1
  222. package/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.js.map +1 -1
  223. package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js +1 -1
  224. package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js.map +1 -1
  225. package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js +1 -1
  226. package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js.map +1 -1
  227. package/components/navbar/themes/shared/navbar.common.css.js +1 -1
  228. package/components/navbar/themes/shared/navbar.common.css.js.map +1 -1
  229. package/components/radio/themes/light/radio.material.css.js +1 -1
  230. package/components/radio/themes/light/radio.material.css.js.map +1 -1
  231. package/components/radio/themes/shared/radio.bootstrap.css.js +1 -1
  232. package/components/radio/themes/shared/radio.bootstrap.css.js.map +1 -1
  233. package/components/radio/themes/shared/radio.common.css.js +1 -1
  234. package/components/radio/themes/shared/radio.common.css.js.map +1 -1
  235. package/components/radio/themes/shared/radio.fluent.css.js +1 -1
  236. package/components/radio/themes/shared/radio.fluent.css.js.map +1 -1
  237. package/components/radio/themes/shared/radio.indigo.css.js +1 -1
  238. package/components/radio/themes/shared/radio.indigo.css.js.map +1 -1
  239. package/components/radio/themes/shared/radio.material.css.js +1 -1
  240. package/components/radio/themes/shared/radio.material.css.js.map +1 -1
  241. package/components/radio/validators.js +2 -2
  242. package/components/radio/validators.js.map +1 -1
  243. package/components/rating/themes/dark/rating.indigo.css.js +1 -1
  244. package/components/rating/themes/dark/rating.indigo.css.js.map +1 -1
  245. package/components/rating/themes/light/rating.indigo.css.js +1 -1
  246. package/components/rating/themes/light/rating.indigo.css.js.map +1 -1
  247. package/components/ripple/ripple.d.ts +3 -3
  248. package/components/ripple/ripple.js +34 -31
  249. package/components/ripple/ripple.js.map +1 -1
  250. package/components/snackbar/themes/shared/snackbar.common.css.js +1 -1
  251. package/components/snackbar/themes/shared/snackbar.common.css.js.map +1 -1
  252. package/components/snackbar/themes/shared/snackbar.fluent.css.js +1 -1
  253. package/components/snackbar/themes/shared/snackbar.fluent.css.js.map +1 -1
  254. package/components/snackbar/themes/shared/snackbar.indigo.css.js +1 -1
  255. package/components/snackbar/themes/shared/snackbar.indigo.css.js.map +1 -1
  256. package/components/snackbar/themes/snackbar.base.css.js +1 -1
  257. package/components/snackbar/themes/snackbar.base.css.js.map +1 -1
  258. package/components/snackbar/themes/themes.js +2 -3
  259. package/components/snackbar/themes/themes.js.map +1 -1
  260. package/components/stepper/step.js +2 -2
  261. package/components/stepper/step.js.map +1 -1
  262. package/components/stepper/themes/step/dark/step.bootstrap.css.js +1 -1
  263. package/components/stepper/themes/step/dark/step.bootstrap.css.js.map +1 -1
  264. package/components/stepper/themes/step/dark/step.fluent.css.js +1 -1
  265. package/components/stepper/themes/step/dark/step.fluent.css.js.map +1 -1
  266. package/components/stepper/themes/step/dark/step.indigo.css.js +1 -1
  267. package/components/stepper/themes/step/dark/step.indigo.css.js.map +1 -1
  268. package/components/stepper/themes/step/dark/step.material.css.js +1 -1
  269. package/components/stepper/themes/step/dark/step.material.css.js.map +1 -1
  270. package/components/stepper/themes/step/light/step.bootstrap.css.js +1 -1
  271. package/components/stepper/themes/step/light/step.bootstrap.css.js.map +1 -1
  272. package/components/stepper/themes/step/light/step.fluent.css.js +1 -1
  273. package/components/stepper/themes/step/light/step.fluent.css.js.map +1 -1
  274. package/components/stepper/themes/step/light/step.indigo.css.js +1 -1
  275. package/components/stepper/themes/step/light/step.indigo.css.js.map +1 -1
  276. package/components/stepper/themes/step/light/step.material.css.js +1 -1
  277. package/components/stepper/themes/step/light/step.material.css.js.map +1 -1
  278. package/components/stepper/themes/step/light/step.shared.css.js +1 -1
  279. package/components/stepper/themes/step/light/step.shared.css.js.map +1 -1
  280. package/components/stepper/themes/step/shared/step.common.css.js +1 -1
  281. package/components/stepper/themes/step/shared/step.common.css.js.map +1 -1
  282. package/components/stepper/themes/step/shared/step.indigo.css.js +1 -1
  283. package/components/stepper/themes/step/shared/step.indigo.css.js.map +1 -1
  284. package/components/tabs/tab-dom.js +8 -9
  285. package/components/tabs/tab-dom.js.map +1 -1
  286. package/components/tabs/themes/dark/tab.bootstrap.css.js +1 -1
  287. package/components/tabs/themes/dark/tab.bootstrap.css.js.map +1 -1
  288. package/components/tabs/themes/dark/tab.fluent.css.js +1 -1
  289. package/components/tabs/themes/dark/tab.fluent.css.js.map +1 -1
  290. package/components/tabs/themes/dark/tab.indigo.css.js +1 -1
  291. package/components/tabs/themes/dark/tab.indigo.css.js.map +1 -1
  292. package/components/tabs/themes/dark/tab.material.css.js +1 -1
  293. package/components/tabs/themes/dark/tab.material.css.js.map +1 -1
  294. package/components/tabs/themes/dark/tab.shared.css.js +1 -1
  295. package/components/tabs/themes/dark/tab.shared.css.js.map +1 -1
  296. package/components/tabs/themes/light/tab.bootstrap.css.js +1 -1
  297. package/components/tabs/themes/light/tab.bootstrap.css.js.map +1 -1
  298. package/components/tabs/themes/light/tab.fluent.css.js +1 -1
  299. package/components/tabs/themes/light/tab.fluent.css.js.map +1 -1
  300. package/components/tabs/themes/light/tab.indigo.css.js +1 -1
  301. package/components/tabs/themes/light/tab.indigo.css.js.map +1 -1
  302. package/components/tabs/themes/light/tab.material.css.js +1 -1
  303. package/components/tabs/themes/light/tab.material.css.js.map +1 -1
  304. package/components/tabs/themes/light/tab.shared.css.js +1 -1
  305. package/components/tabs/themes/light/tab.shared.css.js.map +1 -1
  306. package/components/tabs/themes/shared/tab/tab.bootstrap.css.js +1 -1
  307. package/components/tabs/themes/shared/tab/tab.bootstrap.css.js.map +1 -1
  308. package/components/tabs/themes/shared/tab/tab.common.css.js +1 -1
  309. package/components/tabs/themes/shared/tab/tab.common.css.js.map +1 -1
  310. package/components/tabs/themes/shared/tab/tab.fluent.css.js +1 -1
  311. package/components/tabs/themes/shared/tab/tab.fluent.css.js.map +1 -1
  312. package/components/tabs/themes/shared/tab/tab.indigo.css.js +1 -1
  313. package/components/tabs/themes/shared/tab/tab.indigo.css.js.map +1 -1
  314. package/components/tabs/themes/shared/tab/tab.material.css.js +1 -1
  315. package/components/tabs/themes/shared/tab/tab.material.css.js.map +1 -1
  316. package/components/tabs/themes/shared/tabs/tabs.bootstrap.css.js +1 -1
  317. package/components/tabs/themes/shared/tabs/tabs.bootstrap.css.js.map +1 -1
  318. package/components/tabs/themes/shared/tabs/tabs.common.css.js +1 -1
  319. package/components/tabs/themes/shared/tabs/tabs.common.css.js.map +1 -1
  320. package/components/tabs/themes/shared/tabs/tabs.indigo.css.js +1 -1
  321. package/components/tabs/themes/shared/tabs/tabs.indigo.css.js.map +1 -1
  322. package/components/tabs/themes/shared/tabs/tabs.material.css.js +1 -1
  323. package/components/tabs/themes/shared/tabs/tabs.material.css.js.map +1 -1
  324. package/components/tabs/themes/tabs.base.css.js +1 -1
  325. package/components/tabs/themes/tabs.base.css.js.map +1 -1
  326. package/components/textarea/themes/dark/textarea.indigo.css.js +1 -1
  327. package/components/textarea/themes/dark/textarea.indigo.css.js.map +1 -1
  328. package/components/textarea/themes/light/textarea.indigo.css.js +1 -1
  329. package/components/textarea/themes/light/textarea.indigo.css.js.map +1 -1
  330. package/components/textarea/themes/light/textarea.shared.css.js +1 -1
  331. package/components/textarea/themes/light/textarea.shared.css.js.map +1 -1
  332. package/components/textarea/themes/shared/textarea.bootstrap.css.js +1 -1
  333. package/components/textarea/themes/shared/textarea.bootstrap.css.js.map +1 -1
  334. package/components/textarea/themes/shared/textarea.common.css.js +1 -1
  335. package/components/textarea/themes/shared/textarea.common.css.js.map +1 -1
  336. package/components/textarea/themes/shared/textarea.fluent.css.js +1 -1
  337. package/components/textarea/themes/shared/textarea.fluent.css.js.map +1 -1
  338. package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
  339. package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
  340. package/components/textarea/themes/shared/textarea.material.css.js +1 -1
  341. package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
  342. package/components/textarea/themes/textarea.base.css.js +1 -1
  343. package/components/textarea/themes/textarea.base.css.js.map +1 -1
  344. package/components/tree/themes/dark/container.bootstrap.css.js +1 -1
  345. package/components/tree/themes/dark/container.bootstrap.css.js.map +1 -1
  346. package/components/tree/themes/light/container.bootstrap.css.js +1 -1
  347. package/components/tree/themes/light/container.bootstrap.css.js.map +1 -1
  348. package/components/tree/tree-item.js +4 -0
  349. package/components/tree/tree-item.js.map +1 -1
  350. package/components/tree/tree.d.ts +14 -0
  351. package/components/tree/tree.js +23 -0
  352. package/components/tree/tree.js.map +1 -1
  353. package/components/validation-container/validation-container.d.ts +0 -1
  354. package/components/validation-container/validation-container.js +6 -9
  355. package/components/validation-container/validation-container.js.map +1 -1
  356. package/custom-elements.json +706 -1056
  357. package/igniteui-webcomponents.html-data.json +1 -1
  358. package/index.d.ts +2 -1
  359. package/index.js +2 -1
  360. package/index.js.map +1 -1
  361. package/package.json +10 -5
  362. package/web-types.json +1 -1
  363. package/components/common/localization/intl-formatters.d.ts +0 -17
  364. package/components/common/localization/intl-formatters.js +0 -46
  365. package/components/common/localization/intl-formatters.js.map +0 -1
  366. package/components/snackbar/themes/shared/snackbar.bootstrap.css.d.ts +0 -1
  367. package/components/snackbar/themes/shared/snackbar.bootstrap.css.js +0 -3
  368. package/components/snackbar/themes/shared/snackbar.bootstrap.css.js.map +0 -1
  369. package/components/validation-container/themes/dark/validator.bootstrap.css.d.ts +0 -1
  370. package/components/validation-container/themes/dark/validator.bootstrap.css.js +0 -3
  371. package/components/validation-container/themes/dark/validator.bootstrap.css.js.map +0 -1
  372. package/components/validation-container/themes/dark/validator.fluent.css.d.ts +0 -1
  373. package/components/validation-container/themes/dark/validator.fluent.css.js +0 -3
  374. package/components/validation-container/themes/dark/validator.fluent.css.js.map +0 -1
  375. package/components/validation-container/themes/dark/validator.indigo.css.d.ts +0 -1
  376. package/components/validation-container/themes/dark/validator.indigo.css.js +0 -3
  377. package/components/validation-container/themes/dark/validator.indigo.css.js.map +0 -1
  378. package/components/validation-container/themes/dark/validator.material.css.d.ts +0 -1
  379. package/components/validation-container/themes/dark/validator.material.css.js +0 -3
  380. package/components/validation-container/themes/dark/validator.material.css.js.map +0 -1
  381. package/components/validation-container/themes/light/validator.bootstrap.css.d.ts +0 -1
  382. package/components/validation-container/themes/light/validator.bootstrap.css.js +0 -3
  383. package/components/validation-container/themes/light/validator.bootstrap.css.js.map +0 -1
  384. package/components/validation-container/themes/light/validator.fluent.css.d.ts +0 -1
  385. package/components/validation-container/themes/light/validator.fluent.css.js +0 -3
  386. package/components/validation-container/themes/light/validator.fluent.css.js.map +0 -1
  387. package/components/validation-container/themes/light/validator.indigo.css.d.ts +0 -1
  388. package/components/validation-container/themes/light/validator.indigo.css.js +0 -3
  389. package/components/validation-container/themes/light/validator.indigo.css.js.map +0 -1
  390. package/components/validation-container/themes/light/validator.material.css.d.ts +0 -1
  391. package/components/validation-container/themes/light/validator.material.css.js +0 -3
  392. package/components/validation-container/themes/light/validator.material.css.js.map +0 -1
  393. package/components/validation-container/themes/light/validator.shared.css.d.ts +0 -1
  394. package/components/validation-container/themes/light/validator.shared.css.js +0 -3
  395. package/components/validation-container/themes/light/validator.shared.css.js.map +0 -1
  396. package/components/validation-container/themes/themes.d.ts +0 -2
  397. package/components/validation-container/themes/themes.js +0 -46
  398. 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/calendar.d.ts CHANGED
@@ -105,9 +105,11 @@ export default class IgcCalendarComponent extends IgcCalendarComponent_base {
105
105
  activeView: CalendarActiveView;
106
106
  /** The options used to format the months and the weekdays in the calendar views. */
107
107
  formatOptions: Pick<Intl.DateTimeFormatOptions, 'month' | 'weekday'>;
108
- private _intl;
109
- protected localeChange(): void;
110
- protected formatOptionsChange(): void;
108
+ private get _monthOptions();
109
+ private _monthLabelOptions;
110
+ private _weekdayOptions;
111
+ private _monthDayOptions;
112
+ private _yearLabelOptions;
111
113
  /** @private @hidden @internal */
112
114
  [focusActiveDate](options?: FocusOptions): Promise<void>;
113
115
  private updateViewIndex;
package/components/calendar/calendar.js CHANGED
@@ -4,15 +4,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
4
4
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
6
6
  };
7
+ import { getDateFormatter } from 'igniteui-i18n-core';
7
8
  import { html, nothing } from 'lit';
8
9
  import { property, query, queryAll, state } from 'lit/decorators.js';
9
10
  import { choose } from 'lit/directives/choose.js';
10
11
  import { createRef, ref } from 'lit/directives/ref.js';
11
12
  import { addThemingController } from '../../theming/theming-controller.js';
12
13
  import { addKeybindings, arrowDown, arrowLeft, arrowRight, arrowUp, endKey, homeKey, pageDownKey, pageUpKey, shiftKey, } from '../common/controllers/key-bindings.js';
13
- import { watch } from '../common/decorators/watch.js';
14
14
  import { registerComponent } from '../common/definitions/register.js';
15
- import { createDateTimeFormatters } from '../common/localization/intl-formatters.js';
16
15
  import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
17
16
  import { partMap } from '../common/part-map.js';
18
17
  import { clamp, findElementFromEventPath, first, formatString, last, } from '../common/util.js';
@@ -59,15 +58,8 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
59
58
  }
60
59
  return formatString(this.resourceStrings.nextYears, YEARS_PER_PAGE);
61
60
  }
62
- localeChange() {
63
- this._intl.locale = this.locale;
64
- }
65
- formatOptionsChange() {
66
- this._intl.update({
67
- month: {
68
- month: this.formatOptions.month,
69
- },
70
- });
61
+ get _monthOptions() {
62
+ return { month: this.formatOptions.month };
71
63
  }
72
64
  async [focusActiveDate](options) {
73
65
  await this.updateComplete;
@@ -172,15 +164,16 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
172
164
  this.visibleMonths = 1;
173
165
  this.activeView = 'days';
174
166
  this.formatOptions = { month: 'long', weekday: 'narrow' };
175
- this._intl = createDateTimeFormatters(this.locale, {
176
- month: {
177
- month: this.formatOptions.month,
178
- },
179
- monthLabel: { month: 'long' },
180
- weekday: { weekday: 'short' },
181
- monthDay: { month: 'short', day: 'numeric' },
182
- yearLabel: { month: 'long', year: 'numeric' },
183
- });
167
+ this._monthLabelOptions = { month: 'long' };
168
+ this._weekdayOptions = { weekday: 'short' };
169
+ this._monthDayOptions = {
170
+ month: 'short',
171
+ day: 'numeric',
172
+ };
173
+ this._yearLabelOptions = {
174
+ month: 'long',
175
+ year: 'numeric',
176
+ };
184
177
  addThemingController(this, all);
185
178
  addKeybindings(this, {
186
179
  skip: this.isNotFromCalendarView,
@@ -232,21 +225,21 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
232
225
  `;
233
226
  }
234
227
  renderMonthButtonNavigation(active, viewIndex) {
235
- const labelFmt = this._intl.get('monthLabel').format;
236
- const valueFmt = this._intl.get('month').format;
237
- const ariaLabel = `${labelFmt(active.native)}, ${this.resourceStrings.selectMonth}`;
228
+ const label = getDateFormatter().formatDateTime(active.native, this.locale, this._monthLabelOptions);
229
+ const value = getDateFormatter().formatDateTime(active.native, this.locale, this._monthOptions);
230
+ const ariaLabel = `${label}, ${this.resourceStrings.selectMonth}`;
238
231
  return html `
239
232
  <button
240
233
  part="months-navigation"
241
234
  aria-label=${ariaLabel}
242
235
  @click=${() => this.switchToMonths(viewIndex)}
243
236
  >
244
- ${valueFmt(active.native)}
237
+ ${value}
245
238
  </button>
246
239
  `;
247
240
  }
248
241
  renderYearButtonNavigation(active, viewIndex) {
249
- const fmt = this._intl.get('yearLabel').format;
242
+ const fmt = getDateFormatter().getIntlFormatter(this.locale, this._yearLabelOptions).format;
250
243
  const ariaLabel = `${active.year}, ${this.resourceStrings.selectYear}`;
251
244
  const ariaSkip = this._isDayView ? fmt(active.native) : active.year;
252
245
  return html `
@@ -303,15 +296,15 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
303
296
  }
304
297
  renderHeaderDateSingle() {
305
298
  const date = this.value ?? CalendarDay.today.native;
306
- const day = this._intl.get('weekday').format(date);
307
- const month = this._intl.get('monthDay').format(date);
299
+ const weekday = getDateFormatter().formatDateTime(date, this.locale, this._weekdayOptions);
300
+ const monthDay = getDateFormatter().formatDateTime(date, this.locale, this._monthDayOptions);
308
301
  const separator = this.headerOrientation === 'vertical' ? html `<br />` : ' ';
309
- const formatted = html `${day},${separator}${month}`;
302
+ const formatted = html `${weekday},${separator}${monthDay}`;
310
303
  return html `<slot name="header-date">${formatted}</slot>`;
311
304
  }
312
305
  renderHeaderDateRange() {
313
306
  const values = this.values;
314
- const fmt = this._intl.get('monthDay').format;
307
+ const fmt = getDateFormatter().getIntlFormatter(this.locale, this._monthDayOptions).format;
315
308
  const { startDate, endDate } = this.resourceStrings;
316
309
  const start = this._hasValues ? fmt(first(values)) : startDate;
317
310
  const end = this._hasValues && values.length > 1 ? fmt(last(values)) : endDate;
@@ -510,10 +503,4 @@ __decorate([
510
503
  __decorate([
511
504
  property({ attribute: false })
512
505
  ], IgcCalendarComponent.prototype, "formatOptions", void 0);
513
- __decorate([
514
- watch('locale')
515
- ], IgcCalendarComponent.prototype, "localeChange", null);
516
- __decorate([
517
- watch('formatOptions')
518
- ], IgcCalendarComponent.prototype, "formatOptionsChange", null);
519
506
  //# sourceMappingURL=calendar.js.map