igniteui-webcomponents 4.2.3 → 4.3.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (420) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/README.md +2 -6
  3. package/animations/player.js +10 -6
  4. package/animations/player.js.map +1 -1
  5. package/animations/presets/fade/index.d.ts +3 -0
  6. package/animations/presets/fade/index.js +12 -0
  7. package/animations/presets/fade/index.js.map +1 -0
  8. package/animations/presets/index.d.ts +1 -0
  9. package/animations/presets/index.js +1 -0
  10. package/animations/presets/index.js.map +1 -1
  11. package/components/accordion/accordion.js +2 -1
  12. package/components/accordion/accordion.js.map +1 -1
  13. package/components/avatar/avatar.js +2 -2
  14. package/components/avatar/avatar.js.map +1 -1
  15. package/components/avatar/themes/dark/avatar.base.bootstrap.css.js +15 -0
  16. package/components/avatar/themes/dark/avatar.base.bootstrap.css.js.map +1 -0
  17. package/components/avatar/themes/{avatar.base.css.js → light/avatar.base.css.js} +25 -8
  18. package/components/avatar/themes/light/avatar.base.css.js.map +1 -0
  19. package/components/avatar/themes/light/avatar.bootstrap.css.js +26 -0
  20. package/components/avatar/themes/light/avatar.bootstrap.css.js.map +1 -0
  21. package/components/badge/badge.js.map +1 -1
  22. package/components/badge/themes/light/badge.base.css.js +4 -5
  23. package/components/badge/themes/light/badge.base.css.js.map +1 -1
  24. package/components/button/button-base.js.map +1 -1
  25. package/components/button/button.js.map +1 -1
  26. package/components/button/icon-button.js.map +1 -1
  27. package/components/button/themes/button/dark/button.bootstrap.css.js +15 -0
  28. package/components/button/themes/button/dark/button.bootstrap.css.js.map +1 -0
  29. package/components/button/themes/button/dark/button.fluent.css.js +13 -1
  30. package/components/button/themes/button/dark/button.fluent.css.js.map +1 -1
  31. package/components/button/themes/button/dark/button.indigo.css.d.ts +1 -0
  32. package/components/button/themes/button/dark/button.indigo.css.js +15 -0
  33. package/components/button/themes/button/dark/button.indigo.css.js.map +1 -0
  34. package/components/button/themes/button/dark/button.material.css.d.ts +1 -0
  35. package/components/button/themes/button/dark/button.material.css.js +15 -0
  36. package/components/button/themes/button/dark/button.material.css.js.map +1 -0
  37. package/components/button/themes/button/light/button.base.css.js +6 -57
  38. package/components/button/themes/button/light/button.base.css.js.map +1 -1
  39. package/components/button/themes/button/light/button.bootstrap.css.js +229 -71
  40. package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -1
  41. package/components/button/themes/button/light/button.fluent.css.js +289 -70
  42. package/components/button/themes/button/light/button.fluent.css.js.map +1 -1
  43. package/components/button/themes/button/light/button.indigo.css.js +282 -78
  44. package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
  45. package/components/button/themes/button/light/button.material.css.js +282 -170
  46. package/components/button/themes/button/light/button.material.css.js.map +1 -1
  47. package/components/button/themes/icon-button/light/icon-button.base.css.js +4 -6
  48. package/components/button/themes/icon-button/light/icon-button.base.css.js.map +1 -1
  49. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js +24 -0
  50. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js.map +1 -1
  51. package/components/button/themes/icon-button/light/icon-button.fluent.css.js +16 -0
  52. package/components/button/themes/icon-button/light/icon-button.fluent.css.js.map +1 -1
  53. package/components/button/themes/icon-button/light/icon-button.indigo.css.js +9 -0
  54. package/components/button/themes/icon-button/light/icon-button.indigo.css.js.map +1 -1
  55. package/components/button/themes/icon-button/light/icon-button.material.css.js +7 -0
  56. package/components/button/themes/icon-button/light/icon-button.material.css.js.map +1 -1
  57. package/components/calendar/calendar.js.map +1 -1
  58. package/components/calendar/common/calendar-base.d.ts +2 -2
  59. package/components/calendar/common/calendar-base.js.map +1 -1
  60. package/components/calendar/days-view/days-view.js.map +1 -1
  61. package/components/calendar/months-view/months-view.js.map +1 -1
  62. package/components/calendar/themes/calendar.base.css.js +4 -5
  63. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  64. package/components/calendar/themes/fluent/calendar.fluent.css.js +4 -5
  65. package/components/calendar/themes/fluent/calendar.fluent.css.js.map +1 -1
  66. package/components/calendar/years-view/years-view.js.map +1 -1
  67. package/components/card/card.actions.js.map +1 -1
  68. package/components/card/card.content.js.map +1 -1
  69. package/components/card/card.header.js.map +1 -1
  70. package/components/card/card.js.map +1 -1
  71. package/components/card/card.media.js +2 -1
  72. package/components/card/card.media.js.map +1 -1
  73. package/components/card/themes/light/card.actions.bootstrap.css.js +4 -5
  74. package/components/card/themes/light/card.actions.bootstrap.css.js.map +1 -1
  75. package/components/card/themes/light/card.actions.material.css.js +4 -5
  76. package/components/card/themes/light/card.actions.material.css.js.map +1 -1
  77. package/components/card/themes/light/card.content.bootstrap.css.js +5 -8
  78. package/components/card/themes/light/card.content.bootstrap.css.js.map +1 -1
  79. package/components/card/themes/light/card.content.indigo.css.js +5 -8
  80. package/components/card/themes/light/card.content.indigo.css.js.map +1 -1
  81. package/components/card/themes/light/card.content.material.css.js +5 -8
  82. package/components/card/themes/light/card.content.material.css.js.map +1 -1
  83. package/components/card/themes/light/card.header.bootstrap.css.js +4 -8
  84. package/components/card/themes/light/card.header.bootstrap.css.js.map +1 -1
  85. package/components/card/themes/light/card.header.fluent.css.js +4 -8
  86. package/components/card/themes/light/card.header.fluent.css.js.map +1 -1
  87. package/components/card/themes/light/card.header.indigo.css.js +4 -8
  88. package/components/card/themes/light/card.header.indigo.css.js.map +1 -1
  89. package/components/card/themes/light/card.header.material.css.js +4 -8
  90. package/components/card/themes/light/card.header.material.css.js.map +1 -1
  91. package/components/card/themes/light/card.material.css.js +15 -5
  92. package/components/card/themes/light/card.material.css.js.map +1 -1
  93. package/components/card/themes/light/card.media.material.css.js +4 -5
  94. package/components/card/themes/light/card.media.material.css.js.map +1 -1
  95. package/components/checkbox/checkbox-base.js.map +1 -1
  96. package/components/checkbox/checkbox.js.map +1 -1
  97. package/components/checkbox/switch.js.map +1 -1
  98. package/components/checkbox/themes/dark/checkbox.bootstrap.css.d.ts +1 -0
  99. package/components/checkbox/themes/dark/checkbox.bootstrap.css.js +15 -0
  100. package/components/checkbox/themes/dark/checkbox.bootstrap.css.js.map +1 -0
  101. package/components/checkbox/themes/dark/checkbox.fluent.css.js +13 -1
  102. package/components/checkbox/themes/dark/checkbox.fluent.css.js.map +1 -1
  103. package/components/checkbox/themes/dark/checkbox.indigo.css.js +13 -1
  104. package/components/checkbox/themes/dark/checkbox.indigo.css.js.map +1 -1
  105. package/components/checkbox/themes/dark/checkbox.material.css.d.ts +1 -0
  106. package/components/checkbox/themes/dark/checkbox.material.css.js +15 -0
  107. package/components/checkbox/themes/dark/checkbox.material.css.js.map +1 -0
  108. package/components/checkbox/themes/dark/switch.bootstrap.css.d.ts +1 -0
  109. package/components/checkbox/themes/dark/switch.bootstrap.css.js +15 -0
  110. package/components/checkbox/themes/dark/switch.bootstrap.css.js.map +1 -0
  111. package/components/checkbox/themes/dark/switch.fluent.css.js +13 -1
  112. package/components/checkbox/themes/dark/switch.fluent.css.js.map +1 -1
  113. package/components/checkbox/themes/dark/switch.indigo.css.js +13 -1
  114. package/components/checkbox/themes/dark/switch.indigo.css.js.map +1 -1
  115. package/components/checkbox/themes/dark/switch.material.css.d.ts +1 -0
  116. package/components/checkbox/themes/dark/switch.material.css.js +15 -0
  117. package/components/checkbox/themes/dark/switch.material.css.js.map +1 -0
  118. package/components/checkbox/themes/light/checkbox.base.css.js +17 -51
  119. package/components/checkbox/themes/light/checkbox.base.css.js.map +1 -1
  120. package/components/checkbox/themes/light/checkbox.bootstrap.css.js +124 -46
  121. package/components/checkbox/themes/light/checkbox.bootstrap.css.js.map +1 -1
  122. package/components/checkbox/themes/light/checkbox.fluent.css.js +172 -87
  123. package/components/checkbox/themes/light/checkbox.fluent.css.js.map +1 -1
  124. package/components/checkbox/themes/light/checkbox.indigo.css.js +136 -49
  125. package/components/checkbox/themes/light/checkbox.indigo.css.js.map +1 -1
  126. package/components/checkbox/themes/light/checkbox.material.css.js +148 -18
  127. package/components/checkbox/themes/light/checkbox.material.css.js.map +1 -1
  128. package/components/checkbox/themes/light/switch.base.css.js +31 -56
  129. package/components/checkbox/themes/light/switch.base.css.js.map +1 -1
  130. package/components/checkbox/themes/light/switch.bootstrap.css.js +148 -95
  131. package/components/checkbox/themes/light/switch.bootstrap.css.js.map +1 -1
  132. package/components/checkbox/themes/light/switch.fluent.css.js +144 -80
  133. package/components/checkbox/themes/light/switch.fluent.css.js.map +1 -1
  134. package/components/checkbox/themes/light/switch.indigo.css.js +154 -97
  135. package/components/checkbox/themes/light/switch.indigo.css.js.map +1 -1
  136. package/components/checkbox/themes/light/switch.material.css.js +171 -37
  137. package/components/checkbox/themes/light/switch.material.css.js.map +1 -1
  138. package/components/chip/chip.js.map +1 -1
  139. package/components/chip/themes/chip.base.css.js +4 -5
  140. package/components/chip/themes/chip.base.css.js.map +1 -1
  141. package/components/chip/themes/chip.bootstrap.css.js +4 -5
  142. package/components/chip/themes/chip.bootstrap.css.js.map +1 -1
  143. package/components/chip/themes/chip.fluent.css.js +4 -5
  144. package/components/chip/themes/chip.fluent.css.js.map +1 -1
  145. package/components/chip/themes/chip.indigo.css.js +4 -5
  146. package/components/chip/themes/chip.indigo.css.js.map +1 -1
  147. package/components/chip/themes/chip.material.css.js +4 -5
  148. package/components/chip/themes/chip.material.css.js.map +1 -1
  149. package/components/combo/combo-header.js.map +1 -1
  150. package/components/combo/combo-item.d.ts +5 -0
  151. package/components/combo/combo-item.js.map +1 -1
  152. package/components/combo/combo-list.js +2 -1
  153. package/components/combo/combo-list.js.map +1 -1
  154. package/components/combo/combo.d.ts +51 -5
  155. package/components/combo/combo.js +58 -26
  156. package/components/combo/combo.js.map +1 -1
  157. package/components/combo/controllers/data.js +9 -5
  158. package/components/combo/controllers/data.js.map +1 -1
  159. package/components/combo/controllers/selection.d.ts +2 -1
  160. package/components/combo/controllers/selection.js +14 -3
  161. package/components/combo/controllers/selection.js.map +1 -1
  162. package/components/combo/operations/filter.d.ts +3 -1
  163. package/components/combo/operations/filter.js +10 -7
  164. package/components/combo/operations/filter.js.map +1 -1
  165. package/components/combo/operations/group.d.ts +2 -2
  166. package/components/combo/operations/group.js +8 -5
  167. package/components/combo/operations/group.js.map +1 -1
  168. package/components/combo/themes/light/combo.base.css.js +4 -5
  169. package/components/combo/themes/light/combo.base.css.js.map +1 -1
  170. package/components/combo/themes/light/header/combo-header.base.css.js +4 -5
  171. package/components/combo/themes/light/header/combo-header.base.css.js.map +1 -1
  172. package/components/combo/themes/light/item/combo-item.base.css.js +4 -5
  173. package/components/combo/themes/light/item/combo-item.base.css.js.map +1 -1
  174. package/components/combo/types.d.ts +8 -5
  175. package/components/combo/types.js.map +1 -1
  176. package/components/common/mixins/sizable.js.map +1 -1
  177. package/components/date-time-input/date-time-input.js +2 -1
  178. package/components/date-time-input/date-time-input.js.map +1 -1
  179. package/components/date-time-input/date-util.js +2 -1
  180. package/components/date-time-input/date-util.js.map +1 -1
  181. package/components/dialog/dialog.d.ts +9 -2
  182. package/components/dialog/dialog.js +37 -10
  183. package/components/dialog/dialog.js.map +1 -1
  184. package/components/dialog/themes/light/dialog.base.css.js +17 -8
  185. package/components/dialog/themes/light/dialog.base.css.js.map +1 -1
  186. package/components/dropdown/dropdown-group.js.map +1 -1
  187. package/components/dropdown/dropdown-header.js.map +1 -1
  188. package/components/dropdown/dropdown-item.js.map +1 -1
  189. package/components/dropdown/dropdown.js +2 -0
  190. package/components/dropdown/dropdown.js.map +1 -1
  191. package/components/dropdown/themes/light/dropdown-group.base.css.js +4 -5
  192. package/components/dropdown/themes/light/dropdown-group.base.css.js.map +1 -1
  193. package/components/dropdown/themes/light/dropdown-header.base.css.js +4 -5
  194. package/components/dropdown/themes/light/dropdown-header.base.css.js.map +1 -1
  195. package/components/dropdown/themes/light/dropdown-item.base.css.js +4 -5
  196. package/components/dropdown/themes/light/dropdown-item.base.css.js.map +1 -1
  197. package/components/dropdown/themes/light/dropdown.base.css.js +4 -5
  198. package/components/dropdown/themes/light/dropdown.base.css.js.map +1 -1
  199. package/components/expansion-panel/expansion-panel.d.ts +1 -0
  200. package/components/expansion-panel/expansion-panel.js.map +1 -1
  201. package/components/expansion-panel/themes/light/expansion-panel.base.css.js +4 -5
  202. package/components/expansion-panel/themes/light/expansion-panel.base.css.js.map +1 -1
  203. package/components/form/form.js +2 -1
  204. package/components/form/form.js.map +1 -1
  205. package/components/icon/dark/icon.bootstrap.css.d.ts +1 -0
  206. package/components/icon/dark/icon.bootstrap.css.js +15 -0
  207. package/components/icon/dark/icon.bootstrap.css.js.map +1 -0
  208. package/components/icon/dark/icon.fluent.css.d.ts +1 -0
  209. package/components/{avatar/themes/avatar.bootstrap.css.js → icon/dark/icon.fluent.css.js} +13 -5
  210. package/components/icon/dark/icon.fluent.css.js.map +1 -0
  211. package/components/icon/dark/icon.indigo.css.d.ts +1 -0
  212. package/components/icon/dark/icon.indigo.css.js +15 -0
  213. package/components/icon/dark/icon.indigo.css.js.map +1 -0
  214. package/components/icon/dark/icon.material.css.d.ts +1 -0
  215. package/components/icon/dark/icon.material.css.js +15 -0
  216. package/components/icon/dark/icon.material.css.js.map +1 -0
  217. package/components/icon/icon.base.css.d.ts +1 -0
  218. package/components/icon/{icon.material.css.js → icon.base.css.js} +11 -13
  219. package/components/icon/icon.base.css.js.map +1 -0
  220. package/components/icon/icon.js +12 -3
  221. package/components/icon/icon.js.map +1 -1
  222. package/components/icon/light/icon.bootstrap.css.d.ts +1 -0
  223. package/components/icon/light/icon.bootstrap.css.js +60 -0
  224. package/components/icon/light/icon.bootstrap.css.js.map +1 -0
  225. package/components/icon/light/icon.fluent.css.d.ts +1 -0
  226. package/components/icon/light/icon.fluent.css.js +60 -0
  227. package/components/icon/light/icon.fluent.css.js.map +1 -0
  228. package/components/icon/light/icon.indigo.css.d.ts +1 -0
  229. package/components/icon/light/icon.indigo.css.js +60 -0
  230. package/components/icon/light/icon.indigo.css.js.map +1 -0
  231. package/components/icon/light/icon.material.css.d.ts +1 -0
  232. package/components/icon/light/icon.material.css.js +60 -0
  233. package/components/icon/light/icon.material.css.js.map +1 -0
  234. package/components/input/input-base.js.map +1 -1
  235. package/components/input/input.js +2 -1
  236. package/components/input/input.js.map +1 -1
  237. package/components/input/themes/light/input.base.css.js +4 -5
  238. package/components/input/themes/light/input.base.css.js.map +1 -1
  239. package/components/list/list-header.js.map +1 -1
  240. package/components/list/list-item.js.map +1 -1
  241. package/components/list/list.js.map +1 -1
  242. package/components/list/themes/light/list-header.base.css.js +4 -5
  243. package/components/list/themes/light/list-header.base.css.js.map +1 -1
  244. package/components/list/themes/light/list-item.base.css.js +4 -5
  245. package/components/list/themes/light/list-item.base.css.js.map +1 -1
  246. package/components/list/themes/light/list.base.css.js +4 -5
  247. package/components/list/themes/light/list.base.css.js.map +1 -1
  248. package/components/mask-input/mask-input-base.js.map +1 -1
  249. package/components/mask-input/mask-input.js +2 -1
  250. package/components/mask-input/mask-input.js.map +1 -1
  251. package/components/nav-drawer/nav-drawer-header-item.js.map +1 -1
  252. package/components/nav-drawer/nav-drawer-item.js.map +1 -1
  253. package/components/nav-drawer/nav-drawer.js.map +1 -1
  254. package/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.js +4 -5
  255. package/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.js.map +1 -1
  256. package/components/nav-drawer/themes/light/nav-drawer-item.base.css.js +4 -5
  257. package/components/nav-drawer/themes/light/nav-drawer-item.base.css.js.map +1 -1
  258. package/components/nav-drawer/themes/light/nav-drawer.base.css.js +4 -5
  259. package/components/nav-drawer/themes/light/nav-drawer.base.css.js.map +1 -1
  260. package/components/navbar/navbar.js +3 -2
  261. package/components/navbar/navbar.js.map +1 -1
  262. package/components/navbar/themes/dark/navbar.bootstrap.css.d.ts +1 -0
  263. package/components/navbar/themes/dark/navbar.bootstrap.css.js +15 -0
  264. package/components/navbar/themes/dark/navbar.bootstrap.css.js.map +1 -0
  265. package/components/navbar/themes/dark/navbar.fluent.css.d.ts +1 -0
  266. package/components/navbar/themes/dark/navbar.fluent.css.js +15 -0
  267. package/components/navbar/themes/dark/navbar.fluent.css.js.map +1 -0
  268. package/components/navbar/themes/dark/navbar.indigo.css.d.ts +1 -0
  269. package/components/navbar/themes/dark/navbar.indigo.css.js +15 -0
  270. package/components/navbar/themes/dark/navbar.indigo.css.js.map +1 -0
  271. package/components/navbar/themes/dark/navbar.material.css.d.ts +1 -0
  272. package/components/navbar/themes/dark/navbar.material.css.js +15 -0
  273. package/components/navbar/themes/dark/navbar.material.css.js.map +1 -0
  274. package/components/navbar/themes/light/navbar.bootstrap.css.js +62 -6
  275. package/components/navbar/themes/light/navbar.bootstrap.css.js.map +1 -1
  276. package/components/navbar/themes/light/navbar.fluent.css.js +68 -1
  277. package/components/navbar/themes/light/navbar.fluent.css.js.map +1 -1
  278. package/components/navbar/themes/light/navbar.indigo.css.js +65 -3
  279. package/components/navbar/themes/light/navbar.indigo.css.js.map +1 -1
  280. package/components/navbar/themes/light/navbar.material.css.d.ts +1 -0
  281. package/components/navbar/themes/light/navbar.material.css.js +69 -0
  282. package/components/navbar/themes/light/navbar.material.css.js.map +1 -0
  283. package/components/navbar/themes/navbar.base.css.d.ts +1 -0
  284. package/components/navbar/themes/{light/navbar.base.css.js → navbar.base.css.js} +7 -10
  285. package/components/navbar/themes/navbar.base.css.js.map +1 -0
  286. package/components/progress/base.js.map +1 -1
  287. package/components/progress/circular-gradient.js +2 -1
  288. package/components/progress/circular-gradient.js.map +1 -1
  289. package/components/progress/circular-progress.js.map +1 -1
  290. package/components/progress/linear-progress.js.map +1 -1
  291. package/components/progress/themes/circular/circular.progress.base.css.js +4 -5
  292. package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -1
  293. package/components/progress/themes/linear/linear.progress.base.css.js +4 -5
  294. package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
  295. package/components/progress/themes/linear/linear.progress.bootstrap.css.js +4 -5
  296. package/components/progress/themes/linear/linear.progress.bootstrap.css.js.map +1 -1
  297. package/components/progress/themes/linear/linear.progress.indigo.css.js +4 -5
  298. package/components/progress/themes/linear/linear.progress.indigo.css.js.map +1 -1
  299. package/components/radio/radio.js +6 -3
  300. package/components/radio/radio.js.map +1 -1
  301. package/components/radio/themes/dark/radio.bootstrap.css.d.ts +1 -0
  302. package/components/radio/themes/dark/radio.bootstrap.css.js +15 -0
  303. package/components/radio/themes/dark/radio.bootstrap.css.js.map +1 -0
  304. package/components/radio/themes/dark/radio.fluent.css.js +13 -1
  305. package/components/radio/themes/dark/radio.fluent.css.js.map +1 -1
  306. package/components/radio/themes/dark/radio.indigo.css.js +13 -1
  307. package/components/radio/themes/dark/radio.indigo.css.js.map +1 -1
  308. package/components/radio/themes/dark/radio.material.css.js +13 -1
  309. package/components/radio/themes/dark/radio.material.css.js.map +1 -1
  310. package/components/radio/themes/light/radio.base.css.js +24 -41
  311. package/components/radio/themes/light/radio.base.css.js.map +1 -1
  312. package/components/radio/themes/light/radio.bootstrap.css.js +102 -30
  313. package/components/radio/themes/light/radio.bootstrap.css.js.map +1 -1
  314. package/components/radio/themes/light/radio.fluent.css.js +155 -66
  315. package/components/radio/themes/light/radio.fluent.css.js.map +1 -1
  316. package/components/radio/themes/light/radio.indigo.css.js +106 -56
  317. package/components/radio/themes/light/radio.indigo.css.js.map +1 -1
  318. package/components/radio/themes/light/radio.material.css.js +131 -16
  319. package/components/radio/themes/light/radio.material.css.js.map +1 -1
  320. package/components/radio-group/radio-group.base.css.js +4 -5
  321. package/components/radio-group/radio-group.base.css.js.map +1 -1
  322. package/components/radio-group/radio-group.js.map +1 -1
  323. package/components/rating/rating-symbol.base.css.js +4 -5
  324. package/components/rating/rating-symbol.base.css.js.map +1 -1
  325. package/components/rating/rating-symbol.js +2 -1
  326. package/components/rating/rating-symbol.js.map +1 -1
  327. package/components/rating/rating.base.css.js +4 -5
  328. package/components/rating/rating.base.css.js.map +1 -1
  329. package/components/rating/rating.js.map +1 -1
  330. package/components/ripple/ripple.js +2 -1
  331. package/components/ripple/ripple.js.map +1 -1
  332. package/components/ripple/ripple.material.css.js +4 -5
  333. package/components/ripple/ripple.material.css.js.map +1 -1
  334. package/components/select/select-group.js +2 -1
  335. package/components/select/select-group.js.map +1 -1
  336. package/components/select/select-header.js +2 -1
  337. package/components/select/select-header.js.map +1 -1
  338. package/components/select/select-item.js +2 -1
  339. package/components/select/select-item.js.map +1 -1
  340. package/components/select/select.d.ts +8 -0
  341. package/components/select/select.js +9 -4
  342. package/components/select/select.js.map +1 -1
  343. package/components/select/themes/light/select.base.css.js +4 -5
  344. package/components/select/themes/light/select.base.css.js.map +1 -1
  345. package/components/slider/range-slider.js +2 -1
  346. package/components/slider/range-slider.js.map +1 -1
  347. package/components/slider/slider-base.js.map +1 -1
  348. package/components/slider/slider-label.js +2 -1
  349. package/components/slider/slider-label.js.map +1 -1
  350. package/components/slider/slider.js +2 -1
  351. package/components/slider/slider.js.map +1 -1
  352. package/components/slider/themes/light/slider.base.css.js +4 -5
  353. package/components/slider/themes/light/slider.base.css.js.map +1 -1
  354. package/components/snackbar/snackbar.d.ts +5 -1
  355. package/components/snackbar/snackbar.js +19 -2
  356. package/components/snackbar/snackbar.js.map +1 -1
  357. package/components/snackbar/themes/light/snackbar.base.css.js +4 -5
  358. package/components/snackbar/themes/light/snackbar.base.css.js.map +1 -1
  359. package/components/stepper/step.js.map +1 -1
  360. package/components/stepper/stepper.d.ts +1 -1
  361. package/components/stepper/stepper.js +12 -3
  362. package/components/stepper/stepper.js.map +1 -1
  363. package/components/stepper/themes/step/light/step.base.css.js +7 -5
  364. package/components/stepper/themes/step/light/step.base.css.js.map +1 -1
  365. package/components/stepper/themes/stepper/stepper.base.css.js +13 -6
  366. package/components/stepper/themes/stepper/stepper.base.css.js.map +1 -1
  367. package/components/stepper/themes/stepper/stepper.bootstrap.css.js +4 -5
  368. package/components/stepper/themes/stepper/stepper.bootstrap.css.js.map +1 -1
  369. package/components/stepper/themes/stepper/stepper.fluent.css.js +4 -5
  370. package/components/stepper/themes/stepper/stepper.fluent.css.js.map +1 -1
  371. package/components/stepper/themes/stepper/stepper.indigo.css.js +4 -5
  372. package/components/stepper/themes/stepper/stepper.indigo.css.js.map +1 -1
  373. package/components/tabs/tab-panel.js +2 -1
  374. package/components/tabs/tab-panel.js.map +1 -1
  375. package/components/tabs/tab.js.map +1 -1
  376. package/components/tabs/tabs.js +1 -1
  377. package/components/tabs/tabs.js.map +1 -1
  378. package/components/tabs/themes/light/tab-panel.base.css.js +4 -5
  379. package/components/tabs/themes/light/tab-panel.base.css.js.map +1 -1
  380. package/components/tabs/themes/light/tab.base.css.js +4 -5
  381. package/components/tabs/themes/light/tab.base.css.js.map +1 -1
  382. package/components/tabs/themes/light/tabs.base.css.js +4 -5
  383. package/components/tabs/themes/light/tabs.base.css.js.map +1 -1
  384. package/components/toast/toast.d.ts +4 -1
  385. package/components/toast/toast.js +17 -2
  386. package/components/toast/toast.js.map +1 -1
  387. package/components/toggle/toggle.directive.d.ts +9 -3
  388. package/components/toggle/toggle.directive.js +54 -38
  389. package/components/toggle/toggle.directive.js.map +1 -1
  390. package/components/tree/themes/light/tree-item.base.css.js +4 -5
  391. package/components/tree/themes/light/tree-item.base.css.js.map +1 -1
  392. package/components/tree/themes/light/tree.base.css.js +4 -5
  393. package/components/tree/themes/light/tree.base.css.js.map +1 -1
  394. package/components/tree/tree-item.js.map +1 -1
  395. package/components/tree/tree.js.map +1 -1
  396. package/custom-elements.json +49 -32
  397. package/index.d.ts +1 -1
  398. package/index.js +1 -0
  399. package/index.js.map +1 -1
  400. package/package.json +6 -4
  401. package/themes/dark/bootstrap.css +320 -0
  402. package/themes/dark/fluent.css +303 -25
  403. package/themes/dark/indigo.css +307 -12
  404. package/themes/dark/material.css +329 -6
  405. package/themes/light/bootstrap.css +108 -0
  406. package/themes/light/fluent.css +108 -0
  407. package/themes/light/indigo.css +108 -0
  408. package/themes/light/material.css +108 -0
  409. package/vscode-html-custom-data.json +21 -32
  410. package/components/avatar/themes/avatar.base.css.js.map +0 -1
  411. package/components/avatar/themes/avatar.bootstrap.css.js.map +0 -1
  412. package/components/combo/utils/converters.d.ts +0 -3
  413. package/components/combo/utils/converters.js +0 -9
  414. package/components/combo/utils/converters.js.map +0 -1
  415. package/components/icon/icon.material.css.js.map +0 -1
  416. package/components/navbar/themes/light/navbar.base.css.js.map +0 -1
  417. /package/components/avatar/themes/{avatar.base.css.d.ts → dark/avatar.base.bootstrap.css.d.ts} +0 -0
  418. /package/components/avatar/themes/{avatar.bootstrap.css.d.ts → light/avatar.base.css.d.ts} +0 -0
  419. /package/components/{icon/icon.material.css.d.ts → avatar/themes/light/avatar.bootstrap.css.d.ts} +0 -0
  420. /package/components/{navbar/themes/light/navbar.base.css.d.ts → button/themes/button/dark/button.bootstrap.css.d.ts} +0 -0
package/themes/light/fluent.css CHANGED
@@ -83,252 +83,360 @@
83
83
  }
84
84
 
85
85
  :root {
86
+ --ig-primary-50: hsl(206.04, 100%, 73.99%);
86
87
  --ig-primary-50-contrast: black;
87
88
  --ig-primary-50: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 1.78);
89
+ --ig-primary-100: hsl(206.04, 80%, 69%);
88
90
  --ig-primary-100-contrast: black;
89
91
  --ig-primary-100: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.8), calc(var(--ig-primary-l) * 1.66);
92
+ --ig-primary-200: hsl(206.04, 64%, 59.44%);
90
93
  --ig-primary-200-contrast: black;
91
94
  --ig-primary-200: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.64), calc(var(--ig-primary-l) * 1.43);
95
+ --ig-primary-300: hsl(206.04, 73%, 49.47%);
92
96
  --ig-primary-300-contrast: black;
93
97
  --ig-primary-300: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.73), calc(var(--ig-primary-l) * 1.19);
98
+ --ig-primary-400: hsl(206.04, 87.5%, 44.89%);
94
99
  --ig-primary-400-contrast: black;
95
100
  --ig-primary-400: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.875), calc(var(--ig-primary-l) * 1.08);
96
101
  --ig-primary-h: 206deg;
97
102
  --ig-primary-s: 100%;
98
103
  --ig-primary-l: 42%;
99
104
  --ig-primary-a: 1;
105
+ --ig-primary-500: hsl(206.04, 100%, 41.57%);
100
106
  --ig-primary-500-contrast: black;
101
107
  --ig-primary-500: var(--ig-primary-h), calc(var(--ig-primary-s) * 1), calc(var(--ig-primary-l) * 1);
108
+ --ig-primary-600: hsl(206.04, 100%, 37%);
102
109
  --ig-primary-600-contrast: white;
103
110
  --ig-primary-600: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.26), calc(var(--ig-primary-l) * 0.89);
111
+ --ig-primary-700: hsl(206.04, 100%, 33.67%);
104
112
  --ig-primary-700-contrast: white;
105
113
  --ig-primary-700: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.52), calc(var(--ig-primary-l) * 0.81);
114
+ --ig-primary-800: hsl(206.04, 100%, 30.35%);
106
115
  --ig-primary-800-contrast: white;
107
116
  --ig-primary-800: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.5), calc(var(--ig-primary-l) * 0.73);
117
+ --ig-primary-900: hsl(206.04, 100%, 26.6%);
108
118
  --ig-primary-900-contrast: white;
109
119
  --ig-primary-900: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.34), calc(var(--ig-primary-l) * 0.64);
120
+ --ig-primary-A100: hsl(206.04, 100%, 55.7%);
110
121
  --ig-primary-A100-contrast: black;
111
122
  --ig-primary-A100: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 1.34);
123
+ --ig-primary-A200: hsl(206.04, 100%, 48.22%);
112
124
  --ig-primary-A200-contrast: black;
113
125
  --ig-primary-A200: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.22), calc(var(--ig-primary-l) * 1.16);
126
+ --ig-primary-A400: hsl(206.04, 100%, 37.83%);
114
127
  --ig-primary-A400-contrast: white;
115
128
  --ig-primary-A400: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 0.91);
129
+ --ig-primary-A700: hsl(206.04, 100%, 27.02%);
116
130
  --ig-primary-A700-contrast: white;
117
131
  --ig-primary-A700: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 0.65);
132
+ --ig-secondary-50: hsl(207.75, 84.78%, 90.4%);
118
133
  --ig-secondary-50-contrast: black;
119
134
  --ig-secondary-50: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 1.78);
135
+ --ig-secondary-100: hsl(207.75, 55.14%, 84.3%);
120
136
  --ig-secondary-100-contrast: black;
121
137
  --ig-secondary-100: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.8), calc(var(--ig-secondary-l) * 1.66);
138
+ --ig-secondary-200: hsl(207.75, 44.11%, 72.62%);
122
139
  --ig-secondary-200-contrast: black;
123
140
  --ig-secondary-200: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.64), calc(var(--ig-secondary-l) * 1.43);
141
+ --ig-secondary-300: hsl(207.75, 50.31%, 60.43%);
124
142
  --ig-secondary-300-contrast: black;
125
143
  --ig-secondary-300: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.73), calc(var(--ig-secondary-l) * 1.19);
144
+ --ig-secondary-400: hsl(207.75, 60.31%, 54.85%);
126
145
  --ig-secondary-400-contrast: black;
127
146
  --ig-secondary-400: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.875), calc(var(--ig-secondary-l) * 1.08);
128
147
  --ig-secondary-h: 208deg;
129
148
  --ig-secondary-s: 69%;
130
149
  --ig-secondary-l: 51%;
131
150
  --ig-secondary-a: 1;
151
+ --ig-secondary-500: hsl(207.75, 68.92%, 50.78%);
132
152
  --ig-secondary-500-contrast: black;
133
153
  --ig-secondary-500: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1), calc(var(--ig-secondary-l) * 1);
154
+ --ig-secondary-600: hsl(207.75, 86.84%, 45.2%);
134
155
  --ig-secondary-600-contrast: black;
135
156
  --ig-secondary-600: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.26), calc(var(--ig-secondary-l) * 0.89);
157
+ --ig-secondary-700: hsl(207.75, 100%, 41.14%);
136
158
  --ig-secondary-700-contrast: white;
137
159
  --ig-secondary-700: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.52), calc(var(--ig-secondary-l) * 0.81);
160
+ --ig-secondary-800: hsl(207.75, 100%, 37.07%);
138
161
  --ig-secondary-800-contrast: white;
139
162
  --ig-secondary-800: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.5), calc(var(--ig-secondary-l) * 0.73);
163
+ --ig-secondary-900: hsl(207.75, 92.36%, 32.5%);
140
164
  --ig-secondary-900-contrast: white;
141
165
  --ig-secondary-900: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.34), calc(var(--ig-secondary-l) * 0.64);
166
+ --ig-secondary-A100: hsl(207.75, 84.78%, 68.05%);
142
167
  --ig-secondary-A100-contrast: black;
143
168
  --ig-secondary-A100: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 1.34);
169
+ --ig-secondary-A200: hsl(207.75, 84.09%, 58.91%);
144
170
  --ig-secondary-A200-contrast: black;
145
171
  --ig-secondary-A200: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.22), calc(var(--ig-secondary-l) * 1.16);
172
+ --ig-secondary-A400: hsl(207.75, 84.78%, 46.21%);
146
173
  --ig-secondary-A400-contrast: black;
147
174
  --ig-secondary-A400: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 0.91);
175
+ --ig-secondary-A700: hsl(207.75, 84.78%, 33.01%);
148
176
  --ig-secondary-A700-contrast: white;
149
177
  --ig-secondary-A700: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 0.65);
178
+ --ig-gray-50: hsl(0, 0%, 98%);
150
179
  --ig-gray-50-contrast: black;
151
180
  --ig-gray-50: var(--ig-gray-h), var(--ig-gray-s), 98%;
181
+ --ig-gray-100: hsl(0, 0%, 96%);
152
182
  --ig-gray-100-contrast: black;
153
183
  --ig-gray-100: var(--ig-gray-h), var(--ig-gray-s), 96%;
184
+ --ig-gray-200: hsl(0, 0%, 93%);
154
185
  --ig-gray-200-contrast: black;
155
186
  --ig-gray-200: var(--ig-gray-h), var(--ig-gray-s), 93%;
187
+ --ig-gray-300: hsl(0, 0%, 88%);
156
188
  --ig-gray-300-contrast: black;
157
189
  --ig-gray-300: var(--ig-gray-h), var(--ig-gray-s), 88%;
190
+ --ig-gray-400: hsl(0, 0%, 74%);
158
191
  --ig-gray-400-contrast: black;
159
192
  --ig-gray-400: var(--ig-gray-h), var(--ig-gray-s), 74%;
160
193
  --ig-gray-h: 0deg;
161
194
  --ig-gray-s: 0%;
162
195
  --ig-gray-l: 62%;
163
196
  --ig-gray-a: 1;
197
+ --ig-gray-500: hsl(0, 0%, 62%);
164
198
  --ig-gray-500-contrast: black;
165
199
  --ig-gray-500: var(--ig-gray-h), var(--ig-gray-s), 62%;
200
+ --ig-gray-600: hsl(0, 0%, 54%);
166
201
  --ig-gray-600-contrast: black;
167
202
  --ig-gray-600: var(--ig-gray-h), var(--ig-gray-s), 54%;
203
+ --ig-gray-700: hsl(0, 0%, 38%);
168
204
  --ig-gray-700-contrast: white;
169
205
  --ig-gray-700: var(--ig-gray-h), var(--ig-gray-s), 38%;
206
+ --ig-gray-800: hsl(0, 0%, 26%);
170
207
  --ig-gray-800-contrast: white;
171
208
  --ig-gray-800: var(--ig-gray-h), var(--ig-gray-s), 26%;
209
+ --ig-gray-900: hsl(0, 0%, 13%);
172
210
  --ig-gray-900-contrast: white;
173
211
  --ig-gray-900: var(--ig-gray-h), var(--ig-gray-s), 13%;
212
+ --ig-surface-50: hsl(0, 0%, 100%);
174
213
  --ig-surface-50-contrast: black;
175
214
  --ig-surface-50: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 1.78);
215
+ --ig-surface-100: hsl(0, 0%, 100%);
176
216
  --ig-surface-100-contrast: black;
177
217
  --ig-surface-100: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.8), calc(var(--ig-surface-l) * 1.66);
218
+ --ig-surface-200: hsl(0, 0%, 100%);
178
219
  --ig-surface-200-contrast: black;
179
220
  --ig-surface-200: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.64), calc(var(--ig-surface-l) * 1.43);
221
+ --ig-surface-300: hsl(0, 0%, 100%);
180
222
  --ig-surface-300-contrast: black;
181
223
  --ig-surface-300: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.73), calc(var(--ig-surface-l) * 1.19);
224
+ --ig-surface-400: hsl(0, 0%, 100%);
182
225
  --ig-surface-400-contrast: black;
183
226
  --ig-surface-400: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.875), calc(var(--ig-surface-l) * 1.08);
184
227
  --ig-surface-h: 0deg;
185
228
  --ig-surface-s: 0%;
186
229
  --ig-surface-l: 100%;
187
230
  --ig-surface-a: 1;
231
+ --ig-surface-500: hsl(0, 0%, 100%);
188
232
  --ig-surface-500-contrast: black;
189
233
  --ig-surface-500: var(--ig-surface-h), calc(var(--ig-surface-s) * 1), calc(var(--ig-surface-l) * 1);
234
+ --ig-surface-600: hsl(0, 0%, 89%);
190
235
  --ig-surface-600-contrast: black;
191
236
  --ig-surface-600: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.26), calc(var(--ig-surface-l) * 0.89);
237
+ --ig-surface-700: hsl(0, 0%, 81%);
192
238
  --ig-surface-700-contrast: black;
193
239
  --ig-surface-700: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.52), calc(var(--ig-surface-l) * 0.81);
240
+ --ig-surface-800: hsl(0, 0%, 73%);
194
241
  --ig-surface-800-contrast: black;
195
242
  --ig-surface-800: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.5), calc(var(--ig-surface-l) * 0.73);
243
+ --ig-surface-900: hsl(0, 0%, 64%);
196
244
  --ig-surface-900-contrast: black;
197
245
  --ig-surface-900: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.34), calc(var(--ig-surface-l) * 0.64);
246
+ --ig-surface-A100: hsl(0, 0%, 100%);
198
247
  --ig-surface-A100-contrast: black;
199
248
  --ig-surface-A100: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 1.34);
249
+ --ig-surface-A200: hsl(0, 0%, 100%);
200
250
  --ig-surface-A200-contrast: black;
201
251
  --ig-surface-A200: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.22), calc(var(--ig-surface-l) * 1.16);
252
+ --ig-surface-A400: hsl(0, 0%, 91%);
202
253
  --ig-surface-A400-contrast: black;
203
254
  --ig-surface-A400: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 0.91);
255
+ --ig-surface-A700: hsl(0, 0%, 65%);
204
256
  --ig-surface-A700-contrast: black;
205
257
  --ig-surface-A700: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 0.65);
258
+ --ig-info-50: hsl(209.07, 100%, 80.97%);
206
259
  --ig-info-50-contrast: black;
207
260
  --ig-info-50: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 1.78);
261
+ --ig-info-100: hsl(209.07, 66.9%, 75.51%);
208
262
  --ig-info-100-contrast: black;
209
263
  --ig-info-100: var(--ig-info-h), calc(var(--ig-info-s) * 0.8), calc(var(--ig-info-l) * 1.66);
264
+ --ig-info-200: hsl(209.07, 53.52%, 65.05%);
210
265
  --ig-info-200-contrast: black;
211
266
  --ig-info-200: var(--ig-info-h), calc(var(--ig-info-s) * 0.64), calc(var(--ig-info-l) * 1.43);
267
+ --ig-info-300: hsl(209.07, 61.04%, 54.13%);
212
268
  --ig-info-300-contrast: black;
213
269
  --ig-info-300: var(--ig-info-h), calc(var(--ig-info-s) * 0.73), calc(var(--ig-info-l) * 1.19);
270
+ --ig-info-400: hsl(209.07, 73.17%, 49.13%);
214
271
  --ig-info-400-contrast: black;
215
272
  --ig-info-400: var(--ig-info-h), calc(var(--ig-info-s) * 0.875), calc(var(--ig-info-l) * 1.08);
216
273
  --ig-info-h: 209deg;
217
274
  --ig-info-s: 84%;
218
275
  --ig-info-l: 45%;
219
276
  --ig-info-a: 1;
277
+ --ig-info-500: hsl(209.07, 83.62%, 45.49%);
220
278
  --ig-info-500-contrast: black;
221
279
  --ig-info-500: var(--ig-info-h), calc(var(--ig-info-s) * 1), calc(var(--ig-info-l) * 1);
280
+ --ig-info-600: hsl(209.07, 100%, 40.49%);
222
281
  --ig-info-600-contrast: white;
223
282
  --ig-info-600: var(--ig-info-h), calc(var(--ig-info-s) * 1.26), calc(var(--ig-info-l) * 0.89);
283
+ --ig-info-700: hsl(209.07, 100%, 36.85%);
224
284
  --ig-info-700-contrast: white;
225
285
  --ig-info-700: var(--ig-info-h), calc(var(--ig-info-s) * 1.52), calc(var(--ig-info-l) * 0.81);
286
+ --ig-info-800: hsl(209.07, 100%, 33.21%);
226
287
  --ig-info-800-contrast: white;
227
288
  --ig-info-800: var(--ig-info-h), calc(var(--ig-info-s) * 1.5), calc(var(--ig-info-l) * 0.73);
289
+ --ig-info-900: hsl(209.07, 100%, 29.11%);
228
290
  --ig-info-900-contrast: white;
229
291
  --ig-info-900: var(--ig-info-h), calc(var(--ig-info-s) * 1.34), calc(var(--ig-info-l) * 0.64);
292
+ --ig-info-A100: hsl(209.07, 100%, 60.96%);
230
293
  --ig-info-A100-contrast: black;
231
294
  --ig-info-A100: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 1.34);
295
+ --ig-info-A200: hsl(209.07, 100%, 52.77%);
232
296
  --ig-info-A200-contrast: black;
233
297
  --ig-info-A200: var(--ig-info-h), calc(var(--ig-info-s) * 1.22), calc(var(--ig-info-l) * 1.16);
298
+ --ig-info-A400: hsl(209.07, 100%, 41.4%);
234
299
  --ig-info-A400-contrast: white;
235
300
  --ig-info-A400: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 0.91);
301
+ --ig-info-A700: hsl(209.07, 100%, 29.57%);
236
302
  --ig-info-A700-contrast: white;
237
303
  --ig-info-A700: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 0.65);
304
+ --ig-success-50: hsl(120, 94.89%, 48.86%);
238
305
  --ig-success-50-contrast: black;
239
306
  --ig-success-50: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 1.78);
307
+ --ig-success-100: hsl(120, 61.71%, 45.57%);
240
308
  --ig-success-100-contrast: black;
241
309
  --ig-success-100: var(--ig-success-h), calc(var(--ig-success-s) * 0.8), calc(var(--ig-success-l) * 1.66);
310
+ --ig-success-200: hsl(120, 49.37%, 39.25%);
242
311
  --ig-success-200-contrast: black;
243
312
  --ig-success-200: var(--ig-success-h), calc(var(--ig-success-s) * 0.64), calc(var(--ig-success-l) * 1.43);
313
+ --ig-success-300: hsl(120, 56.31%, 32.67%);
244
314
  --ig-success-300-contrast: white;
245
315
  --ig-success-300: var(--ig-success-h), calc(var(--ig-success-s) * 0.73), calc(var(--ig-success-l) * 1.19);
316
+ --ig-success-400: hsl(120, 67.5%, 29.65%);
246
317
  --ig-success-400-contrast: white;
247
318
  --ig-success-400: var(--ig-success-h), calc(var(--ig-success-s) * 0.875), calc(var(--ig-success-l) * 1.08);
248
319
  --ig-success-h: 120deg;
249
320
  --ig-success-s: 77%;
250
321
  --ig-success-l: 27%;
251
322
  --ig-success-a: 1;
323
+ --ig-success-500: hsl(120, 77.14%, 27.45%);
252
324
  --ig-success-500-contrast: white;
253
325
  --ig-success-500: var(--ig-success-h), calc(var(--ig-success-s) * 1), calc(var(--ig-success-l) * 1);
326
+ --ig-success-600: hsl(120, 97.2%, 24.43%);
254
327
  --ig-success-600-contrast: white;
255
328
  --ig-success-600: var(--ig-success-h), calc(var(--ig-success-s) * 1.26), calc(var(--ig-success-l) * 0.89);
329
+ --ig-success-700: hsl(120, 100%, 22.24%);
256
330
  --ig-success-700-contrast: white;
257
331
  --ig-success-700: var(--ig-success-h), calc(var(--ig-success-s) * 1.52), calc(var(--ig-success-l) * 0.81);
332
+ --ig-success-800: hsl(120, 100%, 20.04%);
258
333
  --ig-success-800-contrast: white;
259
334
  --ig-success-800: var(--ig-success-h), calc(var(--ig-success-s) * 1.5), calc(var(--ig-success-l) * 0.73);
335
+ --ig-success-900: hsl(120, 100%, 17.57%);
260
336
  --ig-success-900-contrast: white;
261
337
  --ig-success-900: var(--ig-success-h), calc(var(--ig-success-s) * 1.34), calc(var(--ig-success-l) * 0.64);
338
+ --ig-success-A100: hsl(120, 94.89%, 36.78%);
262
339
  --ig-success-A100-contrast: black;
263
340
  --ig-success-A100: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 1.34);
341
+ --ig-success-A200: hsl(120, 94.11%, 31.84%);
264
342
  --ig-success-A200-contrast: black;
265
343
  --ig-success-A200: var(--ig-success-h), calc(var(--ig-success-s) * 1.22), calc(var(--ig-success-l) * 1.16);
344
+ --ig-success-A400: hsl(120, 94.89%, 24.98%);
266
345
  --ig-success-A400-contrast: white;
267
346
  --ig-success-A400: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 0.91);
347
+ --ig-success-A700: hsl(120, 94.89%, 17.84%);
268
348
  --ig-success-A700-contrast: white;
269
349
  --ig-success-A700: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 0.65);
350
+ --ig-warn-50: hsl(30, 3.13%, 82.37%);
270
351
  --ig-warn-50-contrast: black;
271
352
  --ig-warn-50: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 1.78);
353
+ --ig-warn-100: hsl(30, 2.03%, 76.82%);
272
354
  --ig-warn-100-contrast: black;
273
355
  --ig-warn-100: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.8), calc(var(--ig-warn-l) * 1.66);
356
+ --ig-warn-200: hsl(30, 1.63%, 66.17%);
274
357
  --ig-warn-200-contrast: black;
275
358
  --ig-warn-200: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.64), calc(var(--ig-warn-l) * 1.43);
359
+ --ig-warn-300: hsl(30, 1.86%, 55.07%);
276
360
  --ig-warn-300-contrast: black;
277
361
  --ig-warn-300: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.73), calc(var(--ig-warn-l) * 1.19);
362
+ --ig-warn-400: hsl(30, 2.22%, 49.98%);
278
363
  --ig-warn-400-contrast: black;
279
364
  --ig-warn-400: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.875), calc(var(--ig-warn-l) * 1.08);
280
365
  --ig-warn-h: 30deg;
281
366
  --ig-warn-s: 3%;
282
367
  --ig-warn-l: 46%;
283
368
  --ig-warn-a: 1;
369
+ --ig-warn-500: hsl(30, 2.54%, 46.27%);
284
370
  --ig-warn-500-contrast: black;
285
371
  --ig-warn-500: var(--ig-warn-h), calc(var(--ig-warn-s) * 1), calc(var(--ig-warn-l) * 1);
372
+ --ig-warn-600: hsl(30, 3.2%, 41.18%);
286
373
  --ig-warn-600-contrast: white;
287
374
  --ig-warn-600: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.26), calc(var(--ig-warn-l) * 0.89);
375
+ --ig-warn-700: hsl(30, 3.86%, 37.48%);
288
376
  --ig-warn-700-contrast: white;
289
377
  --ig-warn-700: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.52), calc(var(--ig-warn-l) * 0.81);
378
+ --ig-warn-800: hsl(30, 3.81%, 33.78%);
290
379
  --ig-warn-800-contrast: white;
291
380
  --ig-warn-800: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.5), calc(var(--ig-warn-l) * 0.73);
381
+ --ig-warn-900: hsl(30, 3.41%, 29.62%);
292
382
  --ig-warn-900-contrast: white;
293
383
  --ig-warn-900: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.34), calc(var(--ig-warn-l) * 0.64);
384
+ --ig-warn-A100: hsl(30, 3.13%, 62.01%);
294
385
  --ig-warn-A100-contrast: black;
295
386
  --ig-warn-A100: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 1.34);
387
+ --ig-warn-A200: hsl(30, 3.1%, 53.68%);
296
388
  --ig-warn-A200-contrast: black;
297
389
  --ig-warn-A200: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.22), calc(var(--ig-warn-l) * 1.16);
390
+ --ig-warn-A400: hsl(30, 3.13%, 42.11%);
298
391
  --ig-warn-A400-contrast: white;
299
392
  --ig-warn-A400: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 0.91);
393
+ --ig-warn-A700: hsl(30, 3.13%, 30.08%);
300
394
  --ig-warn-A700-contrast: white;
301
395
  --ig-warn-A700: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 0.65);
396
+ --ig-error-50: hsl(0, 100%, 58.64%);
302
397
  --ig-error-50-contrast: black;
303
398
  --ig-error-50: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 1.78);
399
+ --ig-error-100: hsl(0, 80%, 54.68%);
304
400
  --ig-error-100-contrast: black;
305
401
  --ig-error-100: var(--ig-error-h), calc(var(--ig-error-s) * 0.8), calc(var(--ig-error-l) * 1.66);
402
+ --ig-error-200: hsl(0, 64%, 47.11%);
306
403
  --ig-error-200-contrast: white;
307
404
  --ig-error-200: var(--ig-error-h), calc(var(--ig-error-s) * 0.64), calc(var(--ig-error-l) * 1.43);
405
+ --ig-error-300: hsl(0, 73%, 39.2%);
308
406
  --ig-error-300-contrast: white;
309
407
  --ig-error-300: var(--ig-error-h), calc(var(--ig-error-s) * 0.73), calc(var(--ig-error-l) * 1.19);
408
+ --ig-error-400: hsl(0, 87.5%, 35.58%);
310
409
  --ig-error-400-contrast: white;
311
410
  --ig-error-400: var(--ig-error-h), calc(var(--ig-error-s) * 0.875), calc(var(--ig-error-l) * 1.08);
312
411
  --ig-error-h: 0deg;
313
412
  --ig-error-s: 100%;
314
413
  --ig-error-l: 33%;
315
414
  --ig-error-a: 1;
415
+ --ig-error-500: hsl(0, 100%, 32.94%);
316
416
  --ig-error-500-contrast: white;
317
417
  --ig-error-500: var(--ig-error-h), calc(var(--ig-error-s) * 1), calc(var(--ig-error-l) * 1);
418
+ --ig-error-600: hsl(0, 100%, 29.32%);
318
419
  --ig-error-600-contrast: white;
319
420
  --ig-error-600: var(--ig-error-h), calc(var(--ig-error-s) * 1.26), calc(var(--ig-error-l) * 0.89);
421
+ --ig-error-700: hsl(0, 100%, 26.68%);
320
422
  --ig-error-700-contrast: white;
321
423
  --ig-error-700: var(--ig-error-h), calc(var(--ig-error-s) * 1.52), calc(var(--ig-error-l) * 0.81);
424
+ --ig-error-800: hsl(0, 100%, 24.05%);
322
425
  --ig-error-800-contrast: white;
323
426
  --ig-error-800: var(--ig-error-h), calc(var(--ig-error-s) * 1.5), calc(var(--ig-error-l) * 0.73);
427
+ --ig-error-900: hsl(0, 100%, 21.08%);
324
428
  --ig-error-900-contrast: white;
325
429
  --ig-error-900: var(--ig-error-h), calc(var(--ig-error-s) * 1.34), calc(var(--ig-error-l) * 0.64);
430
+ --ig-error-A100: hsl(0, 100%, 44.14%);
326
431
  --ig-error-A100-contrast: white;
327
432
  --ig-error-A100: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 1.34);
433
+ --ig-error-A200: hsl(0, 100%, 38.21%);
328
434
  --ig-error-A200-contrast: white;
329
435
  --ig-error-A200: var(--ig-error-h), calc(var(--ig-error-s) * 1.22), calc(var(--ig-error-l) * 1.16);
436
+ --ig-error-A400: hsl(0, 100%, 29.98%);
330
437
  --ig-error-A400-contrast: white;
331
438
  --ig-error-A400: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 0.91);
439
+ --ig-error-A700: hsl(0, 100%, 21.41%);
332
440
  --ig-error-A700-contrast: white;
333
441
  --ig-error-A700: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 0.65);
334
442
  }