igniteui-webcomponents 4.2.3 → 4.3.0-beta.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 (420) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/README.md +2 -6
  3. package/animations/player.js +10 -6
  4. package/animations/player.js.map +1 -1
  5. package/animations/presets/fade/index.d.ts +3 -0
  6. package/animations/presets/fade/index.js +12 -0
  7. package/animations/presets/fade/index.js.map +1 -0
  8. package/animations/presets/index.d.ts +1 -0
  9. package/animations/presets/index.js +1 -0
  10. package/animations/presets/index.js.map +1 -1
  11. package/components/accordion/accordion.js +2 -1
  12. package/components/accordion/accordion.js.map +1 -1
  13. package/components/avatar/avatar.js +2 -2
  14. package/components/avatar/avatar.js.map +1 -1
  15. package/components/avatar/themes/dark/avatar.base.bootstrap.css.js +15 -0
  16. package/components/avatar/themes/dark/avatar.base.bootstrap.css.js.map +1 -0
  17. package/components/avatar/themes/{avatar.base.css.js → light/avatar.base.css.js} +25 -8
  18. package/components/avatar/themes/light/avatar.base.css.js.map +1 -0
  19. package/components/avatar/themes/light/avatar.bootstrap.css.js +26 -0
  20. package/components/avatar/themes/light/avatar.bootstrap.css.js.map +1 -0
  21. package/components/badge/badge.js.map +1 -1
  22. package/components/badge/themes/light/badge.base.css.js +4 -5
  23. package/components/badge/themes/light/badge.base.css.js.map +1 -1
  24. package/components/button/button-base.js.map +1 -1
  25. package/components/button/button.js.map +1 -1
  26. package/components/button/icon-button.js.map +1 -1
  27. package/components/button/themes/button/dark/button.bootstrap.css.js +15 -0
  28. package/components/button/themes/button/dark/button.bootstrap.css.js.map +1 -0
  29. package/components/button/themes/button/dark/button.fluent.css.js +13 -1
  30. package/components/button/themes/button/dark/button.fluent.css.js.map +1 -1
  31. package/components/button/themes/button/dark/button.indigo.css.d.ts +1 -0
  32. package/components/button/themes/button/dark/button.indigo.css.js +15 -0
  33. package/components/button/themes/button/dark/button.indigo.css.js.map +1 -0
  34. package/components/button/themes/button/dark/button.material.css.d.ts +1 -0
  35. package/components/button/themes/button/dark/button.material.css.js +15 -0
  36. package/components/button/themes/button/dark/button.material.css.js.map +1 -0
  37. package/components/button/themes/button/light/button.base.css.js +6 -57
  38. package/components/button/themes/button/light/button.base.css.js.map +1 -1
  39. package/components/button/themes/button/light/button.bootstrap.css.js +229 -71
  40. package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -1
  41. package/components/button/themes/button/light/button.fluent.css.js +289 -70
  42. package/components/button/themes/button/light/button.fluent.css.js.map +1 -1
  43. package/components/button/themes/button/light/button.indigo.css.js +282 -78
  44. package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
  45. package/components/button/themes/button/light/button.material.css.js +282 -170
  46. package/components/button/themes/button/light/button.material.css.js.map +1 -1
  47. package/components/button/themes/icon-button/light/icon-button.base.css.js +4 -6
  48. package/components/button/themes/icon-button/light/icon-button.base.css.js.map +1 -1
  49. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js +24 -0
  50. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js.map +1 -1
  51. package/components/button/themes/icon-button/light/icon-button.fluent.css.js +16 -0
  52. package/components/button/themes/icon-button/light/icon-button.fluent.css.js.map +1 -1
  53. package/components/button/themes/icon-button/light/icon-button.indigo.css.js +9 -0
  54. package/components/button/themes/icon-button/light/icon-button.indigo.css.js.map +1 -1
  55. package/components/button/themes/icon-button/light/icon-button.material.css.js +7 -0
  56. package/components/button/themes/icon-button/light/icon-button.material.css.js.map +1 -1
  57. package/components/calendar/calendar.js.map +1 -1
  58. package/components/calendar/common/calendar-base.d.ts +2 -2
  59. package/components/calendar/common/calendar-base.js.map +1 -1
  60. package/components/calendar/days-view/days-view.js.map +1 -1
  61. package/components/calendar/months-view/months-view.js.map +1 -1
  62. package/components/calendar/themes/calendar.base.css.js +4 -5
  63. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  64. package/components/calendar/themes/fluent/calendar.fluent.css.js +4 -5
  65. package/components/calendar/themes/fluent/calendar.fluent.css.js.map +1 -1
  66. package/components/calendar/years-view/years-view.js.map +1 -1
  67. package/components/card/card.actions.js.map +1 -1
  68. package/components/card/card.content.js.map +1 -1
  69. package/components/card/card.header.js.map +1 -1
  70. package/components/card/card.js.map +1 -1
  71. package/components/card/card.media.js +2 -1
  72. package/components/card/card.media.js.map +1 -1
  73. package/components/card/themes/light/card.actions.bootstrap.css.js +4 -5
  74. package/components/card/themes/light/card.actions.bootstrap.css.js.map +1 -1
  75. package/components/card/themes/light/card.actions.material.css.js +4 -5
  76. package/components/card/themes/light/card.actions.material.css.js.map +1 -1
  77. package/components/card/themes/light/card.content.bootstrap.css.js +5 -8
  78. package/components/card/themes/light/card.content.bootstrap.css.js.map +1 -1
  79. package/components/card/themes/light/card.content.indigo.css.js +5 -8
  80. package/components/card/themes/light/card.content.indigo.css.js.map +1 -1
  81. package/components/card/themes/light/card.content.material.css.js +5 -8
  82. package/components/card/themes/light/card.content.material.css.js.map +1 -1
  83. package/components/card/themes/light/card.header.bootstrap.css.js +4 -8
  84. package/components/card/themes/light/card.header.bootstrap.css.js.map +1 -1
  85. package/components/card/themes/light/card.header.fluent.css.js +4 -8
  86. package/components/card/themes/light/card.header.fluent.css.js.map +1 -1
  87. package/components/card/themes/light/card.header.indigo.css.js +4 -8
  88. package/components/card/themes/light/card.header.indigo.css.js.map +1 -1
  89. package/components/card/themes/light/card.header.material.css.js +4 -8
  90. package/components/card/themes/light/card.header.material.css.js.map +1 -1
  91. package/components/card/themes/light/card.material.css.js +15 -5
  92. package/components/card/themes/light/card.material.css.js.map +1 -1
  93. package/components/card/themes/light/card.media.material.css.js +4 -5
  94. package/components/card/themes/light/card.media.material.css.js.map +1 -1
  95. package/components/checkbox/checkbox-base.js.map +1 -1
  96. package/components/checkbox/checkbox.js.map +1 -1
  97. package/components/checkbox/switch.js.map +1 -1
  98. package/components/checkbox/themes/dark/checkbox.bootstrap.css.d.ts +1 -0
  99. package/components/checkbox/themes/dark/checkbox.bootstrap.css.js +15 -0
  100. package/components/checkbox/themes/dark/checkbox.bootstrap.css.js.map +1 -0
  101. package/components/checkbox/themes/dark/checkbox.fluent.css.js +13 -1
  102. package/components/checkbox/themes/dark/checkbox.fluent.css.js.map +1 -1
  103. package/components/checkbox/themes/dark/checkbox.indigo.css.js +13 -1
  104. package/components/checkbox/themes/dark/checkbox.indigo.css.js.map +1 -1
  105. package/components/checkbox/themes/dark/checkbox.material.css.d.ts +1 -0
  106. package/components/checkbox/themes/dark/checkbox.material.css.js +15 -0
  107. package/components/checkbox/themes/dark/checkbox.material.css.js.map +1 -0
  108. package/components/checkbox/themes/dark/switch.bootstrap.css.d.ts +1 -0
  109. package/components/checkbox/themes/dark/switch.bootstrap.css.js +15 -0
  110. package/components/checkbox/themes/dark/switch.bootstrap.css.js.map +1 -0
  111. package/components/checkbox/themes/dark/switch.fluent.css.js +13 -1
  112. package/components/checkbox/themes/dark/switch.fluent.css.js.map +1 -1
  113. package/components/checkbox/themes/dark/switch.indigo.css.js +13 -1
  114. package/components/checkbox/themes/dark/switch.indigo.css.js.map +1 -1
  115. package/components/checkbox/themes/dark/switch.material.css.d.ts +1 -0
  116. package/components/checkbox/themes/dark/switch.material.css.js +15 -0
  117. package/components/checkbox/themes/dark/switch.material.css.js.map +1 -0
  118. package/components/checkbox/themes/light/checkbox.base.css.js +17 -51
  119. package/components/checkbox/themes/light/checkbox.base.css.js.map +1 -1
  120. package/components/checkbox/themes/light/checkbox.bootstrap.css.js +124 -46
  121. package/components/checkbox/themes/light/checkbox.bootstrap.css.js.map +1 -1
  122. package/components/checkbox/themes/light/checkbox.fluent.css.js +172 -87
  123. package/components/checkbox/themes/light/checkbox.fluent.css.js.map +1 -1
  124. package/components/checkbox/themes/light/checkbox.indigo.css.js +136 -49
  125. package/components/checkbox/themes/light/checkbox.indigo.css.js.map +1 -1
  126. package/components/checkbox/themes/light/checkbox.material.css.js +148 -18
  127. package/components/checkbox/themes/light/checkbox.material.css.js.map +1 -1
  128. package/components/checkbox/themes/light/switch.base.css.js +31 -56
  129. package/components/checkbox/themes/light/switch.base.css.js.map +1 -1
  130. package/components/checkbox/themes/light/switch.bootstrap.css.js +148 -95
  131. package/components/checkbox/themes/light/switch.bootstrap.css.js.map +1 -1
  132. package/components/checkbox/themes/light/switch.fluent.css.js +144 -80
  133. package/components/checkbox/themes/light/switch.fluent.css.js.map +1 -1
  134. package/components/checkbox/themes/light/switch.indigo.css.js +154 -97
  135. package/components/checkbox/themes/light/switch.indigo.css.js.map +1 -1
  136. package/components/checkbox/themes/light/switch.material.css.js +171 -37
  137. package/components/checkbox/themes/light/switch.material.css.js.map +1 -1
  138. package/components/chip/chip.js.map +1 -1
  139. package/components/chip/themes/chip.base.css.js +4 -5
  140. package/components/chip/themes/chip.base.css.js.map +1 -1
  141. package/components/chip/themes/chip.bootstrap.css.js +4 -5
  142. package/components/chip/themes/chip.bootstrap.css.js.map +1 -1
  143. package/components/chip/themes/chip.fluent.css.js +4 -5
  144. package/components/chip/themes/chip.fluent.css.js.map +1 -1
  145. package/components/chip/themes/chip.indigo.css.js +4 -5
  146. package/components/chip/themes/chip.indigo.css.js.map +1 -1
  147. package/components/chip/themes/chip.material.css.js +4 -5
  148. package/components/chip/themes/chip.material.css.js.map +1 -1
  149. package/components/combo/combo-header.js.map +1 -1
  150. package/components/combo/combo-item.d.ts +5 -0
  151. package/components/combo/combo-item.js.map +1 -1
  152. package/components/combo/combo-list.js +2 -1
  153. package/components/combo/combo-list.js.map +1 -1
  154. package/components/combo/combo.d.ts +51 -5
  155. package/components/combo/combo.js +58 -26
  156. package/components/combo/combo.js.map +1 -1
  157. package/components/combo/controllers/data.js +9 -5
  158. package/components/combo/controllers/data.js.map +1 -1
  159. package/components/combo/controllers/selection.d.ts +2 -1
  160. package/components/combo/controllers/selection.js +14 -3
  161. package/components/combo/controllers/selection.js.map +1 -1
  162. package/components/combo/operations/filter.d.ts +3 -1
  163. package/components/combo/operations/filter.js +10 -7
  164. package/components/combo/operations/filter.js.map +1 -1
  165. package/components/combo/operations/group.d.ts +2 -2
  166. package/components/combo/operations/group.js +8 -5
  167. package/components/combo/operations/group.js.map +1 -1
  168. package/components/combo/themes/light/combo.base.css.js +4 -5
  169. package/components/combo/themes/light/combo.base.css.js.map +1 -1
  170. package/components/combo/themes/light/header/combo-header.base.css.js +4 -5
  171. package/components/combo/themes/light/header/combo-header.base.css.js.map +1 -1
  172. package/components/combo/themes/light/item/combo-item.base.css.js +4 -5
  173. package/components/combo/themes/light/item/combo-item.base.css.js.map +1 -1
  174. package/components/combo/types.d.ts +8 -5
  175. package/components/combo/types.js.map +1 -1
  176. package/components/common/mixins/sizable.js.map +1 -1
  177. package/components/date-time-input/date-time-input.js +2 -1
  178. package/components/date-time-input/date-time-input.js.map +1 -1
  179. package/components/date-time-input/date-util.js +2 -1
  180. package/components/date-time-input/date-util.js.map +1 -1
  181. package/components/dialog/dialog.d.ts +9 -2
  182. package/components/dialog/dialog.js +37 -10
  183. package/components/dialog/dialog.js.map +1 -1
  184. package/components/dialog/themes/light/dialog.base.css.js +17 -8
  185. package/components/dialog/themes/light/dialog.base.css.js.map +1 -1
  186. package/components/dropdown/dropdown-group.js.map +1 -1
  187. package/components/dropdown/dropdown-header.js.map +1 -1
  188. package/components/dropdown/dropdown-item.js.map +1 -1
  189. package/components/dropdown/dropdown.js +2 -0
  190. package/components/dropdown/dropdown.js.map +1 -1
  191. package/components/dropdown/themes/light/dropdown-group.base.css.js +4 -5
  192. package/components/dropdown/themes/light/dropdown-group.base.css.js.map +1 -1
  193. package/components/dropdown/themes/light/dropdown-header.base.css.js +4 -5
  194. package/components/dropdown/themes/light/dropdown-header.base.css.js.map +1 -1
  195. package/components/dropdown/themes/light/dropdown-item.base.css.js +4 -5
  196. package/components/dropdown/themes/light/dropdown-item.base.css.js.map +1 -1
  197. package/components/dropdown/themes/light/dropdown.base.css.js +4 -5
  198. package/components/dropdown/themes/light/dropdown.base.css.js.map +1 -1
  199. package/components/expansion-panel/expansion-panel.d.ts +1 -0
  200. package/components/expansion-panel/expansion-panel.js.map +1 -1
  201. package/components/expansion-panel/themes/light/expansion-panel.base.css.js +4 -5
  202. package/components/expansion-panel/themes/light/expansion-panel.base.css.js.map +1 -1
  203. package/components/form/form.js +2 -1
  204. package/components/form/form.js.map +1 -1
  205. package/components/icon/dark/icon.bootstrap.css.d.ts +1 -0
  206. package/components/icon/dark/icon.bootstrap.css.js +15 -0
  207. package/components/icon/dark/icon.bootstrap.css.js.map +1 -0
  208. package/components/icon/dark/icon.fluent.css.d.ts +1 -0
  209. package/components/{avatar/themes/avatar.bootstrap.css.js → icon/dark/icon.fluent.css.js} +13 -5
  210. package/components/icon/dark/icon.fluent.css.js.map +1 -0
  211. package/components/icon/dark/icon.indigo.css.d.ts +1 -0
  212. package/components/icon/dark/icon.indigo.css.js +15 -0
  213. package/components/icon/dark/icon.indigo.css.js.map +1 -0
  214. package/components/icon/dark/icon.material.css.d.ts +1 -0
  215. package/components/icon/dark/icon.material.css.js +15 -0
  216. package/components/icon/dark/icon.material.css.js.map +1 -0
  217. package/components/icon/icon.base.css.d.ts +1 -0
  218. package/components/icon/{icon.material.css.js → icon.base.css.js} +11 -13
  219. package/components/icon/icon.base.css.js.map +1 -0
  220. package/components/icon/icon.js +12 -3
  221. package/components/icon/icon.js.map +1 -1
  222. package/components/icon/light/icon.bootstrap.css.d.ts +1 -0
  223. package/components/icon/light/icon.bootstrap.css.js +60 -0
  224. package/components/icon/light/icon.bootstrap.css.js.map +1 -0
  225. package/components/icon/light/icon.fluent.css.d.ts +1 -0
  226. package/components/icon/light/icon.fluent.css.js +60 -0
  227. package/components/icon/light/icon.fluent.css.js.map +1 -0
  228. package/components/icon/light/icon.indigo.css.d.ts +1 -0
  229. package/components/icon/light/icon.indigo.css.js +60 -0
  230. package/components/icon/light/icon.indigo.css.js.map +1 -0
  231. package/components/icon/light/icon.material.css.d.ts +1 -0
  232. package/components/icon/light/icon.material.css.js +60 -0
  233. package/components/icon/light/icon.material.css.js.map +1 -0
  234. package/components/input/input-base.js.map +1 -1
  235. package/components/input/input.js +2 -1
  236. package/components/input/input.js.map +1 -1
  237. package/components/input/themes/light/input.base.css.js +4 -5
  238. package/components/input/themes/light/input.base.css.js.map +1 -1
  239. package/components/list/list-header.js.map +1 -1
  240. package/components/list/list-item.js.map +1 -1
  241. package/components/list/list.js.map +1 -1
  242. package/components/list/themes/light/list-header.base.css.js +4 -5
  243. package/components/list/themes/light/list-header.base.css.js.map +1 -1
  244. package/components/list/themes/light/list-item.base.css.js +4 -5
  245. package/components/list/themes/light/list-item.base.css.js.map +1 -1
  246. package/components/list/themes/light/list.base.css.js +4 -5
  247. package/components/list/themes/light/list.base.css.js.map +1 -1
  248. package/components/mask-input/mask-input-base.js.map +1 -1
  249. package/components/mask-input/mask-input.js +2 -1
  250. package/components/mask-input/mask-input.js.map +1 -1
  251. package/components/nav-drawer/nav-drawer-header-item.js.map +1 -1
  252. package/components/nav-drawer/nav-drawer-item.js.map +1 -1
  253. package/components/nav-drawer/nav-drawer.js.map +1 -1
  254. package/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.js +4 -5
  255. package/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.js.map +1 -1
  256. package/components/nav-drawer/themes/light/nav-drawer-item.base.css.js +4 -5
  257. package/components/nav-drawer/themes/light/nav-drawer-item.base.css.js.map +1 -1
  258. package/components/nav-drawer/themes/light/nav-drawer.base.css.js +4 -5
  259. package/components/nav-drawer/themes/light/nav-drawer.base.css.js.map +1 -1
  260. package/components/navbar/navbar.js +3 -2
  261. package/components/navbar/navbar.js.map +1 -1
  262. package/components/navbar/themes/dark/navbar.bootstrap.css.d.ts +1 -0
  263. package/components/navbar/themes/dark/navbar.bootstrap.css.js +15 -0
  264. package/components/navbar/themes/dark/navbar.bootstrap.css.js.map +1 -0
  265. package/components/navbar/themes/dark/navbar.fluent.css.d.ts +1 -0
  266. package/components/navbar/themes/dark/navbar.fluent.css.js +15 -0
  267. package/components/navbar/themes/dark/navbar.fluent.css.js.map +1 -0
  268. package/components/navbar/themes/dark/navbar.indigo.css.d.ts +1 -0
  269. package/components/navbar/themes/dark/navbar.indigo.css.js +15 -0
  270. package/components/navbar/themes/dark/navbar.indigo.css.js.map +1 -0
  271. package/components/navbar/themes/dark/navbar.material.css.d.ts +1 -0
  272. package/components/navbar/themes/dark/navbar.material.css.js +15 -0
  273. package/components/navbar/themes/dark/navbar.material.css.js.map +1 -0
  274. package/components/navbar/themes/light/navbar.bootstrap.css.js +62 -6
  275. package/components/navbar/themes/light/navbar.bootstrap.css.js.map +1 -1
  276. package/components/navbar/themes/light/navbar.fluent.css.js +68 -1
  277. package/components/navbar/themes/light/navbar.fluent.css.js.map +1 -1
  278. package/components/navbar/themes/light/navbar.indigo.css.js +65 -3
  279. package/components/navbar/themes/light/navbar.indigo.css.js.map +1 -1
  280. package/components/navbar/themes/light/navbar.material.css.d.ts +1 -0
  281. package/components/navbar/themes/light/navbar.material.css.js +69 -0
  282. package/components/navbar/themes/light/navbar.material.css.js.map +1 -0
  283. package/components/navbar/themes/navbar.base.css.d.ts +1 -0
  284. package/components/navbar/themes/{light/navbar.base.css.js → navbar.base.css.js} +7 -10
  285. package/components/navbar/themes/navbar.base.css.js.map +1 -0
  286. package/components/progress/base.js.map +1 -1
  287. package/components/progress/circular-gradient.js +2 -1
  288. package/components/progress/circular-gradient.js.map +1 -1
  289. package/components/progress/circular-progress.js.map +1 -1
  290. package/components/progress/linear-progress.js.map +1 -1
  291. package/components/progress/themes/circular/circular.progress.base.css.js +4 -5
  292. package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -1
  293. package/components/progress/themes/linear/linear.progress.base.css.js +4 -5
  294. package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
  295. package/components/progress/themes/linear/linear.progress.bootstrap.css.js +4 -5
  296. package/components/progress/themes/linear/linear.progress.bootstrap.css.js.map +1 -1
  297. package/components/progress/themes/linear/linear.progress.indigo.css.js +4 -5
  298. package/components/progress/themes/linear/linear.progress.indigo.css.js.map +1 -1
  299. package/components/radio/radio.js +6 -3
  300. package/components/radio/radio.js.map +1 -1
  301. package/components/radio/themes/dark/radio.bootstrap.css.d.ts +1 -0
  302. package/components/radio/themes/dark/radio.bootstrap.css.js +15 -0
  303. package/components/radio/themes/dark/radio.bootstrap.css.js.map +1 -0
  304. package/components/radio/themes/dark/radio.fluent.css.js +13 -1
  305. package/components/radio/themes/dark/radio.fluent.css.js.map +1 -1
  306. package/components/radio/themes/dark/radio.indigo.css.js +13 -1
  307. package/components/radio/themes/dark/radio.indigo.css.js.map +1 -1
  308. package/components/radio/themes/dark/radio.material.css.js +13 -1
  309. package/components/radio/themes/dark/radio.material.css.js.map +1 -1
  310. package/components/radio/themes/light/radio.base.css.js +24 -41
  311. package/components/radio/themes/light/radio.base.css.js.map +1 -1
  312. package/components/radio/themes/light/radio.bootstrap.css.js +102 -30
  313. package/components/radio/themes/light/radio.bootstrap.css.js.map +1 -1
  314. package/components/radio/themes/light/radio.fluent.css.js +155 -66
  315. package/components/radio/themes/light/radio.fluent.css.js.map +1 -1
  316. package/components/radio/themes/light/radio.indigo.css.js +106 -56
  317. package/components/radio/themes/light/radio.indigo.css.js.map +1 -1
  318. package/components/radio/themes/light/radio.material.css.js +131 -16
  319. package/components/radio/themes/light/radio.material.css.js.map +1 -1
  320. package/components/radio-group/radio-group.base.css.js +4 -5
  321. package/components/radio-group/radio-group.base.css.js.map +1 -1
  322. package/components/radio-group/radio-group.js.map +1 -1
  323. package/components/rating/rating-symbol.base.css.js +4 -5
  324. package/components/rating/rating-symbol.base.css.js.map +1 -1
  325. package/components/rating/rating-symbol.js +2 -1
  326. package/components/rating/rating-symbol.js.map +1 -1
  327. package/components/rating/rating.base.css.js +4 -5
  328. package/components/rating/rating.base.css.js.map +1 -1
  329. package/components/rating/rating.js.map +1 -1
  330. package/components/ripple/ripple.js +2 -1
  331. package/components/ripple/ripple.js.map +1 -1
  332. package/components/ripple/ripple.material.css.js +4 -5
  333. package/components/ripple/ripple.material.css.js.map +1 -1
  334. package/components/select/select-group.js +2 -1
  335. package/components/select/select-group.js.map +1 -1
  336. package/components/select/select-header.js +2 -1
  337. package/components/select/select-header.js.map +1 -1
  338. package/components/select/select-item.js +2 -1
  339. package/components/select/select-item.js.map +1 -1
  340. package/components/select/select.d.ts +8 -0
  341. package/components/select/select.js +9 -4
  342. package/components/select/select.js.map +1 -1
  343. package/components/select/themes/light/select.base.css.js +4 -5
  344. package/components/select/themes/light/select.base.css.js.map +1 -1
  345. package/components/slider/range-slider.js +2 -1
  346. package/components/slider/range-slider.js.map +1 -1
  347. package/components/slider/slider-base.js.map +1 -1
  348. package/components/slider/slider-label.js +2 -1
  349. package/components/slider/slider-label.js.map +1 -1
  350. package/components/slider/slider.js +2 -1
  351. package/components/slider/slider.js.map +1 -1
  352. package/components/slider/themes/light/slider.base.css.js +4 -5
  353. package/components/slider/themes/light/slider.base.css.js.map +1 -1
  354. package/components/snackbar/snackbar.d.ts +5 -1
  355. package/components/snackbar/snackbar.js +19 -2
  356. package/components/snackbar/snackbar.js.map +1 -1
  357. package/components/snackbar/themes/light/snackbar.base.css.js +4 -5
  358. package/components/snackbar/themes/light/snackbar.base.css.js.map +1 -1
  359. package/components/stepper/step.js.map +1 -1
  360. package/components/stepper/stepper.d.ts +1 -1
  361. package/components/stepper/stepper.js +12 -3
  362. package/components/stepper/stepper.js.map +1 -1
  363. package/components/stepper/themes/step/light/step.base.css.js +7 -5
  364. package/components/stepper/themes/step/light/step.base.css.js.map +1 -1
  365. package/components/stepper/themes/stepper/stepper.base.css.js +13 -6
  366. package/components/stepper/themes/stepper/stepper.base.css.js.map +1 -1
  367. package/components/stepper/themes/stepper/stepper.bootstrap.css.js +4 -5
  368. package/components/stepper/themes/stepper/stepper.bootstrap.css.js.map +1 -1
  369. package/components/stepper/themes/stepper/stepper.fluent.css.js +4 -5
  370. package/components/stepper/themes/stepper/stepper.fluent.css.js.map +1 -1
  371. package/components/stepper/themes/stepper/stepper.indigo.css.js +4 -5
  372. package/components/stepper/themes/stepper/stepper.indigo.css.js.map +1 -1
  373. package/components/tabs/tab-panel.js +2 -1
  374. package/components/tabs/tab-panel.js.map +1 -1
  375. package/components/tabs/tab.js.map +1 -1
  376. package/components/tabs/tabs.js +1 -1
  377. package/components/tabs/tabs.js.map +1 -1
  378. package/components/tabs/themes/light/tab-panel.base.css.js +4 -5
  379. package/components/tabs/themes/light/tab-panel.base.css.js.map +1 -1
  380. package/components/tabs/themes/light/tab.base.css.js +4 -5
  381. package/components/tabs/themes/light/tab.base.css.js.map +1 -1
  382. package/components/tabs/themes/light/tabs.base.css.js +4 -5
  383. package/components/tabs/themes/light/tabs.base.css.js.map +1 -1
  384. package/components/toast/toast.d.ts +4 -1
  385. package/components/toast/toast.js +17 -2
  386. package/components/toast/toast.js.map +1 -1
  387. package/components/toggle/toggle.directive.d.ts +9 -3
  388. package/components/toggle/toggle.directive.js +54 -38
  389. package/components/toggle/toggle.directive.js.map +1 -1
  390. package/components/tree/themes/light/tree-item.base.css.js +4 -5
  391. package/components/tree/themes/light/tree-item.base.css.js.map +1 -1
  392. package/components/tree/themes/light/tree.base.css.js +4 -5
  393. package/components/tree/themes/light/tree.base.css.js.map +1 -1
  394. package/components/tree/tree-item.js.map +1 -1
  395. package/components/tree/tree.js.map +1 -1
  396. package/custom-elements.json +49 -32
  397. package/index.d.ts +1 -1
  398. package/index.js +1 -0
  399. package/index.js.map +1 -1
  400. package/package.json +6 -4
  401. package/themes/dark/bootstrap.css +320 -0
  402. package/themes/dark/fluent.css +303 -25
  403. package/themes/dark/indigo.css +307 -12
  404. package/themes/dark/material.css +329 -6
  405. package/themes/light/bootstrap.css +108 -0
  406. package/themes/light/fluent.css +108 -0
  407. package/themes/light/indigo.css +108 -0
  408. package/themes/light/material.css +108 -0
  409. package/vscode-html-custom-data.json +21 -32
  410. package/components/avatar/themes/avatar.base.css.js.map +0 -1
  411. package/components/avatar/themes/avatar.bootstrap.css.js.map +0 -1
  412. package/components/combo/utils/converters.d.ts +0 -3
  413. package/components/combo/utils/converters.js +0 -9
  414. package/components/combo/utils/converters.js.map +0 -1
  415. package/components/icon/icon.material.css.js.map +0 -1
  416. package/components/navbar/themes/light/navbar.base.css.js.map +0 -1
  417. /package/components/avatar/themes/{avatar.base.css.d.ts → dark/avatar.base.bootstrap.css.d.ts} +0 -0
  418. /package/components/avatar/themes/{avatar.bootstrap.css.d.ts → light/avatar.base.css.d.ts} +0 -0
  419. /package/components/{icon/icon.material.css.d.ts → avatar/themes/light/avatar.bootstrap.css.d.ts} +0 -0
  420. /package/components/{navbar/themes/light/navbar.base.css.d.ts → button/themes/button/dark/button.bootstrap.css.d.ts} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/checkbox.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y0BAAy0B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
1
+ {"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/checkbox.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;wMAY+K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
@@ -1,3 +1,15 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
2
+ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
3
+ /* stylelint-disable max-line-length */
4
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
5
+ /* stylelint-disable max-line-length */
6
+ /* stylelint-disable max-line-length */
7
+ /* stylelint-disable max-line-length */
8
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
9
+ /* stylelint-disable max-line-length */
10
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
11
+ /* stylelint-disable max-line-length */
12
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
13
+ /* stylelint-disable max-line-length */
14
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
3
15
  //# sourceMappingURL=checkbox.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/checkbox.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y0BAAy0B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
1
+ {"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/checkbox.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;wMAY+K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,15 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
3
+ /* stylelint-disable max-line-length */
4
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
5
+ /* stylelint-disable max-line-length */
6
+ /* stylelint-disable max-line-length */
7
+ /* stylelint-disable max-line-length */
8
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
9
+ /* stylelint-disable max-line-length */
10
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
11
+ /* stylelint-disable max-line-length */
12
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
13
+ /* stylelint-disable max-line-length */
14
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
15
+ //# sourceMappingURL=checkbox.material.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox.material.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/checkbox.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;wMAY+K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,15 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
3
+ /* stylelint-disable max-line-length */
4
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
5
+ /* stylelint-disable max-line-length */
6
+ /* stylelint-disable max-line-length */
7
+ /* stylelint-disable max-line-length */
8
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
9
+ /* stylelint-disable max-line-length */
10
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
11
+ /* stylelint-disable max-line-length */
12
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
13
+ /* stylelint-disable max-line-length */
14
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
15
+ //# sourceMappingURL=switch.bootstrap.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"switch.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/switch.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;wMAY+K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
@@ -1,3 +1,15 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
2
+ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
3
+ /* stylelint-disable max-line-length */
4
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
5
+ /* stylelint-disable max-line-length */
6
+ /* stylelint-disable max-line-length */
7
+ /* stylelint-disable max-line-length */
8
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
9
+ /* stylelint-disable max-line-length */
10
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
11
+ /* stylelint-disable max-line-length */
12
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
13
+ /* stylelint-disable max-line-length */
14
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
3
15
  //# sourceMappingURL=switch.fluent.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"switch.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/switch.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y0BAAy0B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
1
+ {"version":3,"file":"switch.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/switch.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;wMAY+K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
@@ -1,3 +1,15 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
2
+ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
3
+ /* stylelint-disable max-line-length */
4
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
5
+ /* stylelint-disable max-line-length */
6
+ /* stylelint-disable max-line-length */
7
+ /* stylelint-disable max-line-length */
8
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
9
+ /* stylelint-disable max-line-length */
10
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
11
+ /* stylelint-disable max-line-length */
12
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
13
+ /* stylelint-disable max-line-length */
14
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
3
15
  //# sourceMappingURL=switch.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"switch.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/switch.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y0BAAy0B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
1
+ {"version":3,"file":"switch.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/switch.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;wMAY+K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,15 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
3
+ /* stylelint-disable max-line-length */
4
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
5
+ /* stylelint-disable max-line-length */
6
+ /* stylelint-disable max-line-length */
7
+ /* stylelint-disable max-line-length */
8
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
9
+ /* stylelint-disable max-line-length */
10
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
11
+ /* stylelint-disable max-line-length */
12
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
13
+ /* stylelint-disable max-line-length */
14
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
15
+ //# sourceMappingURL=switch.material.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"switch.material.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/dark/switch.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;wMAY+K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
@@ -1,11 +1,10 @@
1
1
  import { css } from 'lit';
2
2
  export const styles = css `:host {
3
3
  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
4
- --is-medium:
5
- min(
6
- clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
7
- clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
8
- );
4
+ --is-medium: min(
5
+ clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
6
+ clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
7
+ );
9
8
  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
10
9
  position: relative;
11
10
  -webkit-box-sizing: border-box;
@@ -33,6 +32,18 @@ export const styles = css `:host {
33
32
  }
34
33
 
35
34
  /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
35
+ /* stylelint-disable max-line-length */
36
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
37
+ /* stylelint-disable max-line-length */
38
+ /* stylelint-disable max-line-length */
39
+ /* stylelint-disable max-line-length */
40
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
41
+ /* stylelint-disable max-line-length */
42
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
43
+ /* stylelint-disable max-line-length */
44
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
45
+ /* stylelint-disable max-line-length */
46
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
36
47
  :host {
37
48
  display: -webkit-inline-box;
38
49
  display: -ms-inline-flexbox;
@@ -67,7 +78,6 @@ input[type=checkbox] {
67
78
  user-select: none;
68
79
  }
69
80
  [part~=control]::after {
70
- border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.125rem), 0.125rem);
71
81
  position: absolute;
72
82
  content: "";
73
83
  left: 50%;
@@ -77,7 +87,6 @@ input[type=checkbox] {
77
87
  transform: translate(-50%, -50%);
78
88
  width: var(--size);
79
89
  height: var(--size);
80
- border: 0.125rem solid hsla(var(--ig-gray-600), var(--ig-gray-a));
81
90
  -webkit-transition: all 0.15s ease-in;
82
91
  -o-transition: all 0.15s ease-in;
83
92
  transition: all 0.15s ease-in;
@@ -85,7 +94,6 @@ input[type=checkbox] {
85
94
 
86
95
  [part~=label] {
87
96
  display: inline-block;
88
- color: hsla(var(--ig-gray-900), var(--ig-gray-a));
89
97
  cursor: pointer;
90
98
  -webkit-user-select: none;
91
99
  -moz-user-select: none;
@@ -102,10 +110,7 @@ input[type=checkbox] {
102
110
  display: -ms-flexbox;
103
111
  display: flex;
104
112
  position: absolute;
105
- top: 0;
106
- right: 0;
107
- bottom: 0;
108
- left: 0;
113
+ inset: 0;
109
114
  stroke-linecap: square;
110
115
  stroke-width: 3;
111
116
  stroke-dasharray: 24;
@@ -139,17 +144,6 @@ label {
139
144
  flex-flow: row nowrap;
140
145
  gap: 0.5rem;
141
146
  }
142
- label:hover [part="control checked"] {
143
- background: hsla(var(--ig-secondary-500), 0.06);
144
- }
145
- label:focus-within [part="control checked"] {
146
- background: hsla(var(--ig-secondary-500), 0.12);
147
- }
148
-
149
- [part="control checked"]::after {
150
- border-color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
151
- background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
152
- }
153
147
 
154
148
  [part="indicator checked"] {
155
149
  -webkit-transition: all 0.2s ease-out;
@@ -159,16 +153,6 @@ label:focus-within [part="control checked"] {
159
153
  opacity: 1;
160
154
  }
161
155
 
162
- :host([indeterminate]) [part~=base]:hover [part~=control] {
163
- background: hsla(var(--ig-secondary-500), 0.06);
164
- }
165
- :host([indeterminate]) [part~=base]:focus-within [part~=control] {
166
- background: hsla(var(--ig-secondary-500), 0.12);
167
- }
168
- :host([indeterminate]) [part~=control]::after {
169
- border-color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
170
- background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
171
- }
172
156
  :host([indeterminate]) [part~=indicator] {
173
157
  stroke-dashoffset: 41;
174
158
  opacity: 1;
@@ -177,20 +161,6 @@ label:focus-within [part="control checked"] {
177
161
  transform: rotate(45deg) scale(0.45) translateX(-0.25rem);
178
162
  }
179
163
 
180
- :host(:not([disabled])[invalid]) [part~=label] {
181
- color: hsla(var(--ig-error-500), var(--ig-error-a));
182
- }
183
- :host(:not([disabled])[invalid]) [part~=control]::after {
184
- border-color: hsla(var(--ig-error-500), var(--ig-error-a));
185
- }
186
- :host(:not([disabled])[invalid]) [part="control checked"]::after {
187
- background: hsla(var(--ig-error-500), var(--ig-error-a));
188
- }
189
-
190
- :host(:not([disabled])[invalid][indeterminate]) [part~=control]::after {
191
- background: hsla(var(--ig-error-500), var(--ig-error-a));
192
- }
193
-
194
164
  :host([disabled]) {
195
165
  -webkit-user-select: none;
196
166
  -moz-user-select: none;
@@ -200,10 +170,6 @@ label:focus-within [part="control checked"] {
200
170
  pointer-events: none;
201
171
  }
202
172
 
203
- :host([disabled][indeterminate]) [part~=control]::after {
204
- background: hsla(var(--ig-gray-300), var(--ig-gray-a));
205
- }
206
-
207
173
  :host([label-position=before]) [part~=label] {
208
174
  -webkit-box-ordinal-group: 0;
209
175
  -ms-flex-order: -1;
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.base.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/light/checkbox.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiNvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n font-family: var(--ig-font-family);\n}\n\ninput[type=checkbox] {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n border: none;\n clip: rect(0, 0, 0, 0);\n outline: 0;\n pointer-events: none;\n overflow: hidden;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n[part~=control] {\n --size: 1.25rem;\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n[part~=control]::after {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.125rem), 0.125rem);\n position: absolute;\n content: \"\";\n left: 50%;\n top: 50%;\n -webkit-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n width: var(--size);\n height: var(--size);\n border: 0.125rem solid hsla(var(--ig-gray-600), var(--ig-gray-a));\n -webkit-transition: all 0.15s ease-in;\n -o-transition: all 0.15s ease-in;\n transition: all 0.15s ease-in;\n}\n\n[part~=label] {\n display: inline-block;\n color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n word-wrap: break-all;\n -webkit-transition: color 0.2s ease-in-out;\n -o-transition: color 0.2s ease-in-out;\n transition: color 0.2s ease-in-out;\n}\n\n[part~=indicator] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n stroke-linecap: square;\n stroke-width: 3;\n stroke-dasharray: 24;\n stroke-dashoffset: 24;\n fill: none;\n opacity: 0;\n z-index: 1;\n -webkit-transform: scale(0.45);\n -ms-transform: scale(0.45);\n transform: scale(0.45);\n -webkit-transform-origin: center;\n -ms-transform-origin: center;\n transform-origin: center;\n}\n[part~=indicator] svg {\n width: 100%;\n height: 100%;\n}\n\nlabel {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-flow: row nowrap;\n flex-flow: row nowrap;\n gap: 0.5rem;\n}\nlabel:hover [part=\"control checked\"] {\n background: hsla(var(--ig-secondary-500), 0.06);\n}\nlabel:focus-within [part=\"control checked\"] {\n background: hsla(var(--ig-secondary-500), 0.12);\n}\n\n[part=\"control checked\"]::after {\n border-color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n}\n\n[part=\"indicator checked\"] {\n -webkit-transition: all 0.2s ease-out;\n -o-transition: all 0.2s ease-out;\n transition: all 0.2s ease-out;\n stroke-dashoffset: 0;\n opacity: 1;\n}\n\n:host([indeterminate]) [part~=base]:hover [part~=control] {\n background: hsla(var(--ig-secondary-500), 0.06);\n}\n:host([indeterminate]) [part~=base]:focus-within [part~=control] {\n background: hsla(var(--ig-secondary-500), 0.12);\n}\n:host([indeterminate]) [part~=control]::after {\n border-color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n}\n:host([indeterminate]) [part~=indicator] {\n stroke-dashoffset: 41;\n opacity: 1;\n -webkit-transform: rotate(45deg) scale(0.45) translateX(-0.25rem);\n -ms-transform: rotate(45deg) scale(0.45) translateX(-0.25rem);\n transform: rotate(45deg) scale(0.45) translateX(-0.25rem);\n}\n\n:host(:not([disabled])[invalid]) [part~=label] {\n color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n:host(:not([disabled])[invalid]) [part~=control]::after {\n border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n:host(:not([disabled])[invalid]) [part=\"control checked\"]::after {\n background: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after {\n background: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host([disabled]) {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: initial;\n pointer-events: none;\n}\n\n:host([disabled][indeterminate]) [part~=control]::after {\n background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n:host([label-position=before]) [part~=label] {\n -webkit-box-ordinal-group: 0;\n -ms-flex-order: -1;\n order: -1;\n}`;\n"]}
1
+ {"version":3,"file":"checkbox.base.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/light/checkbox.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+KvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium: min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n font-family: var(--ig-font-family);\n}\n\ninput[type=checkbox] {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n border: none;\n clip: rect(0, 0, 0, 0);\n outline: 0;\n pointer-events: none;\n overflow: hidden;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n[part~=control] {\n --size: 1.25rem;\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n[part~=control]::after {\n position: absolute;\n content: \"\";\n left: 50%;\n top: 50%;\n -webkit-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n width: var(--size);\n height: var(--size);\n -webkit-transition: all 0.15s ease-in;\n -o-transition: all 0.15s ease-in;\n transition: all 0.15s ease-in;\n}\n\n[part~=label] {\n display: inline-block;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n word-wrap: break-all;\n -webkit-transition: color 0.2s ease-in-out;\n -o-transition: color 0.2s ease-in-out;\n transition: color 0.2s ease-in-out;\n}\n\n[part~=indicator] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n inset: 0;\n stroke-linecap: square;\n stroke-width: 3;\n stroke-dasharray: 24;\n stroke-dashoffset: 24;\n fill: none;\n opacity: 0;\n z-index: 1;\n -webkit-transform: scale(0.45);\n -ms-transform: scale(0.45);\n transform: scale(0.45);\n -webkit-transform-origin: center;\n -ms-transform-origin: center;\n transform-origin: center;\n}\n[part~=indicator] svg {\n width: 100%;\n height: 100%;\n}\n\nlabel {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-flow: row nowrap;\n flex-flow: row nowrap;\n gap: 0.5rem;\n}\n\n[part=\"indicator checked\"] {\n -webkit-transition: all 0.2s ease-out;\n -o-transition: all 0.2s ease-out;\n transition: all 0.2s ease-out;\n stroke-dashoffset: 0;\n opacity: 1;\n}\n\n:host([indeterminate]) [part~=indicator] {\n stroke-dashoffset: 41;\n opacity: 1;\n -webkit-transform: rotate(45deg) scale(0.45) translateX(-0.25rem);\n -ms-transform: rotate(45deg) scale(0.45) translateX(-0.25rem);\n transform: rotate(45deg) scale(0.45) translateX(-0.25rem);\n}\n\n:host([disabled]) {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: initial;\n pointer-events: none;\n}\n\n:host([label-position=before]) [part~=label] {\n -webkit-box-ordinal-group: 0;\n -ms-flex-order: -1;\n order: -1;\n}`;\n"]}
@@ -1,7 +1,69 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
2
+ export const styles = css `:host {
3
+ --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
4
+ --is-medium: min(
5
+ clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
6
+ clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
7
+ );
8
+ --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
9
+ position: relative;
10
+ -webkit-box-sizing: border-box;
11
+ box-sizing: border-box;
12
+ scrollbar-width: var(--ig-scrollbar-size);
13
+ scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
14
+ }
15
+ :host *,
16
+ :host *::before,
17
+ :host *::after {
18
+ -webkit-box-sizing: border-box;
19
+ box-sizing: border-box;
20
+ }
21
+ :host ::-webkit-scrollbar {
22
+ width: var(--ig-scrollbar-size);
23
+ height: var(--ig-scrollbar-size);
24
+ background: var(--ig-scrollbar-track-background);
25
+ }
26
+ :host ::-webkit-scrollbar-thumb {
27
+ background: var(--ig-scrollbar-thumb-background);
28
+ }
29
+
30
+ [hidden] {
31
+ display: none !important;
32
+ }
33
+
34
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
35
+ /* stylelint-disable max-line-length */
36
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
37
+ /* stylelint-disable max-line-length */
38
+ /* stylelint-disable max-line-length */
39
+ /* stylelint-disable max-line-length */
40
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
41
+ /* stylelint-disable max-line-length */
42
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
43
+ /* stylelint-disable max-line-length */
44
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
45
+ /* stylelint-disable max-line-length */
46
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
47
+ :host,
48
+ :host ig-checkbox {
49
+ --tick-color: var(--ig-checkbox-tick-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));
50
+ --tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-50), var(--ig-gray-a)));
51
+ --label-color: var(--ig-checkbox-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
52
+ --empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
53
+ --fill-color: var(--ig-checkbox-fill-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));
54
+ --fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));
55
+ --disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));
56
+ --disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));
57
+ --disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));
58
+ --error-color: var(--ig-checkbox-error-color, hsla(var(--ig-error-500), var(--ig-error-a)));
59
+ --error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-100), var(--ig-error-a)));
60
+ --border-radius: var(--ig-checkbox-border-radius, 0.25rem);
61
+ --border-radius-ripple: var(--ig-checkbox-border-radius-ripple, 0.25rem);
62
+ --focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));
63
+ }
64
+
3
65
  [part~=control] {
4
- border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);
66
+ border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius-ripple)), var(--border-radius-ripple));
5
67
  --size: 1rem;
6
68
  width: var(--size);
7
69
  height: var(--size);
@@ -9,15 +71,16 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
9
71
  -webkit-transition: background-color 0.15s ease-in-out;
10
72
  -o-transition: background-color 0.15s ease-in-out;
11
73
  transition: background-color 0.15s ease-in-out;
74
+ -webkit-transform: translate3d(0, 0, 0);
75
+ transform: translate3d(0, 0, 0);
12
76
  }
13
77
  [part~=control]::after {
78
+ border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));
14
79
  width: inherit;
15
80
  height: inherit;
16
81
  min-width: inherit;
17
- border-radius: inherit;
18
- border: none;
19
- -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-400), var(--ig-gray-a));
20
- box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-400), var(--ig-gray-a));
82
+ -webkit-box-shadow: inset 0 0 0 0.0625rem var(--empty-color);
83
+ box-shadow: inset 0 0 0 0.0625rem var(--empty-color);
21
84
  -webkit-transition: none;
22
85
  -o-transition: none;
23
86
  transition: none;
@@ -47,65 +110,80 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
47
110
  -webkit-transition: none;
48
111
  -o-transition: none;
49
112
  transition: none;
113
+ color: var(--label-color);
50
114
  }
51
115
 
52
- :host([indeterminate]) [part=indicator] {
116
+ [part="control checked"]::after {
117
+ background: var(--fill-color);
118
+ -webkit-box-shadow: inset 0 0 0 0.0625rem var(--fill-color);
119
+ box-shadow: inset 0 0 0 0.0625rem var(--fill-color);
120
+ }
121
+
122
+ :host([indeterminate]) [part~=control]::after {
123
+ background: var(--fill-color);
124
+ -webkit-box-shadow: inset 0 0 0 0.0625rem var(--fill-color);
125
+ box-shadow: inset 0 0 0 0.0625rem var(--fill-color);
126
+ }
127
+ :host([indeterminate]) [part~=indicator] {
128
+ stroke-dashoffset: 41;
129
+ opacity: 1;
53
130
  -webkit-transform: rotate(45deg) translateX(-0.075rem) scale(0.7);
54
131
  -ms-transform: rotate(45deg) translateX(-0.075rem) scale(0.7);
55
132
  transform: rotate(45deg) translateX(-0.075rem) scale(0.7);
56
133
  }
57
134
 
58
- :host(:focus-within) [part~=control] {
59
- -webkit-box-shadow: 0 0 0 4px hsla(var(--ig-primary-100), var(--ig-primary-a));
60
- box-shadow: 0 0 0 4px hsla(var(--ig-primary-100), var(--ig-primary-a));
135
+ :host(:not([disabled])[invalid]) [part~=label] {
136
+ color: var(--error-color);
61
137
  }
62
- :host(:focus-within) [part~=control]::after {
63
- -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));
64
- box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));
138
+ :host(:not([disabled])[invalid]) [part~=control]::after {
139
+ -webkit-box-shadow: inset 0 0 0 0.0625rem var(--error-color);
140
+ box-shadow: inset 0 0 0 0.0625rem var(--error-color);
141
+ border-color: var(--error-color);
65
142
  }
66
-
67
- [part="control checked"]::after,
68
- :host([indeterminate]) [part~=control]::after {
69
- background: hsla(var(--ig-primary-500), var(--ig-primary-a));
70
- -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));
71
- box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));
143
+ :host(:not([disabled])[invalid]) [part="control checked"]::after {
144
+ -webkit-box-shadow: inset 0 0 0 0.0625rem var(--error-color);
145
+ box-shadow: inset 0 0 0 0.0625rem var(--error-color);
146
+ background: var(--error-color);
72
147
  }
73
-
74
- :host([invalid]) [part=control]::after {
75
- -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-error-500), var(--ig-error-a));
76
- box-shadow: inset 0 0 0 1px hsla(var(--ig-error-500), var(--ig-error-a));
148
+ :host(:not([disabled])[invalid]):focus-within [part~=control],
149
+ :host(:not([disabled])[invalid]):focus-within [part="control checked"] {
150
+ -webkit-box-shadow: 0 0 0 0.25rem var(--error-color);
151
+ box-shadow: 0 0 0 0.25rem var(--error-color);
77
152
  }
78
153
 
79
- :host([invalid]) [part="control checked"]::after,
80
- :host([invalid][indeterminate]) [part=control]::after {
81
- -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-error-500), var(--ig-error-a));
82
- box-shadow: inset 0 0 0 1px hsla(var(--ig-error-500), var(--ig-error-a));
154
+ :host(:not([disabled])[invalid][indeterminate]) [part~=control]::after {
155
+ background: var(--error-color);
83
156
  }
84
157
 
85
- :host([invalid]:focus-within) [part=control],
86
- :host([invalid]:focus-within) [part="control checked"],
87
- :host([invalid][indeterminate]:focus-within) [part=control] {
88
- -webkit-box-shadow: 0 0 0 4px hsla(var(--ig-error-100), var(--ig-error-a));
89
- box-shadow: 0 0 0 4px hsla(var(--ig-error-100), var(--ig-error-a));
158
+ :host(:focus-within) [part~=control],
159
+ [part~=focused] [part~=control] {
160
+ -webkit-box-shadow: 0 0 0 0.25rem var(--focus-outline-color);
161
+ box-shadow: 0 0 0 0.25rem var(--focus-outline-color);
162
+ }
163
+ :host(:focus-within) [part~=control]::after,
164
+ [part~=focused] [part~=control]::after {
165
+ -webkit-box-shadow: inset 0 0 0 0.0625rem var(--fill-color);
166
+ box-shadow: inset 0 0 0 0.0625rem var(--fill-color);
90
167
  }
91
168
 
92
- :host([disabled]) [part=control]::after,
93
- :host([disabled][invalid]) [part=control]::after {
94
- -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-300), var(--ig-gray-a));
95
- box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-300), var(--ig-gray-a));
169
+ :host(:focus-within:not([disabled])[invalid]) [part~=control],
170
+ :host(:not([disabled])[invalid]) [part~=focused] [part~=control] {
171
+ -webkit-box-shadow: 0 0 0 0.25rem var(--error-color-hover);
172
+ box-shadow: 0 0 0 0.25rem var(--error-color-hover);
96
173
  }
97
174
 
98
- :host([disabled]) [part="control checked"]::after,
99
- :host([disabled][invalid]) [part="control checked"]::after {
100
- background: hsla(var(--ig-primary-200), var(--ig-primary-a));
101
- -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-200), var(--ig-primary-a));
102
- box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-200), var(--ig-primary-a));
175
+ :host([disabled]) [part~=label] {
176
+ color: var(--disabled-color-label);
177
+ }
178
+ :host([disabled]) [part="control checked"]::after {
179
+ background: var(--disabled-color);
180
+ -webkit-box-shadow: inset 0 0 0 0.0625rem var(--disabled-color);
181
+ box-shadow: inset 0 0 0 0.0625rem var(--disabled-color);
103
182
  }
104
183
 
105
- :host([disabled][indeterminate]) [part=control]::after,
106
- :host([disabled][invalid][indeterminate]) [part=control]::after {
107
- background: hsla(var(--ig-primary-200), var(--ig-primary-a));
108
- -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-200), var(--ig-primary-a));
109
- box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-200), var(--ig-primary-a));
184
+ :host([disabled][indeterminate]) [part=control]::after {
185
+ background: var(--disabled-color);
186
+ -webkit-box-shadow: inset 0 0 0 0.0625rem var(--disabled-color);
187
+ box-shadow: inset 0 0 0 0.0625rem var(--disabled-color);
110
188
  }`;
111
189
  //# sourceMappingURL=checkbox.bootstrap.css.js.map