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