igniteui-webcomponents 4.2.2 → 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 (409) hide show
  1. package/CHANGELOG.md +21 -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 +1 -1
  19. package/components/button/icon-button.js.map +1 -1
  20. package/components/button/themes/button/dark/button.bootstrap.css.js +13 -0
  21. package/components/button/themes/button/dark/button.bootstrap.css.js.map +1 -0
  22. package/components/button/themes/button/dark/button.fluent.css.js +11 -1
  23. package/components/button/themes/button/dark/button.fluent.css.js.map +1 -1
  24. package/components/button/themes/button/dark/button.indigo.css.d.ts +1 -0
  25. package/components/button/themes/button/dark/button.indigo.css.js +13 -0
  26. package/components/button/themes/button/dark/button.indigo.css.js.map +1 -0
  27. package/components/button/themes/button/dark/button.material.css.d.ts +1 -0
  28. package/components/button/themes/button/dark/button.material.css.js +13 -0
  29. package/components/button/themes/button/dark/button.material.css.js.map +1 -0
  30. package/components/button/themes/button/light/button.base.css.js +6 -57
  31. package/components/button/themes/button/light/button.base.css.js.map +1 -1
  32. package/components/button/themes/button/light/button.bootstrap.css.js +227 -71
  33. package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -1
  34. package/components/button/themes/button/light/button.fluent.css.js +287 -70
  35. package/components/button/themes/button/light/button.fluent.css.js.map +1 -1
  36. package/components/button/themes/button/light/button.indigo.css.js +280 -78
  37. package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
  38. package/components/button/themes/button/light/button.material.css.js +280 -170
  39. package/components/button/themes/button/light/button.material.css.js.map +1 -1
  40. package/components/button/themes/icon-button/light/icon-button.base.css.js +10 -8
  41. package/components/button/themes/icon-button/light/icon-button.base.css.js.map +1 -1
  42. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js +24 -0
  43. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js.map +1 -1
  44. package/components/button/themes/icon-button/light/icon-button.fluent.css.js +16 -0
  45. package/components/button/themes/icon-button/light/icon-button.fluent.css.js.map +1 -1
  46. package/components/button/themes/icon-button/light/icon-button.indigo.css.js +9 -0
  47. package/components/button/themes/icon-button/light/icon-button.indigo.css.js.map +1 -1
  48. package/components/button/themes/icon-button/light/icon-button.material.css.js +7 -0
  49. package/components/button/themes/icon-button/light/icon-button.material.css.js.map +1 -1
  50. package/components/calendar/calendar.js.map +1 -1
  51. package/components/calendar/common/calendar-base.d.ts +7 -3
  52. package/components/calendar/common/calendar-base.js +24 -2
  53. package/components/calendar/common/calendar-base.js.map +1 -1
  54. package/components/calendar/days-view/days-view.js.map +1 -1
  55. package/components/calendar/months-view/months-view.js.map +1 -1
  56. package/components/calendar/themes/calendar.base.css.js +4 -5
  57. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  58. package/components/calendar/themes/fluent/calendar.fluent.css.js +4 -5
  59. package/components/calendar/themes/fluent/calendar.fluent.css.js.map +1 -1
  60. package/components/calendar/years-view/years-view.js.map +1 -1
  61. package/components/card/card.actions.js.map +1 -1
  62. package/components/card/card.content.js.map +1 -1
  63. package/components/card/card.header.js.map +1 -1
  64. package/components/card/card.js.map +1 -1
  65. package/components/card/card.media.js +2 -1
  66. package/components/card/card.media.js.map +1 -1
  67. package/components/card/themes/light/card.actions.bootstrap.css.js +4 -5
  68. package/components/card/themes/light/card.actions.bootstrap.css.js.map +1 -1
  69. package/components/card/themes/light/card.actions.material.css.js +4 -5
  70. package/components/card/themes/light/card.actions.material.css.js.map +1 -1
  71. package/components/card/themes/light/card.content.bootstrap.css.js +5 -8
  72. package/components/card/themes/light/card.content.bootstrap.css.js.map +1 -1
  73. package/components/card/themes/light/card.content.indigo.css.js +5 -8
  74. package/components/card/themes/light/card.content.indigo.css.js.map +1 -1
  75. package/components/card/themes/light/card.content.material.css.js +5 -8
  76. package/components/card/themes/light/card.content.material.css.js.map +1 -1
  77. package/components/card/themes/light/card.header.bootstrap.css.js +4 -8
  78. package/components/card/themes/light/card.header.bootstrap.css.js.map +1 -1
  79. package/components/card/themes/light/card.header.fluent.css.js +4 -8
  80. package/components/card/themes/light/card.header.fluent.css.js.map +1 -1
  81. package/components/card/themes/light/card.header.indigo.css.js +4 -8
  82. package/components/card/themes/light/card.header.indigo.css.js.map +1 -1
  83. package/components/card/themes/light/card.header.material.css.js +4 -8
  84. package/components/card/themes/light/card.header.material.css.js.map +1 -1
  85. package/components/card/themes/light/card.material.css.js +15 -5
  86. package/components/card/themes/light/card.material.css.js.map +1 -1
  87. package/components/card/themes/light/card.media.material.css.js +4 -5
  88. package/components/card/themes/light/card.media.material.css.js.map +1 -1
  89. package/components/checkbox/checkbox-base.js.map +1 -1
  90. package/components/checkbox/checkbox.js.map +1 -1
  91. package/components/checkbox/switch.js.map +1 -1
  92. package/components/checkbox/themes/dark/checkbox.bootstrap.css.d.ts +1 -0
  93. package/components/checkbox/themes/dark/checkbox.bootstrap.css.js +13 -0
  94. package/components/checkbox/themes/dark/checkbox.bootstrap.css.js.map +1 -0
  95. package/components/checkbox/themes/dark/checkbox.fluent.css.js +11 -1
  96. package/components/checkbox/themes/dark/checkbox.fluent.css.js.map +1 -1
  97. package/components/checkbox/themes/dark/checkbox.indigo.css.js +11 -1
  98. package/components/checkbox/themes/dark/checkbox.indigo.css.js.map +1 -1
  99. package/components/checkbox/themes/dark/checkbox.material.css.d.ts +1 -0
  100. package/components/checkbox/themes/dark/checkbox.material.css.js +13 -0
  101. package/components/checkbox/themes/dark/checkbox.material.css.js.map +1 -0
  102. package/components/checkbox/themes/dark/switch.bootstrap.css.d.ts +1 -0
  103. package/components/checkbox/themes/dark/switch.bootstrap.css.js +13 -0
  104. package/components/checkbox/themes/dark/switch.bootstrap.css.js.map +1 -0
  105. package/components/checkbox/themes/dark/switch.fluent.css.js +11 -1
  106. package/components/checkbox/themes/dark/switch.fluent.css.js.map +1 -1
  107. package/components/checkbox/themes/dark/switch.indigo.css.js +11 -1
  108. package/components/checkbox/themes/dark/switch.indigo.css.js.map +1 -1
  109. package/components/checkbox/themes/dark/switch.material.css.d.ts +1 -0
  110. package/components/checkbox/themes/dark/switch.material.css.js +13 -0
  111. package/components/checkbox/themes/dark/switch.material.css.js.map +1 -0
  112. package/components/checkbox/themes/light/checkbox.base.css.js +15 -51
  113. package/components/checkbox/themes/light/checkbox.base.css.js.map +1 -1
  114. package/components/checkbox/themes/light/checkbox.bootstrap.css.js +122 -46
  115. package/components/checkbox/themes/light/checkbox.bootstrap.css.js.map +1 -1
  116. package/components/checkbox/themes/light/checkbox.fluent.css.js +170 -87
  117. package/components/checkbox/themes/light/checkbox.fluent.css.js.map +1 -1
  118. package/components/checkbox/themes/light/checkbox.indigo.css.js +134 -49
  119. package/components/checkbox/themes/light/checkbox.indigo.css.js.map +1 -1
  120. package/components/checkbox/themes/light/checkbox.material.css.js +146 -18
  121. package/components/checkbox/themes/light/checkbox.material.css.js.map +1 -1
  122. package/components/checkbox/themes/light/switch.base.css.js +29 -56
  123. package/components/checkbox/themes/light/switch.base.css.js.map +1 -1
  124. package/components/checkbox/themes/light/switch.bootstrap.css.js +146 -95
  125. package/components/checkbox/themes/light/switch.bootstrap.css.js.map +1 -1
  126. package/components/checkbox/themes/light/switch.fluent.css.js +142 -80
  127. package/components/checkbox/themes/light/switch.fluent.css.js.map +1 -1
  128. package/components/checkbox/themes/light/switch.indigo.css.js +152 -97
  129. package/components/checkbox/themes/light/switch.indigo.css.js.map +1 -1
  130. package/components/checkbox/themes/light/switch.material.css.js +169 -37
  131. package/components/checkbox/themes/light/switch.material.css.js.map +1 -1
  132. package/components/chip/chip.js.map +1 -1
  133. package/components/chip/themes/chip.base.css.js +4 -5
  134. package/components/chip/themes/chip.base.css.js.map +1 -1
  135. package/components/chip/themes/chip.bootstrap.css.js +4 -5
  136. package/components/chip/themes/chip.bootstrap.css.js.map +1 -1
  137. package/components/chip/themes/chip.fluent.css.js +5 -5
  138. package/components/chip/themes/chip.fluent.css.js.map +1 -1
  139. package/components/chip/themes/chip.indigo.css.js +4 -5
  140. package/components/chip/themes/chip.indigo.css.js.map +1 -1
  141. package/components/chip/themes/chip.material.css.js +5 -5
  142. package/components/chip/themes/chip.material.css.js.map +1 -1
  143. package/components/combo/combo-header.js.map +1 -1
  144. package/components/combo/combo-item.d.ts +5 -0
  145. package/components/combo/combo-item.js.map +1 -1
  146. package/components/combo/combo-list.js +2 -1
  147. package/components/combo/combo-list.js.map +1 -1
  148. package/components/combo/combo.d.ts +50 -4
  149. package/components/combo/combo.js +57 -26
  150. package/components/combo/combo.js.map +1 -1
  151. package/components/combo/controllers/data.js +9 -5
  152. package/components/combo/controllers/data.js.map +1 -1
  153. package/components/combo/controllers/selection.d.ts +2 -1
  154. package/components/combo/controllers/selection.js +14 -2
  155. package/components/combo/controllers/selection.js.map +1 -1
  156. package/components/combo/operations/filter.d.ts +3 -1
  157. package/components/combo/operations/filter.js +10 -7
  158. package/components/combo/operations/filter.js.map +1 -1
  159. package/components/combo/operations/group.d.ts +2 -2
  160. package/components/combo/operations/group.js +8 -5
  161. package/components/combo/operations/group.js.map +1 -1
  162. package/components/combo/themes/light/combo.base.css.js +4 -5
  163. package/components/combo/themes/light/combo.base.css.js.map +1 -1
  164. package/components/combo/themes/light/header/combo-header.base.css.js +4 -5
  165. package/components/combo/themes/light/header/combo-header.base.css.js.map +1 -1
  166. package/components/combo/themes/light/item/combo-item.base.css.js +4 -5
  167. package/components/combo/themes/light/item/combo-item.base.css.js.map +1 -1
  168. package/components/combo/types.d.ts +5 -4
  169. package/components/combo/types.js.map +1 -1
  170. package/components/common/mixins/sizable.js.map +1 -1
  171. package/components/date-time-input/date-time-input.js +2 -1
  172. package/components/date-time-input/date-time-input.js.map +1 -1
  173. package/components/date-time-input/date-util.js +2 -1
  174. package/components/date-time-input/date-util.js.map +1 -1
  175. package/components/dialog/dialog.d.ts +8 -1
  176. package/components/dialog/dialog.js +12 -3
  177. package/components/dialog/dialog.js.map +1 -1
  178. package/components/dialog/themes/light/dialog.base.css.js +5 -13
  179. package/components/dialog/themes/light/dialog.base.css.js.map +1 -1
  180. package/components/dropdown/dropdown-group.js.map +1 -1
  181. package/components/dropdown/dropdown-header.js.map +1 -1
  182. package/components/dropdown/dropdown-item.js.map +1 -1
  183. package/components/dropdown/dropdown.js +2 -0
  184. package/components/dropdown/dropdown.js.map +1 -1
  185. package/components/dropdown/themes/light/dropdown-group.base.css.js +4 -5
  186. package/components/dropdown/themes/light/dropdown-group.base.css.js.map +1 -1
  187. package/components/dropdown/themes/light/dropdown-header.base.css.js +4 -5
  188. package/components/dropdown/themes/light/dropdown-header.base.css.js.map +1 -1
  189. package/components/dropdown/themes/light/dropdown-item.base.css.js +4 -5
  190. package/components/dropdown/themes/light/dropdown-item.base.css.js.map +1 -1
  191. package/components/dropdown/themes/light/dropdown.base.css.js +4 -5
  192. package/components/dropdown/themes/light/dropdown.base.css.js.map +1 -1
  193. package/components/expansion-panel/expansion-panel.d.ts +1 -0
  194. package/components/expansion-panel/expansion-panel.js.map +1 -1
  195. package/components/expansion-panel/themes/light/expansion-panel.base.css.js +4 -5
  196. package/components/expansion-panel/themes/light/expansion-panel.base.css.js.map +1 -1
  197. package/components/form/form.js +2 -1
  198. package/components/form/form.js.map +1 -1
  199. package/components/icon/dark/icon.bootstrap.css.d.ts +1 -0
  200. package/components/icon/dark/icon.bootstrap.css.js +13 -0
  201. package/components/icon/dark/icon.bootstrap.css.js.map +1 -0
  202. package/components/icon/dark/icon.fluent.css.d.ts +1 -0
  203. package/components/{avatar/themes/avatar.bootstrap.css.js → icon/dark/icon.fluent.css.js} +11 -5
  204. package/components/icon/dark/icon.fluent.css.js.map +1 -0
  205. package/components/icon/dark/icon.indigo.css.d.ts +1 -0
  206. package/components/icon/dark/icon.indigo.css.js +13 -0
  207. package/components/icon/dark/icon.indigo.css.js.map +1 -0
  208. package/components/icon/dark/icon.material.css.d.ts +1 -0
  209. package/components/icon/dark/icon.material.css.js +13 -0
  210. package/components/icon/dark/icon.material.css.js.map +1 -0
  211. package/components/icon/icon.base.css.d.ts +1 -0
  212. package/components/icon/{icon.material.css.js → icon.base.css.js} +11 -13
  213. package/components/icon/icon.base.css.js.map +1 -0
  214. package/components/icon/icon.js +12 -3
  215. package/components/icon/icon.js.map +1 -1
  216. package/components/icon/light/icon.bootstrap.css.d.ts +1 -0
  217. package/components/icon/light/icon.bootstrap.css.js +58 -0
  218. package/components/icon/light/icon.bootstrap.css.js.map +1 -0
  219. package/components/icon/light/icon.fluent.css.d.ts +1 -0
  220. package/components/icon/light/icon.fluent.css.js +58 -0
  221. package/components/icon/light/icon.fluent.css.js.map +1 -0
  222. package/components/icon/light/icon.indigo.css.d.ts +1 -0
  223. package/components/icon/light/icon.indigo.css.js +58 -0
  224. package/components/icon/light/icon.indigo.css.js.map +1 -0
  225. package/components/icon/light/icon.material.css.d.ts +1 -0
  226. package/components/icon/light/icon.material.css.js +58 -0
  227. package/components/icon/light/icon.material.css.js.map +1 -0
  228. package/components/input/input-base.js.map +1 -1
  229. package/components/input/input.js +2 -1
  230. package/components/input/input.js.map +1 -1
  231. package/components/input/themes/light/input.base.css.js +4 -5
  232. package/components/input/themes/light/input.base.css.js.map +1 -1
  233. package/components/list/list-header.js.map +1 -1
  234. package/components/list/list-item.js.map +1 -1
  235. package/components/list/list.js.map +1 -1
  236. package/components/list/themes/light/list-header.base.css.js +4 -5
  237. package/components/list/themes/light/list-header.base.css.js.map +1 -1
  238. package/components/list/themes/light/list-item.base.css.js +4 -5
  239. package/components/list/themes/light/list-item.base.css.js.map +1 -1
  240. package/components/list/themes/light/list.base.css.js +4 -5
  241. package/components/list/themes/light/list.base.css.js.map +1 -1
  242. package/components/mask-input/mask-input-base.js.map +1 -1
  243. package/components/mask-input/mask-input.js +2 -1
  244. package/components/mask-input/mask-input.js.map +1 -1
  245. package/components/nav-drawer/nav-drawer-header-item.js.map +1 -1
  246. package/components/nav-drawer/nav-drawer-item.js.map +1 -1
  247. package/components/nav-drawer/nav-drawer.js.map +1 -1
  248. package/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.js +4 -5
  249. package/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.js.map +1 -1
  250. package/components/nav-drawer/themes/light/nav-drawer-item.base.css.js +4 -5
  251. package/components/nav-drawer/themes/light/nav-drawer-item.base.css.js.map +1 -1
  252. package/components/nav-drawer/themes/light/nav-drawer.base.css.js +4 -5
  253. package/components/nav-drawer/themes/light/nav-drawer.base.css.js.map +1 -1
  254. package/components/navbar/navbar.js +3 -2
  255. package/components/navbar/navbar.js.map +1 -1
  256. package/components/navbar/themes/dark/navbar.bootstrap.css.d.ts +1 -0
  257. package/components/navbar/themes/dark/navbar.bootstrap.css.js +13 -0
  258. package/components/navbar/themes/dark/navbar.bootstrap.css.js.map +1 -0
  259. package/components/navbar/themes/dark/navbar.fluent.css.d.ts +1 -0
  260. package/components/navbar/themes/dark/navbar.fluent.css.js +13 -0
  261. package/components/navbar/themes/dark/navbar.fluent.css.js.map +1 -0
  262. package/components/navbar/themes/dark/navbar.indigo.css.d.ts +1 -0
  263. package/components/navbar/themes/dark/navbar.indigo.css.js +13 -0
  264. package/components/navbar/themes/dark/navbar.indigo.css.js.map +1 -0
  265. package/components/navbar/themes/dark/navbar.material.css.d.ts +1 -0
  266. package/components/navbar/themes/dark/navbar.material.css.js +13 -0
  267. package/components/navbar/themes/dark/navbar.material.css.js.map +1 -0
  268. package/components/navbar/themes/light/navbar.bootstrap.css.js +60 -6
  269. package/components/navbar/themes/light/navbar.bootstrap.css.js.map +1 -1
  270. package/components/navbar/themes/light/navbar.fluent.css.js +66 -1
  271. package/components/navbar/themes/light/navbar.fluent.css.js.map +1 -1
  272. package/components/navbar/themes/light/navbar.indigo.css.js +63 -3
  273. package/components/navbar/themes/light/navbar.indigo.css.js.map +1 -1
  274. package/components/navbar/themes/light/navbar.material.css.d.ts +1 -0
  275. package/components/navbar/themes/light/navbar.material.css.js +67 -0
  276. package/components/navbar/themes/light/navbar.material.css.js.map +1 -0
  277. package/components/navbar/themes/navbar.base.css.d.ts +1 -0
  278. package/components/navbar/themes/{light/navbar.base.css.js → navbar.base.css.js} +9 -11
  279. package/components/navbar/themes/navbar.base.css.js.map +1 -0
  280. package/components/progress/base.js.map +1 -1
  281. package/components/progress/circular-gradient.js +2 -1
  282. package/components/progress/circular-gradient.js.map +1 -1
  283. package/components/progress/circular-progress.js.map +1 -1
  284. package/components/progress/linear-progress.js.map +1 -1
  285. package/components/progress/themes/circular/circular.progress.base.css.js +4 -5
  286. package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -1
  287. package/components/progress/themes/linear/linear.progress.base.css.js +4 -5
  288. package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
  289. package/components/progress/themes/linear/linear.progress.bootstrap.css.js +4 -5
  290. package/components/progress/themes/linear/linear.progress.bootstrap.css.js.map +1 -1
  291. package/components/progress/themes/linear/linear.progress.indigo.css.js +4 -5
  292. package/components/progress/themes/linear/linear.progress.indigo.css.js.map +1 -1
  293. package/components/radio/radio.js +6 -3
  294. package/components/radio/radio.js.map +1 -1
  295. package/components/radio/themes/dark/radio.bootstrap.css.d.ts +1 -0
  296. package/components/radio/themes/dark/radio.bootstrap.css.js +13 -0
  297. package/components/radio/themes/dark/radio.bootstrap.css.js.map +1 -0
  298. package/components/radio/themes/dark/radio.fluent.css.js +11 -1
  299. package/components/radio/themes/dark/radio.fluent.css.js.map +1 -1
  300. package/components/radio/themes/dark/radio.indigo.css.js +11 -1
  301. package/components/radio/themes/dark/radio.indigo.css.js.map +1 -1
  302. package/components/radio/themes/dark/radio.material.css.js +11 -1
  303. package/components/radio/themes/dark/radio.material.css.js.map +1 -1
  304. package/components/radio/themes/light/radio.base.css.js +22 -41
  305. package/components/radio/themes/light/radio.base.css.js.map +1 -1
  306. package/components/radio/themes/light/radio.bootstrap.css.js +100 -30
  307. package/components/radio/themes/light/radio.bootstrap.css.js.map +1 -1
  308. package/components/radio/themes/light/radio.fluent.css.js +156 -71
  309. package/components/radio/themes/light/radio.fluent.css.js.map +1 -1
  310. package/components/radio/themes/light/radio.indigo.css.js +104 -56
  311. package/components/radio/themes/light/radio.indigo.css.js.map +1 -1
  312. package/components/radio/themes/light/radio.material.css.js +129 -16
  313. package/components/radio/themes/light/radio.material.css.js.map +1 -1
  314. package/components/radio-group/radio-group.base.css.js +4 -5
  315. package/components/radio-group/radio-group.base.css.js.map +1 -1
  316. package/components/radio-group/radio-group.js.map +1 -1
  317. package/components/rating/rating-symbol.base.css.js +4 -5
  318. package/components/rating/rating-symbol.base.css.js.map +1 -1
  319. package/components/rating/rating-symbol.js +2 -1
  320. package/components/rating/rating-symbol.js.map +1 -1
  321. package/components/rating/rating.base.css.js +4 -5
  322. package/components/rating/rating.base.css.js.map +1 -1
  323. package/components/rating/rating.js.map +1 -1
  324. package/components/ripple/ripple.js +2 -1
  325. package/components/ripple/ripple.js.map +1 -1
  326. package/components/ripple/ripple.material.css.js +4 -5
  327. package/components/ripple/ripple.material.css.js.map +1 -1
  328. package/components/select/select-group.js +2 -1
  329. package/components/select/select-group.js.map +1 -1
  330. package/components/select/select-header.js +2 -1
  331. package/components/select/select-header.js.map +1 -1
  332. package/components/select/select-item.js +2 -1
  333. package/components/select/select-item.js.map +1 -1
  334. package/components/select/select.d.ts +2 -0
  335. package/components/select/select.js +7 -4
  336. package/components/select/select.js.map +1 -1
  337. package/components/select/themes/light/select.base.css.js +4 -5
  338. package/components/select/themes/light/select.base.css.js.map +1 -1
  339. package/components/slider/range-slider.js +2 -1
  340. package/components/slider/range-slider.js.map +1 -1
  341. package/components/slider/slider-base.js.map +1 -1
  342. package/components/slider/slider-label.js +2 -1
  343. package/components/slider/slider-label.js.map +1 -1
  344. package/components/slider/slider.js +2 -1
  345. package/components/slider/slider.js.map +1 -1
  346. package/components/slider/themes/light/slider.base.css.js +4 -5
  347. package/components/slider/themes/light/slider.base.css.js.map +1 -1
  348. package/components/snackbar/snackbar.js.map +1 -1
  349. package/components/snackbar/themes/light/snackbar.base.css.js +4 -5
  350. package/components/snackbar/themes/light/snackbar.base.css.js.map +1 -1
  351. package/components/stepper/step.js.map +1 -1
  352. package/components/stepper/stepper.d.ts +1 -1
  353. package/components/stepper/stepper.js +12 -3
  354. package/components/stepper/stepper.js.map +1 -1
  355. package/components/stepper/themes/step/light/step.base.css.js +7 -5
  356. package/components/stepper/themes/step/light/step.base.css.js.map +1 -1
  357. package/components/stepper/themes/stepper/stepper.base.css.js +13 -6
  358. package/components/stepper/themes/stepper/stepper.base.css.js.map +1 -1
  359. package/components/stepper/themes/stepper/stepper.bootstrap.css.js +4 -5
  360. package/components/stepper/themes/stepper/stepper.bootstrap.css.js.map +1 -1
  361. package/components/stepper/themes/stepper/stepper.fluent.css.js +4 -5
  362. package/components/stepper/themes/stepper/stepper.fluent.css.js.map +1 -1
  363. package/components/stepper/themes/stepper/stepper.indigo.css.js +4 -5
  364. package/components/stepper/themes/stepper/stepper.indigo.css.js.map +1 -1
  365. package/components/tabs/tab-panel.js +2 -1
  366. package/components/tabs/tab-panel.js.map +1 -1
  367. package/components/tabs/tab.js.map +1 -1
  368. package/components/tabs/tabs.js +1 -1
  369. package/components/tabs/tabs.js.map +1 -1
  370. package/components/tabs/themes/light/tab-panel.base.css.js +12 -8
  371. package/components/tabs/themes/light/tab-panel.base.css.js.map +1 -1
  372. package/components/tabs/themes/light/tab.base.css.js +5 -8
  373. package/components/tabs/themes/light/tab.base.css.js.map +1 -1
  374. package/components/tabs/themes/light/tabs.base.css.js +29 -6
  375. package/components/tabs/themes/light/tabs.base.css.js.map +1 -1
  376. package/components/toast/toast.js.map +1 -1
  377. package/components/toggle/toggle.directive.js +2 -1
  378. package/components/toggle/toggle.directive.js.map +1 -1
  379. package/components/tree/themes/light/tree-item.base.css.js +4 -5
  380. package/components/tree/themes/light/tree-item.base.css.js.map +1 -1
  381. package/components/tree/themes/light/tree.base.css.js +4 -5
  382. package/components/tree/themes/light/tree.base.css.js.map +1 -1
  383. package/components/tree/tree-item.js.map +1 -1
  384. package/components/tree/tree.js.map +1 -1
  385. package/custom-elements.json +60 -38
  386. package/index.d.ts +1 -1
  387. package/index.js +1 -0
  388. package/index.js.map +1 -1
  389. package/package.json +4 -4
  390. package/themes/dark/bootstrap.css +318 -0
  391. package/themes/dark/fluent.css +301 -23
  392. package/themes/dark/indigo.css +305 -12
  393. package/themes/dark/material.css +327 -6
  394. package/themes/light/bootstrap.css +108 -0
  395. package/themes/light/fluent.css +108 -0
  396. package/themes/light/indigo.css +108 -0
  397. package/themes/light/material.css +108 -0
  398. package/vscode-html-custom-data.json +26 -32
  399. package/components/avatar/themes/avatar.base.css.js.map +0 -1
  400. package/components/avatar/themes/avatar.bootstrap.css.js.map +0 -1
  401. package/components/combo/utils/converters.d.ts +0 -3
  402. package/components/combo/utils/converters.js +0 -9
  403. package/components/combo/utils/converters.js.map +0 -1
  404. package/components/icon/icon.material.css.js.map +0 -1
  405. package/components/navbar/themes/light/navbar.base.css.js.map +0 -1
  406. /package/components/avatar/themes/{avatar.base.css.d.ts → dark/avatar.base.bootstrap.css.d.ts} +0 -0
  407. /package/components/avatar/themes/{avatar.bootstrap.css.d.ts → light/avatar.base.css.d.ts} +0 -0
  408. /package/components/{icon/icon.material.css.d.ts → avatar/themes/light/avatar.bootstrap.css.d.ts} +0 -0
  409. /package/components/{navbar/themes/light/navbar.base.css.d.ts → button/themes/button/dark/button.bootstrap.css.d.ts} +0 -0
package/themes/light/indigo.css CHANGED
@@ -82,252 +82,360 @@
82
82
  --ig-scrollbar-track-background: hsla(var(--ig-gray-200), var(--ig-gray-a));
83
83
  }
84
84
  :root {
85
+ --ig-primary-50: hsl(230.85, 59.48%, 85.16%);
85
86
  --ig-primary-50-contrast: black;
86
87
  --ig-primary-50: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 1.78);
88
+ --ig-primary-100: hsl(230.85, 38.69%, 79.42%);
87
89
  --ig-primary-100-contrast: black;
88
90
  --ig-primary-100: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.8), calc(var(--ig-primary-l) * 1.66);
91
+ --ig-primary-200: hsl(230.85, 30.95%, 68.42%);
89
92
  --ig-primary-200-contrast: black;
90
93
  --ig-primary-200: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.64), calc(var(--ig-primary-l) * 1.43);
94
+ --ig-primary-300: hsl(230.85, 35.3%, 56.93%);
91
95
  --ig-primary-300-contrast: black;
92
96
  --ig-primary-300: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.73), calc(var(--ig-primary-l) * 1.19);
97
+ --ig-primary-400: hsl(230.85, 42.32%, 51.67%);
93
98
  --ig-primary-400-contrast: white;
94
99
  --ig-primary-400: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.875), calc(var(--ig-primary-l) * 1.08);
95
100
  --ig-primary-h: 231deg;
96
101
  --ig-primary-s: 48%;
97
102
  --ig-primary-l: 48%;
98
103
  --ig-primary-a: 1;
104
+ --ig-primary-500: hsl(230.85, 48.36%, 47.84%);
99
105
  --ig-primary-500-contrast: white;
100
106
  --ig-primary-500: var(--ig-primary-h), calc(var(--ig-primary-s) * 1), calc(var(--ig-primary-l) * 1);
107
+ --ig-primary-600: hsl(230.85, 60.93%, 42.58%);
101
108
  --ig-primary-600-contrast: white;
102
109
  --ig-primary-600: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.26), calc(var(--ig-primary-l) * 0.89);
110
+ --ig-primary-700: hsl(230.85, 73.51%, 38.75%);
103
111
  --ig-primary-700-contrast: white;
104
112
  --ig-primary-700: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.52), calc(var(--ig-primary-l) * 0.81);
113
+ --ig-primary-800: hsl(230.85, 72.54%, 34.93%);
105
114
  --ig-primary-800-contrast: white;
106
115
  --ig-primary-800: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.5), calc(var(--ig-primary-l) * 0.73);
116
+ --ig-primary-900: hsl(230.85, 64.8%, 30.62%);
107
117
  --ig-primary-900-contrast: white;
108
118
  --ig-primary-900: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.34), calc(var(--ig-primary-l) * 0.64);
119
+ --ig-primary-A100: hsl(230.85, 59.48%, 64.11%);
109
120
  --ig-primary-A100-contrast: black;
110
121
  --ig-primary-A100: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 1.34);
122
+ --ig-primary-A200: hsl(230.85, 59%, 55.5%);
111
123
  --ig-primary-A200-contrast: white;
112
124
  --ig-primary-A200: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.22), calc(var(--ig-primary-l) * 1.16);
125
+ --ig-primary-A400: hsl(230.85, 59.48%, 43.54%);
113
126
  --ig-primary-A400-contrast: white;
114
127
  --ig-primary-A400: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 0.91);
128
+ --ig-primary-A700: hsl(230.85, 59.48%, 31.1%);
115
129
  --ig-primary-A700-contrast: white;
116
130
  --ig-primary-A700: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 0.65);
131
+ --ig-secondary-50: hsl(230.85, 59.48%, 85.16%);
117
132
  --ig-secondary-50-contrast: black;
118
133
  --ig-secondary-50: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 1.78);
134
+ --ig-secondary-100: hsl(230.85, 38.69%, 79.42%);
119
135
  --ig-secondary-100-contrast: black;
120
136
  --ig-secondary-100: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.8), calc(var(--ig-secondary-l) * 1.66);
137
+ --ig-secondary-200: hsl(230.85, 30.95%, 68.42%);
121
138
  --ig-secondary-200-contrast: black;
122
139
  --ig-secondary-200: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.64), calc(var(--ig-secondary-l) * 1.43);
140
+ --ig-secondary-300: hsl(230.85, 35.3%, 56.93%);
123
141
  --ig-secondary-300-contrast: black;
124
142
  --ig-secondary-300: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.73), calc(var(--ig-secondary-l) * 1.19);
143
+ --ig-secondary-400: hsl(230.85, 42.32%, 51.67%);
125
144
  --ig-secondary-400-contrast: white;
126
145
  --ig-secondary-400: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.875), calc(var(--ig-secondary-l) * 1.08);
127
146
  --ig-secondary-h: 231deg;
128
147
  --ig-secondary-s: 48%;
129
148
  --ig-secondary-l: 48%;
130
149
  --ig-secondary-a: 1;
150
+ --ig-secondary-500: hsl(230.85, 48.36%, 47.84%);
131
151
  --ig-secondary-500-contrast: white;
132
152
  --ig-secondary-500: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1), calc(var(--ig-secondary-l) * 1);
153
+ --ig-secondary-600: hsl(230.85, 60.93%, 42.58%);
133
154
  --ig-secondary-600-contrast: white;
134
155
  --ig-secondary-600: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.26), calc(var(--ig-secondary-l) * 0.89);
156
+ --ig-secondary-700: hsl(230.85, 73.51%, 38.75%);
135
157
  --ig-secondary-700-contrast: white;
136
158
  --ig-secondary-700: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.52), calc(var(--ig-secondary-l) * 0.81);
159
+ --ig-secondary-800: hsl(230.85, 72.54%, 34.93%);
137
160
  --ig-secondary-800-contrast: white;
138
161
  --ig-secondary-800: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.5), calc(var(--ig-secondary-l) * 0.73);
162
+ --ig-secondary-900: hsl(230.85, 64.8%, 30.62%);
139
163
  --ig-secondary-900-contrast: white;
140
164
  --ig-secondary-900: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.34), calc(var(--ig-secondary-l) * 0.64);
165
+ --ig-secondary-A100: hsl(230.85, 59.48%, 64.11%);
141
166
  --ig-secondary-A100-contrast: black;
142
167
  --ig-secondary-A100: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 1.34);
168
+ --ig-secondary-A200: hsl(230.85, 59%, 55.5%);
143
169
  --ig-secondary-A200-contrast: white;
144
170
  --ig-secondary-A200: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.22), calc(var(--ig-secondary-l) * 1.16);
171
+ --ig-secondary-A400: hsl(230.85, 59.48%, 43.54%);
145
172
  --ig-secondary-A400-contrast: white;
146
173
  --ig-secondary-A400: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 0.91);
174
+ --ig-secondary-A700: hsl(230.85, 59.48%, 31.1%);
147
175
  --ig-secondary-A700-contrast: white;
148
176
  --ig-secondary-A700: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 0.65);
177
+ --ig-gray-50: hsl(236, 8%, 98%);
149
178
  --ig-gray-50-contrast: black;
150
179
  --ig-gray-50: var(--ig-gray-h), var(--ig-gray-s), 98%;
180
+ --ig-gray-100: hsl(236, 8%, 96%);
151
181
  --ig-gray-100-contrast: black;
152
182
  --ig-gray-100: var(--ig-gray-h), var(--ig-gray-s), 96%;
183
+ --ig-gray-200: hsl(236, 8%, 93%);
153
184
  --ig-gray-200-contrast: black;
154
185
  --ig-gray-200: var(--ig-gray-h), var(--ig-gray-s), 93%;
186
+ --ig-gray-300: hsl(236, 8%, 88%);
155
187
  --ig-gray-300-contrast: black;
156
188
  --ig-gray-300: var(--ig-gray-h), var(--ig-gray-s), 88%;
189
+ --ig-gray-400: hsl(236, 8%, 74%);
157
190
  --ig-gray-400-contrast: black;
158
191
  --ig-gray-400: var(--ig-gray-h), var(--ig-gray-s), 74%;
159
192
  --ig-gray-h: 236deg;
160
193
  --ig-gray-s: 8%;
161
194
  --ig-gray-l: 62%;
162
195
  --ig-gray-a: 1;
196
+ --ig-gray-500: hsl(236, 8%, 62%);
163
197
  --ig-gray-500-contrast: black;
164
198
  --ig-gray-500: var(--ig-gray-h), var(--ig-gray-s), 62%;
199
+ --ig-gray-600: hsl(236, 8%, 54%);
165
200
  --ig-gray-600-contrast: black;
166
201
  --ig-gray-600: var(--ig-gray-h), var(--ig-gray-s), 54%;
202
+ --ig-gray-700: hsl(236, 8%, 38%);
167
203
  --ig-gray-700-contrast: white;
168
204
  --ig-gray-700: var(--ig-gray-h), var(--ig-gray-s), 38%;
205
+ --ig-gray-800: hsl(236, 8%, 26%);
169
206
  --ig-gray-800-contrast: white;
170
207
  --ig-gray-800: var(--ig-gray-h), var(--ig-gray-s), 26%;
208
+ --ig-gray-900: hsl(236, 8%, 13%);
171
209
  --ig-gray-900-contrast: white;
172
210
  --ig-gray-900: var(--ig-gray-h), var(--ig-gray-s), 13%;
211
+ --ig-surface-50: hsl(0, 0%, 100%);
173
212
  --ig-surface-50-contrast: black;
174
213
  --ig-surface-50: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 1.78);
214
+ --ig-surface-100: hsl(0, 0%, 100%);
175
215
  --ig-surface-100-contrast: black;
176
216
  --ig-surface-100: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.8), calc(var(--ig-surface-l) * 1.66);
217
+ --ig-surface-200: hsl(0, 0%, 100%);
177
218
  --ig-surface-200-contrast: black;
178
219
  --ig-surface-200: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.64), calc(var(--ig-surface-l) * 1.43);
220
+ --ig-surface-300: hsl(0, 0%, 100%);
179
221
  --ig-surface-300-contrast: black;
180
222
  --ig-surface-300: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.73), calc(var(--ig-surface-l) * 1.19);
223
+ --ig-surface-400: hsl(0, 0%, 100%);
181
224
  --ig-surface-400-contrast: black;
182
225
  --ig-surface-400: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.875), calc(var(--ig-surface-l) * 1.08);
183
226
  --ig-surface-h: 0deg;
184
227
  --ig-surface-s: 0%;
185
228
  --ig-surface-l: 100%;
186
229
  --ig-surface-a: 1;
230
+ --ig-surface-500: hsl(0, 0%, 100%);
187
231
  --ig-surface-500-contrast: black;
188
232
  --ig-surface-500: var(--ig-surface-h), calc(var(--ig-surface-s) * 1), calc(var(--ig-surface-l) * 1);
233
+ --ig-surface-600: hsl(0, 0%, 89%);
189
234
  --ig-surface-600-contrast: black;
190
235
  --ig-surface-600: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.26), calc(var(--ig-surface-l) * 0.89);
236
+ --ig-surface-700: hsl(0, 0%, 81%);
191
237
  --ig-surface-700-contrast: black;
192
238
  --ig-surface-700: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.52), calc(var(--ig-surface-l) * 0.81);
239
+ --ig-surface-800: hsl(0, 0%, 73%);
193
240
  --ig-surface-800-contrast: black;
194
241
  --ig-surface-800: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.5), calc(var(--ig-surface-l) * 0.73);
242
+ --ig-surface-900: hsl(0, 0%, 64%);
195
243
  --ig-surface-900-contrast: black;
196
244
  --ig-surface-900: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.34), calc(var(--ig-surface-l) * 0.64);
245
+ --ig-surface-A100: hsl(0, 0%, 100%);
197
246
  --ig-surface-A100-contrast: black;
198
247
  --ig-surface-A100: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 1.34);
248
+ --ig-surface-A200: hsl(0, 0%, 100%);
199
249
  --ig-surface-A200-contrast: black;
200
250
  --ig-surface-A200: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.22), calc(var(--ig-surface-l) * 1.16);
251
+ --ig-surface-A400: hsl(0, 0%, 91%);
201
252
  --ig-surface-A400-contrast: black;
202
253
  --ig-surface-A400: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 0.91);
254
+ --ig-surface-A700: hsl(0, 0%, 65%);
203
255
  --ig-surface-A700-contrast: black;
204
256
  --ig-surface-A700: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 0.65);
257
+ --ig-info-50: hsl(286, 100%, 68.41%);
205
258
  --ig-info-50-contrast: black;
206
259
  --ig-info-50: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 1.78);
260
+ --ig-info-100: hsl(286, 73.47%, 63.8%);
207
261
  --ig-info-100-contrast: black;
208
262
  --ig-info-100: var(--ig-info-h), calc(var(--ig-info-s) * 0.8), calc(var(--ig-info-l) * 1.66);
263
+ --ig-info-200: hsl(286, 58.78%, 54.96%);
209
264
  --ig-info-200-contrast: black;
210
265
  --ig-info-200: var(--ig-info-h), calc(var(--ig-info-s) * 0.64), calc(var(--ig-info-l) * 1.43);
266
+ --ig-info-300: hsl(286, 67.04%, 45.73%);
211
267
  --ig-info-300-contrast: white;
212
268
  --ig-info-300: var(--ig-info-h), calc(var(--ig-info-s) * 0.73), calc(var(--ig-info-l) * 1.19);
269
+ --ig-info-400: hsl(286, 80.36%, 41.51%);
213
270
  --ig-info-400-contrast: white;
214
271
  --ig-info-400: var(--ig-info-h), calc(var(--ig-info-s) * 0.875), calc(var(--ig-info-l) * 1.08);
215
272
  --ig-info-h: 286deg;
216
273
  --ig-info-s: 92%;
217
274
  --ig-info-l: 38%;
218
275
  --ig-info-a: 1;
276
+ --ig-info-500: hsl(286, 91.84%, 38.43%);
219
277
  --ig-info-500-contrast: white;
220
278
  --ig-info-500: var(--ig-info-h), calc(var(--ig-info-s) * 1), calc(var(--ig-info-l) * 1);
279
+ --ig-info-600: hsl(286, 100%, 34.2%);
221
280
  --ig-info-600-contrast: white;
222
281
  --ig-info-600: var(--ig-info-h), calc(var(--ig-info-s) * 1.26), calc(var(--ig-info-l) * 0.89);
282
+ --ig-info-700: hsl(286, 100%, 31.13%);
223
283
  --ig-info-700-contrast: white;
224
284
  --ig-info-700: var(--ig-info-h), calc(var(--ig-info-s) * 1.52), calc(var(--ig-info-l) * 0.81);
285
+ --ig-info-800: hsl(286, 100%, 28.05%);
225
286
  --ig-info-800-contrast: white;
226
287
  --ig-info-800: var(--ig-info-h), calc(var(--ig-info-s) * 1.5), calc(var(--ig-info-l) * 0.73);
288
+ --ig-info-900: hsl(286, 100%, 24.6%);
227
289
  --ig-info-900-contrast: white;
228
290
  --ig-info-900: var(--ig-info-h), calc(var(--ig-info-s) * 1.34), calc(var(--ig-info-l) * 0.64);
291
+ --ig-info-A100: hsl(286, 100%, 51.5%);
229
292
  --ig-info-A100-contrast: black;
230
293
  --ig-info-A100: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 1.34);
294
+ --ig-info-A200: hsl(286, 100%, 44.58%);
231
295
  --ig-info-A200-contrast: white;
232
296
  --ig-info-A200: var(--ig-info-h), calc(var(--ig-info-s) * 1.22), calc(var(--ig-info-l) * 1.16);
297
+ --ig-info-A400: hsl(286, 100%, 34.97%);
233
298
  --ig-info-A400-contrast: white;
234
299
  --ig-info-A400: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 0.91);
300
+ --ig-info-A700: hsl(286, 100%, 24.98%);
235
301
  --ig-info-A700-contrast: white;
236
302
  --ig-info-A700: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 0.65);
303
+ --ig-success-50: hsl(92.04, 58.93%, 75.04%);
237
304
  --ig-success-50-contrast: black;
238
305
  --ig-success-50: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 1.78);
306
+ --ig-success-100: hsl(92.04, 38.33%, 69.98%);
239
307
  --ig-success-100-contrast: black;
240
308
  --ig-success-100: var(--ig-success-h), calc(var(--ig-success-s) * 0.8), calc(var(--ig-success-l) * 1.66);
309
+ --ig-success-200: hsl(92.04, 30.66%, 60.28%);
241
310
  --ig-success-200-contrast: black;
242
311
  --ig-success-200: var(--ig-success-h), calc(var(--ig-success-s) * 0.64), calc(var(--ig-success-l) * 1.43);
312
+ --ig-success-300: hsl(92.04, 34.97%, 50.17%);
243
313
  --ig-success-300-contrast: black;
244
314
  --ig-success-300: var(--ig-success-h), calc(var(--ig-success-s) * 0.73), calc(var(--ig-success-l) * 1.19);
315
+ --ig-success-400: hsl(92.04, 41.92%, 45.53%);
245
316
  --ig-success-400-contrast: black;
246
317
  --ig-success-400: var(--ig-success-h), calc(var(--ig-success-s) * 0.875), calc(var(--ig-success-l) * 1.08);
247
318
  --ig-success-h: 92deg;
248
319
  --ig-success-s: 48%;
249
320
  --ig-success-l: 42%;
250
321
  --ig-success-a: 1;
322
+ --ig-success-500: hsl(92.04, 47.91%, 42.16%);
251
323
  --ig-success-500-contrast: black;
252
324
  --ig-success-500: var(--ig-success-h), calc(var(--ig-success-s) * 1), calc(var(--ig-success-l) * 1);
325
+ --ig-success-600: hsl(92.04, 60.36%, 37.52%);
253
326
  --ig-success-600-contrast: black;
254
327
  --ig-success-600: var(--ig-success-h), calc(var(--ig-success-s) * 1.26), calc(var(--ig-success-l) * 0.89);
328
+ --ig-success-700: hsl(92.04, 72.82%, 34.15%);
255
329
  --ig-success-700-contrast: black;
256
330
  --ig-success-700: var(--ig-success-h), calc(var(--ig-success-s) * 1.52), calc(var(--ig-success-l) * 0.81);
331
+ --ig-success-800: hsl(92.04, 71.86%, 30.77%);
257
332
  --ig-success-800-contrast: black;
258
333
  --ig-success-800: var(--ig-success-h), calc(var(--ig-success-s) * 1.5), calc(var(--ig-success-l) * 0.73);
334
+ --ig-success-900: hsl(92.04, 64.2%, 26.98%);
259
335
  --ig-success-900-contrast: white;
260
336
  --ig-success-900: var(--ig-success-h), calc(var(--ig-success-s) * 1.34), calc(var(--ig-success-l) * 0.64);
337
+ --ig-success-A100: hsl(92.04, 58.93%, 56.49%);
261
338
  --ig-success-A100-contrast: black;
262
339
  --ig-success-A100: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 1.34);
340
+ --ig-success-A200: hsl(92.04, 58.45%, 48.9%);
263
341
  --ig-success-A200-contrast: black;
264
342
  --ig-success-A200: var(--ig-success-h), calc(var(--ig-success-s) * 1.22), calc(var(--ig-success-l) * 1.16);
343
+ --ig-success-A400: hsl(92.04, 58.93%, 38.36%);
265
344
  --ig-success-A400-contrast: black;
266
345
  --ig-success-A400: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 0.91);
346
+ --ig-success-A700: hsl(92.04, 58.93%, 27.4%);
267
347
  --ig-success-A700-contrast: white;
268
348
  --ig-success-A700: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 0.65);
349
+ --ig-warn-50: hsl(35.76, 100%, 89%);
269
350
  --ig-warn-50-contrast: black;
270
351
  --ig-warn-50: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 1.78);
352
+ --ig-warn-100: hsl(35.76, 80%, 83%);
271
353
  --ig-warn-100-contrast: black;
272
354
  --ig-warn-100: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.8), calc(var(--ig-warn-l) * 1.66);
355
+ --ig-warn-200: hsl(35.76, 64%, 71.5%);
273
356
  --ig-warn-200-contrast: black;
274
357
  --ig-warn-200: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.64), calc(var(--ig-warn-l) * 1.43);
358
+ --ig-warn-300: hsl(35.76, 73%, 59.5%);
275
359
  --ig-warn-300-contrast: black;
276
360
  --ig-warn-300: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.73), calc(var(--ig-warn-l) * 1.19);
361
+ --ig-warn-400: hsl(35.76, 87.5%, 54%);
277
362
  --ig-warn-400-contrast: black;
278
363
  --ig-warn-400: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.875), calc(var(--ig-warn-l) * 1.08);
279
364
  --ig-warn-h: 36deg;
280
365
  --ig-warn-s: 100%;
281
366
  --ig-warn-l: 50%;
282
367
  --ig-warn-a: 1;
368
+ --ig-warn-500: hsl(35.76, 100%, 50%);
283
369
  --ig-warn-500-contrast: black;
284
370
  --ig-warn-500: var(--ig-warn-h), calc(var(--ig-warn-s) * 1), calc(var(--ig-warn-l) * 1);
371
+ --ig-warn-600: hsl(35.76, 100%, 44.5%);
285
372
  --ig-warn-600-contrast: black;
286
373
  --ig-warn-600: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.26), calc(var(--ig-warn-l) * 0.89);
374
+ --ig-warn-700: hsl(35.76, 100%, 40.5%);
287
375
  --ig-warn-700-contrast: black;
288
376
  --ig-warn-700: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.52), calc(var(--ig-warn-l) * 0.81);
377
+ --ig-warn-800: hsl(35.76, 100%, 36.5%);
289
378
  --ig-warn-800-contrast: black;
290
379
  --ig-warn-800: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.5), calc(var(--ig-warn-l) * 0.73);
380
+ --ig-warn-900: hsl(35.76, 100%, 32%);
291
381
  --ig-warn-900-contrast: white;
292
382
  --ig-warn-900: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.34), calc(var(--ig-warn-l) * 0.64);
383
+ --ig-warn-A100: hsl(35.76, 100%, 67%);
293
384
  --ig-warn-A100-contrast: black;
294
385
  --ig-warn-A100: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 1.34);
386
+ --ig-warn-A200: hsl(35.76, 100%, 58%);
295
387
  --ig-warn-A200-contrast: black;
296
388
  --ig-warn-A200: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.22), calc(var(--ig-warn-l) * 1.16);
389
+ --ig-warn-A400: hsl(35.76, 100%, 45.5%);
297
390
  --ig-warn-A400-contrast: black;
298
391
  --ig-warn-A400: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 0.91);
392
+ --ig-warn-A700: hsl(35.76, 100%, 32.5%);
299
393
  --ig-warn-A700-contrast: white;
300
394
  --ig-warn-A700: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 0.65);
395
+ --ig-error-50: hsl(354.36, 95.55%, 81.32%);
301
396
  --ig-error-50-contrast: black;
302
397
  --ig-error-50: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 1.78);
398
+ --ig-error-100: hsl(354.36, 62.15%, 75.84%);
303
399
  --ig-error-100-contrast: black;
304
400
  --ig-error-100: var(--ig-error-h), calc(var(--ig-error-s) * 0.8), calc(var(--ig-error-l) * 1.66);
401
+ --ig-error-200: hsl(354.36, 49.72%, 65.33%);
305
402
  --ig-error-200-contrast: black;
306
403
  --ig-error-200: var(--ig-error-h), calc(var(--ig-error-s) * 0.64), calc(var(--ig-error-l) * 1.43);
404
+ --ig-error-300: hsl(354.36, 56.71%, 54.37%);
307
405
  --ig-error-300-contrast: black;
308
406
  --ig-error-300: var(--ig-error-h), calc(var(--ig-error-s) * 0.73), calc(var(--ig-error-l) * 1.19);
407
+ --ig-error-400: hsl(354.36, 67.97%, 49.34%);
309
408
  --ig-error-400-contrast: white;
310
409
  --ig-error-400: var(--ig-error-h), calc(var(--ig-error-s) * 0.875), calc(var(--ig-error-l) * 1.08);
311
410
  --ig-error-h: 354deg;
312
411
  --ig-error-s: 78%;
313
412
  --ig-error-l: 46%;
314
413
  --ig-error-a: 1;
414
+ --ig-error-500: hsl(354.36, 77.68%, 45.69%);
315
415
  --ig-error-500-contrast: white;
316
416
  --ig-error-500: var(--ig-error-h), calc(var(--ig-error-s) * 1), calc(var(--ig-error-l) * 1);
417
+ --ig-error-600: hsl(354.36, 97.88%, 40.66%);
317
418
  --ig-error-600-contrast: white;
318
419
  --ig-error-600: var(--ig-error-h), calc(var(--ig-error-s) * 1.26), calc(var(--ig-error-l) * 0.89);
420
+ --ig-error-700: hsl(354.36, 100%, 37.01%);
319
421
  --ig-error-700-contrast: white;
320
422
  --ig-error-700: var(--ig-error-h), calc(var(--ig-error-s) * 1.52), calc(var(--ig-error-l) * 0.81);
423
+ --ig-error-800: hsl(354.36, 100%, 33.35%);
321
424
  --ig-error-800-contrast: white;
322
425
  --ig-error-800: var(--ig-error-h), calc(var(--ig-error-s) * 1.5), calc(var(--ig-error-l) * 0.73);
426
+ --ig-error-900: hsl(354.36, 100%, 29.24%);
323
427
  --ig-error-900-contrast: white;
324
428
  --ig-error-900: var(--ig-error-h), calc(var(--ig-error-s) * 1.34), calc(var(--ig-error-l) * 0.64);
429
+ --ig-error-A100: hsl(354.36, 95.55%, 61.22%);
325
430
  --ig-error-A100-contrast: black;
326
431
  --ig-error-A100: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 1.34);
432
+ --ig-error-A200: hsl(354.36, 94.77%, 53%);
327
433
  --ig-error-A200-contrast: black;
328
434
  --ig-error-A200: var(--ig-error-h), calc(var(--ig-error-s) * 1.22), calc(var(--ig-error-l) * 1.16);
435
+ --ig-error-A400: hsl(354.36, 95.55%, 41.57%);
329
436
  --ig-error-A400-contrast: white;
330
437
  --ig-error-A400: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 0.91);
438
+ --ig-error-A700: hsl(354.36, 95.55%, 29.7%);
331
439
  --ig-error-A700-contrast: white;
332
440
  --ig-error-A700: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 0.65);
333
441
  }