@instructure/ui-themes 11.7.8-snapshot-5 → 11.7.8-snapshot-7

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 (306) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/css/cssThemesWithMediaQueries.css +2 -2
  3. package/css/dark.css +1 -1
  4. package/css/legacyCanvas.css +1 -1
  5. package/css/legacyCanvasHighContrast.css +1 -1
  6. package/css/light.css +1 -1
  7. package/es/index.js +7 -2
  8. package/es/themes/frozenThemes/designTokensV1/components/alert/canvas.js +49 -0
  9. package/es/themes/frozenThemes/designTokensV1/components/alert/canvasHighContrast.js +49 -0
  10. package/es/themes/frozenThemes/designTokensV1/components/alert/dark.js +49 -0
  11. package/es/themes/frozenThemes/designTokensV1/components/alert/light.js +49 -0
  12. package/es/themes/frozenThemes/designTokensV1/components/alert/type.js +1 -0
  13. package/es/themes/frozenThemes/designTokensV1/components/index.js +49 -0
  14. package/es/themes/frozenThemes/designTokensV1/components/pill/canvas.js +49 -0
  15. package/es/themes/frozenThemes/designTokensV1/components/pill/canvasHighContrast.js +49 -0
  16. package/es/themes/frozenThemes/designTokensV1/components/pill/dark.js +49 -0
  17. package/es/themes/frozenThemes/designTokensV1/components/pill/light.js +49 -0
  18. package/es/themes/frozenThemes/designTokensV1/components/pill/type.js +1 -0
  19. package/es/themes/frozenThemes/designTokensV1/index.js +53 -0
  20. package/es/themes/frozenThemes/designTokensV1/primitives.js +28 -0
  21. package/es/themes/frozenThemes/designTokensV1/semantics.js +28 -0
  22. package/es/themes/frozenThemes/designTokensV1/sharedTokens.js +28 -0
  23. package/es/themes/frozenThemes/index.js +25 -0
  24. package/es/themes/newThemeTokens/componentTypes/banner.js +1 -0
  25. package/es/themes/newThemeTokens/componentTypes/card.js +1 -0
  26. package/es/themes/newThemeTokens/componentTypes/mobileSharedTokens.js +1 -0
  27. package/es/themes/newThemeTokens/dark/components/alert.js +45 -5
  28. package/es/themes/newThemeTokens/dark/components/banner.js +57 -0
  29. package/es/themes/newThemeTokens/dark/components/card.js +61 -0
  30. package/es/themes/newThemeTokens/dark/components/mobileSharedTokens.js +29 -0
  31. package/es/themes/newThemeTokens/dark/components/pill.js +134 -12
  32. package/es/themes/newThemeTokens/dark/components/sideNavBarNew.js +9 -9
  33. package/es/themes/newThemeTokens/dark/components/tag.js +2 -1
  34. package/es/themes/newThemeTokens/dark/index.js +7 -1
  35. package/es/themes/newThemeTokens/dark/semantics.js +25 -9
  36. package/es/themes/newThemeTokens/legacyCanvas/components/alert.js +17 -5
  37. package/es/themes/newThemeTokens/legacyCanvas/components/banner.js +57 -0
  38. package/es/themes/newThemeTokens/legacyCanvas/components/baseButton.js +8 -1
  39. package/es/themes/newThemeTokens/legacyCanvas/components/card.js +61 -0
  40. package/es/themes/newThemeTokens/legacyCanvas/components/mobileSharedTokens.js +29 -0
  41. package/es/themes/newThemeTokens/legacyCanvas/components/pill.js +42 -4
  42. package/es/themes/newThemeTokens/legacyCanvas/components/sideNavBarNew.js +8 -8
  43. package/es/themes/newThemeTokens/legacyCanvas/components/tag.js +2 -1
  44. package/es/themes/newThemeTokens/legacyCanvas/index.js +7 -1
  45. package/es/themes/newThemeTokens/legacyCanvas/semantics.js +27 -4
  46. package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/alert.js +17 -5
  47. package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/banner.js +57 -0
  48. package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/baseButton.js +8 -1
  49. package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/card.js +61 -0
  50. package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/mobileSharedTokens.js +29 -0
  51. package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/pill.js +42 -4
  52. package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/sideNavBarNew.js +8 -8
  53. package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/tag.js +2 -1
  54. package/es/themes/newThemeTokens/legacyCanvasHighContrast/index.js +7 -1
  55. package/es/themes/newThemeTokens/legacyCanvasHighContrast/semantics.js +27 -4
  56. package/es/themes/newThemeTokens/light/components/alert.js +45 -5
  57. package/es/themes/newThemeTokens/light/components/banner.js +57 -0
  58. package/es/themes/newThemeTokens/light/components/card.js +61 -0
  59. package/es/themes/newThemeTokens/light/components/mobileSharedTokens.js +29 -0
  60. package/es/themes/newThemeTokens/light/components/pill.js +134 -12
  61. package/es/themes/newThemeTokens/light/components/sideNavBarNew.js +9 -9
  62. package/es/themes/newThemeTokens/light/components/tag.js +2 -1
  63. package/es/themes/newThemeTokens/light/index.js +7 -1
  64. package/es/themes/newThemeTokens/light/semantics.js +94 -29
  65. package/lib/index.js +11 -1
  66. package/lib/themes/frozenThemes/designTokensV1/components/alert/canvas.js +55 -0
  67. package/lib/themes/frozenThemes/designTokensV1/components/alert/canvasHighContrast.js +55 -0
  68. package/lib/themes/frozenThemes/designTokensV1/components/alert/dark.js +55 -0
  69. package/lib/themes/frozenThemes/designTokensV1/components/alert/light.js +55 -0
  70. package/lib/themes/frozenThemes/designTokensV1/components/alert/type.js +5 -0
  71. package/lib/themes/frozenThemes/designTokensV1/components/index.js +56 -0
  72. package/lib/themes/frozenThemes/designTokensV1/components/pill/canvas.js +55 -0
  73. package/lib/themes/frozenThemes/designTokensV1/components/pill/canvasHighContrast.js +55 -0
  74. package/lib/themes/frozenThemes/designTokensV1/components/pill/dark.js +55 -0
  75. package/lib/themes/frozenThemes/designTokensV1/components/pill/light.js +55 -0
  76. package/lib/themes/frozenThemes/designTokensV1/components/pill/type.js +5 -0
  77. package/lib/themes/frozenThemes/designTokensV1/index.js +60 -0
  78. package/lib/themes/frozenThemes/designTokensV1/primitives.js +34 -0
  79. package/lib/themes/frozenThemes/designTokensV1/semantics.js +34 -0
  80. package/lib/themes/frozenThemes/designTokensV1/sharedTokens.js +34 -0
  81. package/lib/themes/frozenThemes/index.js +13 -0
  82. package/lib/themes/newThemeTokens/componentTypes/banner.js +5 -0
  83. package/lib/themes/newThemeTokens/componentTypes/card.js +5 -0
  84. package/lib/themes/newThemeTokens/componentTypes/mobileSharedTokens.js +5 -0
  85. package/lib/themes/newThemeTokens/dark/components/alert.js +45 -5
  86. package/lib/themes/newThemeTokens/dark/components/banner.js +63 -0
  87. package/lib/themes/newThemeTokens/dark/components/card.js +67 -0
  88. package/lib/themes/newThemeTokens/dark/components/mobileSharedTokens.js +35 -0
  89. package/lib/themes/newThemeTokens/dark/components/pill.js +134 -12
  90. package/lib/themes/newThemeTokens/dark/components/sideNavBarNew.js +9 -9
  91. package/lib/themes/newThemeTokens/dark/components/tag.js +2 -1
  92. package/lib/themes/newThemeTokens/dark/index.js +7 -1
  93. package/lib/themes/newThemeTokens/dark/semantics.js +25 -9
  94. package/lib/themes/newThemeTokens/legacyCanvas/components/alert.js +17 -5
  95. package/lib/themes/newThemeTokens/legacyCanvas/components/banner.js +63 -0
  96. package/lib/themes/newThemeTokens/legacyCanvas/components/baseButton.js +8 -1
  97. package/lib/themes/newThemeTokens/legacyCanvas/components/card.js +67 -0
  98. package/lib/themes/newThemeTokens/legacyCanvas/components/mobileSharedTokens.js +35 -0
  99. package/lib/themes/newThemeTokens/legacyCanvas/components/pill.js +42 -4
  100. package/lib/themes/newThemeTokens/legacyCanvas/components/sideNavBarNew.js +8 -8
  101. package/lib/themes/newThemeTokens/legacyCanvas/components/tag.js +2 -1
  102. package/lib/themes/newThemeTokens/legacyCanvas/index.js +7 -1
  103. package/lib/themes/newThemeTokens/legacyCanvas/semantics.js +27 -4
  104. package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/alert.js +17 -5
  105. package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/banner.js +63 -0
  106. package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/baseButton.js +8 -1
  107. package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/card.js +67 -0
  108. package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/mobileSharedTokens.js +35 -0
  109. package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/pill.js +42 -4
  110. package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/sideNavBarNew.js +8 -8
  111. package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/tag.js +2 -1
  112. package/lib/themes/newThemeTokens/legacyCanvasHighContrast/index.js +7 -1
  113. package/lib/themes/newThemeTokens/legacyCanvasHighContrast/semantics.js +27 -4
  114. package/lib/themes/newThemeTokens/light/components/alert.js +45 -5
  115. package/lib/themes/newThemeTokens/light/components/banner.js +63 -0
  116. package/lib/themes/newThemeTokens/light/components/card.js +67 -0
  117. package/lib/themes/newThemeTokens/light/components/mobileSharedTokens.js +35 -0
  118. package/lib/themes/newThemeTokens/light/components/pill.js +134 -12
  119. package/lib/themes/newThemeTokens/light/components/sideNavBarNew.js +9 -9
  120. package/lib/themes/newThemeTokens/light/components/tag.js +2 -1
  121. package/lib/themes/newThemeTokens/light/index.js +7 -1
  122. package/lib/themes/newThemeTokens/light/semantics.js +94 -29
  123. package/package.json +3 -3
  124. package/src/index.ts +31 -3
  125. package/src/themes/frozenThemes/designTokensV1/components/alert/canvas.ts +51 -0
  126. package/src/themes/frozenThemes/designTokensV1/components/alert/canvasHighContrast.ts +51 -0
  127. package/src/themes/frozenThemes/designTokensV1/components/alert/dark.ts +51 -0
  128. package/src/themes/frozenThemes/designTokensV1/components/alert/light.ts +51 -0
  129. package/src/themes/frozenThemes/designTokensV1/components/alert/type.ts +50 -0
  130. package/src/themes/frozenThemes/designTokensV1/components/index.ts +56 -0
  131. package/src/themes/frozenThemes/designTokensV1/components/pill/canvas.ts +51 -0
  132. package/src/themes/frozenThemes/designTokensV1/components/pill/canvasHighContrast.ts +51 -0
  133. package/src/themes/frozenThemes/designTokensV1/components/pill/dark.ts +51 -0
  134. package/src/themes/frozenThemes/designTokensV1/components/pill/light.ts +51 -0
  135. package/src/themes/frozenThemes/designTokensV1/components/pill/type.ts +50 -0
  136. package/src/themes/frozenThemes/designTokensV1/index.ts +76 -0
  137. package/src/themes/frozenThemes/designTokensV1/primitives.ts +47 -0
  138. package/src/themes/frozenThemes/designTokensV1/semantics.ts +46 -0
  139. package/src/themes/frozenThemes/designTokensV1/sharedTokens.ts +35 -0
  140. package/src/themes/frozenThemes/index.ts +28 -0
  141. package/src/themes/newThemeTokens/commonTypes.ts +170 -5
  142. package/src/themes/newThemeTokens/componentTypes/alert.ts +15 -3
  143. package/src/themes/newThemeTokens/componentTypes/banner.ts +51 -0
  144. package/src/themes/newThemeTokens/componentTypes/card.ts +48 -0
  145. package/src/themes/newThemeTokens/componentTypes/index.ts +6 -0
  146. package/src/themes/newThemeTokens/componentTypes/mobileSharedTokens.ts +32 -0
  147. package/src/themes/newThemeTokens/componentTypes/pill.ts +40 -2
  148. package/src/themes/newThemeTokens/componentTypes/tag.ts +1 -0
  149. package/src/themes/newThemeTokens/dark/components/alert.ts +23 -5
  150. package/src/themes/newThemeTokens/dark/components/banner.ts +52 -0
  151. package/src/themes/newThemeTokens/dark/components/card.ts +63 -0
  152. package/src/themes/newThemeTokens/dark/components/mobileSharedTokens.ts +31 -0
  153. package/src/themes/newThemeTokens/dark/components/pill.ts +50 -12
  154. package/src/themes/newThemeTokens/dark/components/sideNavBarNew.ts +9 -9
  155. package/src/themes/newThemeTokens/dark/components/tag.ts +1 -0
  156. package/src/themes/newThemeTokens/dark/index.ts +6 -0
  157. package/src/themes/newThemeTokens/dark/semantics.ts +48 -16
  158. package/src/themes/newThemeTokens/legacyCanvas/components/alert.ts +16 -4
  159. package/src/themes/newThemeTokens/legacyCanvas/components/banner.ts +52 -0
  160. package/src/themes/newThemeTokens/legacyCanvas/components/baseButton.ts +4 -1
  161. package/src/themes/newThemeTokens/legacyCanvas/components/card.ts +63 -0
  162. package/src/themes/newThemeTokens/legacyCanvas/components/mobileSharedTokens.ts +31 -0
  163. package/src/themes/newThemeTokens/legacyCanvas/components/pill.ts +41 -3
  164. package/src/themes/newThemeTokens/legacyCanvas/components/sideNavBarNew.ts +8 -8
  165. package/src/themes/newThemeTokens/legacyCanvas/components/tag.ts +1 -0
  166. package/src/themes/newThemeTokens/legacyCanvas/index.ts +6 -0
  167. package/src/themes/newThemeTokens/legacyCanvas/semantics.ts +44 -6
  168. package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/alert.ts +16 -4
  169. package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/banner.ts +52 -0
  170. package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/baseButton.ts +4 -1
  171. package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/card.ts +63 -0
  172. package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/mobileSharedTokens.ts +31 -0
  173. package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/pill.ts +41 -3
  174. package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/sideNavBarNew.ts +8 -8
  175. package/src/themes/newThemeTokens/legacyCanvasHighContrast/components/tag.ts +1 -0
  176. package/src/themes/newThemeTokens/legacyCanvasHighContrast/index.ts +6 -0
  177. package/src/themes/newThemeTokens/legacyCanvasHighContrast/semantics.ts +44 -6
  178. package/src/themes/newThemeTokens/light/components/alert.ts +23 -5
  179. package/src/themes/newThemeTokens/light/components/banner.ts +52 -0
  180. package/src/themes/newThemeTokens/light/components/card.ts +63 -0
  181. package/src/themes/newThemeTokens/light/components/mobileSharedTokens.ts +31 -0
  182. package/src/themes/newThemeTokens/light/components/pill.ts +50 -12
  183. package/src/themes/newThemeTokens/light/components/sideNavBarNew.ts +9 -9
  184. package/src/themes/newThemeTokens/light/components/tag.ts +1 -0
  185. package/src/themes/newThemeTokens/light/index.ts +6 -0
  186. package/src/themes/newThemeTokens/light/semantics.ts +130 -56
  187. package/tokens/canvas/source.json +1 -1
  188. package/tsconfig.build.tsbuildinfo +1 -1
  189. package/types/index.d.ts +19 -3
  190. package/types/index.d.ts.map +1 -1
  191. package/types/themes/frozenThemes/designTokensV1/components/alert/canvas.d.ts +27 -0
  192. package/types/themes/frozenThemes/designTokensV1/components/alert/canvas.d.ts.map +1 -0
  193. package/types/themes/frozenThemes/designTokensV1/components/alert/canvasHighContrast.d.ts +27 -0
  194. package/types/themes/frozenThemes/designTokensV1/components/alert/canvasHighContrast.d.ts.map +1 -0
  195. package/types/themes/frozenThemes/designTokensV1/components/alert/dark.d.ts +27 -0
  196. package/types/themes/frozenThemes/designTokensV1/components/alert/dark.d.ts.map +1 -0
  197. package/types/themes/frozenThemes/designTokensV1/components/alert/light.d.ts +27 -0
  198. package/types/themes/frozenThemes/designTokensV1/components/alert/light.d.ts.map +1 -0
  199. package/types/themes/frozenThemes/designTokensV1/components/alert/type.d.ts +26 -0
  200. package/types/themes/frozenThemes/designTokensV1/components/alert/type.d.ts.map +1 -0
  201. package/types/themes/frozenThemes/designTokensV1/components/index.d.ts +31 -0
  202. package/types/themes/frozenThemes/designTokensV1/components/index.d.ts.map +1 -0
  203. package/types/themes/frozenThemes/designTokensV1/components/pill/canvas.d.ts +27 -0
  204. package/types/themes/frozenThemes/designTokensV1/components/pill/canvas.d.ts.map +1 -0
  205. package/types/themes/frozenThemes/designTokensV1/components/pill/canvasHighContrast.d.ts +27 -0
  206. package/types/themes/frozenThemes/designTokensV1/components/pill/canvasHighContrast.d.ts.map +1 -0
  207. package/types/themes/frozenThemes/designTokensV1/components/pill/dark.d.ts +27 -0
  208. package/types/themes/frozenThemes/designTokensV1/components/pill/dark.d.ts.map +1 -0
  209. package/types/themes/frozenThemes/designTokensV1/components/pill/light.d.ts +27 -0
  210. package/types/themes/frozenThemes/designTokensV1/components/pill/light.d.ts.map +1 -0
  211. package/types/themes/frozenThemes/designTokensV1/components/pill/type.d.ts +26 -0
  212. package/types/themes/frozenThemes/designTokensV1/components/pill/type.d.ts.map +1 -0
  213. package/types/themes/frozenThemes/designTokensV1/index.d.ts +231 -0
  214. package/types/themes/frozenThemes/designTokensV1/index.d.ts.map +1 -0
  215. package/types/themes/frozenThemes/designTokensV1/primitives.d.ts +11 -0
  216. package/types/themes/frozenThemes/designTokensV1/primitives.d.ts.map +1 -0
  217. package/types/themes/frozenThemes/designTokensV1/semantics.d.ts +11 -0
  218. package/types/themes/frozenThemes/designTokensV1/semantics.d.ts.map +1 -0
  219. package/types/themes/frozenThemes/designTokensV1/sharedTokens.d.ts +6 -0
  220. package/types/themes/frozenThemes/designTokensV1/sharedTokens.d.ts.map +1 -0
  221. package/types/themes/frozenThemes/index.d.ts +4 -0
  222. package/types/themes/frozenThemes/index.d.ts.map +1 -0
  223. package/types/themes/newThemeTokens/commonTypes.d.ts +134 -0
  224. package/types/themes/newThemeTokens/commonTypes.d.ts.map +1 -1
  225. package/types/themes/newThemeTokens/componentTypes/alert.d.ts +15 -3
  226. package/types/themes/newThemeTokens/componentTypes/alert.d.ts.map +1 -1
  227. package/types/themes/newThemeTokens/componentTypes/banner.d.ts +27 -0
  228. package/types/themes/newThemeTokens/componentTypes/banner.d.ts.map +1 -0
  229. package/types/themes/newThemeTokens/componentTypes/card.d.ts +26 -0
  230. package/types/themes/newThemeTokens/componentTypes/card.d.ts.map +1 -0
  231. package/types/themes/newThemeTokens/componentTypes/index.d.ts +6 -0
  232. package/types/themes/newThemeTokens/componentTypes/index.d.ts.map +1 -1
  233. package/types/themes/newThemeTokens/componentTypes/mobileSharedTokens.d.ts +8 -0
  234. package/types/themes/newThemeTokens/componentTypes/mobileSharedTokens.d.ts.map +1 -0
  235. package/types/themes/newThemeTokens/componentTypes/pill.d.ts +40 -2
  236. package/types/themes/newThemeTokens/componentTypes/pill.d.ts.map +1 -1
  237. package/types/themes/newThemeTokens/componentTypes/tag.d.ts +1 -0
  238. package/types/themes/newThemeTokens/componentTypes/tag.d.ts.map +1 -1
  239. package/types/themes/newThemeTokens/dark/components/alert.d.ts +43 -3
  240. package/types/themes/newThemeTokens/dark/components/alert.d.ts.map +1 -1
  241. package/types/themes/newThemeTokens/dark/components/banner.d.ts +35 -0
  242. package/types/themes/newThemeTokens/dark/components/banner.d.ts.map +1 -0
  243. package/types/themes/newThemeTokens/dark/components/card.d.ts +39 -0
  244. package/types/themes/newThemeTokens/dark/components/card.d.ts.map +1 -0
  245. package/types/themes/newThemeTokens/dark/components/mobileSharedTokens.d.ts +7 -0
  246. package/types/themes/newThemeTokens/dark/components/mobileSharedTokens.d.ts.map +1 -0
  247. package/types/themes/newThemeTokens/dark/components/pill.d.ts +128 -6
  248. package/types/themes/newThemeTokens/dark/components/pill.d.ts.map +1 -1
  249. package/types/themes/newThemeTokens/dark/components/tag.d.ts +1 -0
  250. package/types/themes/newThemeTokens/dark/components/tag.d.ts.map +1 -1
  251. package/types/themes/newThemeTokens/dark/index.d.ts.map +1 -1
  252. package/types/themes/newThemeTokens/dark/semantics.d.ts +24 -8
  253. package/types/themes/newThemeTokens/dark/semantics.d.ts.map +1 -1
  254. package/types/themes/newThemeTokens/legacyCanvas/components/alert.d.ts +15 -3
  255. package/types/themes/newThemeTokens/legacyCanvas/components/alert.d.ts.map +1 -1
  256. package/types/themes/newThemeTokens/legacyCanvas/components/banner.d.ts +35 -0
  257. package/types/themes/newThemeTokens/legacyCanvas/components/banner.d.ts.map +1 -0
  258. package/types/themes/newThemeTokens/legacyCanvas/components/baseButton.d.ts +8 -1
  259. package/types/themes/newThemeTokens/legacyCanvas/components/baseButton.d.ts.map +1 -1
  260. package/types/themes/newThemeTokens/legacyCanvas/components/card.d.ts +39 -0
  261. package/types/themes/newThemeTokens/legacyCanvas/components/card.d.ts.map +1 -0
  262. package/types/themes/newThemeTokens/legacyCanvas/components/mobileSharedTokens.d.ts +14 -0
  263. package/types/themes/newThemeTokens/legacyCanvas/components/mobileSharedTokens.d.ts.map +1 -0
  264. package/types/themes/newThemeTokens/legacyCanvas/components/pill.d.ts +39 -1
  265. package/types/themes/newThemeTokens/legacyCanvas/components/pill.d.ts.map +1 -1
  266. package/types/themes/newThemeTokens/legacyCanvas/components/tag.d.ts +1 -0
  267. package/types/themes/newThemeTokens/legacyCanvas/components/tag.d.ts.map +1 -1
  268. package/types/themes/newThemeTokens/legacyCanvas/index.d.ts.map +1 -1
  269. package/types/themes/newThemeTokens/legacyCanvas/semantics.d.ts +26 -3
  270. package/types/themes/newThemeTokens/legacyCanvas/semantics.d.ts.map +1 -1
  271. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/alert.d.ts +15 -3
  272. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/alert.d.ts.map +1 -1
  273. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/banner.d.ts +35 -0
  274. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/banner.d.ts.map +1 -0
  275. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/baseButton.d.ts +8 -1
  276. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/baseButton.d.ts.map +1 -1
  277. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/card.d.ts +39 -0
  278. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/card.d.ts.map +1 -0
  279. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/mobileSharedTokens.d.ts +14 -0
  280. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/mobileSharedTokens.d.ts.map +1 -0
  281. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/pill.d.ts +39 -1
  282. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/pill.d.ts.map +1 -1
  283. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/tag.d.ts +1 -0
  284. package/types/themes/newThemeTokens/legacyCanvasHighContrast/components/tag.d.ts.map +1 -1
  285. package/types/themes/newThemeTokens/legacyCanvasHighContrast/index.d.ts.map +1 -1
  286. package/types/themes/newThemeTokens/legacyCanvasHighContrast/semantics.d.ts +26 -3
  287. package/types/themes/newThemeTokens/legacyCanvasHighContrast/semantics.d.ts.map +1 -1
  288. package/types/themes/newThemeTokens/light/components/alert.d.ts +43 -3
  289. package/types/themes/newThemeTokens/light/components/alert.d.ts.map +1 -1
  290. package/types/themes/newThemeTokens/light/components/banner.d.ts +35 -0
  291. package/types/themes/newThemeTokens/light/components/banner.d.ts.map +1 -0
  292. package/types/themes/newThemeTokens/light/components/billboard.d.ts +8 -1
  293. package/types/themes/newThemeTokens/light/components/billboard.d.ts.map +1 -1
  294. package/types/themes/newThemeTokens/light/components/card.d.ts +39 -0
  295. package/types/themes/newThemeTokens/light/components/card.d.ts.map +1 -0
  296. package/types/themes/newThemeTokens/light/components/mobileSharedTokens.d.ts +14 -0
  297. package/types/themes/newThemeTokens/light/components/mobileSharedTokens.d.ts.map +1 -0
  298. package/types/themes/newThemeTokens/light/components/pill.d.ts +128 -6
  299. package/types/themes/newThemeTokens/light/components/pill.d.ts.map +1 -1
  300. package/types/themes/newThemeTokens/light/components/tag.d.ts +49 -6
  301. package/types/themes/newThemeTokens/light/components/tag.d.ts.map +1 -1
  302. package/types/themes/newThemeTokens/light/components/textInput.d.ts +8 -1
  303. package/types/themes/newThemeTokens/light/components/textInput.d.ts.map +1 -1
  304. package/types/themes/newThemeTokens/light/index.d.ts.map +1 -1
  305. package/types/themes/newThemeTokens/light/semantics.d.ts +93 -28
  306. package/types/themes/newThemeTokens/light/semantics.d.ts.map +1 -1
package/CHANGELOG.md CHANGED
@@ -3,7 +3,7 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [11.7.8-snapshot-5](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8-snapshot-5) (2026-10-01)
6
+ ## [11.7.8-snapshot-7](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8-snapshot-7) (2026-10-02)
7
7
 
8
8
  **Note:** Version bump only for package @instructure/ui-themes
9
9
 
@@ -25,12 +25,12 @@
25
25
 
26
26
  :root {
27
27
  color-scheme: light;
28
- --breakpoints-sm:30em;--breakpoints-md:48em;--breakpoints-lg:64em;--breakpoints-xl:80em;--borderRadius-xs:0.125rem;--borderRadius-sm:0.25rem;--borderRadius-md:0.5rem;--borderRadius-lg:0.75rem;--borderRadius-xl:1rem;--borderRadius-xxl:1.5rem;--borderRadius-full:999rem;--borderRadius-card-sm:0.75rem;--borderRadius-card-md:1rem;--borderRadius-card-lg:1rem;--borderRadius-card-nestedContainer-sm:0.25rem;--borderRadius-card-nestedContainer-md:0.25rem;--borderRadius-card-nestedContainer-lg:0.5rem;--legacy-spacing-xxxSmall:0.125rem;--legacy-spacing-xxSmall:0.375rem;--legacy-spacing-xSmall:0.5rem;--legacy-spacing-small:0.75rem;--legacy-spacing-mediumSmall:1rem;--legacy-spacing-medium:1.5rem;--legacy-spacing-large:2.25rem;--legacy-spacing-xLarge:3rem;--legacy-spacing-xxLarge:3.75rem;--legacy-spacing-space0:0rem;--legacy-spacing-space2:0.125rem;--legacy-spacing-space4:0.25rem;--legacy-spacing-space8:0.5rem;--legacy-spacing-space12:0.75rem;--legacy-spacing-space16:1rem;--legacy-spacing-space24:1.5rem;--legacy-spacing-space36:2.25rem;--legacy-spacing-space48:3rem;--legacy-spacing-space60:3.75rem;--legacy-spacing-sections:2.25rem;--legacy-spacing-sectionElements:1.5em;--legacy-spacing-trayElements:1.5em;--legacy-spacing-modalElements:1.5em;--legacy-spacing-moduleElements:1em;--legacy-spacing-paddingCardLarge:1.5rem;--legacy-spacing-paddingCardMedium:1rem;--legacy-spacing-paddingCardSmall:0.75rem;--legacy-spacing-selects:1rem;--legacy-spacing-textareas:1rem;--legacy-spacing-inputFields:1rem;--legacy-spacing-checkboxes:1rem;--legacy-spacing-radios:1rem;--legacy-spacing-toggles:1rem;--legacy-spacing-buttons:0.75rem;--legacy-spacing-tags:0.75rem;--legacy-spacing-statusIndicators:0.75rem;--legacy-spacing-dataPoints:0.75rem;--legacy-radiusSmall:0.125rem;--legacy-radiusMedium:0.25rem;--legacy-radiusLarge:0.5rem;--boxShadow-elevation1-0-x:0px;--boxShadow-elevation1-0-y:1px;--boxShadow-elevation1-0-blur:2px;--boxShadow-elevation1-0-spread:0px;--boxShadow-elevation1-0-color:rgba(35,68,101,0.15);--boxShadow-elevation1-0-type:dropShadow;--boxShadow-elevation1-1-x:0px;--boxShadow-elevation1-1-y:2px;--boxShadow-elevation1-1-blur:4px;--boxShadow-elevation1-1-spread:1px;--boxShadow-elevation1-1-color:rgba(35,68,101,0.1);--boxShadow-elevation1-1-type:dropShadow;--boxShadow-elevation2-0-x:0px;--boxShadow-elevation2-0-y:4px;--boxShadow-elevation2-0-blur:8px;--boxShadow-elevation2-0-spread:3px;--boxShadow-elevation2-0-color:rgba(35,68,101,0.1);--boxShadow-elevation2-0-type:dropShadow;--boxShadow-elevation2-1-x:0px;--boxShadow-elevation2-1-y:1px;--boxShadow-elevation2-1-blur:3px;--boxShadow-elevation2-1-spread:0px;--boxShadow-elevation2-1-color:rgba(35,68,101,0.15);--boxShadow-elevation2-1-type:dropShadow;--boxShadow-elevation3-0-x:0px;--boxShadow-elevation3-0-y:6px;--boxShadow-elevation3-0-blur:10px;--boxShadow-elevation3-0-spread:4px;--boxShadow-elevation3-0-color:rgba(35,68,101,0.1);--boxShadow-elevation3-0-type:dropShadow;--boxShadow-elevation3-1-x:0px;--boxShadow-elevation3-1-y:2px;--boxShadow-elevation3-1-blur:3px;--boxShadow-elevation3-1-spread:0px;--boxShadow-elevation3-1-color:rgba(35,68,101,0.15);--boxShadow-elevation3-1-type:dropShadow;--boxShadow-elevation4-0-x:0px;--boxShadow-elevation4-0-y:8px;--boxShadow-elevation4-0-blur:12px;--boxShadow-elevation4-0-spread:6px;--boxShadow-elevation4-0-color:rgba(35,68,101,0.1);--boxShadow-elevation4-0-type:dropShadow;--boxShadow-elevation4-1-x:0px;--boxShadow-elevation4-1-y:4px;--boxShadow-elevation4-1-blur:4px;--boxShadow-elevation4-1-spread:0px;--boxShadow-elevation4-1-color:rgba(35,68,101,0.15);--boxShadow-elevation4-1-type:dropShadow;--spacing-general-space2xs:0.125rem;--spacing-general-spaceXs:0.25rem;--spacing-general-spaceSm:0.5rem;--spacing-general-spaceMd:0.75rem;--spacing-general-spaceLg:1rem;--spacing-general-spaceXl:1.5rem;--spacing-general-space2xl:2rem;--spacing-general-spaceNone:0rem;--spacing-gap-sections:3rem;--spacing-gap-buttons:0.75rem;--spacing-gap-cards-sm:0.75rem;--spacing-gap-cards-md:1rem;--spacing-gap-cards-lg:1.5rem;--spacing-gap-cards-nestedContainers-sm:0.5rem;--spacing-gap-cards-nestedContainers-md:0.75rem;--spacing-gap-cards-nestedContainers-lg:1rem;--spacing-gap-inputs-horizontal:0.75rem;--spacing-gap-inputs-vertical:1rem;--spacing-padding-card-sm:0.5rem;--spacing-padding-card-md:0.75rem;--spacing-padding-card-lg:1rem;--focusOutline-offset:0.125rem;--focusOutline-inset:0rem;--focusOutline-width:0.125rem;--focusOutline-infoColor:#2B7ABC;--focusOutline-onColor:#ffffff;--focusOutline-successColor:#037D37;--focusOutline-dangerColor:#CF1F24;--focusOutline-style:solid;--background-containerColor:#ffffff;--background-baseColor:#ffffff;--background-pageColor:#F2F4F5;--background-mutedColor:#F2F4F5;--background-brandColor:#1D354F;--background-onColor:#ffffff;--background-inverseColor:#334450;--background-successColor:#03893D;--background-errorColor:#E62429;--background-infoColor:#2B7ABC;--background-warningColor:#CF4A00;--background-aiTopGradientColor:#9E58BD;--background-aiBottomGradientColor:#00828E;--background-aiTextColor:#F3E5F7;--background-accentAsh:#273540;--background-accentAurora:#048660;--background-accentBlue:#2B7ABC;--background-accentGreen:#03893D;--background-accentGrey:#4A5B68;--background-accentHoney:#996E00;--background-accentOrange:#CF4A00;--background-accentPlum:#C54396;--background-accentRed:#E62429;--background-accentSea:#00828E;--background-accentSky:#197EAB;--background-accentStone:#767676;--background-accentViolet:#9E58BD;--stroke-baseColor:#8D959F;--stroke-mutedColor:#E8EAEC;--stroke-strongColor:#5F6E7A;--stroke-brandColor:#1D354F;--stroke-successColor:#03893D;--stroke-errorColor:#E62429;--stroke-warningColor:#CF4A00;--stroke-infoColor:#2B7ABC;--stroke-aiTopGradientColor:#9E58BD;--stroke-aiBottomGradientColor:#00828E;--stroke-accentAsh:#273540;--stroke-accentAurora:#057C58;--stroke-accentBlue:#2871AF;--stroke-accentGreen:#037D37;--stroke-accentGrey:#4A5B68;--stroke-accentHoney:#8C6400;--stroke-accentOrange:#BB4200;--stroke-accentPlum:#B43D89;--stroke-accentRed:#CF1F24;--stroke-accentSea:#027887;--stroke-accentSky:#17759F;--stroke-accentStone:#767676;--stroke-accentViolet:#9E58BD;--stroke-visualSeparator:#ffffff;--strokeWidth-sm:0.0625rem;--strokeWidth-md:0.125rem;--strokeWidth-lg:0.25rem;
28
+ --breakpoints-sm:30em;--breakpoints-md:48em;--breakpoints-lg:64em;--breakpoints-xl:80em;--borderRadius-xs:0.125rem;--borderRadius-sm:0.25rem;--borderRadius-md:0.5rem;--borderRadius-lg:0.75rem;--borderRadius-xl:1rem;--borderRadius-xxl:1.5rem;--borderRadius-full:999rem;--borderRadius-card-sm:0.75rem;--borderRadius-card-md:1rem;--borderRadius-card-lg:1rem;--borderRadius-card-nestedContainer-sm:0.25rem;--borderRadius-card-nestedContainer-md:0.25rem;--borderRadius-card-nestedContainer-lg:0.5rem;--legacy-spacing-xxxSmall:0.125rem;--legacy-spacing-xxSmall:0.375rem;--legacy-spacing-xSmall:0.5rem;--legacy-spacing-small:0.75rem;--legacy-spacing-mediumSmall:1rem;--legacy-spacing-medium:1.5rem;--legacy-spacing-large:2.25rem;--legacy-spacing-xLarge:3rem;--legacy-spacing-xxLarge:3.75rem;--legacy-spacing-space0:0rem;--legacy-spacing-space2:0.125rem;--legacy-spacing-space4:0.25rem;--legacy-spacing-space8:0.5rem;--legacy-spacing-space12:0.75rem;--legacy-spacing-space16:1rem;--legacy-spacing-space24:1.5rem;--legacy-spacing-space36:2.25rem;--legacy-spacing-space48:3rem;--legacy-spacing-space60:3.75rem;--legacy-spacing-sections:2.25rem;--legacy-spacing-sectionElements:1.5em;--legacy-spacing-trayElements:1.5em;--legacy-spacing-modalElements:1.5em;--legacy-spacing-moduleElements:1em;--legacy-spacing-paddingCardLarge:1.5rem;--legacy-spacing-paddingCardMedium:1rem;--legacy-spacing-paddingCardSmall:0.75rem;--legacy-spacing-selects:1rem;--legacy-spacing-textareas:1rem;--legacy-spacing-inputFields:1rem;--legacy-spacing-checkboxes:1rem;--legacy-spacing-radios:1rem;--legacy-spacing-toggles:1rem;--legacy-spacing-buttons:0.75rem;--legacy-spacing-tags:0.75rem;--legacy-spacing-statusIndicators:0.75rem;--legacy-spacing-dataPoints:0.75rem;--legacy-radiusSmall:0.125rem;--legacy-radiusMedium:0.25rem;--legacy-radiusLarge:0.5rem;--boxShadow-elevation1-0-x:0px;--boxShadow-elevation1-0-y:1px;--boxShadow-elevation1-0-blur:2px;--boxShadow-elevation1-0-spread:0px;--boxShadow-elevation1-0-color:rgba(35,68,101,0.15);--boxShadow-elevation1-0-type:dropShadow;--boxShadow-elevation1-1-x:0px;--boxShadow-elevation1-1-y:2px;--boxShadow-elevation1-1-blur:4px;--boxShadow-elevation1-1-spread:1px;--boxShadow-elevation1-1-color:rgba(35,68,101,0.1);--boxShadow-elevation1-1-type:dropShadow;--boxShadow-elevation2-0-x:0px;--boxShadow-elevation2-0-y:4px;--boxShadow-elevation2-0-blur:8px;--boxShadow-elevation2-0-spread:3px;--boxShadow-elevation2-0-color:rgba(35,68,101,0.1);--boxShadow-elevation2-0-type:dropShadow;--boxShadow-elevation2-1-x:0px;--boxShadow-elevation2-1-y:1px;--boxShadow-elevation2-1-blur:3px;--boxShadow-elevation2-1-spread:0px;--boxShadow-elevation2-1-color:rgba(35,68,101,0.15);--boxShadow-elevation2-1-type:dropShadow;--boxShadow-elevation3-0-x:0px;--boxShadow-elevation3-0-y:6px;--boxShadow-elevation3-0-blur:10px;--boxShadow-elevation3-0-spread:4px;--boxShadow-elevation3-0-color:rgba(35,68,101,0.1);--boxShadow-elevation3-0-type:dropShadow;--boxShadow-elevation3-1-x:0px;--boxShadow-elevation3-1-y:2px;--boxShadow-elevation3-1-blur:3px;--boxShadow-elevation3-1-spread:0px;--boxShadow-elevation3-1-color:rgba(35,68,101,0.15);--boxShadow-elevation3-1-type:dropShadow;--boxShadow-elevation4-0-x:0px;--boxShadow-elevation4-0-y:8px;--boxShadow-elevation4-0-blur:12px;--boxShadow-elevation4-0-spread:6px;--boxShadow-elevation4-0-color:rgba(35,68,101,0.1);--boxShadow-elevation4-0-type:dropShadow;--boxShadow-elevation4-1-x:0px;--boxShadow-elevation4-1-y:4px;--boxShadow-elevation4-1-blur:4px;--boxShadow-elevation4-1-spread:0px;--boxShadow-elevation4-1-color:rgba(35,68,101,0.15);--boxShadow-elevation4-1-type:dropShadow;--spacing-general-space2xs:0.125rem;--spacing-general-spaceXs:0.25rem;--spacing-general-spaceSm:0.5rem;--spacing-general-spaceMd:0.75rem;--spacing-general-spaceLg:1rem;--spacing-general-spaceXl:1.5rem;--spacing-general-space2xl:2rem;--spacing-general-spaceNone:0rem;--spacing-gap-sections:3rem;--spacing-gap-buttons:0.75rem;--spacing-gap-cards-sm:0.75rem;--spacing-gap-cards-md:1rem;--spacing-gap-cards-lg:1.5rem;--spacing-gap-cards-nestedContainers-sm:0.5rem;--spacing-gap-cards-nestedContainers-md:0.75rem;--spacing-gap-cards-nestedContainers-lg:1rem;--spacing-gap-inputs-horizontal:0.75rem;--spacing-gap-inputs-vertical:1rem;--spacing-padding-card-sm:0.5rem;--spacing-padding-card-md:0.75rem;--spacing-padding-card-lg:1rem;--focusOutline-offset:0.125rem;--focusOutline-inset:0rem;--focusOutline-width:0.125rem;--focusOutline-infoColor:#2B7ABC;--focusOutline-onColor:#ffffff;--focusOutline-successColor:#037D37;--focusOutline-dangerColor:#CF1F24;--focusOutline-style:solid;--background-containerColor:#ffffff;--background-baseColor:#ffffff;--background-pageColor:#F2F4F5;--background-mutedColor:#F2F4F5;--background-brandColor:#1D354F;--background-onColor:#ffffff;--background-inverseColor:#334450;--background-successColor:#03893D;--background-errorColor:#E62429;--background-infoColor:#2B7ABC;--background-warningColor:#F0C16C;--background-aiTopGradientColor:#9E58BD;--background-aiBottomGradientColor:#00828E;--background-aiTextColor:#F3E5F7;--background-accentAsh:#273540;--background-accentAurora:#048660;--background-accentBlue:#2B7ABC;--background-accentGreen:#03893D;--background-accentGrey:#4A5B68;--background-accentHoney:#996E00;--background-accentOrange:#CF4A00;--background-accentPlum:#C54396;--background-accentRed:#E62429;--background-accentSea:#00828E;--background-accentSky:#197EAB;--background-accentStone:#767676;--background-accentViolet:#9E58BD;--stroke-baseColor:#8D959F;--stroke-mutedColor:#E8EAEC;--stroke-strongColor:#5F6E7A;--stroke-brandColor:#1D354F;--stroke-successColor:#03893D;--stroke-errorColor:#E62429;--stroke-warningColor:#F0C16C;--stroke-infoColor:#2B7ABC;--stroke-aiTopGradientColor:#9E58BD;--stroke-aiBottomGradientColor:#00828E;--stroke-accentAsh:#273540;--stroke-accentAurora:#057C58;--stroke-accentBlue:#2871AF;--stroke-accentGreen:#037D37;--stroke-accentGrey:#4A5B68;--stroke-accentHoney:#8C6400;--stroke-accentOrange:#BB4200;--stroke-accentPlum:#B43D89;--stroke-accentRed:#CF1F24;--stroke-accentSea:#027887;--stroke-accentSky:#17759F;--stroke-accentStone:#767676;--stroke-accentViolet:#9E58BD;--stroke-visualSeparator:#ffffff;--strokeWidth-sm:0.0625rem;--strokeWidth-md:0.125rem;--strokeWidth-lg:0.25rem;
29
29
  }
30
30
  @media (prefers-color-scheme: dark) {
31
31
  :root {
32
32
  color-scheme: dark;
33
- --breakpoints-sm:30em;--breakpoints-md:48em;--breakpoints-lg:64em;--breakpoints-xl:80em;--borderRadius-xs:0.125rem;--borderRadius-sm:0.25rem;--borderRadius-md:0.5rem;--borderRadius-lg:0.75rem;--borderRadius-xl:1rem;--borderRadius-xxl:1.5rem;--borderRadius-full:999rem;--borderRadius-card-sm:0.75rem;--borderRadius-card-md:1rem;--borderRadius-card-lg:1rem;--borderRadius-card-nestedContainer-sm:0.25rem;--borderRadius-card-nestedContainer-md:0.25rem;--borderRadius-card-nestedContainer-lg:0.5rem;--legacy-spacing-xxxSmall:0.125rem;--legacy-spacing-xxSmall:0.375rem;--legacy-spacing-xSmall:0.5rem;--legacy-spacing-small:0.75rem;--legacy-spacing-mediumSmall:1rem;--legacy-spacing-medium:1.5rem;--legacy-spacing-large:2.25rem;--legacy-spacing-xLarge:3rem;--legacy-spacing-xxLarge:3.75rem;--legacy-spacing-space0:0rem;--legacy-spacing-space2:0.125rem;--legacy-spacing-space4:0.25rem;--legacy-spacing-space8:0.5rem;--legacy-spacing-space12:0.75rem;--legacy-spacing-space16:1rem;--legacy-spacing-space24:1.5rem;--legacy-spacing-space36:2.25rem;--legacy-spacing-space48:3rem;--legacy-spacing-space60:3.75rem;--legacy-spacing-sections:2.25rem;--legacy-spacing-sectionElements:1.5em;--legacy-spacing-trayElements:1.5em;--legacy-spacing-modalElements:1.5em;--legacy-spacing-moduleElements:1em;--legacy-spacing-paddingCardLarge:1.5rem;--legacy-spacing-paddingCardMedium:1rem;--legacy-spacing-paddingCardSmall:0.75rem;--legacy-spacing-selects:1rem;--legacy-spacing-textareas:1rem;--legacy-spacing-inputFields:1rem;--legacy-spacing-checkboxes:1rem;--legacy-spacing-radios:1rem;--legacy-spacing-toggles:1rem;--legacy-spacing-buttons:0.75rem;--legacy-spacing-tags:0.75rem;--legacy-spacing-statusIndicators:0.75rem;--legacy-spacing-dataPoints:0.75rem;--legacy-radiusSmall:0.125rem;--legacy-radiusMedium:0.25rem;--legacy-radiusLarge:0.5rem;--boxShadow-elevation1-0-x:0px;--boxShadow-elevation1-0-y:1px;--boxShadow-elevation1-0-blur:2px;--boxShadow-elevation1-0-spread:0px;--boxShadow-elevation1-0-color:rgba(0,0,0,0.3);--boxShadow-elevation1-0-type:dropShadow;--boxShadow-elevation1-1-x:0px;--boxShadow-elevation1-1-y:2px;--boxShadow-elevation1-1-blur:4px;--boxShadow-elevation1-1-spread:2px;--boxShadow-elevation1-1-color:rgba(0,0,0,0.15);--boxShadow-elevation1-1-type:dropShadow;--boxShadow-elevation2-0-x:0px;--boxShadow-elevation2-0-y:4px;--boxShadow-elevation2-0-blur:8px;--boxShadow-elevation2-0-spread:3px;--boxShadow-elevation2-0-color:rgba(0,0,0,0.15);--boxShadow-elevation2-0-type:dropShadow;--boxShadow-elevation2-1-x:0px;--boxShadow-elevation2-1-y:1px;--boxShadow-elevation2-1-blur:3px;--boxShadow-elevation2-1-spread:0px;--boxShadow-elevation2-1-color:rgba(0,0,0,0.3);--boxShadow-elevation2-1-type:dropShadow;--boxShadow-elevation3-0-x:0px;--boxShadow-elevation3-0-y:6px;--boxShadow-elevation3-0-blur:10px;--boxShadow-elevation3-0-spread:4px;--boxShadow-elevation3-0-color:rgba(0,0,0,0.15);--boxShadow-elevation3-0-type:dropShadow;--boxShadow-elevation3-1-x:0px;--boxShadow-elevation3-1-y:2px;--boxShadow-elevation3-1-blur:3px;--boxShadow-elevation3-1-spread:0px;--boxShadow-elevation3-1-color:rgba(0,0,0,0.3);--boxShadow-elevation3-1-type:dropShadow;--boxShadow-elevation4-0-x:0px;--boxShadow-elevation4-0-y:8px;--boxShadow-elevation4-0-blur:12px;--boxShadow-elevation4-0-spread:6px;--boxShadow-elevation4-0-color:rgba(0,0,0,0.15);--boxShadow-elevation4-0-type:dropShadow;--boxShadow-elevation4-1-x:0px;--boxShadow-elevation4-1-y:4px;--boxShadow-elevation4-1-blur:4px;--boxShadow-elevation4-1-spread:0px;--boxShadow-elevation4-1-color:rgba(0,0,0,0.3);--boxShadow-elevation4-1-type:dropShadow;--spacing-general-space2xs:0.125rem;--spacing-general-spaceXs:0.25rem;--spacing-general-spaceSm:0.5rem;--spacing-general-spaceMd:0.75rem;--spacing-general-spaceLg:1rem;--spacing-general-spaceXl:1.5rem;--spacing-general-space2xl:2rem;--spacing-general-spaceNone:0rem;--spacing-gap-sections:3rem;--spacing-gap-buttons:0.75rem;--spacing-gap-cards-sm:0.75rem;--spacing-gap-cards-md:1rem;--spacing-gap-cards-lg:1.5rem;--spacing-gap-cards-nestedContainers-sm:0.5rem;--spacing-gap-cards-nestedContainers-md:0.75rem;--spacing-gap-cards-nestedContainers-lg:1rem;--spacing-gap-inputs-horizontal:0.75rem;--spacing-gap-inputs-vertical:1rem;--spacing-padding-card-sm:0.5rem;--spacing-padding-card-md:0.75rem;--spacing-padding-card-lg:1rem;--focusOutline-offset:0.125rem;--focusOutline-inset:0rem;--focusOutline-width:0.125rem;--focusOutline-infoColor:#4798E3;--focusOutline-onColor:#ffffff;--focusOutline-successColor:#037D37;--focusOutline-dangerColor:#CF1F24;--focusOutline-style:solid;--background-containerColor:#1C222B;--background-baseColor:#10141A;--background-pageColor:#10141A;--background-mutedColor:#273540;--background-brandColor:#EEF4FD;--background-onColor:#ffffff;--background-inverseColor:#F2F4F5;--background-successColor:#03893D;--background-errorColor:#E62429;--background-infoColor:#2B7ABC;--background-warningColor:#CF4A00;--background-aiTopGradientColor:#9E58BD;--background-aiBottomGradientColor:#00828E;--background-aiTextColor:#6D3984;--background-accentAsh:#1C222B;--background-accentAurora:#048660;--background-accentBlue:#2B7ABC;--background-accentGreen:#03893D;--background-accentGrey:#576773;--background-accentHoney:#996E00;--background-accentOrange:#CF4A00;--background-accentPlum:#C54396;--background-accentRed:#E62429;--background-accentSea:#00828E;--background-accentSky:#197EAB;--background-accentStone:#767676;--background-accentViolet:#9E58BD;--stroke-baseColor:#6A7883;--stroke-mutedColor:#2D3D49;--stroke-strongColor:#9EA6AD;--stroke-brandColor:#EEF4FD;--stroke-successColor:#03893D;--stroke-errorColor:#E62429;--stroke-warningColor:#CF4A00;--stroke-infoColor:#2B7ABC;--stroke-aiTopGradientColor:#B680CC;--stroke-aiBottomGradientColor:#04A4B7;--stroke-accentAsh:#C7CACD;--stroke-accentAurora:#2BC692;--stroke-accentBlue:#7FB4F1;--stroke-accentGreen:#61C378;--stroke-accentGrey:#F2F4F5;--stroke-accentHoney:#E0A300;--stroke-accentOrange:#FF905A;--stroke-accentPlum:#EC93C6;--stroke-accentRed:#FA917F;--stroke-accentSea:#3CC0D4;--stroke-accentSky:#63B9EB;--stroke-accentStone:#767676;--stroke-accentViolet:#9E58BD;--stroke-visualSeparator:#1C222B;--strokeWidth-sm:0.0625rem;--strokeWidth-md:0.125rem;--strokeWidth-lg:0.25rem;
33
+ --breakpoints-sm:30em;--breakpoints-md:48em;--breakpoints-lg:64em;--breakpoints-xl:80em;--borderRadius-xs:0.125rem;--borderRadius-sm:0.25rem;--borderRadius-md:0.5rem;--borderRadius-lg:0.75rem;--borderRadius-xl:1rem;--borderRadius-xxl:1.5rem;--borderRadius-full:999rem;--borderRadius-card-sm:0.75rem;--borderRadius-card-md:1rem;--borderRadius-card-lg:1rem;--borderRadius-card-nestedContainer-sm:0.25rem;--borderRadius-card-nestedContainer-md:0.25rem;--borderRadius-card-nestedContainer-lg:0.5rem;--legacy-spacing-xxxSmall:0.125rem;--legacy-spacing-xxSmall:0.375rem;--legacy-spacing-xSmall:0.5rem;--legacy-spacing-small:0.75rem;--legacy-spacing-mediumSmall:1rem;--legacy-spacing-medium:1.5rem;--legacy-spacing-large:2.25rem;--legacy-spacing-xLarge:3rem;--legacy-spacing-xxLarge:3.75rem;--legacy-spacing-space0:0rem;--legacy-spacing-space2:0.125rem;--legacy-spacing-space4:0.25rem;--legacy-spacing-space8:0.5rem;--legacy-spacing-space12:0.75rem;--legacy-spacing-space16:1rem;--legacy-spacing-space24:1.5rem;--legacy-spacing-space36:2.25rem;--legacy-spacing-space48:3rem;--legacy-spacing-space60:3.75rem;--legacy-spacing-sections:2.25rem;--legacy-spacing-sectionElements:1.5em;--legacy-spacing-trayElements:1.5em;--legacy-spacing-modalElements:1.5em;--legacy-spacing-moduleElements:1em;--legacy-spacing-paddingCardLarge:1.5rem;--legacy-spacing-paddingCardMedium:1rem;--legacy-spacing-paddingCardSmall:0.75rem;--legacy-spacing-selects:1rem;--legacy-spacing-textareas:1rem;--legacy-spacing-inputFields:1rem;--legacy-spacing-checkboxes:1rem;--legacy-spacing-radios:1rem;--legacy-spacing-toggles:1rem;--legacy-spacing-buttons:0.75rem;--legacy-spacing-tags:0.75rem;--legacy-spacing-statusIndicators:0.75rem;--legacy-spacing-dataPoints:0.75rem;--legacy-radiusSmall:0.125rem;--legacy-radiusMedium:0.25rem;--legacy-radiusLarge:0.5rem;--boxShadow-elevation1-0-x:0px;--boxShadow-elevation1-0-y:1px;--boxShadow-elevation1-0-blur:2px;--boxShadow-elevation1-0-spread:0px;--boxShadow-elevation1-0-color:rgba(0,0,0,0.3);--boxShadow-elevation1-0-type:dropShadow;--boxShadow-elevation1-1-x:0px;--boxShadow-elevation1-1-y:2px;--boxShadow-elevation1-1-blur:4px;--boxShadow-elevation1-1-spread:2px;--boxShadow-elevation1-1-color:rgba(0,0,0,0.15);--boxShadow-elevation1-1-type:dropShadow;--boxShadow-elevation2-0-x:0px;--boxShadow-elevation2-0-y:4px;--boxShadow-elevation2-0-blur:8px;--boxShadow-elevation2-0-spread:3px;--boxShadow-elevation2-0-color:rgba(0,0,0,0.15);--boxShadow-elevation2-0-type:dropShadow;--boxShadow-elevation2-1-x:0px;--boxShadow-elevation2-1-y:1px;--boxShadow-elevation2-1-blur:3px;--boxShadow-elevation2-1-spread:0px;--boxShadow-elevation2-1-color:rgba(0,0,0,0.3);--boxShadow-elevation2-1-type:dropShadow;--boxShadow-elevation3-0-x:0px;--boxShadow-elevation3-0-y:6px;--boxShadow-elevation3-0-blur:10px;--boxShadow-elevation3-0-spread:4px;--boxShadow-elevation3-0-color:rgba(0,0,0,0.15);--boxShadow-elevation3-0-type:dropShadow;--boxShadow-elevation3-1-x:0px;--boxShadow-elevation3-1-y:2px;--boxShadow-elevation3-1-blur:3px;--boxShadow-elevation3-1-spread:0px;--boxShadow-elevation3-1-color:rgba(0,0,0,0.3);--boxShadow-elevation3-1-type:dropShadow;--boxShadow-elevation4-0-x:0px;--boxShadow-elevation4-0-y:8px;--boxShadow-elevation4-0-blur:12px;--boxShadow-elevation4-0-spread:6px;--boxShadow-elevation4-0-color:rgba(0,0,0,0.15);--boxShadow-elevation4-0-type:dropShadow;--boxShadow-elevation4-1-x:0px;--boxShadow-elevation4-1-y:4px;--boxShadow-elevation4-1-blur:4px;--boxShadow-elevation4-1-spread:0px;--boxShadow-elevation4-1-color:rgba(0,0,0,0.3);--boxShadow-elevation4-1-type:dropShadow;--spacing-general-space2xs:0.125rem;--spacing-general-spaceXs:0.25rem;--spacing-general-spaceSm:0.5rem;--spacing-general-spaceMd:0.75rem;--spacing-general-spaceLg:1rem;--spacing-general-spaceXl:1.5rem;--spacing-general-space2xl:2rem;--spacing-general-spaceNone:0rem;--spacing-gap-sections:3rem;--spacing-gap-buttons:0.75rem;--spacing-gap-cards-sm:0.75rem;--spacing-gap-cards-md:1rem;--spacing-gap-cards-lg:1.5rem;--spacing-gap-cards-nestedContainers-sm:0.5rem;--spacing-gap-cards-nestedContainers-md:0.75rem;--spacing-gap-cards-nestedContainers-lg:1rem;--spacing-gap-inputs-horizontal:0.75rem;--spacing-gap-inputs-vertical:1rem;--spacing-padding-card-sm:0.5rem;--spacing-padding-card-md:0.75rem;--spacing-padding-card-lg:1rem;--focusOutline-offset:0.125rem;--focusOutline-inset:0rem;--focusOutline-width:0.125rem;--focusOutline-infoColor:#4798E3;--focusOutline-onColor:#ffffff;--focusOutline-successColor:#037D37;--focusOutline-dangerColor:#CF1F24;--focusOutline-style:solid;--background-containerColor:#1C222B;--background-baseColor:#10141A;--background-pageColor:#10141A;--background-mutedColor:#273540;--background-brandColor:#EEF4FD;--background-onColor:#ffffff;--background-inverseColor:#F2F4F5;--background-successColor:#03893D;--background-errorColor:#E62429;--background-infoColor:#2B7ABC;--background-warningColor:#8C6400;--background-aiTopGradientColor:#9E58BD;--background-aiBottomGradientColor:#00828E;--background-aiTextColor:#6D3984;--background-accentAsh:#1C222B;--background-accentAurora:#048660;--background-accentBlue:#2B7ABC;--background-accentGreen:#03893D;--background-accentGrey:#576773;--background-accentHoney:#996E00;--background-accentOrange:#CF4A00;--background-accentPlum:#C54396;--background-accentRed:#E62429;--background-accentSea:#00828E;--background-accentSky:#197EAB;--background-accentStone:#767676;--background-accentViolet:#9E58BD;--stroke-baseColor:#6A7883;--stroke-mutedColor:#2D3D49;--stroke-strongColor:#9EA6AD;--stroke-brandColor:#EEF4FD;--stroke-successColor:#03893D;--stroke-errorColor:#E62429;--stroke-warningColor:#8C6400;--stroke-infoColor:#2B7ABC;--stroke-aiTopGradientColor:#B680CC;--stroke-aiBottomGradientColor:#04A4B7;--stroke-accentAsh:#C7CACD;--stroke-accentAurora:#2BC692;--stroke-accentBlue:#7FB4F1;--stroke-accentGreen:#61C378;--stroke-accentGrey:#F2F4F5;--stroke-accentHoney:#E0A300;--stroke-accentOrange:#FF905A;--stroke-accentPlum:#EC93C6;--stroke-accentRed:#FA917F;--stroke-accentSea:#3CC0D4;--stroke-accentSky:#63B9EB;--stroke-accentStone:#767676;--stroke-accentViolet:#9E58BD;--stroke-visualSeparator:#1C222B;--strokeWidth-sm:0.0625rem;--strokeWidth-md:0.125rem;--strokeWidth-lg:0.25rem;
34
34
  }
35
35
  }
36
36
 
package/css/dark.css CHANGED
@@ -23,5 +23,5 @@
23
23
  */
24
24
 
25
25
  .instui-theme-dark{
26
- --breakpoints-sm:30em;--breakpoints-md:48em;--breakpoints-lg:64em;--breakpoints-xl:80em;--borderRadius-xs:0.125rem;--borderRadius-sm:0.25rem;--borderRadius-md:0.5rem;--borderRadius-lg:0.75rem;--borderRadius-xl:1rem;--borderRadius-xxl:1.5rem;--borderRadius-full:999rem;--borderRadius-card-sm:0.75rem;--borderRadius-card-md:1rem;--borderRadius-card-lg:1rem;--borderRadius-card-nestedContainer-sm:0.25rem;--borderRadius-card-nestedContainer-md:0.25rem;--borderRadius-card-nestedContainer-lg:0.5rem;--legacy-spacing-xxxSmall:0.125rem;--legacy-spacing-xxSmall:0.375rem;--legacy-spacing-xSmall:0.5rem;--legacy-spacing-small:0.75rem;--legacy-spacing-mediumSmall:1rem;--legacy-spacing-medium:1.5rem;--legacy-spacing-large:2.25rem;--legacy-spacing-xLarge:3rem;--legacy-spacing-xxLarge:3.75rem;--legacy-spacing-space0:0rem;--legacy-spacing-space2:0.125rem;--legacy-spacing-space4:0.25rem;--legacy-spacing-space8:0.5rem;--legacy-spacing-space12:0.75rem;--legacy-spacing-space16:1rem;--legacy-spacing-space24:1.5rem;--legacy-spacing-space36:2.25rem;--legacy-spacing-space48:3rem;--legacy-spacing-space60:3.75rem;--legacy-spacing-sections:2.25rem;--legacy-spacing-sectionElements:1.5em;--legacy-spacing-trayElements:1.5em;--legacy-spacing-modalElements:1.5em;--legacy-spacing-moduleElements:1em;--legacy-spacing-paddingCardLarge:1.5rem;--legacy-spacing-paddingCardMedium:1rem;--legacy-spacing-paddingCardSmall:0.75rem;--legacy-spacing-selects:1rem;--legacy-spacing-textareas:1rem;--legacy-spacing-inputFields:1rem;--legacy-spacing-checkboxes:1rem;--legacy-spacing-radios:1rem;--legacy-spacing-toggles:1rem;--legacy-spacing-buttons:0.75rem;--legacy-spacing-tags:0.75rem;--legacy-spacing-statusIndicators:0.75rem;--legacy-spacing-dataPoints:0.75rem;--legacy-radiusSmall:0.125rem;--legacy-radiusMedium:0.25rem;--legacy-radiusLarge:0.5rem;--boxShadow-elevation1-0-x:0px;--boxShadow-elevation1-0-y:1px;--boxShadow-elevation1-0-blur:2px;--boxShadow-elevation1-0-spread:0px;--boxShadow-elevation1-0-color:rgba(0,0,0,0.3);--boxShadow-elevation1-0-type:dropShadow;--boxShadow-elevation1-1-x:0px;--boxShadow-elevation1-1-y:2px;--boxShadow-elevation1-1-blur:4px;--boxShadow-elevation1-1-spread:2px;--boxShadow-elevation1-1-color:rgba(0,0,0,0.15);--boxShadow-elevation1-1-type:dropShadow;--boxShadow-elevation2-0-x:0px;--boxShadow-elevation2-0-y:4px;--boxShadow-elevation2-0-blur:8px;--boxShadow-elevation2-0-spread:3px;--boxShadow-elevation2-0-color:rgba(0,0,0,0.15);--boxShadow-elevation2-0-type:dropShadow;--boxShadow-elevation2-1-x:0px;--boxShadow-elevation2-1-y:1px;--boxShadow-elevation2-1-blur:3px;--boxShadow-elevation2-1-spread:0px;--boxShadow-elevation2-1-color:rgba(0,0,0,0.3);--boxShadow-elevation2-1-type:dropShadow;--boxShadow-elevation3-0-x:0px;--boxShadow-elevation3-0-y:6px;--boxShadow-elevation3-0-blur:10px;--boxShadow-elevation3-0-spread:4px;--boxShadow-elevation3-0-color:rgba(0,0,0,0.15);--boxShadow-elevation3-0-type:dropShadow;--boxShadow-elevation3-1-x:0px;--boxShadow-elevation3-1-y:2px;--boxShadow-elevation3-1-blur:3px;--boxShadow-elevation3-1-spread:0px;--boxShadow-elevation3-1-color:rgba(0,0,0,0.3);--boxShadow-elevation3-1-type:dropShadow;--boxShadow-elevation4-0-x:0px;--boxShadow-elevation4-0-y:8px;--boxShadow-elevation4-0-blur:12px;--boxShadow-elevation4-0-spread:6px;--boxShadow-elevation4-0-color:rgba(0,0,0,0.15);--boxShadow-elevation4-0-type:dropShadow;--boxShadow-elevation4-1-x:0px;--boxShadow-elevation4-1-y:4px;--boxShadow-elevation4-1-blur:4px;--boxShadow-elevation4-1-spread:0px;--boxShadow-elevation4-1-color:rgba(0,0,0,0.3);--boxShadow-elevation4-1-type:dropShadow;--spacing-general-space2xs:0.125rem;--spacing-general-spaceXs:0.25rem;--spacing-general-spaceSm:0.5rem;--spacing-general-spaceMd:0.75rem;--spacing-general-spaceLg:1rem;--spacing-general-spaceXl:1.5rem;--spacing-general-space2xl:2rem;--spacing-general-spaceNone:0rem;--spacing-gap-sections:3rem;--spacing-gap-buttons:0.75rem;--spacing-gap-cards-sm:0.75rem;--spacing-gap-cards-md:1rem;--spacing-gap-cards-lg:1.5rem;--spacing-gap-cards-nestedContainers-sm:0.5rem;--spacing-gap-cards-nestedContainers-md:0.75rem;--spacing-gap-cards-nestedContainers-lg:1rem;--spacing-gap-inputs-horizontal:0.75rem;--spacing-gap-inputs-vertical:1rem;--spacing-padding-card-sm:0.5rem;--spacing-padding-card-md:0.75rem;--spacing-padding-card-lg:1rem;--focusOutline-offset:0.125rem;--focusOutline-inset:0rem;--focusOutline-width:0.125rem;--focusOutline-infoColor:#4798E3;--focusOutline-onColor:#ffffff;--focusOutline-successColor:#037D37;--focusOutline-dangerColor:#CF1F24;--focusOutline-style:solid;--background-containerColor:#1C222B;--background-baseColor:#10141A;--background-pageColor:#10141A;--background-mutedColor:#273540;--background-brandColor:#EEF4FD;--background-onColor:#ffffff;--background-inverseColor:#F2F4F5;--background-successColor:#03893D;--background-errorColor:#E62429;--background-infoColor:#2B7ABC;--background-warningColor:#CF4A00;--background-aiTopGradientColor:#9E58BD;--background-aiBottomGradientColor:#00828E;--background-aiTextColor:#6D3984;--background-accentAsh:#1C222B;--background-accentAurora:#048660;--background-accentBlue:#2B7ABC;--background-accentGreen:#03893D;--background-accentGrey:#576773;--background-accentHoney:#996E00;--background-accentOrange:#CF4A00;--background-accentPlum:#C54396;--background-accentRed:#E62429;--background-accentSea:#00828E;--background-accentSky:#197EAB;--background-accentStone:#767676;--background-accentViolet:#9E58BD;--stroke-baseColor:#6A7883;--stroke-mutedColor:#2D3D49;--stroke-strongColor:#9EA6AD;--stroke-brandColor:#EEF4FD;--stroke-successColor:#03893D;--stroke-errorColor:#E62429;--stroke-warningColor:#CF4A00;--stroke-infoColor:#2B7ABC;--stroke-aiTopGradientColor:#B680CC;--stroke-aiBottomGradientColor:#04A4B7;--stroke-accentAsh:#C7CACD;--stroke-accentAurora:#2BC692;--stroke-accentBlue:#7FB4F1;--stroke-accentGreen:#61C378;--stroke-accentGrey:#F2F4F5;--stroke-accentHoney:#E0A300;--stroke-accentOrange:#FF905A;--stroke-accentPlum:#EC93C6;--stroke-accentRed:#FA917F;--stroke-accentSea:#3CC0D4;--stroke-accentSky:#63B9EB;--stroke-accentStone:#767676;--stroke-accentViolet:#9E58BD;--stroke-visualSeparator:#1C222B;--strokeWidth-sm:0.0625rem;--strokeWidth-md:0.125rem;--strokeWidth-lg:0.25rem;
26
+ --breakpoints-sm:30em;--breakpoints-md:48em;--breakpoints-lg:64em;--breakpoints-xl:80em;--borderRadius-xs:0.125rem;--borderRadius-sm:0.25rem;--borderRadius-md:0.5rem;--borderRadius-lg:0.75rem;--borderRadius-xl:1rem;--borderRadius-xxl:1.5rem;--borderRadius-full:999rem;--borderRadius-card-sm:0.75rem;--borderRadius-card-md:1rem;--borderRadius-card-lg:1rem;--borderRadius-card-nestedContainer-sm:0.25rem;--borderRadius-card-nestedContainer-md:0.25rem;--borderRadius-card-nestedContainer-lg:0.5rem;--legacy-spacing-xxxSmall:0.125rem;--legacy-spacing-xxSmall:0.375rem;--legacy-spacing-xSmall:0.5rem;--legacy-spacing-small:0.75rem;--legacy-spacing-mediumSmall:1rem;--legacy-spacing-medium:1.5rem;--legacy-spacing-large:2.25rem;--legacy-spacing-xLarge:3rem;--legacy-spacing-xxLarge:3.75rem;--legacy-spacing-space0:0rem;--legacy-spacing-space2:0.125rem;--legacy-spacing-space4:0.25rem;--legacy-spacing-space8:0.5rem;--legacy-spacing-space12:0.75rem;--legacy-spacing-space16:1rem;--legacy-spacing-space24:1.5rem;--legacy-spacing-space36:2.25rem;--legacy-spacing-space48:3rem;--legacy-spacing-space60:3.75rem;--legacy-spacing-sections:2.25rem;--legacy-spacing-sectionElements:1.5em;--legacy-spacing-trayElements:1.5em;--legacy-spacing-modalElements:1.5em;--legacy-spacing-moduleElements:1em;--legacy-spacing-paddingCardLarge:1.5rem;--legacy-spacing-paddingCardMedium:1rem;--legacy-spacing-paddingCardSmall:0.75rem;--legacy-spacing-selects:1rem;--legacy-spacing-textareas:1rem;--legacy-spacing-inputFields:1rem;--legacy-spacing-checkboxes:1rem;--legacy-spacing-radios:1rem;--legacy-spacing-toggles:1rem;--legacy-spacing-buttons:0.75rem;--legacy-spacing-tags:0.75rem;--legacy-spacing-statusIndicators:0.75rem;--legacy-spacing-dataPoints:0.75rem;--legacy-radiusSmall:0.125rem;--legacy-radiusMedium:0.25rem;--legacy-radiusLarge:0.5rem;--boxShadow-elevation1-0-x:0px;--boxShadow-elevation1-0-y:1px;--boxShadow-elevation1-0-blur:2px;--boxShadow-elevation1-0-spread:0px;--boxShadow-elevation1-0-color:rgba(0,0,0,0.3);--boxShadow-elevation1-0-type:dropShadow;--boxShadow-elevation1-1-x:0px;--boxShadow-elevation1-1-y:2px;--boxShadow-elevation1-1-blur:4px;--boxShadow-elevation1-1-spread:2px;--boxShadow-elevation1-1-color:rgba(0,0,0,0.15);--boxShadow-elevation1-1-type:dropShadow;--boxShadow-elevation2-0-x:0px;--boxShadow-elevation2-0-y:4px;--boxShadow-elevation2-0-blur:8px;--boxShadow-elevation2-0-spread:3px;--boxShadow-elevation2-0-color:rgba(0,0,0,0.15);--boxShadow-elevation2-0-type:dropShadow;--boxShadow-elevation2-1-x:0px;--boxShadow-elevation2-1-y:1px;--boxShadow-elevation2-1-blur:3px;--boxShadow-elevation2-1-spread:0px;--boxShadow-elevation2-1-color:rgba(0,0,0,0.3);--boxShadow-elevation2-1-type:dropShadow;--boxShadow-elevation3-0-x:0px;--boxShadow-elevation3-0-y:6px;--boxShadow-elevation3-0-blur:10px;--boxShadow-elevation3-0-spread:4px;--boxShadow-elevation3-0-color:rgba(0,0,0,0.15);--boxShadow-elevation3-0-type:dropShadow;--boxShadow-elevation3-1-x:0px;--boxShadow-elevation3-1-y:2px;--boxShadow-elevation3-1-blur:3px;--boxShadow-elevation3-1-spread:0px;--boxShadow-elevation3-1-color:rgba(0,0,0,0.3);--boxShadow-elevation3-1-type:dropShadow;--boxShadow-elevation4-0-x:0px;--boxShadow-elevation4-0-y:8px;--boxShadow-elevation4-0-blur:12px;--boxShadow-elevation4-0-spread:6px;--boxShadow-elevation4-0-color:rgba(0,0,0,0.15);--boxShadow-elevation4-0-type:dropShadow;--boxShadow-elevation4-1-x:0px;--boxShadow-elevation4-1-y:4px;--boxShadow-elevation4-1-blur:4px;--boxShadow-elevation4-1-spread:0px;--boxShadow-elevation4-1-color:rgba(0,0,0,0.3);--boxShadow-elevation4-1-type:dropShadow;--spacing-general-space2xs:0.125rem;--spacing-general-spaceXs:0.25rem;--spacing-general-spaceSm:0.5rem;--spacing-general-spaceMd:0.75rem;--spacing-general-spaceLg:1rem;--spacing-general-spaceXl:1.5rem;--spacing-general-space2xl:2rem;--spacing-general-spaceNone:0rem;--spacing-gap-sections:3rem;--spacing-gap-buttons:0.75rem;--spacing-gap-cards-sm:0.75rem;--spacing-gap-cards-md:1rem;--spacing-gap-cards-lg:1.5rem;--spacing-gap-cards-nestedContainers-sm:0.5rem;--spacing-gap-cards-nestedContainers-md:0.75rem;--spacing-gap-cards-nestedContainers-lg:1rem;--spacing-gap-inputs-horizontal:0.75rem;--spacing-gap-inputs-vertical:1rem;--spacing-padding-card-sm:0.5rem;--spacing-padding-card-md:0.75rem;--spacing-padding-card-lg:1rem;--focusOutline-offset:0.125rem;--focusOutline-inset:0rem;--focusOutline-width:0.125rem;--focusOutline-infoColor:#4798E3;--focusOutline-onColor:#ffffff;--focusOutline-successColor:#037D37;--focusOutline-dangerColor:#CF1F24;--focusOutline-style:solid;--background-containerColor:#1C222B;--background-baseColor:#10141A;--background-pageColor:#10141A;--background-mutedColor:#273540;--background-brandColor:#EEF4FD;--background-onColor:#ffffff;--background-inverseColor:#F2F4F5;--background-successColor:#03893D;--background-errorColor:#E62429;--background-infoColor:#2B7ABC;--background-warningColor:#8C6400;--background-aiTopGradientColor:#9E58BD;--background-aiBottomGradientColor:#00828E;--background-aiTextColor:#6D3984;--background-accentAsh:#1C222B;--background-accentAurora:#048660;--background-accentBlue:#2B7ABC;--background-accentGreen:#03893D;--background-accentGrey:#576773;--background-accentHoney:#996E00;--background-accentOrange:#CF4A00;--background-accentPlum:#C54396;--background-accentRed:#E62429;--background-accentSea:#00828E;--background-accentSky:#197EAB;--background-accentStone:#767676;--background-accentViolet:#9E58BD;--stroke-baseColor:#6A7883;--stroke-mutedColor:#2D3D49;--stroke-strongColor:#9EA6AD;--stroke-brandColor:#EEF4FD;--stroke-successColor:#03893D;--stroke-errorColor:#E62429;--stroke-warningColor:#8C6400;--stroke-infoColor:#2B7ABC;--stroke-aiTopGradientColor:#B680CC;--stroke-aiBottomGradientColor:#04A4B7;--stroke-accentAsh:#C7CACD;--stroke-accentAurora:#2BC692;--stroke-accentBlue:#7FB4F1;--stroke-accentGreen:#61C378;--stroke-accentGrey:#F2F4F5;--stroke-accentHoney:#E0A300;--stroke-accentOrange:#FF905A;--stroke-accentPlum:#EC93C6;--stroke-accentRed:#FA917F;--stroke-accentSea:#3CC0D4;--stroke-accentSky:#63B9EB;--stroke-accentStone:#767676;--stroke-accentViolet:#9E58BD;--stroke-visualSeparator:#1C222B;--strokeWidth-sm:0.0625rem;--strokeWidth-md:0.125rem;--strokeWidth-lg:0.25rem;
27
27
  }
@@ -23,5 +23,5 @@
23
23
  */
24
24
 
25
25
  .instui-theme-legacyCanvas{
26
- --breakpoints-sm:30em;--breakpoints-md:48em;--breakpoints-lg:64em;--breakpoints-xl:80em;--borderRadius-xs:0.25rem;--borderRadius-sm:0.25rem;--borderRadius-md:0.25rem;--borderRadius-lg:0.25rem;--borderRadius-xl:0.25rem;--borderRadius-xxl:0.25rem;--borderRadius-full:999rem;--borderRadius-card-sm:0.25rem;--borderRadius-card-md:0.25rem;--borderRadius-card-lg:0.25rem;--borderRadius-card-nestedContainer-sm:0.25rem;--borderRadius-card-nestedContainer-md:0.25rem;--borderRadius-card-nestedContainer-lg:0.25rem;--legacy-spacing-xxxSmall:0.125rem;--legacy-spacing-xxSmall:0.375rem;--legacy-spacing-xSmall:0.5rem;--legacy-spacing-small:0.75rem;--legacy-spacing-mediumSmall:1rem;--legacy-spacing-medium:1.5rem;--legacy-spacing-large:2.25rem;--legacy-spacing-xLarge:3rem;--legacy-spacing-xxLarge:3.75rem;--legacy-spacing-space0:0rem;--legacy-spacing-space2:0.125rem;--legacy-spacing-space4:0.25rem;--legacy-spacing-space8:0.5rem;--legacy-spacing-space12:0.75rem;--legacy-spacing-space16:1rem;--legacy-spacing-space24:1.5rem;--legacy-spacing-space36:2.25rem;--legacy-spacing-space48:3rem;--legacy-spacing-space60:3.75rem;--legacy-spacing-sections:2.25rem;--legacy-spacing-sectionElements:1.5em;--legacy-spacing-trayElements:1.5em;--legacy-spacing-modalElements:1.5em;--legacy-spacing-moduleElements:1em;--legacy-spacing-paddingCardLarge:1.5rem;--legacy-spacing-paddingCardMedium:1rem;--legacy-spacing-paddingCardSmall:0.75rem;--legacy-spacing-selects:1rem;--legacy-spacing-textareas:1rem;--legacy-spacing-inputFields:1rem;--legacy-spacing-checkboxes:1rem;--legacy-spacing-radios:1rem;--legacy-spacing-toggles:1rem;--legacy-spacing-buttons:0.75rem;--legacy-spacing-tags:0.75rem;--legacy-spacing-statusIndicators:0.75rem;--legacy-spacing-dataPoints:0.75rem;--legacy-radiusSmall:0.125rem;--legacy-radiusMedium:0.25rem;--legacy-radiusLarge:0.5rem;--boxShadow-elevation1-0-x:0px;--boxShadow-elevation1-0-y:0.0625rem;--boxShadow-elevation1-0-blur:0.125rem;--boxShadow-elevation1-0-spread:0px;--boxShadow-elevation1-0-color:rgba(0,0,0,0.1);--boxShadow-elevation1-0-type:dropShadow;--boxShadow-elevation1-1-x:0px;--boxShadow-elevation1-1-y:0.0625rem;--boxShadow-elevation1-1-blur:0.1875rem;--boxShadow-elevation1-1-spread:0px;--boxShadow-elevation1-1-color:rgba(0,0,0,0.2);--boxShadow-elevation1-1-type:dropShadow;--boxShadow-elevation2-0-x:0px;--boxShadow-elevation2-0-y:0.1875rem;--boxShadow-elevation2-0-blur:0.375rem;--boxShadow-elevation2-0-spread:0px;--boxShadow-elevation2-0-color:rgba(0,0,0,0.2);--boxShadow-elevation2-0-type:dropShadow;--boxShadow-elevation2-1-x:0px;--boxShadow-elevation2-1-y:0.1875rem;--boxShadow-elevation2-1-blur:0.375rem;--boxShadow-elevation2-1-spread:0px;--boxShadow-elevation2-1-color:rgba(0,0,0,0.1);--boxShadow-elevation2-1-type:dropShadow;--boxShadow-elevation3-0-x:0px;--boxShadow-elevation3-0-y:0.1875rem;--boxShadow-elevation3-0-blur:0.375rem;--boxShadow-elevation3-0-spread:0px;--boxShadow-elevation3-0-color:rgba(0,0,0,0.2);--boxShadow-elevation3-0-type:dropShadow;--boxShadow-elevation3-1-x:0px;--boxShadow-elevation3-1-y:0.1875rem;--boxShadow-elevation3-1-blur:0.375rem;--boxShadow-elevation3-1-spread:0px;--boxShadow-elevation3-1-color:rgba(0,0,0,0.1);--boxShadow-elevation3-1-type:dropShadow;--boxShadow-elevation4-0-x:0px;--boxShadow-elevation4-0-y:0.375rem;--boxShadow-elevation4-0-blur:0.4375rem;--boxShadow-elevation4-0-spread:0px;--boxShadow-elevation4-0-color:rgba(0,0,0,0.2);--boxShadow-elevation4-0-type:dropShadow;--boxShadow-elevation4-1-x:0px;--boxShadow-elevation4-1-y:0.625rem;--boxShadow-elevation4-1-blur:1.75rem;--boxShadow-elevation4-1-spread:0px;--boxShadow-elevation4-1-color:rgba(0,0,0,0.1);--boxShadow-elevation4-1-type:dropShadow;--spacing-general-space2xs:0.125rem;--spacing-general-spaceXs:0.25rem;--spacing-general-spaceSm:0.5rem;--spacing-general-spaceMd:0.75rem;--spacing-general-spaceLg:1rem;--spacing-general-spaceXl:1.5rem;--spacing-general-space2xl:2rem;--spacing-general-spaceNone:0rem;--spacing-gap-sections:3rem;--spacing-gap-buttons:0.5rem;--spacing-gap-cards-sm:0.75rem;--spacing-gap-cards-md:1rem;--spacing-gap-cards-lg:1.5rem;--spacing-gap-cards-nestedContainers-sm:0.5rem;--spacing-gap-cards-nestedContainers-md:0.75rem;--spacing-gap-cards-nestedContainers-lg:1rem;--spacing-gap-inputs-horizontal:0.75rem;--spacing-gap-inputs-vertical:1rem;--spacing-padding-card-sm:0.5rem;--spacing-padding-card-md:0.75rem;--spacing-padding-card-lg:1rem;--focusOutline-offset:0.125rem;--focusOutline-inset:0rem;--focusOutline-width:0.125rem;--focusOutline-infoColor:#2B7ABC;--focusOutline-onColor:#ffffff;--focusOutline-successColor:#017533;--focusOutline-dangerColor:#C51F22;--focusOutline-style:solid;--background-containerColor:#ffffff;--background-baseColor:#ffffff;--background-pageColor:#ffffff;--background-mutedColor:#F2F4F5;--background-brandColor:#2B7ABC;--background-onColor:#ffffff;--background-inverseColor:#334450;--background-successColor:#03893D;--background-errorColor:#E62429;--background-warningColor:#CF4A00;--background-infoColor:#2B7ABC;--background-aiTopGradientColor:#9E58BD;--background-aiBottomGradientColor:#00828E;--background-aiTextColor:#F3E5F7;--background-accentAsh:#273540;--background-accentAurora:#048660;--background-accentBlue:#2B7ABC;--background-accentGreen:#03893D;--background-accentGrey:#576773;--background-accentHoney:#996E00;--background-accentOrange:#CF4A00;--background-accentPlum:#C54396;--background-accentRed:#E62429;--background-accentSea:#00828E;--background-accentSky:#197EAB;--background-accentStone:#767676;--background-accentViolet:#9E58BD;--stroke-baseColor:#8D959F;--stroke-mutedColor:#DFE1E3;--stroke-strongColor:#5F6E7A;--stroke-brandColor:#2B7ABC;--stroke-successColor:#03893D;--stroke-errorColor:#E62429;--stroke-warningColor:#CF4A00;--stroke-infoColor:#2B7ABC;--stroke-aiTopGradientColor:#9E58BD;--stroke-aiBottomGradientColor:#00828E;--stroke-accentAsh:#273540;--stroke-accentAurora:#048660;--stroke-accentBlue:#2B7ABC;--stroke-accentGreen:#03893D;--stroke-accentGrey:#576773;--stroke-accentHoney:#996E00;--stroke-accentOrange:#CF4A00;--stroke-accentPlum:#C54396;--stroke-accentRed:#E62429;--stroke-accentSea:#00828E;--stroke-accentSky:#197EAB;--stroke-accentStone:#767676;--stroke-accentViolet:#9E58BD;--stroke-visualSeparator:#ffffff;--strokeWidth-sm:0.0625rem;--strokeWidth-md:0.125rem;--strokeWidth-lg:0.25rem;
26
+ --breakpoints-sm:30em;--breakpoints-md:48em;--breakpoints-lg:64em;--breakpoints-xl:80em;--borderRadius-xs:0.25rem;--borderRadius-sm:0.25rem;--borderRadius-md:0.25rem;--borderRadius-lg:0.25rem;--borderRadius-xl:0.25rem;--borderRadius-xxl:0.25rem;--borderRadius-full:999rem;--borderRadius-card-sm:0.25rem;--borderRadius-card-md:0.25rem;--borderRadius-card-lg:0.25rem;--borderRadius-card-nestedContainer-sm:0.25rem;--borderRadius-card-nestedContainer-md:0.25rem;--borderRadius-card-nestedContainer-lg:0.25rem;--legacy-spacing-xxxSmall:0.125rem;--legacy-spacing-xxSmall:0.375rem;--legacy-spacing-xSmall:0.5rem;--legacy-spacing-small:0.75rem;--legacy-spacing-mediumSmall:1rem;--legacy-spacing-medium:1.5rem;--legacy-spacing-large:2.25rem;--legacy-spacing-xLarge:3rem;--legacy-spacing-xxLarge:3.75rem;--legacy-spacing-space0:0rem;--legacy-spacing-space2:0.125rem;--legacy-spacing-space4:0.25rem;--legacy-spacing-space8:0.5rem;--legacy-spacing-space12:0.75rem;--legacy-spacing-space16:1rem;--legacy-spacing-space24:1.5rem;--legacy-spacing-space36:2.25rem;--legacy-spacing-space48:3rem;--legacy-spacing-space60:3.75rem;--legacy-spacing-sections:2.25rem;--legacy-spacing-sectionElements:1.5em;--legacy-spacing-trayElements:1.5em;--legacy-spacing-modalElements:1.5em;--legacy-spacing-moduleElements:1em;--legacy-spacing-paddingCardLarge:1.5rem;--legacy-spacing-paddingCardMedium:1rem;--legacy-spacing-paddingCardSmall:0.75rem;--legacy-spacing-selects:1rem;--legacy-spacing-textareas:1rem;--legacy-spacing-inputFields:1rem;--legacy-spacing-checkboxes:1rem;--legacy-spacing-radios:1rem;--legacy-spacing-toggles:1rem;--legacy-spacing-buttons:0.75rem;--legacy-spacing-tags:0.75rem;--legacy-spacing-statusIndicators:0.75rem;--legacy-spacing-dataPoints:0.75rem;--legacy-radiusSmall:0.125rem;--legacy-radiusMedium:0.25rem;--legacy-radiusLarge:0.5rem;--boxShadow-elevation1-0-x:0px;--boxShadow-elevation1-0-y:0.0625rem;--boxShadow-elevation1-0-blur:0.125rem;--boxShadow-elevation1-0-spread:0px;--boxShadow-elevation1-0-color:rgba(0,0,0,0.1);--boxShadow-elevation1-0-type:dropShadow;--boxShadow-elevation1-1-x:0px;--boxShadow-elevation1-1-y:0.0625rem;--boxShadow-elevation1-1-blur:0.1875rem;--boxShadow-elevation1-1-spread:0px;--boxShadow-elevation1-1-color:rgba(0,0,0,0.2);--boxShadow-elevation1-1-type:dropShadow;--boxShadow-elevation2-0-x:0px;--boxShadow-elevation2-0-y:0.1875rem;--boxShadow-elevation2-0-blur:0.375rem;--boxShadow-elevation2-0-spread:0px;--boxShadow-elevation2-0-color:rgba(0,0,0,0.2);--boxShadow-elevation2-0-type:dropShadow;--boxShadow-elevation2-1-x:0px;--boxShadow-elevation2-1-y:0.1875rem;--boxShadow-elevation2-1-blur:0.375rem;--boxShadow-elevation2-1-spread:0px;--boxShadow-elevation2-1-color:rgba(0,0,0,0.1);--boxShadow-elevation2-1-type:dropShadow;--boxShadow-elevation3-0-x:0px;--boxShadow-elevation3-0-y:0.1875rem;--boxShadow-elevation3-0-blur:0.375rem;--boxShadow-elevation3-0-spread:0px;--boxShadow-elevation3-0-color:rgba(0,0,0,0.2);--boxShadow-elevation3-0-type:dropShadow;--boxShadow-elevation3-1-x:0px;--boxShadow-elevation3-1-y:0.1875rem;--boxShadow-elevation3-1-blur:0.375rem;--boxShadow-elevation3-1-spread:0px;--boxShadow-elevation3-1-color:rgba(0,0,0,0.1);--boxShadow-elevation3-1-type:dropShadow;--boxShadow-elevation4-0-x:0px;--boxShadow-elevation4-0-y:0.375rem;--boxShadow-elevation4-0-blur:0.4375rem;--boxShadow-elevation4-0-spread:0px;--boxShadow-elevation4-0-color:rgba(0,0,0,0.2);--boxShadow-elevation4-0-type:dropShadow;--boxShadow-elevation4-1-x:0px;--boxShadow-elevation4-1-y:0.625rem;--boxShadow-elevation4-1-blur:1.75rem;--boxShadow-elevation4-1-spread:0px;--boxShadow-elevation4-1-color:rgba(0,0,0,0.1);--boxShadow-elevation4-1-type:dropShadow;--spacing-general-space2xs:0.125rem;--spacing-general-spaceXs:0.25rem;--spacing-general-spaceSm:0.5rem;--spacing-general-spaceMd:0.75rem;--spacing-general-spaceLg:1rem;--spacing-general-spaceXl:1.5rem;--spacing-general-space2xl:2rem;--spacing-general-spaceNone:0rem;--spacing-gap-sections:3rem;--spacing-gap-buttons:0.5rem;--spacing-gap-cards-sm:0.75rem;--spacing-gap-cards-md:1rem;--spacing-gap-cards-lg:1.5rem;--spacing-gap-cards-nestedContainers-sm:0.5rem;--spacing-gap-cards-nestedContainers-md:0.75rem;--spacing-gap-cards-nestedContainers-lg:1rem;--spacing-gap-inputs-horizontal:0.75rem;--spacing-gap-inputs-vertical:1rem;--spacing-padding-card-sm:0.5rem;--spacing-padding-card-md:0.75rem;--spacing-padding-card-lg:1rem;--focusOutline-offset:0.125rem;--focusOutline-inset:0rem;--focusOutline-width:0.125rem;--focusOutline-infoColor:#2B7ABC;--focusOutline-onColor:#ffffff;--focusOutline-successColor:#017533;--focusOutline-dangerColor:#C51F22;--focusOutline-style:solid;--background-containerColor:#ffffff;--background-baseColor:#ffffff;--background-pageColor:#ffffff;--background-mutedColor:#F2F4F5;--background-brandColor:#2B7ABC;--background-onColor:#ffffff;--background-inverseColor:#334450;--background-successColor:#03893D;--background-errorColor:#E62429;--background-warningColor:#CF4A00;--background-infoColor:#2B7ABC;--background-aiTopGradientColor:#9E58BD;--background-aiBottomGradientColor:#00828E;--background-aiTextColor:#F3E5F7;--background-accentAsh:#273540;--background-accentAurora:#048660;--background-accentBlue:#2B7ABC;--background-accentGreen:#03893D;--background-accentGrey:#576773;--background-accentHoney:#996E00;--background-accentOrange:#CF4A00;--background-accentPlum:#C54396;--background-accentRed:#E62429;--background-accentSea:#00828E;--background-accentSky:#197EAB;--background-accentStone:#767676;--background-accentViolet:#9E58BD;--stroke-baseColor:#8D959F;--stroke-mutedColor:#DFE1E3;--stroke-strongColor:#5F6E7A;--stroke-brandColor:#2B7ABC;--stroke-successColor:#03893D;--stroke-errorColor:#E62429;--stroke-warningColor:#996E00;--stroke-infoColor:#2B7ABC;--stroke-aiTopGradientColor:#9E58BD;--stroke-aiBottomGradientColor:#00828E;--stroke-accentAsh:#273540;--stroke-accentAurora:#048660;--stroke-accentBlue:#2B7ABC;--stroke-accentGreen:#03893D;--stroke-accentGrey:#576773;--stroke-accentHoney:#996E00;--stroke-accentOrange:#CF4A00;--stroke-accentPlum:#C54396;--stroke-accentRed:#E62429;--stroke-accentSea:#00828E;--stroke-accentSky:#197EAB;--stroke-accentStone:#767676;--stroke-accentViolet:#9E58BD;--stroke-visualSeparator:#ffffff;--strokeWidth-sm:0.0625rem;--strokeWidth-md:0.125rem;--strokeWidth-lg:0.25rem;
27
27
  }
@@ -23,5 +23,5 @@
23
23
  */
24
24
 
25
25
  .instui-theme-legacyCanvasHighContrast{
26
- --breakpoints-sm:30em;--breakpoints-md:48em;--breakpoints-lg:64em;--breakpoints-xl:80em;--borderRadius-xs:0.25rem;--borderRadius-sm:0.25rem;--borderRadius-md:0.25rem;--borderRadius-lg:0.25rem;--borderRadius-xl:0.25rem;--borderRadius-xxl:0.25rem;--borderRadius-full:999rem;--borderRadius-card-sm:0.25rem;--borderRadius-card-md:0.25rem;--borderRadius-card-lg:0.25rem;--borderRadius-card-nestedContainer-sm:0.25rem;--borderRadius-card-nestedContainer-md:0.25rem;--borderRadius-card-nestedContainer-lg:0.25rem;--legacy-spacing-xxxSmall:0.125rem;--legacy-spacing-xxSmall:0.375rem;--legacy-spacing-xSmall:0.5rem;--legacy-spacing-small:0.75rem;--legacy-spacing-mediumSmall:1rem;--legacy-spacing-medium:1.5rem;--legacy-spacing-large:2.25rem;--legacy-spacing-xLarge:3rem;--legacy-spacing-xxLarge:3.75rem;--legacy-spacing-space0:0rem;--legacy-spacing-space2:0.125rem;--legacy-spacing-space4:0.25rem;--legacy-spacing-space8:0.5rem;--legacy-spacing-space12:0.75rem;--legacy-spacing-space16:1rem;--legacy-spacing-space24:1.5rem;--legacy-spacing-space36:2.25rem;--legacy-spacing-space48:3rem;--legacy-spacing-space60:3.75rem;--legacy-spacing-sections:2.25rem;--legacy-spacing-sectionElements:1.5em;--legacy-spacing-trayElements:1.5em;--legacy-spacing-modalElements:1.5em;--legacy-spacing-moduleElements:1em;--legacy-spacing-paddingCardLarge:1.5rem;--legacy-spacing-paddingCardMedium:1rem;--legacy-spacing-paddingCardSmall:0.75rem;--legacy-spacing-selects:1rem;--legacy-spacing-textareas:1rem;--legacy-spacing-inputFields:1rem;--legacy-spacing-checkboxes:1rem;--legacy-spacing-radios:1rem;--legacy-spacing-toggles:1rem;--legacy-spacing-buttons:0.75rem;--legacy-spacing-tags:0.75rem;--legacy-spacing-statusIndicators:0.75rem;--legacy-spacing-dataPoints:0.75rem;--legacy-radiusSmall:0.125rem;--legacy-radiusMedium:0.25rem;--legacy-radiusLarge:0.5rem;--boxShadow-elevation1-0-x:0px;--boxShadow-elevation1-0-y:0.0625rem;--boxShadow-elevation1-0-blur:0.125rem;--boxShadow-elevation1-0-spread:0px;--boxShadow-elevation1-0-color:rgba(0,0,0,0.1);--boxShadow-elevation1-0-type:dropShadow;--boxShadow-elevation1-1-x:0px;--boxShadow-elevation1-1-y:0.0625rem;--boxShadow-elevation1-1-blur:0.125rem;--boxShadow-elevation1-1-spread:0px;--boxShadow-elevation1-1-color:rgba(0,0,0,0.2);--boxShadow-elevation1-1-type:dropShadow;--boxShadow-elevation2-0-x:0px;--boxShadow-elevation2-0-y:0.1875rem;--boxShadow-elevation2-0-blur:0.375rem;--boxShadow-elevation2-0-spread:0px;--boxShadow-elevation2-0-color:rgba(0,0,0,0.2);--boxShadow-elevation2-0-type:dropShadow;--boxShadow-elevation2-1-x:0px;--boxShadow-elevation2-1-y:0.1875rem;--boxShadow-elevation2-1-blur:0.375rem;--boxShadow-elevation2-1-spread:0px;--boxShadow-elevation2-1-color:rgba(0,0,0,0.1);--boxShadow-elevation2-1-type:dropShadow;--boxShadow-elevation3-0-x:0px;--boxShadow-elevation3-0-y:0.1875rem;--boxShadow-elevation3-0-blur:0.375rem;--boxShadow-elevation3-0-spread:0px;--boxShadow-elevation3-0-color:rgba(0,0,0,0.2);--boxShadow-elevation3-0-type:dropShadow;--boxShadow-elevation3-1-x:0px;--boxShadow-elevation3-1-y:0.1875rem;--boxShadow-elevation3-1-blur:0.375rem;--boxShadow-elevation3-1-spread:0px;--boxShadow-elevation3-1-color:rgba(0,0,0,0.1);--boxShadow-elevation3-1-type:dropShadow;--boxShadow-elevation4-0-x:0px;--boxShadow-elevation4-0-y:0.375rem;--boxShadow-elevation4-0-blur:0.4375rem;--boxShadow-elevation4-0-spread:0px;--boxShadow-elevation4-0-color:rgba(0,0,0,0.2);--boxShadow-elevation4-0-type:dropShadow;--boxShadow-elevation4-1-x:0px;--boxShadow-elevation4-1-y:0.625rem;--boxShadow-elevation4-1-blur:1.75rem;--boxShadow-elevation4-1-spread:0px;--boxShadow-elevation4-1-color:rgba(0,0,0,0.1);--boxShadow-elevation4-1-type:dropShadow;--spacing-general-space2xs:0.125rem;--spacing-general-spaceXs:0.25rem;--spacing-general-spaceSm:0.5rem;--spacing-general-spaceMd:0.75rem;--spacing-general-spaceLg:1rem;--spacing-general-spaceXl:1.5rem;--spacing-general-space2xl:2rem;--spacing-general-spaceNone:0rem;--spacing-gap-sections:3rem;--spacing-gap-buttons:0.5rem;--spacing-gap-cards-sm:0.75rem;--spacing-gap-cards-md:1rem;--spacing-gap-cards-lg:1.5rem;--spacing-gap-cards-nestedContainers-sm:0.5rem;--spacing-gap-cards-nestedContainers-md:0.75rem;--spacing-gap-cards-nestedContainers-lg:1rem;--spacing-gap-inputs-horizontal:0.75rem;--spacing-gap-inputs-vertical:1rem;--spacing-padding-card-sm:0.5rem;--spacing-padding-card-md:0.75rem;--spacing-padding-card-lg:1rem;--focusOutline-offset:0.125rem;--focusOutline-inset:0rem;--focusOutline-width:0.125rem;--focusOutline-infoColor:#2369A4;--focusOutline-onColor:#ffffff;--focusOutline-successColor:#015B26;--focusOutline-dangerColor:#991418;--focusOutline-style:solid;--background-containerColor:#ffffff;--background-baseColor:#ffffff;--background-pageColor:#ffffff;--background-mutedColor:#F2F4F5;--background-brandColor:#1A5281;--background-onColor:#ffffff;--background-inverseColor:#334450;--background-successColor:#015B26;--background-errorColor:#991418;--background-warningColor:#8A2F00;--background-infoColor:#1A5281;--background-aiTopGradientColor:#6D3984;--background-aiBottomGradientColor:#015862;--background-aiTextColor:#F3E5F7;--background-accentAsh:#1C222B;--background-accentAurora:#026648;--background-accentBlue:#1E5C90;--background-accentGreen:#02672C;--background-accentGrey:#334450;--background-accentHoney:#735200;--background-accentOrange:#9C3601;--background-accentPlum:#953171;--background-accentRed:#AE161B;--background-accentSea:#01626E;--background-accentSky:#0F5F82;--background-accentStone:#585858;--background-accentViolet:#793F93;--stroke-baseColor:#6A7883;--stroke-mutedColor:#9EA6AD;--stroke-strongColor:#273540;--stroke-brandColor:#1E5C90;--stroke-successColor:#015B26;--stroke-errorColor:#991418;--stroke-warningColor:#8A2F00;--stroke-infoColor:#1A5281;--stroke-aiTopGradientColor:#793F93;--stroke-aiBottomGradientColor:#01626E;--stroke-accentAsh:#1C222B;--stroke-accentAurora:#026648;--stroke-accentBlue:#1E5C90;--stroke-accentGreen:#02672C;--stroke-accentGrey:#334450;--stroke-accentHoney:#735200;--stroke-accentOrange:#9C3601;--stroke-accentPlum:#953171;--stroke-accentRed:#AE161B;--stroke-accentSea:#01626E;--stroke-accentSky:#0F5F82;--stroke-accentStone:#585858;--stroke-accentViolet:#793F93;--stroke-visualSeparator:#ffffff;--strokeWidth-sm:0.0625rem;--strokeWidth-md:0.125rem;--strokeWidth-lg:0.25rem;
26
+ --breakpoints-sm:30em;--breakpoints-md:48em;--breakpoints-lg:64em;--breakpoints-xl:80em;--borderRadius-xs:0.25rem;--borderRadius-sm:0.25rem;--borderRadius-md:0.25rem;--borderRadius-lg:0.25rem;--borderRadius-xl:0.25rem;--borderRadius-xxl:0.25rem;--borderRadius-full:999rem;--borderRadius-card-sm:0.25rem;--borderRadius-card-md:0.25rem;--borderRadius-card-lg:0.25rem;--borderRadius-card-nestedContainer-sm:0.25rem;--borderRadius-card-nestedContainer-md:0.25rem;--borderRadius-card-nestedContainer-lg:0.25rem;--legacy-spacing-xxxSmall:0.125rem;--legacy-spacing-xxSmall:0.375rem;--legacy-spacing-xSmall:0.5rem;--legacy-spacing-small:0.75rem;--legacy-spacing-mediumSmall:1rem;--legacy-spacing-medium:1.5rem;--legacy-spacing-large:2.25rem;--legacy-spacing-xLarge:3rem;--legacy-spacing-xxLarge:3.75rem;--legacy-spacing-space0:0rem;--legacy-spacing-space2:0.125rem;--legacy-spacing-space4:0.25rem;--legacy-spacing-space8:0.5rem;--legacy-spacing-space12:0.75rem;--legacy-spacing-space16:1rem;--legacy-spacing-space24:1.5rem;--legacy-spacing-space36:2.25rem;--legacy-spacing-space48:3rem;--legacy-spacing-space60:3.75rem;--legacy-spacing-sections:2.25rem;--legacy-spacing-sectionElements:1.5em;--legacy-spacing-trayElements:1.5em;--legacy-spacing-modalElements:1.5em;--legacy-spacing-moduleElements:1em;--legacy-spacing-paddingCardLarge:1.5rem;--legacy-spacing-paddingCardMedium:1rem;--legacy-spacing-paddingCardSmall:0.75rem;--legacy-spacing-selects:1rem;--legacy-spacing-textareas:1rem;--legacy-spacing-inputFields:1rem;--legacy-spacing-checkboxes:1rem;--legacy-spacing-radios:1rem;--legacy-spacing-toggles:1rem;--legacy-spacing-buttons:0.75rem;--legacy-spacing-tags:0.75rem;--legacy-spacing-statusIndicators:0.75rem;--legacy-spacing-dataPoints:0.75rem;--legacy-radiusSmall:0.125rem;--legacy-radiusMedium:0.25rem;--legacy-radiusLarge:0.5rem;--boxShadow-elevation1-0-x:0px;--boxShadow-elevation1-0-y:0.0625rem;--boxShadow-elevation1-0-blur:0.125rem;--boxShadow-elevation1-0-spread:0px;--boxShadow-elevation1-0-color:rgba(0,0,0,0.1);--boxShadow-elevation1-0-type:dropShadow;--boxShadow-elevation1-1-x:0px;--boxShadow-elevation1-1-y:0.0625rem;--boxShadow-elevation1-1-blur:0.125rem;--boxShadow-elevation1-1-spread:0px;--boxShadow-elevation1-1-color:rgba(0,0,0,0.2);--boxShadow-elevation1-1-type:dropShadow;--boxShadow-elevation2-0-x:0px;--boxShadow-elevation2-0-y:0.1875rem;--boxShadow-elevation2-0-blur:0.375rem;--boxShadow-elevation2-0-spread:0px;--boxShadow-elevation2-0-color:rgba(0,0,0,0.2);--boxShadow-elevation2-0-type:dropShadow;--boxShadow-elevation2-1-x:0px;--boxShadow-elevation2-1-y:0.1875rem;--boxShadow-elevation2-1-blur:0.375rem;--boxShadow-elevation2-1-spread:0px;--boxShadow-elevation2-1-color:rgba(0,0,0,0.1);--boxShadow-elevation2-1-type:dropShadow;--boxShadow-elevation3-0-x:0px;--boxShadow-elevation3-0-y:0.1875rem;--boxShadow-elevation3-0-blur:0.375rem;--boxShadow-elevation3-0-spread:0px;--boxShadow-elevation3-0-color:rgba(0,0,0,0.2);--boxShadow-elevation3-0-type:dropShadow;--boxShadow-elevation3-1-x:0px;--boxShadow-elevation3-1-y:0.1875rem;--boxShadow-elevation3-1-blur:0.375rem;--boxShadow-elevation3-1-spread:0px;--boxShadow-elevation3-1-color:rgba(0,0,0,0.1);--boxShadow-elevation3-1-type:dropShadow;--boxShadow-elevation4-0-x:0px;--boxShadow-elevation4-0-y:0.375rem;--boxShadow-elevation4-0-blur:0.4375rem;--boxShadow-elevation4-0-spread:0px;--boxShadow-elevation4-0-color:rgba(0,0,0,0.2);--boxShadow-elevation4-0-type:dropShadow;--boxShadow-elevation4-1-x:0px;--boxShadow-elevation4-1-y:0.625rem;--boxShadow-elevation4-1-blur:1.75rem;--boxShadow-elevation4-1-spread:0px;--boxShadow-elevation4-1-color:rgba(0,0,0,0.1);--boxShadow-elevation4-1-type:dropShadow;--spacing-general-space2xs:0.125rem;--spacing-general-spaceXs:0.25rem;--spacing-general-spaceSm:0.5rem;--spacing-general-spaceMd:0.75rem;--spacing-general-spaceLg:1rem;--spacing-general-spaceXl:1.5rem;--spacing-general-space2xl:2rem;--spacing-general-spaceNone:0rem;--spacing-gap-sections:3rem;--spacing-gap-buttons:0.5rem;--spacing-gap-cards-sm:0.75rem;--spacing-gap-cards-md:1rem;--spacing-gap-cards-lg:1.5rem;--spacing-gap-cards-nestedContainers-sm:0.5rem;--spacing-gap-cards-nestedContainers-md:0.75rem;--spacing-gap-cards-nestedContainers-lg:1rem;--spacing-gap-inputs-horizontal:0.75rem;--spacing-gap-inputs-vertical:1rem;--spacing-padding-card-sm:0.5rem;--spacing-padding-card-md:0.75rem;--spacing-padding-card-lg:1rem;--focusOutline-offset:0.125rem;--focusOutline-inset:0rem;--focusOutline-width:0.125rem;--focusOutline-infoColor:#2369A4;--focusOutline-onColor:#ffffff;--focusOutline-successColor:#015B26;--focusOutline-dangerColor:#991418;--focusOutline-style:solid;--background-containerColor:#ffffff;--background-baseColor:#ffffff;--background-pageColor:#ffffff;--background-mutedColor:#F2F4F5;--background-brandColor:#1A5281;--background-onColor:#ffffff;--background-inverseColor:#334450;--background-successColor:#015B26;--background-errorColor:#991418;--background-warningColor:#8A2F00;--background-infoColor:#1A5281;--background-aiTopGradientColor:#6D3984;--background-aiBottomGradientColor:#015862;--background-aiTextColor:#F3E5F7;--background-accentAsh:#1C222B;--background-accentAurora:#026648;--background-accentBlue:#1E5C90;--background-accentGreen:#02672C;--background-accentGrey:#334450;--background-accentHoney:#735200;--background-accentOrange:#9C3601;--background-accentPlum:#953171;--background-accentRed:#AE161B;--background-accentSea:#01626E;--background-accentSky:#0F5F82;--background-accentStone:#585858;--background-accentViolet:#793F93;--stroke-baseColor:#6A7883;--stroke-mutedColor:#9EA6AD;--stroke-strongColor:#273540;--stroke-brandColor:#1E5C90;--stroke-successColor:#015B26;--stroke-errorColor:#991418;--stroke-warningColor:#664800;--stroke-infoColor:#1A5281;--stroke-aiTopGradientColor:#793F93;--stroke-aiBottomGradientColor:#01626E;--stroke-accentAsh:#1C222B;--stroke-accentAurora:#026648;--stroke-accentBlue:#1E5C90;--stroke-accentGreen:#02672C;--stroke-accentGrey:#334450;--stroke-accentHoney:#735200;--stroke-accentOrange:#9C3601;--stroke-accentPlum:#953171;--stroke-accentRed:#AE161B;--stroke-accentSea:#01626E;--stroke-accentSky:#0F5F82;--stroke-accentStone:#585858;--stroke-accentViolet:#793F93;--stroke-visualSeparator:#ffffff;--strokeWidth-sm:0.0625rem;--strokeWidth-md:0.125rem;--strokeWidth-lg:0.25rem;
27
27
  }
package/css/light.css CHANGED
@@ -23,5 +23,5 @@
23
23
  */
24
24
 
25
25
  .instui-theme-light{
26
- --breakpoints-sm:30em;--breakpoints-md:48em;--breakpoints-lg:64em;--breakpoints-xl:80em;--borderRadius-xs:0.125rem;--borderRadius-sm:0.25rem;--borderRadius-md:0.5rem;--borderRadius-lg:0.75rem;--borderRadius-xl:1rem;--borderRadius-xxl:1.5rem;--borderRadius-full:999rem;--borderRadius-card-sm:0.75rem;--borderRadius-card-md:1rem;--borderRadius-card-lg:1rem;--borderRadius-card-nestedContainer-sm:0.25rem;--borderRadius-card-nestedContainer-md:0.25rem;--borderRadius-card-nestedContainer-lg:0.5rem;--legacy-spacing-xxxSmall:0.125rem;--legacy-spacing-xxSmall:0.375rem;--legacy-spacing-xSmall:0.5rem;--legacy-spacing-small:0.75rem;--legacy-spacing-mediumSmall:1rem;--legacy-spacing-medium:1.5rem;--legacy-spacing-large:2.25rem;--legacy-spacing-xLarge:3rem;--legacy-spacing-xxLarge:3.75rem;--legacy-spacing-space0:0rem;--legacy-spacing-space2:0.125rem;--legacy-spacing-space4:0.25rem;--legacy-spacing-space8:0.5rem;--legacy-spacing-space12:0.75rem;--legacy-spacing-space16:1rem;--legacy-spacing-space24:1.5rem;--legacy-spacing-space36:2.25rem;--legacy-spacing-space48:3rem;--legacy-spacing-space60:3.75rem;--legacy-spacing-sections:2.25rem;--legacy-spacing-sectionElements:1.5em;--legacy-spacing-trayElements:1.5em;--legacy-spacing-modalElements:1.5em;--legacy-spacing-moduleElements:1em;--legacy-spacing-paddingCardLarge:1.5rem;--legacy-spacing-paddingCardMedium:1rem;--legacy-spacing-paddingCardSmall:0.75rem;--legacy-spacing-selects:1rem;--legacy-spacing-textareas:1rem;--legacy-spacing-inputFields:1rem;--legacy-spacing-checkboxes:1rem;--legacy-spacing-radios:1rem;--legacy-spacing-toggles:1rem;--legacy-spacing-buttons:0.75rem;--legacy-spacing-tags:0.75rem;--legacy-spacing-statusIndicators:0.75rem;--legacy-spacing-dataPoints:0.75rem;--legacy-radiusSmall:0.125rem;--legacy-radiusMedium:0.25rem;--legacy-radiusLarge:0.5rem;--boxShadow-elevation1-0-x:0px;--boxShadow-elevation1-0-y:1px;--boxShadow-elevation1-0-blur:2px;--boxShadow-elevation1-0-spread:0px;--boxShadow-elevation1-0-color:rgba(35,68,101,0.15);--boxShadow-elevation1-0-type:dropShadow;--boxShadow-elevation1-1-x:0px;--boxShadow-elevation1-1-y:2px;--boxShadow-elevation1-1-blur:4px;--boxShadow-elevation1-1-spread:1px;--boxShadow-elevation1-1-color:rgba(35,68,101,0.1);--boxShadow-elevation1-1-type:dropShadow;--boxShadow-elevation2-0-x:0px;--boxShadow-elevation2-0-y:4px;--boxShadow-elevation2-0-blur:8px;--boxShadow-elevation2-0-spread:3px;--boxShadow-elevation2-0-color:rgba(35,68,101,0.1);--boxShadow-elevation2-0-type:dropShadow;--boxShadow-elevation2-1-x:0px;--boxShadow-elevation2-1-y:1px;--boxShadow-elevation2-1-blur:3px;--boxShadow-elevation2-1-spread:0px;--boxShadow-elevation2-1-color:rgba(35,68,101,0.15);--boxShadow-elevation2-1-type:dropShadow;--boxShadow-elevation3-0-x:0px;--boxShadow-elevation3-0-y:6px;--boxShadow-elevation3-0-blur:10px;--boxShadow-elevation3-0-spread:4px;--boxShadow-elevation3-0-color:rgba(35,68,101,0.1);--boxShadow-elevation3-0-type:dropShadow;--boxShadow-elevation3-1-x:0px;--boxShadow-elevation3-1-y:2px;--boxShadow-elevation3-1-blur:3px;--boxShadow-elevation3-1-spread:0px;--boxShadow-elevation3-1-color:rgba(35,68,101,0.15);--boxShadow-elevation3-1-type:dropShadow;--boxShadow-elevation4-0-x:0px;--boxShadow-elevation4-0-y:8px;--boxShadow-elevation4-0-blur:12px;--boxShadow-elevation4-0-spread:6px;--boxShadow-elevation4-0-color:rgba(35,68,101,0.1);--boxShadow-elevation4-0-type:dropShadow;--boxShadow-elevation4-1-x:0px;--boxShadow-elevation4-1-y:4px;--boxShadow-elevation4-1-blur:4px;--boxShadow-elevation4-1-spread:0px;--boxShadow-elevation4-1-color:rgba(35,68,101,0.15);--boxShadow-elevation4-1-type:dropShadow;--spacing-general-space2xs:0.125rem;--spacing-general-spaceXs:0.25rem;--spacing-general-spaceSm:0.5rem;--spacing-general-spaceMd:0.75rem;--spacing-general-spaceLg:1rem;--spacing-general-spaceXl:1.5rem;--spacing-general-space2xl:2rem;--spacing-general-spaceNone:0rem;--spacing-gap-sections:3rem;--spacing-gap-buttons:0.75rem;--spacing-gap-cards-sm:0.75rem;--spacing-gap-cards-md:1rem;--spacing-gap-cards-lg:1.5rem;--spacing-gap-cards-nestedContainers-sm:0.5rem;--spacing-gap-cards-nestedContainers-md:0.75rem;--spacing-gap-cards-nestedContainers-lg:1rem;--spacing-gap-inputs-horizontal:0.75rem;--spacing-gap-inputs-vertical:1rem;--spacing-padding-card-sm:0.5rem;--spacing-padding-card-md:0.75rem;--spacing-padding-card-lg:1rem;--focusOutline-offset:0.125rem;--focusOutline-inset:0rem;--focusOutline-width:0.125rem;--focusOutline-infoColor:#2B7ABC;--focusOutline-onColor:#ffffff;--focusOutline-successColor:#037D37;--focusOutline-dangerColor:#CF1F24;--focusOutline-style:solid;--background-containerColor:#ffffff;--background-baseColor:#ffffff;--background-pageColor:#F2F4F5;--background-mutedColor:#F2F4F5;--background-brandColor:#1D354F;--background-onColor:#ffffff;--background-inverseColor:#334450;--background-successColor:#03893D;--background-errorColor:#E62429;--background-infoColor:#2B7ABC;--background-warningColor:#CF4A00;--background-aiTopGradientColor:#9E58BD;--background-aiBottomGradientColor:#00828E;--background-aiTextColor:#F3E5F7;--background-accentAsh:#273540;--background-accentAurora:#048660;--background-accentBlue:#2B7ABC;--background-accentGreen:#03893D;--background-accentGrey:#4A5B68;--background-accentHoney:#996E00;--background-accentOrange:#CF4A00;--background-accentPlum:#C54396;--background-accentRed:#E62429;--background-accentSea:#00828E;--background-accentSky:#197EAB;--background-accentStone:#767676;--background-accentViolet:#9E58BD;--stroke-baseColor:#8D959F;--stroke-mutedColor:#E8EAEC;--stroke-strongColor:#5F6E7A;--stroke-brandColor:#1D354F;--stroke-successColor:#03893D;--stroke-errorColor:#E62429;--stroke-warningColor:#CF4A00;--stroke-infoColor:#2B7ABC;--stroke-aiTopGradientColor:#9E58BD;--stroke-aiBottomGradientColor:#00828E;--stroke-accentAsh:#273540;--stroke-accentAurora:#057C58;--stroke-accentBlue:#2871AF;--stroke-accentGreen:#037D37;--stroke-accentGrey:#4A5B68;--stroke-accentHoney:#8C6400;--stroke-accentOrange:#BB4200;--stroke-accentPlum:#B43D89;--stroke-accentRed:#CF1F24;--stroke-accentSea:#027887;--stroke-accentSky:#17759F;--stroke-accentStone:#767676;--stroke-accentViolet:#9E58BD;--stroke-visualSeparator:#ffffff;--strokeWidth-sm:0.0625rem;--strokeWidth-md:0.125rem;--strokeWidth-lg:0.25rem;
26
+ --breakpoints-sm:30em;--breakpoints-md:48em;--breakpoints-lg:64em;--breakpoints-xl:80em;--borderRadius-xs:0.125rem;--borderRadius-sm:0.25rem;--borderRadius-md:0.5rem;--borderRadius-lg:0.75rem;--borderRadius-xl:1rem;--borderRadius-xxl:1.5rem;--borderRadius-full:999rem;--borderRadius-card-sm:0.75rem;--borderRadius-card-md:1rem;--borderRadius-card-lg:1rem;--borderRadius-card-nestedContainer-sm:0.25rem;--borderRadius-card-nestedContainer-md:0.25rem;--borderRadius-card-nestedContainer-lg:0.5rem;--legacy-spacing-xxxSmall:0.125rem;--legacy-spacing-xxSmall:0.375rem;--legacy-spacing-xSmall:0.5rem;--legacy-spacing-small:0.75rem;--legacy-spacing-mediumSmall:1rem;--legacy-spacing-medium:1.5rem;--legacy-spacing-large:2.25rem;--legacy-spacing-xLarge:3rem;--legacy-spacing-xxLarge:3.75rem;--legacy-spacing-space0:0rem;--legacy-spacing-space2:0.125rem;--legacy-spacing-space4:0.25rem;--legacy-spacing-space8:0.5rem;--legacy-spacing-space12:0.75rem;--legacy-spacing-space16:1rem;--legacy-spacing-space24:1.5rem;--legacy-spacing-space36:2.25rem;--legacy-spacing-space48:3rem;--legacy-spacing-space60:3.75rem;--legacy-spacing-sections:2.25rem;--legacy-spacing-sectionElements:1.5em;--legacy-spacing-trayElements:1.5em;--legacy-spacing-modalElements:1.5em;--legacy-spacing-moduleElements:1em;--legacy-spacing-paddingCardLarge:1.5rem;--legacy-spacing-paddingCardMedium:1rem;--legacy-spacing-paddingCardSmall:0.75rem;--legacy-spacing-selects:1rem;--legacy-spacing-textareas:1rem;--legacy-spacing-inputFields:1rem;--legacy-spacing-checkboxes:1rem;--legacy-spacing-radios:1rem;--legacy-spacing-toggles:1rem;--legacy-spacing-buttons:0.75rem;--legacy-spacing-tags:0.75rem;--legacy-spacing-statusIndicators:0.75rem;--legacy-spacing-dataPoints:0.75rem;--legacy-radiusSmall:0.125rem;--legacy-radiusMedium:0.25rem;--legacy-radiusLarge:0.5rem;--boxShadow-elevation1-0-x:0px;--boxShadow-elevation1-0-y:1px;--boxShadow-elevation1-0-blur:2px;--boxShadow-elevation1-0-spread:0px;--boxShadow-elevation1-0-color:rgba(35,68,101,0.15);--boxShadow-elevation1-0-type:dropShadow;--boxShadow-elevation1-1-x:0px;--boxShadow-elevation1-1-y:2px;--boxShadow-elevation1-1-blur:4px;--boxShadow-elevation1-1-spread:1px;--boxShadow-elevation1-1-color:rgba(35,68,101,0.1);--boxShadow-elevation1-1-type:dropShadow;--boxShadow-elevation2-0-x:0px;--boxShadow-elevation2-0-y:4px;--boxShadow-elevation2-0-blur:8px;--boxShadow-elevation2-0-spread:3px;--boxShadow-elevation2-0-color:rgba(35,68,101,0.1);--boxShadow-elevation2-0-type:dropShadow;--boxShadow-elevation2-1-x:0px;--boxShadow-elevation2-1-y:1px;--boxShadow-elevation2-1-blur:3px;--boxShadow-elevation2-1-spread:0px;--boxShadow-elevation2-1-color:rgba(35,68,101,0.15);--boxShadow-elevation2-1-type:dropShadow;--boxShadow-elevation3-0-x:0px;--boxShadow-elevation3-0-y:6px;--boxShadow-elevation3-0-blur:10px;--boxShadow-elevation3-0-spread:4px;--boxShadow-elevation3-0-color:rgba(35,68,101,0.1);--boxShadow-elevation3-0-type:dropShadow;--boxShadow-elevation3-1-x:0px;--boxShadow-elevation3-1-y:2px;--boxShadow-elevation3-1-blur:3px;--boxShadow-elevation3-1-spread:0px;--boxShadow-elevation3-1-color:rgba(35,68,101,0.15);--boxShadow-elevation3-1-type:dropShadow;--boxShadow-elevation4-0-x:0px;--boxShadow-elevation4-0-y:8px;--boxShadow-elevation4-0-blur:12px;--boxShadow-elevation4-0-spread:6px;--boxShadow-elevation4-0-color:rgba(35,68,101,0.1);--boxShadow-elevation4-0-type:dropShadow;--boxShadow-elevation4-1-x:0px;--boxShadow-elevation4-1-y:4px;--boxShadow-elevation4-1-blur:4px;--boxShadow-elevation4-1-spread:0px;--boxShadow-elevation4-1-color:rgba(35,68,101,0.15);--boxShadow-elevation4-1-type:dropShadow;--spacing-general-space2xs:0.125rem;--spacing-general-spaceXs:0.25rem;--spacing-general-spaceSm:0.5rem;--spacing-general-spaceMd:0.75rem;--spacing-general-spaceLg:1rem;--spacing-general-spaceXl:1.5rem;--spacing-general-space2xl:2rem;--spacing-general-spaceNone:0rem;--spacing-gap-sections:3rem;--spacing-gap-buttons:0.75rem;--spacing-gap-cards-sm:0.75rem;--spacing-gap-cards-md:1rem;--spacing-gap-cards-lg:1.5rem;--spacing-gap-cards-nestedContainers-sm:0.5rem;--spacing-gap-cards-nestedContainers-md:0.75rem;--spacing-gap-cards-nestedContainers-lg:1rem;--spacing-gap-inputs-horizontal:0.75rem;--spacing-gap-inputs-vertical:1rem;--spacing-padding-card-sm:0.5rem;--spacing-padding-card-md:0.75rem;--spacing-padding-card-lg:1rem;--focusOutline-offset:0.125rem;--focusOutline-inset:0rem;--focusOutline-width:0.125rem;--focusOutline-infoColor:#2B7ABC;--focusOutline-onColor:#ffffff;--focusOutline-successColor:#037D37;--focusOutline-dangerColor:#CF1F24;--focusOutline-style:solid;--background-containerColor:#ffffff;--background-baseColor:#ffffff;--background-pageColor:#F2F4F5;--background-mutedColor:#F2F4F5;--background-brandColor:#1D354F;--background-onColor:#ffffff;--background-inverseColor:#334450;--background-successColor:#03893D;--background-errorColor:#E62429;--background-infoColor:#2B7ABC;--background-warningColor:#F0C16C;--background-aiTopGradientColor:#9E58BD;--background-aiBottomGradientColor:#00828E;--background-aiTextColor:#F3E5F7;--background-accentAsh:#273540;--background-accentAurora:#048660;--background-accentBlue:#2B7ABC;--background-accentGreen:#03893D;--background-accentGrey:#4A5B68;--background-accentHoney:#996E00;--background-accentOrange:#CF4A00;--background-accentPlum:#C54396;--background-accentRed:#E62429;--background-accentSea:#00828E;--background-accentSky:#197EAB;--background-accentStone:#767676;--background-accentViolet:#9E58BD;--stroke-baseColor:#8D959F;--stroke-mutedColor:#E8EAEC;--stroke-strongColor:#5F6E7A;--stroke-brandColor:#1D354F;--stroke-successColor:#03893D;--stroke-errorColor:#E62429;--stroke-warningColor:#F0C16C;--stroke-infoColor:#2B7ABC;--stroke-aiTopGradientColor:#9E58BD;--stroke-aiBottomGradientColor:#00828E;--stroke-accentAsh:#273540;--stroke-accentAurora:#057C58;--stroke-accentBlue:#2871AF;--stroke-accentGreen:#037D37;--stroke-accentGrey:#4A5B68;--stroke-accentHoney:#8C6400;--stroke-accentOrange:#BB4200;--stroke-accentPlum:#B43D89;--stroke-accentRed:#CF1F24;--stroke-accentSea:#027887;--stroke-accentSky:#17759F;--stroke-accentStone:#767676;--stroke-accentViolet:#9E58BD;--stroke-visualSeparator:#ffffff;--strokeWidth-sm:0.0625rem;--strokeWidth-md:0.125rem;--strokeWidth-lg:0.25rem;
27
27
  }
package/es/index.js CHANGED
@@ -29,6 +29,11 @@ import light from './themes/light/index.js';
29
29
  import { primitives, additionalPrimitives } from './legacySharedThemeTokens/colors/primitives.js';
30
30
  import dataVisualization from './legacySharedThemeTokens/colors/dataVisualization.js';
31
31
  import { boxShadowObjectsToCSSString } from './utils/boxShadowObjectToString.js';
32
- import { legacyCanvas, legacyCanvasHighContrast } from "./themes/newThemeTokens/index.js"; // converts `AA: (semantics: any) => AA` to `AA: AA`
33
- export { dark, light, canvas, canvasHighContrast, legacyCanvas, legacyCanvasHighContrast, primitives, additionalPrimitives, dataVisualization, boxShadowObjectsToCSSString };
32
+ import { legacyCanvas, legacyCanvasHighContrast } from "./themes/newThemeTokens/index.js";
33
+ import { frozenThemesDesignTokensV1 } from "./themes/frozenThemes/index.js";
34
+ /**
35
+ * Every frozen token-shape map. Register a new frozen version by adding it to
36
+ * this union — nothing below needs to change.
37
+ */
38
+ export { dark, light, canvas, canvasHighContrast, legacyCanvas, legacyCanvasHighContrast, primitives, additionalPrimitives, dataVisualization, boxShadowObjectsToCSSString, frozenThemesDesignTokensV1 };
34
39
  export default canvas;
@@ -0,0 +1,49 @@
1
+ /*
2
+ * The MIT License (MIT)
3
+ *
4
+ * Copyright (c) 2015 - present Instructure, Inc.
5
+ *
6
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
7
+ * of this software and associated documentation files (the "Software"), to deal
8
+ * in the Software without restriction, including without limitation the rights
9
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10
+ * copies of the Software, and to permit persons to whom the Software is
11
+ * furnished to do so, subject to the following conditions:
12
+ *
13
+ * The above copyright notice and this permission notice shall be included in all
14
+ * copies or substantial portions of the Software.
15
+ *
16
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22
+ * SOFTWARE.
23
+ */
24
+
25
+ const alert = semantic => ({
26
+ background: semantic.color.background.elevatedSurface.base,
27
+ borderRadius: semantic.borderRadius.lg,
28
+ borderStyle: 'solid',
29
+ borderWidth: semantic.borderWidth.md,
30
+ closeButtonMarginRight: '0.5rem',
31
+ closeButtonMarginTop: '0.5rem',
32
+ color: semantic.color.institutional.brandFontColorDark,
33
+ contentFontFamily: semantic.fontFamily.base,
34
+ contentFontSize: semantic.fontSize.textBase,
35
+ contentFontWeight: semantic.fontWeight.body.base,
36
+ contentLineHeight: semantic.lineHeight.standalone.base,
37
+ dangerBorderColor: semantic.color.stroke.error,
38
+ dangerIconBackground: semantic.color.background.error,
39
+ iconColor: semantic.color.icon.onColor,
40
+ infoBorderColor: semantic.color.stroke.info,
41
+ infoIconBackground: semantic.color.background.info,
42
+ successBorderColor: semantic.color.stroke.success,
43
+ successIconBackground: semantic.color.background.success,
44
+ warningBorderColor: semantic.color.stroke.warning,
45
+ warningIconBackground: semantic.color.background.warning,
46
+ contentPaddingVertical: semantic.spacing.spaceMd,
47
+ contentPaddingHorizontal: semantic.spacing.spaceXl
48
+ });
49
+ export default alert;
@@ -0,0 +1,49 @@
1
+ /*
2
+ * The MIT License (MIT)
3
+ *
4
+ * Copyright (c) 2015 - present Instructure, Inc.
5
+ *
6
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
7
+ * of this software and associated documentation files (the "Software"), to deal
8
+ * in the Software without restriction, including without limitation the rights
9
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10
+ * copies of the Software, and to permit persons to whom the Software is
11
+ * furnished to do so, subject to the following conditions:
12
+ *
13
+ * The above copyright notice and this permission notice shall be included in all
14
+ * copies or substantial portions of the Software.
15
+ *
16
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22
+ * SOFTWARE.
23
+ */
24
+
25
+ const alert = semantic => ({
26
+ background: semantic.color.background.elevatedSurface.base,
27
+ borderRadius: semantic.borderRadius.lg,
28
+ borderStyle: 'solid',
29
+ borderWidth: semantic.borderWidth.md,
30
+ closeButtonMarginRight: '0.5rem',
31
+ closeButtonMarginTop: '0.5rem',
32
+ color: semantic.color.institutional.brandFontColorDark,
33
+ contentFontFamily: semantic.fontFamily.base,
34
+ contentFontSize: semantic.fontSize.textBase,
35
+ contentFontWeight: semantic.fontWeight.body.base,
36
+ contentLineHeight: semantic.lineHeight.standalone.base,
37
+ dangerBorderColor: semantic.color.stroke.error,
38
+ dangerIconBackground: semantic.color.background.error,
39
+ iconColor: semantic.color.icon.onColor,
40
+ infoBorderColor: semantic.color.stroke.info,
41
+ infoIconBackground: semantic.color.background.info,
42
+ successBorderColor: semantic.color.stroke.success,
43
+ successIconBackground: semantic.color.background.success,
44
+ warningBorderColor: semantic.color.stroke.warning,
45
+ warningIconBackground: semantic.color.background.warning,
46
+ contentPaddingVertical: semantic.spacing.spaceMd,
47
+ contentPaddingHorizontal: semantic.spacing.spaceXl
48
+ });
49
+ export default alert;
@@ -0,0 +1,49 @@
1
+ /*
2
+ * The MIT License (MIT)
3
+ *
4
+ * Copyright (c) 2015 - present Instructure, Inc.
5
+ *
6
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
7
+ * of this software and associated documentation files (the "Software"), to deal
8
+ * in the Software without restriction, including without limitation the rights
9
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10
+ * copies of the Software, and to permit persons to whom the Software is
11
+ * furnished to do so, subject to the following conditions:
12
+ *
13
+ * The above copyright notice and this permission notice shall be included in all
14
+ * copies or substantial portions of the Software.
15
+ *
16
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22
+ * SOFTWARE.
23
+ */
24
+
25
+ const alert = semantic => ({
26
+ background: semantic.color.background.elevatedSurface.base,
27
+ borderRadius: semantic.borderRadius.lg,
28
+ borderStyle: 'solid',
29
+ borderWidth: semantic.borderWidth.md,
30
+ closeButtonMarginRight: '0.5rem',
31
+ closeButtonMarginTop: '0.5rem',
32
+ color: semantic.color.institutional.brandFontColorDark,
33
+ contentFontFamily: semantic.fontFamily.base,
34
+ contentFontSize: semantic.fontSize.textBase,
35
+ contentFontWeight: semantic.fontWeight.body.base,
36
+ contentLineHeight: semantic.lineHeight.standalone.base,
37
+ dangerBorderColor: semantic.color.stroke.error,
38
+ dangerIconBackground: semantic.color.background.error,
39
+ iconColor: semantic.color.icon.onColor,
40
+ infoBorderColor: semantic.color.stroke.info,
41
+ infoIconBackground: semantic.color.background.info,
42
+ successBorderColor: semantic.color.stroke.success,
43
+ successIconBackground: semantic.color.background.success,
44
+ warningBorderColor: semantic.color.stroke.warning,
45
+ warningIconBackground: semantic.color.background.warning,
46
+ contentPaddingVertical: semantic.spacing.spaceMd,
47
+ contentPaddingHorizontal: semantic.spacing.spaceXl
48
+ });
49
+ export default alert;
@@ -0,0 +1,49 @@
1
+ /*
2
+ * The MIT License (MIT)
3
+ *
4
+ * Copyright (c) 2015 - present Instructure, Inc.
5
+ *
6
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
7
+ * of this software and associated documentation files (the "Software"), to deal
8
+ * in the Software without restriction, including without limitation the rights
9
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10
+ * copies of the Software, and to permit persons to whom the Software is
11
+ * furnished to do so, subject to the following conditions:
12
+ *
13
+ * The above copyright notice and this permission notice shall be included in all
14
+ * copies or substantial portions of the Software.
15
+ *
16
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22
+ * SOFTWARE.
23
+ */
24
+
25
+ const alert = semantic => ({
26
+ background: semantic.color.background.elevatedSurface.base,
27
+ borderRadius: semantic.borderRadius.lg,
28
+ borderStyle: 'solid',
29
+ borderWidth: semantic.borderWidth.md,
30
+ closeButtonMarginRight: '0.5rem',
31
+ closeButtonMarginTop: '0.5rem',
32
+ color: semantic.color.institutional.brandFontColorDark,
33
+ contentFontFamily: semantic.fontFamily.base,
34
+ contentFontSize: semantic.fontSize.textBase,
35
+ contentFontWeight: semantic.fontWeight.body.base,
36
+ contentLineHeight: semantic.lineHeight.standalone.base,
37
+ dangerBorderColor: semantic.color.stroke.error,
38
+ dangerIconBackground: semantic.color.background.error,
39
+ iconColor: semantic.color.icon.onColor,
40
+ infoBorderColor: semantic.color.stroke.info,
41
+ infoIconBackground: semantic.color.background.info,
42
+ successBorderColor: semantic.color.stroke.success,
43
+ successIconBackground: semantic.color.background.success,
44
+ warningBorderColor: semantic.color.stroke.warning,
45
+ warningIconBackground: semantic.color.background.warning,
46
+ contentPaddingVertical: semantic.spacing.spaceMd,
47
+ contentPaddingHorizontal: semantic.spacing.spaceXl
48
+ });
49
+ export default alert;
@@ -0,0 +1,49 @@
1
+ /*
2
+ * The MIT License (MIT)
3
+ *
4
+ * Copyright (c) 2015 - present Instructure, Inc.
5
+ *
6
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
7
+ * of this software and associated documentation files (the "Software"), to deal
8
+ * in the Software without restriction, including without limitation the rights
9
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10
+ * copies of the Software, and to permit persons to whom the Software is
11
+ * furnished to do so, subject to the following conditions:
12
+ *
13
+ * The above copyright notice and this permission notice shall be included in all
14
+ * copies or substantial portions of the Software.
15
+ *
16
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22
+ * SOFTWARE.
23
+ */
24
+ import alertDark from "./alert/dark.js";
25
+ import alertLight from "./alert/light.js";
26
+ import alertCanvas from "./alert/canvas.js";
27
+ import alertCanvasHighContrast from "./alert/canvasHighContrast.js";
28
+ import pillDark from "./pill/dark.js";
29
+ import pillLight from "./pill/light.js";
30
+ import pillCanvas from "./pill/canvas.js";
31
+ import pillCanvasHighContrast from "./pill/canvasHighContrast.js";
32
+ export default {
33
+ dark: {
34
+ Alert: alertDark,
35
+ Pill: pillDark
36
+ },
37
+ light: {
38
+ Alert: alertLight,
39
+ Pill: pillLight
40
+ },
41
+ canvas: {
42
+ Alert: alertCanvas,
43
+ Pill: pillCanvas
44
+ },
45
+ canvasHighContrast: {
46
+ Alert: alertCanvasHighContrast,
47
+ Pill: pillCanvasHighContrast
48
+ }
49
+ };
@@ -0,0 +1,49 @@
1
+ /*
2
+ * The MIT License (MIT)
3
+ *
4
+ * Copyright (c) 2015 - present Instructure, Inc.
5
+ *
6
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
7
+ * of this software and associated documentation files (the "Software"), to deal
8
+ * in the Software without restriction, including without limitation the rights
9
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10
+ * copies of the Software, and to permit persons to whom the Software is
11
+ * furnished to do so, subject to the following conditions:
12
+ *
13
+ * The above copyright notice and this permission notice shall be included in all
14
+ * copies or substantial portions of the Software.
15
+ *
16
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22
+ * SOFTWARE.
23
+ */
24
+
25
+ const pill = semantic => ({
26
+ paddingHorizontal: semantic.spacing.spaceSm,
27
+ height: '24px',
28
+ backgroundColor: semantic.color.background.base,
29
+ textFontSize: semantic.fontSize.textSm,
30
+ textFontWeight: semantic.fontWeight.body.base,
31
+ statusLabelFontWeight: semantic.fontWeight.body.strong,
32
+ maxWidth: '240px',
33
+ baseTextColor: semantic.color.text.base,
34
+ baseBorderColor: semantic.color.stroke.base,
35
+ infoTextColor: semantic.color.text.info,
36
+ infoBorderColor: semantic.color.stroke.info,
37
+ errorTextColor: semantic.color.text.error,
38
+ errorBorderColor: semantic.color.stroke.error,
39
+ successTextColor: semantic.color.text.success,
40
+ successBorderColor: semantic.color.stroke.success,
41
+ warningTextColor: semantic.color.text.warning,
42
+ warningBorderColor: semantic.color.stroke.warning,
43
+ borderRadius: semantic.borderRadius.full,
44
+ borderWidth: semantic.borderWidth.sm,
45
+ lineHeight: semantic.lineHeight.standalone.textSm,
46
+ fontFamily: semantic.fontFamily.base,
47
+ borderStyle: 'solid'
48
+ });
49
+ export default pill;
@@ -0,0 +1,49 @@
1
+ /*
2
+ * The MIT License (MIT)
3
+ *
4
+ * Copyright (c) 2015 - present Instructure, Inc.
5
+ *
6
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
7
+ * of this software and associated documentation files (the "Software"), to deal
8
+ * in the Software without restriction, including without limitation the rights
9
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10
+ * copies of the Software, and to permit persons to whom the Software is
11
+ * furnished to do so, subject to the following conditions:
12
+ *
13
+ * The above copyright notice and this permission notice shall be included in all
14
+ * copies or substantial portions of the Software.
15
+ *
16
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22
+ * SOFTWARE.
23
+ */
24
+
25
+ const pill = semantic => ({
26
+ paddingHorizontal: semantic.spacing.spaceSm,
27
+ height: '24px',
28
+ backgroundColor: semantic.color.background.base,
29
+ textFontSize: semantic.fontSize.textSm,
30
+ textFontWeight: semantic.fontWeight.body.base,
31
+ statusLabelFontWeight: semantic.fontWeight.body.strong,
32
+ maxWidth: '240px',
33
+ baseTextColor: semantic.color.text.base,
34
+ baseBorderColor: semantic.color.stroke.base,
35
+ infoTextColor: semantic.color.text.info,
36
+ infoBorderColor: semantic.color.stroke.info,
37
+ errorTextColor: semantic.color.text.error,
38
+ errorBorderColor: semantic.color.stroke.error,
39
+ successTextColor: semantic.color.text.success,
40
+ successBorderColor: semantic.color.stroke.success,
41
+ warningTextColor: semantic.color.text.warning,
42
+ warningBorderColor: semantic.color.stroke.warning,
43
+ borderRadius: semantic.borderRadius.full,
44
+ borderWidth: semantic.borderWidth.sm,
45
+ lineHeight: semantic.lineHeight.standalone.textSm,
46
+ fontFamily: semantic.fontFamily.base,
47
+ borderStyle: 'solid'
48
+ });
49
+ export default pill;