@sage/design-tokens 13.1.0 → 14.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (896) hide show
  1. package/css/frozenproduct/all.css +67 -21
  2. package/css/frozenproduct/large/components/badge.css +8 -3
  3. package/css/frozenproduct/large/components/button.css +16 -7
  4. package/css/frozenproduct/large/components/focus.css +4 -0
  5. package/css/frozenproduct/large/components/link.css +2 -0
  6. package/css/frozenproduct/large/components/logo.css +0 -2
  7. package/css/frozenproduct/large/components/progress.css +4 -3
  8. package/css/frozenproduct/large/components/table.css +1 -0
  9. package/css/frozenproduct/large/dark.css +16 -3
  10. package/css/frozenproduct/large/light.css +16 -3
  11. package/css/frozenproduct/small/components/badge.css +8 -3
  12. package/css/frozenproduct/small/components/button.css +16 -7
  13. package/css/frozenproduct/small/components/focus.css +4 -0
  14. package/css/frozenproduct/small/components/link.css +2 -0
  15. package/css/frozenproduct/small/components/logo.css +0 -2
  16. package/css/frozenproduct/small/components/progress.css +4 -3
  17. package/css/frozenproduct/small/components/table.css +1 -0
  18. package/css/frozenproduct/small/dark.css +16 -3
  19. package/css/frozenproduct/small/light.css +16 -3
  20. package/css/marketing/all.css +67 -21
  21. package/css/marketing/large/components/badge.css +8 -3
  22. package/css/marketing/large/components/button.css +16 -7
  23. package/css/marketing/large/components/focus.css +4 -0
  24. package/css/marketing/large/components/link.css +2 -0
  25. package/css/marketing/large/components/logo.css +0 -2
  26. package/css/marketing/large/components/progress.css +4 -3
  27. package/css/marketing/large/components/table.css +1 -0
  28. package/css/marketing/large/dark.css +16 -3
  29. package/css/marketing/large/light.css +16 -3
  30. package/css/marketing/small/components/badge.css +8 -3
  31. package/css/marketing/small/components/button.css +16 -7
  32. package/css/marketing/small/components/focus.css +4 -0
  33. package/css/marketing/small/components/link.css +2 -0
  34. package/css/marketing/small/components/logo.css +0 -2
  35. package/css/marketing/small/components/progress.css +4 -3
  36. package/css/marketing/small/components/table.css +1 -0
  37. package/css/marketing/small/dark.css +16 -3
  38. package/css/marketing/small/light.css +16 -3
  39. package/css/product/all.css +67 -21
  40. package/css/product/large/components/badge.css +8 -3
  41. package/css/product/large/components/button.css +16 -7
  42. package/css/product/large/components/focus.css +4 -0
  43. package/css/product/large/components/link.css +2 -0
  44. package/css/product/large/components/logo.css +0 -2
  45. package/css/product/large/components/progress.css +4 -3
  46. package/css/product/large/components/table.css +1 -0
  47. package/css/product/large/dark.css +16 -3
  48. package/css/product/large/light.css +16 -3
  49. package/css/product/small/components/badge.css +8 -3
  50. package/css/product/small/components/button.css +16 -7
  51. package/css/product/small/components/focus.css +4 -0
  52. package/css/product/small/components/link.css +2 -0
  53. package/css/product/small/components/logo.css +0 -2
  54. package/css/product/small/components/progress.css +4 -3
  55. package/css/product/small/components/table.css +1 -0
  56. package/css/product/small/dark.css +16 -3
  57. package/css/product/small/light.css +16 -3
  58. package/ios/frozenproduct/large/dark/components/badge.h +5 -0
  59. package/ios/frozenproduct/large/dark/components/button.h +10 -1
  60. package/ios/frozenproduct/large/dark/components/focus.h +4 -0
  61. package/ios/frozenproduct/large/dark/components/link.h +2 -0
  62. package/ios/frozenproduct/large/dark/components/logo.h +0 -2
  63. package/ios/frozenproduct/large/dark/components/progress.h +4 -3
  64. package/ios/frozenproduct/large/dark/components/table.h +1 -0
  65. package/ios/frozenproduct/large/dark/mode.h +16 -3
  66. package/ios/frozenproduct/large/light/components/badge.h +5 -0
  67. package/ios/frozenproduct/large/light/components/button.h +10 -1
  68. package/ios/frozenproduct/large/light/components/focus.h +4 -0
  69. package/ios/frozenproduct/large/light/components/link.h +2 -0
  70. package/ios/frozenproduct/large/light/components/logo.h +0 -2
  71. package/ios/frozenproduct/large/light/components/progress.h +4 -3
  72. package/ios/frozenproduct/large/light/components/table.h +1 -0
  73. package/ios/frozenproduct/large/light/mode.h +16 -3
  74. package/ios/frozenproduct/small/dark/components/badge.h +5 -0
  75. package/ios/frozenproduct/small/dark/components/button.h +10 -1
  76. package/ios/frozenproduct/small/dark/components/focus.h +4 -0
  77. package/ios/frozenproduct/small/dark/components/link.h +2 -0
  78. package/ios/frozenproduct/small/dark/components/logo.h +0 -2
  79. package/ios/frozenproduct/small/dark/components/progress.h +4 -3
  80. package/ios/frozenproduct/small/dark/components/table.h +1 -0
  81. package/ios/frozenproduct/small/dark/mode.h +16 -3
  82. package/ios/frozenproduct/small/light/components/badge.h +5 -0
  83. package/ios/frozenproduct/small/light/components/button.h +10 -1
  84. package/ios/frozenproduct/small/light/components/focus.h +4 -0
  85. package/ios/frozenproduct/small/light/components/link.h +2 -0
  86. package/ios/frozenproduct/small/light/components/logo.h +0 -2
  87. package/ios/frozenproduct/small/light/components/progress.h +4 -3
  88. package/ios/frozenproduct/small/light/components/table.h +1 -0
  89. package/ios/frozenproduct/small/light/mode.h +16 -3
  90. package/ios/marketing/large/dark/components/badge.h +5 -0
  91. package/ios/marketing/large/dark/components/button.h +10 -1
  92. package/ios/marketing/large/dark/components/focus.h +4 -0
  93. package/ios/marketing/large/dark/components/link.h +2 -0
  94. package/ios/marketing/large/dark/components/logo.h +0 -2
  95. package/ios/marketing/large/dark/components/progress.h +4 -3
  96. package/ios/marketing/large/dark/components/table.h +1 -0
  97. package/ios/marketing/large/dark/mode.h +16 -3
  98. package/ios/marketing/large/light/components/badge.h +5 -0
  99. package/ios/marketing/large/light/components/button.h +10 -1
  100. package/ios/marketing/large/light/components/focus.h +4 -0
  101. package/ios/marketing/large/light/components/link.h +2 -0
  102. package/ios/marketing/large/light/components/logo.h +0 -2
  103. package/ios/marketing/large/light/components/progress.h +4 -3
  104. package/ios/marketing/large/light/components/table.h +1 -0
  105. package/ios/marketing/large/light/mode.h +16 -3
  106. package/ios/marketing/small/dark/components/badge.h +5 -0
  107. package/ios/marketing/small/dark/components/button.h +10 -1
  108. package/ios/marketing/small/dark/components/focus.h +4 -0
  109. package/ios/marketing/small/dark/components/link.h +2 -0
  110. package/ios/marketing/small/dark/components/logo.h +0 -2
  111. package/ios/marketing/small/dark/components/progress.h +4 -3
  112. package/ios/marketing/small/dark/components/table.h +1 -0
  113. package/ios/marketing/small/dark/mode.h +16 -3
  114. package/ios/marketing/small/light/components/badge.h +5 -0
  115. package/ios/marketing/small/light/components/button.h +10 -1
  116. package/ios/marketing/small/light/components/focus.h +4 -0
  117. package/ios/marketing/small/light/components/link.h +2 -0
  118. package/ios/marketing/small/light/components/logo.h +0 -2
  119. package/ios/marketing/small/light/components/progress.h +4 -3
  120. package/ios/marketing/small/light/components/table.h +1 -0
  121. package/ios/marketing/small/light/mode.h +16 -3
  122. package/ios/product/large/dark/components/badge.h +5 -0
  123. package/ios/product/large/dark/components/button.h +10 -1
  124. package/ios/product/large/dark/components/focus.h +4 -0
  125. package/ios/product/large/dark/components/link.h +2 -0
  126. package/ios/product/large/dark/components/logo.h +0 -2
  127. package/ios/product/large/dark/components/progress.h +4 -3
  128. package/ios/product/large/dark/components/table.h +1 -0
  129. package/ios/product/large/dark/mode.h +16 -3
  130. package/ios/product/large/light/components/badge.h +5 -0
  131. package/ios/product/large/light/components/button.h +10 -1
  132. package/ios/product/large/light/components/focus.h +4 -0
  133. package/ios/product/large/light/components/link.h +2 -0
  134. package/ios/product/large/light/components/logo.h +0 -2
  135. package/ios/product/large/light/components/progress.h +4 -3
  136. package/ios/product/large/light/components/table.h +1 -0
  137. package/ios/product/large/light/mode.h +16 -3
  138. package/ios/product/small/dark/components/badge.h +5 -0
  139. package/ios/product/small/dark/components/button.h +10 -1
  140. package/ios/product/small/dark/components/focus.h +4 -0
  141. package/ios/product/small/dark/components/link.h +2 -0
  142. package/ios/product/small/dark/components/logo.h +0 -2
  143. package/ios/product/small/dark/components/progress.h +4 -3
  144. package/ios/product/small/dark/components/table.h +1 -0
  145. package/ios/product/small/dark/mode.h +16 -3
  146. package/ios/product/small/light/components/badge.h +5 -0
  147. package/ios/product/small/light/components/button.h +10 -1
  148. package/ios/product/small/light/components/focus.h +4 -0
  149. package/ios/product/small/light/components/link.h +2 -0
  150. package/ios/product/small/light/components/logo.h +0 -2
  151. package/ios/product/small/light/components/progress.h +4 -3
  152. package/ios/product/small/light/components/table.h +1 -0
  153. package/ios/product/small/light/mode.h +16 -3
  154. package/js/common/frozenproduct/large/dark/components/badge.d.ts +7 -0
  155. package/js/common/frozenproduct/large/dark/components/badge.js +84 -3
  156. package/js/common/frozenproduct/large/dark/components/button.d.ts +11 -0
  157. package/js/common/frozenproduct/large/dark/components/button.js +185 -1
  158. package/js/common/frozenproduct/large/dark/components/focus.d.ts +6 -0
  159. package/js/common/frozenproduct/large/dark/components/focus.js +54 -0
  160. package/js/common/frozenproduct/large/dark/components/link.d.ts +4 -0
  161. package/js/common/frozenproduct/large/dark/components/link.js +30 -0
  162. package/js/common/frozenproduct/large/dark/components/logo.d.ts +0 -4
  163. package/js/common/frozenproduct/large/dark/components/logo.js +0 -30
  164. package/js/common/frozenproduct/large/dark/components/progress.d.ts +2 -1
  165. package/js/common/frozenproduct/large/dark/components/progress.js +22 -7
  166. package/js/common/frozenproduct/large/dark/components/table.d.ts +1 -0
  167. package/js/common/frozenproduct/large/dark/components/table.js +15 -0
  168. package/js/common/frozenproduct/large/dark/mode.d.ts +19 -2
  169. package/js/common/frozenproduct/large/dark/mode.js +447 -26
  170. package/js/common/frozenproduct/large/light/components/badge.d.ts +7 -0
  171. package/js/common/frozenproduct/large/light/components/badge.js +84 -3
  172. package/js/common/frozenproduct/large/light/components/button.d.ts +11 -0
  173. package/js/common/frozenproduct/large/light/components/button.js +185 -1
  174. package/js/common/frozenproduct/large/light/components/focus.d.ts +6 -0
  175. package/js/common/frozenproduct/large/light/components/focus.js +54 -0
  176. package/js/common/frozenproduct/large/light/components/link.d.ts +4 -0
  177. package/js/common/frozenproduct/large/light/components/link.js +30 -0
  178. package/js/common/frozenproduct/large/light/components/logo.d.ts +0 -4
  179. package/js/common/frozenproduct/large/light/components/logo.js +0 -30
  180. package/js/common/frozenproduct/large/light/components/progress.d.ts +2 -1
  181. package/js/common/frozenproduct/large/light/components/progress.js +22 -7
  182. package/js/common/frozenproduct/large/light/components/table.d.ts +1 -0
  183. package/js/common/frozenproduct/large/light/components/table.js +15 -0
  184. package/js/common/frozenproduct/large/light/mode.d.ts +19 -2
  185. package/js/common/frozenproduct/large/light/mode.js +452 -31
  186. package/js/common/frozenproduct/small/dark/components/badge.d.ts +7 -0
  187. package/js/common/frozenproduct/small/dark/components/badge.js +84 -3
  188. package/js/common/frozenproduct/small/dark/components/button.d.ts +11 -0
  189. package/js/common/frozenproduct/small/dark/components/button.js +185 -1
  190. package/js/common/frozenproduct/small/dark/components/focus.d.ts +6 -0
  191. package/js/common/frozenproduct/small/dark/components/focus.js +54 -0
  192. package/js/common/frozenproduct/small/dark/components/link.d.ts +4 -0
  193. package/js/common/frozenproduct/small/dark/components/link.js +30 -0
  194. package/js/common/frozenproduct/small/dark/components/logo.d.ts +0 -4
  195. package/js/common/frozenproduct/small/dark/components/logo.js +0 -30
  196. package/js/common/frozenproduct/small/dark/components/progress.d.ts +2 -1
  197. package/js/common/frozenproduct/small/dark/components/progress.js +22 -7
  198. package/js/common/frozenproduct/small/dark/components/table.d.ts +1 -0
  199. package/js/common/frozenproduct/small/dark/components/table.js +15 -0
  200. package/js/common/frozenproduct/small/dark/mode.d.ts +19 -2
  201. package/js/common/frozenproduct/small/dark/mode.js +447 -26
  202. package/js/common/frozenproduct/small/light/components/badge.d.ts +7 -0
  203. package/js/common/frozenproduct/small/light/components/badge.js +84 -3
  204. package/js/common/frozenproduct/small/light/components/button.d.ts +11 -0
  205. package/js/common/frozenproduct/small/light/components/button.js +185 -1
  206. package/js/common/frozenproduct/small/light/components/focus.d.ts +6 -0
  207. package/js/common/frozenproduct/small/light/components/focus.js +54 -0
  208. package/js/common/frozenproduct/small/light/components/link.d.ts +4 -0
  209. package/js/common/frozenproduct/small/light/components/link.js +30 -0
  210. package/js/common/frozenproduct/small/light/components/logo.d.ts +0 -4
  211. package/js/common/frozenproduct/small/light/components/logo.js +0 -30
  212. package/js/common/frozenproduct/small/light/components/progress.d.ts +2 -1
  213. package/js/common/frozenproduct/small/light/components/progress.js +22 -7
  214. package/js/common/frozenproduct/small/light/components/table.d.ts +1 -0
  215. package/js/common/frozenproduct/small/light/components/table.js +15 -0
  216. package/js/common/frozenproduct/small/light/mode.d.ts +19 -2
  217. package/js/common/frozenproduct/small/light/mode.js +452 -31
  218. package/js/common/marketing/large/dark/components/badge.d.ts +7 -0
  219. package/js/common/marketing/large/dark/components/badge.js +84 -3
  220. package/js/common/marketing/large/dark/components/button.d.ts +11 -0
  221. package/js/common/marketing/large/dark/components/button.js +185 -1
  222. package/js/common/marketing/large/dark/components/focus.d.ts +6 -0
  223. package/js/common/marketing/large/dark/components/focus.js +54 -0
  224. package/js/common/marketing/large/dark/components/link.d.ts +4 -0
  225. package/js/common/marketing/large/dark/components/link.js +30 -0
  226. package/js/common/marketing/large/dark/components/logo.d.ts +0 -4
  227. package/js/common/marketing/large/dark/components/logo.js +0 -30
  228. package/js/common/marketing/large/dark/components/progress.d.ts +2 -1
  229. package/js/common/marketing/large/dark/components/progress.js +22 -7
  230. package/js/common/marketing/large/dark/components/table.d.ts +1 -0
  231. package/js/common/marketing/large/dark/components/table.js +15 -0
  232. package/js/common/marketing/large/dark/mode.d.ts +19 -2
  233. package/js/common/marketing/large/dark/mode.js +447 -26
  234. package/js/common/marketing/large/light/components/badge.d.ts +7 -0
  235. package/js/common/marketing/large/light/components/badge.js +84 -3
  236. package/js/common/marketing/large/light/components/button.d.ts +11 -0
  237. package/js/common/marketing/large/light/components/button.js +185 -1
  238. package/js/common/marketing/large/light/components/focus.d.ts +6 -0
  239. package/js/common/marketing/large/light/components/focus.js +54 -0
  240. package/js/common/marketing/large/light/components/link.d.ts +4 -0
  241. package/js/common/marketing/large/light/components/link.js +30 -0
  242. package/js/common/marketing/large/light/components/logo.d.ts +0 -4
  243. package/js/common/marketing/large/light/components/logo.js +0 -30
  244. package/js/common/marketing/large/light/components/progress.d.ts +2 -1
  245. package/js/common/marketing/large/light/components/progress.js +22 -7
  246. package/js/common/marketing/large/light/components/table.d.ts +1 -0
  247. package/js/common/marketing/large/light/components/table.js +15 -0
  248. package/js/common/marketing/large/light/mode.d.ts +19 -2
  249. package/js/common/marketing/large/light/mode.js +452 -31
  250. package/js/common/marketing/small/dark/components/badge.d.ts +7 -0
  251. package/js/common/marketing/small/dark/components/badge.js +84 -3
  252. package/js/common/marketing/small/dark/components/button.d.ts +11 -0
  253. package/js/common/marketing/small/dark/components/button.js +185 -1
  254. package/js/common/marketing/small/dark/components/focus.d.ts +6 -0
  255. package/js/common/marketing/small/dark/components/focus.js +54 -0
  256. package/js/common/marketing/small/dark/components/link.d.ts +4 -0
  257. package/js/common/marketing/small/dark/components/link.js +30 -0
  258. package/js/common/marketing/small/dark/components/logo.d.ts +0 -4
  259. package/js/common/marketing/small/dark/components/logo.js +0 -30
  260. package/js/common/marketing/small/dark/components/progress.d.ts +2 -1
  261. package/js/common/marketing/small/dark/components/progress.js +22 -7
  262. package/js/common/marketing/small/dark/components/table.d.ts +1 -0
  263. package/js/common/marketing/small/dark/components/table.js +15 -0
  264. package/js/common/marketing/small/dark/mode.d.ts +19 -2
  265. package/js/common/marketing/small/dark/mode.js +447 -26
  266. package/js/common/marketing/small/light/components/badge.d.ts +7 -0
  267. package/js/common/marketing/small/light/components/badge.js +84 -3
  268. package/js/common/marketing/small/light/components/button.d.ts +11 -0
  269. package/js/common/marketing/small/light/components/button.js +185 -1
  270. package/js/common/marketing/small/light/components/focus.d.ts +6 -0
  271. package/js/common/marketing/small/light/components/focus.js +54 -0
  272. package/js/common/marketing/small/light/components/link.d.ts +4 -0
  273. package/js/common/marketing/small/light/components/link.js +30 -0
  274. package/js/common/marketing/small/light/components/logo.d.ts +0 -4
  275. package/js/common/marketing/small/light/components/logo.js +0 -30
  276. package/js/common/marketing/small/light/components/progress.d.ts +2 -1
  277. package/js/common/marketing/small/light/components/progress.js +22 -7
  278. package/js/common/marketing/small/light/components/table.d.ts +1 -0
  279. package/js/common/marketing/small/light/components/table.js +15 -0
  280. package/js/common/marketing/small/light/mode.d.ts +19 -2
  281. package/js/common/marketing/small/light/mode.js +452 -31
  282. package/js/common/product/large/dark/components/badge.d.ts +7 -0
  283. package/js/common/product/large/dark/components/badge.js +84 -3
  284. package/js/common/product/large/dark/components/button.d.ts +11 -0
  285. package/js/common/product/large/dark/components/button.js +185 -1
  286. package/js/common/product/large/dark/components/focus.d.ts +6 -0
  287. package/js/common/product/large/dark/components/focus.js +54 -0
  288. package/js/common/product/large/dark/components/link.d.ts +4 -0
  289. package/js/common/product/large/dark/components/link.js +30 -0
  290. package/js/common/product/large/dark/components/logo.d.ts +0 -4
  291. package/js/common/product/large/dark/components/logo.js +0 -30
  292. package/js/common/product/large/dark/components/progress.d.ts +2 -1
  293. package/js/common/product/large/dark/components/progress.js +22 -7
  294. package/js/common/product/large/dark/components/table.d.ts +1 -0
  295. package/js/common/product/large/dark/components/table.js +15 -0
  296. package/js/common/product/large/dark/mode.d.ts +19 -2
  297. package/js/common/product/large/dark/mode.js +447 -26
  298. package/js/common/product/large/light/components/badge.d.ts +7 -0
  299. package/js/common/product/large/light/components/badge.js +84 -3
  300. package/js/common/product/large/light/components/button.d.ts +11 -0
  301. package/js/common/product/large/light/components/button.js +185 -1
  302. package/js/common/product/large/light/components/focus.d.ts +6 -0
  303. package/js/common/product/large/light/components/focus.js +54 -0
  304. package/js/common/product/large/light/components/link.d.ts +4 -0
  305. package/js/common/product/large/light/components/link.js +30 -0
  306. package/js/common/product/large/light/components/logo.d.ts +0 -4
  307. package/js/common/product/large/light/components/logo.js +0 -30
  308. package/js/common/product/large/light/components/progress.d.ts +2 -1
  309. package/js/common/product/large/light/components/progress.js +22 -7
  310. package/js/common/product/large/light/components/table.d.ts +1 -0
  311. package/js/common/product/large/light/components/table.js +15 -0
  312. package/js/common/product/large/light/mode.d.ts +19 -2
  313. package/js/common/product/large/light/mode.js +452 -31
  314. package/js/common/product/small/dark/components/badge.d.ts +7 -0
  315. package/js/common/product/small/dark/components/badge.js +84 -3
  316. package/js/common/product/small/dark/components/button.d.ts +11 -0
  317. package/js/common/product/small/dark/components/button.js +185 -1
  318. package/js/common/product/small/dark/components/focus.d.ts +6 -0
  319. package/js/common/product/small/dark/components/focus.js +54 -0
  320. package/js/common/product/small/dark/components/link.d.ts +4 -0
  321. package/js/common/product/small/dark/components/link.js +30 -0
  322. package/js/common/product/small/dark/components/logo.d.ts +0 -4
  323. package/js/common/product/small/dark/components/logo.js +0 -30
  324. package/js/common/product/small/dark/components/progress.d.ts +2 -1
  325. package/js/common/product/small/dark/components/progress.js +22 -7
  326. package/js/common/product/small/dark/components/table.d.ts +1 -0
  327. package/js/common/product/small/dark/components/table.js +15 -0
  328. package/js/common/product/small/dark/mode.d.ts +19 -2
  329. package/js/common/product/small/dark/mode.js +447 -26
  330. package/js/common/product/small/light/components/badge.d.ts +7 -0
  331. package/js/common/product/small/light/components/badge.js +84 -3
  332. package/js/common/product/small/light/components/button.d.ts +11 -0
  333. package/js/common/product/small/light/components/button.js +185 -1
  334. package/js/common/product/small/light/components/focus.d.ts +6 -0
  335. package/js/common/product/small/light/components/focus.js +54 -0
  336. package/js/common/product/small/light/components/link.d.ts +4 -0
  337. package/js/common/product/small/light/components/link.js +30 -0
  338. package/js/common/product/small/light/components/logo.d.ts +0 -4
  339. package/js/common/product/small/light/components/logo.js +0 -30
  340. package/js/common/product/small/light/components/progress.d.ts +2 -1
  341. package/js/common/product/small/light/components/progress.js +22 -7
  342. package/js/common/product/small/light/components/table.d.ts +1 -0
  343. package/js/common/product/small/light/components/table.js +15 -0
  344. package/js/common/product/small/light/mode.d.ts +19 -2
  345. package/js/common/product/small/light/mode.js +452 -31
  346. package/js/es6/frozenproduct/large/dark/components/badge.d.ts +5 -0
  347. package/js/es6/frozenproduct/large/dark/components/badge.js +5 -0
  348. package/js/es6/frozenproduct/large/dark/components/button.d.ts +9 -0
  349. package/js/es6/frozenproduct/large/dark/components/button.js +10 -1
  350. package/js/es6/frozenproduct/large/dark/components/focus.d.ts +4 -0
  351. package/js/es6/frozenproduct/large/dark/components/focus.js +4 -0
  352. package/js/es6/frozenproduct/large/dark/components/link.d.ts +2 -0
  353. package/js/es6/frozenproduct/large/dark/components/link.js +2 -0
  354. package/js/es6/frozenproduct/large/dark/components/logo.d.ts +0 -2
  355. package/js/es6/frozenproduct/large/dark/components/logo.js +0 -2
  356. package/js/es6/frozenproduct/large/dark/components/progress.d.ts +4 -3
  357. package/js/es6/frozenproduct/large/dark/components/progress.js +4 -3
  358. package/js/es6/frozenproduct/large/dark/components/table.d.ts +1 -0
  359. package/js/es6/frozenproduct/large/dark/components/table.js +1 -0
  360. package/js/es6/frozenproduct/large/dark/mode.d.ts +15 -2
  361. package/js/es6/frozenproduct/large/dark/mode.js +16 -3
  362. package/js/es6/frozenproduct/large/light/components/badge.d.ts +5 -0
  363. package/js/es6/frozenproduct/large/light/components/badge.js +5 -0
  364. package/js/es6/frozenproduct/large/light/components/button.d.ts +9 -0
  365. package/js/es6/frozenproduct/large/light/components/button.js +10 -1
  366. package/js/es6/frozenproduct/large/light/components/focus.d.ts +4 -0
  367. package/js/es6/frozenproduct/large/light/components/focus.js +4 -0
  368. package/js/es6/frozenproduct/large/light/components/link.d.ts +2 -0
  369. package/js/es6/frozenproduct/large/light/components/link.js +2 -0
  370. package/js/es6/frozenproduct/large/light/components/logo.d.ts +0 -2
  371. package/js/es6/frozenproduct/large/light/components/logo.js +0 -2
  372. package/js/es6/frozenproduct/large/light/components/progress.d.ts +4 -3
  373. package/js/es6/frozenproduct/large/light/components/progress.js +4 -3
  374. package/js/es6/frozenproduct/large/light/components/table.d.ts +1 -0
  375. package/js/es6/frozenproduct/large/light/components/table.js +1 -0
  376. package/js/es6/frozenproduct/large/light/mode.d.ts +15 -2
  377. package/js/es6/frozenproduct/large/light/mode.js +16 -3
  378. package/js/es6/frozenproduct/small/dark/components/badge.d.ts +5 -0
  379. package/js/es6/frozenproduct/small/dark/components/badge.js +5 -0
  380. package/js/es6/frozenproduct/small/dark/components/button.d.ts +9 -0
  381. package/js/es6/frozenproduct/small/dark/components/button.js +10 -1
  382. package/js/es6/frozenproduct/small/dark/components/focus.d.ts +4 -0
  383. package/js/es6/frozenproduct/small/dark/components/focus.js +4 -0
  384. package/js/es6/frozenproduct/small/dark/components/link.d.ts +2 -0
  385. package/js/es6/frozenproduct/small/dark/components/link.js +2 -0
  386. package/js/es6/frozenproduct/small/dark/components/logo.d.ts +0 -2
  387. package/js/es6/frozenproduct/small/dark/components/logo.js +0 -2
  388. package/js/es6/frozenproduct/small/dark/components/progress.d.ts +4 -3
  389. package/js/es6/frozenproduct/small/dark/components/progress.js +4 -3
  390. package/js/es6/frozenproduct/small/dark/components/table.d.ts +1 -0
  391. package/js/es6/frozenproduct/small/dark/components/table.js +1 -0
  392. package/js/es6/frozenproduct/small/dark/mode.d.ts +15 -2
  393. package/js/es6/frozenproduct/small/dark/mode.js +16 -3
  394. package/js/es6/frozenproduct/small/light/components/badge.d.ts +5 -0
  395. package/js/es6/frozenproduct/small/light/components/badge.js +5 -0
  396. package/js/es6/frozenproduct/small/light/components/button.d.ts +9 -0
  397. package/js/es6/frozenproduct/small/light/components/button.js +10 -1
  398. package/js/es6/frozenproduct/small/light/components/focus.d.ts +4 -0
  399. package/js/es6/frozenproduct/small/light/components/focus.js +4 -0
  400. package/js/es6/frozenproduct/small/light/components/link.d.ts +2 -0
  401. package/js/es6/frozenproduct/small/light/components/link.js +2 -0
  402. package/js/es6/frozenproduct/small/light/components/logo.d.ts +0 -2
  403. package/js/es6/frozenproduct/small/light/components/logo.js +0 -2
  404. package/js/es6/frozenproduct/small/light/components/progress.d.ts +4 -3
  405. package/js/es6/frozenproduct/small/light/components/progress.js +4 -3
  406. package/js/es6/frozenproduct/small/light/components/table.d.ts +1 -0
  407. package/js/es6/frozenproduct/small/light/components/table.js +1 -0
  408. package/js/es6/frozenproduct/small/light/mode.d.ts +15 -2
  409. package/js/es6/frozenproduct/small/light/mode.js +16 -3
  410. package/js/es6/marketing/large/dark/components/badge.d.ts +5 -0
  411. package/js/es6/marketing/large/dark/components/badge.js +5 -0
  412. package/js/es6/marketing/large/dark/components/button.d.ts +9 -0
  413. package/js/es6/marketing/large/dark/components/button.js +10 -1
  414. package/js/es6/marketing/large/dark/components/focus.d.ts +4 -0
  415. package/js/es6/marketing/large/dark/components/focus.js +4 -0
  416. package/js/es6/marketing/large/dark/components/link.d.ts +2 -0
  417. package/js/es6/marketing/large/dark/components/link.js +2 -0
  418. package/js/es6/marketing/large/dark/components/logo.d.ts +0 -2
  419. package/js/es6/marketing/large/dark/components/logo.js +0 -2
  420. package/js/es6/marketing/large/dark/components/progress.d.ts +4 -3
  421. package/js/es6/marketing/large/dark/components/progress.js +4 -3
  422. package/js/es6/marketing/large/dark/components/table.d.ts +1 -0
  423. package/js/es6/marketing/large/dark/components/table.js +1 -0
  424. package/js/es6/marketing/large/dark/mode.d.ts +15 -2
  425. package/js/es6/marketing/large/dark/mode.js +16 -3
  426. package/js/es6/marketing/large/light/components/badge.d.ts +5 -0
  427. package/js/es6/marketing/large/light/components/badge.js +5 -0
  428. package/js/es6/marketing/large/light/components/button.d.ts +9 -0
  429. package/js/es6/marketing/large/light/components/button.js +10 -1
  430. package/js/es6/marketing/large/light/components/focus.d.ts +4 -0
  431. package/js/es6/marketing/large/light/components/focus.js +4 -0
  432. package/js/es6/marketing/large/light/components/link.d.ts +2 -0
  433. package/js/es6/marketing/large/light/components/link.js +2 -0
  434. package/js/es6/marketing/large/light/components/logo.d.ts +0 -2
  435. package/js/es6/marketing/large/light/components/logo.js +0 -2
  436. package/js/es6/marketing/large/light/components/progress.d.ts +4 -3
  437. package/js/es6/marketing/large/light/components/progress.js +4 -3
  438. package/js/es6/marketing/large/light/components/table.d.ts +1 -0
  439. package/js/es6/marketing/large/light/components/table.js +1 -0
  440. package/js/es6/marketing/large/light/mode.d.ts +15 -2
  441. package/js/es6/marketing/large/light/mode.js +16 -3
  442. package/js/es6/marketing/small/dark/components/badge.d.ts +5 -0
  443. package/js/es6/marketing/small/dark/components/badge.js +5 -0
  444. package/js/es6/marketing/small/dark/components/button.d.ts +9 -0
  445. package/js/es6/marketing/small/dark/components/button.js +10 -1
  446. package/js/es6/marketing/small/dark/components/focus.d.ts +4 -0
  447. package/js/es6/marketing/small/dark/components/focus.js +4 -0
  448. package/js/es6/marketing/small/dark/components/link.d.ts +2 -0
  449. package/js/es6/marketing/small/dark/components/link.js +2 -0
  450. package/js/es6/marketing/small/dark/components/logo.d.ts +0 -2
  451. package/js/es6/marketing/small/dark/components/logo.js +0 -2
  452. package/js/es6/marketing/small/dark/components/progress.d.ts +4 -3
  453. package/js/es6/marketing/small/dark/components/progress.js +4 -3
  454. package/js/es6/marketing/small/dark/components/table.d.ts +1 -0
  455. package/js/es6/marketing/small/dark/components/table.js +1 -0
  456. package/js/es6/marketing/small/dark/mode.d.ts +15 -2
  457. package/js/es6/marketing/small/dark/mode.js +16 -3
  458. package/js/es6/marketing/small/light/components/badge.d.ts +5 -0
  459. package/js/es6/marketing/small/light/components/badge.js +5 -0
  460. package/js/es6/marketing/small/light/components/button.d.ts +9 -0
  461. package/js/es6/marketing/small/light/components/button.js +10 -1
  462. package/js/es6/marketing/small/light/components/focus.d.ts +4 -0
  463. package/js/es6/marketing/small/light/components/focus.js +4 -0
  464. package/js/es6/marketing/small/light/components/link.d.ts +2 -0
  465. package/js/es6/marketing/small/light/components/link.js +2 -0
  466. package/js/es6/marketing/small/light/components/logo.d.ts +0 -2
  467. package/js/es6/marketing/small/light/components/logo.js +0 -2
  468. package/js/es6/marketing/small/light/components/progress.d.ts +4 -3
  469. package/js/es6/marketing/small/light/components/progress.js +4 -3
  470. package/js/es6/marketing/small/light/components/table.d.ts +1 -0
  471. package/js/es6/marketing/small/light/components/table.js +1 -0
  472. package/js/es6/marketing/small/light/mode.d.ts +15 -2
  473. package/js/es6/marketing/small/light/mode.js +16 -3
  474. package/js/es6/product/large/dark/components/badge.d.ts +5 -0
  475. package/js/es6/product/large/dark/components/badge.js +5 -0
  476. package/js/es6/product/large/dark/components/button.d.ts +9 -0
  477. package/js/es6/product/large/dark/components/button.js +10 -1
  478. package/js/es6/product/large/dark/components/focus.d.ts +4 -0
  479. package/js/es6/product/large/dark/components/focus.js +4 -0
  480. package/js/es6/product/large/dark/components/link.d.ts +2 -0
  481. package/js/es6/product/large/dark/components/link.js +2 -0
  482. package/js/es6/product/large/dark/components/logo.d.ts +0 -2
  483. package/js/es6/product/large/dark/components/logo.js +0 -2
  484. package/js/es6/product/large/dark/components/progress.d.ts +4 -3
  485. package/js/es6/product/large/dark/components/progress.js +4 -3
  486. package/js/es6/product/large/dark/components/table.d.ts +1 -0
  487. package/js/es6/product/large/dark/components/table.js +1 -0
  488. package/js/es6/product/large/dark/mode.d.ts +15 -2
  489. package/js/es6/product/large/dark/mode.js +16 -3
  490. package/js/es6/product/large/light/components/badge.d.ts +5 -0
  491. package/js/es6/product/large/light/components/badge.js +5 -0
  492. package/js/es6/product/large/light/components/button.d.ts +9 -0
  493. package/js/es6/product/large/light/components/button.js +10 -1
  494. package/js/es6/product/large/light/components/focus.d.ts +4 -0
  495. package/js/es6/product/large/light/components/focus.js +4 -0
  496. package/js/es6/product/large/light/components/link.d.ts +2 -0
  497. package/js/es6/product/large/light/components/link.js +2 -0
  498. package/js/es6/product/large/light/components/logo.d.ts +0 -2
  499. package/js/es6/product/large/light/components/logo.js +0 -2
  500. package/js/es6/product/large/light/components/progress.d.ts +4 -3
  501. package/js/es6/product/large/light/components/progress.js +4 -3
  502. package/js/es6/product/large/light/components/table.d.ts +1 -0
  503. package/js/es6/product/large/light/components/table.js +1 -0
  504. package/js/es6/product/large/light/mode.d.ts +15 -2
  505. package/js/es6/product/large/light/mode.js +16 -3
  506. package/js/es6/product/small/dark/components/badge.d.ts +5 -0
  507. package/js/es6/product/small/dark/components/badge.js +5 -0
  508. package/js/es6/product/small/dark/components/button.d.ts +9 -0
  509. package/js/es6/product/small/dark/components/button.js +10 -1
  510. package/js/es6/product/small/dark/components/focus.d.ts +4 -0
  511. package/js/es6/product/small/dark/components/focus.js +4 -0
  512. package/js/es6/product/small/dark/components/link.d.ts +2 -0
  513. package/js/es6/product/small/dark/components/link.js +2 -0
  514. package/js/es6/product/small/dark/components/logo.d.ts +0 -2
  515. package/js/es6/product/small/dark/components/logo.js +0 -2
  516. package/js/es6/product/small/dark/components/progress.d.ts +4 -3
  517. package/js/es6/product/small/dark/components/progress.js +4 -3
  518. package/js/es6/product/small/dark/components/table.d.ts +1 -0
  519. package/js/es6/product/small/dark/components/table.js +1 -0
  520. package/js/es6/product/small/dark/mode.d.ts +15 -2
  521. package/js/es6/product/small/dark/mode.js +16 -3
  522. package/js/es6/product/small/light/components/badge.d.ts +5 -0
  523. package/js/es6/product/small/light/components/badge.js +5 -0
  524. package/js/es6/product/small/light/components/button.d.ts +9 -0
  525. package/js/es6/product/small/light/components/button.js +10 -1
  526. package/js/es6/product/small/light/components/focus.d.ts +4 -0
  527. package/js/es6/product/small/light/components/focus.js +4 -0
  528. package/js/es6/product/small/light/components/link.d.ts +2 -0
  529. package/js/es6/product/small/light/components/link.js +2 -0
  530. package/js/es6/product/small/light/components/logo.d.ts +0 -2
  531. package/js/es6/product/small/light/components/logo.js +0 -2
  532. package/js/es6/product/small/light/components/progress.d.ts +4 -3
  533. package/js/es6/product/small/light/components/progress.js +4 -3
  534. package/js/es6/product/small/light/components/table.d.ts +1 -0
  535. package/js/es6/product/small/light/components/table.js +1 -0
  536. package/js/es6/product/small/light/mode.d.ts +15 -2
  537. package/js/es6/product/small/light/mode.js +16 -3
  538. package/js/umd/frozenproduct/large/dark/components/badge.js +84 -3
  539. package/js/umd/frozenproduct/large/dark/components/button.js +190 -1
  540. package/js/umd/frozenproduct/large/dark/components/focus.js +54 -0
  541. package/js/umd/frozenproduct/large/dark/components/link.js +36 -0
  542. package/js/umd/frozenproduct/large/dark/components/logo.js +0 -30
  543. package/js/umd/frozenproduct/large/dark/components/progress.js +22 -7
  544. package/js/umd/frozenproduct/large/dark/components/table.js +15 -0
  545. package/js/umd/frozenproduct/large/dark/mode.js +447 -26
  546. package/js/umd/frozenproduct/large/light/components/badge.js +84 -3
  547. package/js/umd/frozenproduct/large/light/components/button.js +190 -1
  548. package/js/umd/frozenproduct/large/light/components/focus.js +54 -0
  549. package/js/umd/frozenproduct/large/light/components/link.js +36 -0
  550. package/js/umd/frozenproduct/large/light/components/logo.js +0 -30
  551. package/js/umd/frozenproduct/large/light/components/progress.js +22 -7
  552. package/js/umd/frozenproduct/large/light/components/table.js +15 -0
  553. package/js/umd/frozenproduct/large/light/mode.js +452 -31
  554. package/js/umd/frozenproduct/small/dark/components/badge.js +84 -3
  555. package/js/umd/frozenproduct/small/dark/components/button.js +190 -1
  556. package/js/umd/frozenproduct/small/dark/components/focus.js +54 -0
  557. package/js/umd/frozenproduct/small/dark/components/link.js +36 -0
  558. package/js/umd/frozenproduct/small/dark/components/logo.js +0 -30
  559. package/js/umd/frozenproduct/small/dark/components/progress.js +22 -7
  560. package/js/umd/frozenproduct/small/dark/components/table.js +15 -0
  561. package/js/umd/frozenproduct/small/dark/mode.js +447 -26
  562. package/js/umd/frozenproduct/small/light/components/badge.js +84 -3
  563. package/js/umd/frozenproduct/small/light/components/button.js +190 -1
  564. package/js/umd/frozenproduct/small/light/components/focus.js +54 -0
  565. package/js/umd/frozenproduct/small/light/components/link.js +36 -0
  566. package/js/umd/frozenproduct/small/light/components/logo.js +0 -30
  567. package/js/umd/frozenproduct/small/light/components/progress.js +22 -7
  568. package/js/umd/frozenproduct/small/light/components/table.js +15 -0
  569. package/js/umd/frozenproduct/small/light/mode.js +452 -31
  570. package/js/umd/marketing/large/dark/components/badge.js +84 -3
  571. package/js/umd/marketing/large/dark/components/button.js +190 -1
  572. package/js/umd/marketing/large/dark/components/focus.js +54 -0
  573. package/js/umd/marketing/large/dark/components/link.js +36 -0
  574. package/js/umd/marketing/large/dark/components/logo.js +0 -30
  575. package/js/umd/marketing/large/dark/components/progress.js +22 -7
  576. package/js/umd/marketing/large/dark/components/table.js +15 -0
  577. package/js/umd/marketing/large/dark/mode.js +447 -26
  578. package/js/umd/marketing/large/light/components/badge.js +84 -3
  579. package/js/umd/marketing/large/light/components/button.js +190 -1
  580. package/js/umd/marketing/large/light/components/focus.js +54 -0
  581. package/js/umd/marketing/large/light/components/link.js +36 -0
  582. package/js/umd/marketing/large/light/components/logo.js +0 -30
  583. package/js/umd/marketing/large/light/components/progress.js +22 -7
  584. package/js/umd/marketing/large/light/components/table.js +15 -0
  585. package/js/umd/marketing/large/light/mode.js +452 -31
  586. package/js/umd/marketing/small/dark/components/badge.js +84 -3
  587. package/js/umd/marketing/small/dark/components/button.js +190 -1
  588. package/js/umd/marketing/small/dark/components/focus.js +54 -0
  589. package/js/umd/marketing/small/dark/components/link.js +36 -0
  590. package/js/umd/marketing/small/dark/components/logo.js +0 -30
  591. package/js/umd/marketing/small/dark/components/progress.js +22 -7
  592. package/js/umd/marketing/small/dark/components/table.js +15 -0
  593. package/js/umd/marketing/small/dark/mode.js +447 -26
  594. package/js/umd/marketing/small/light/components/badge.js +84 -3
  595. package/js/umd/marketing/small/light/components/button.js +190 -1
  596. package/js/umd/marketing/small/light/components/focus.js +54 -0
  597. package/js/umd/marketing/small/light/components/link.js +36 -0
  598. package/js/umd/marketing/small/light/components/logo.js +0 -30
  599. package/js/umd/marketing/small/light/components/progress.js +22 -7
  600. package/js/umd/marketing/small/light/components/table.js +15 -0
  601. package/js/umd/marketing/small/light/mode.js +452 -31
  602. package/js/umd/product/large/dark/components/badge.js +84 -3
  603. package/js/umd/product/large/dark/components/button.js +190 -1
  604. package/js/umd/product/large/dark/components/focus.js +54 -0
  605. package/js/umd/product/large/dark/components/link.js +36 -0
  606. package/js/umd/product/large/dark/components/logo.js +0 -30
  607. package/js/umd/product/large/dark/components/progress.js +22 -7
  608. package/js/umd/product/large/dark/components/table.js +15 -0
  609. package/js/umd/product/large/dark/mode.js +447 -26
  610. package/js/umd/product/large/light/components/badge.js +84 -3
  611. package/js/umd/product/large/light/components/button.js +190 -1
  612. package/js/umd/product/large/light/components/focus.js +54 -0
  613. package/js/umd/product/large/light/components/link.js +36 -0
  614. package/js/umd/product/large/light/components/logo.js +0 -30
  615. package/js/umd/product/large/light/components/progress.js +22 -7
  616. package/js/umd/product/large/light/components/table.js +15 -0
  617. package/js/umd/product/large/light/mode.js +452 -31
  618. package/js/umd/product/small/dark/components/badge.js +84 -3
  619. package/js/umd/product/small/dark/components/button.js +190 -1
  620. package/js/umd/product/small/dark/components/focus.js +54 -0
  621. package/js/umd/product/small/dark/components/link.js +36 -0
  622. package/js/umd/product/small/dark/components/logo.js +0 -30
  623. package/js/umd/product/small/dark/components/progress.js +22 -7
  624. package/js/umd/product/small/dark/components/table.js +15 -0
  625. package/js/umd/product/small/dark/mode.js +447 -26
  626. package/js/umd/product/small/light/components/badge.js +84 -3
  627. package/js/umd/product/small/light/components/button.js +190 -1
  628. package/js/umd/product/small/light/components/focus.js +54 -0
  629. package/js/umd/product/small/light/components/link.js +36 -0
  630. package/js/umd/product/small/light/components/logo.js +0 -30
  631. package/js/umd/product/small/light/components/progress.js +22 -7
  632. package/js/umd/product/small/light/components/table.js +15 -0
  633. package/js/umd/product/small/light/mode.js +452 -31
  634. package/json/flat/frozenproduct/large/dark/components/badge.json +5 -0
  635. package/json/flat/frozenproduct/large/dark/components/button.json +10 -1
  636. package/json/flat/frozenproduct/large/dark/components/focus.json +4 -0
  637. package/json/flat/frozenproduct/large/dark/components/link.json +2 -0
  638. package/json/flat/frozenproduct/large/dark/components/logo.json +0 -2
  639. package/json/flat/frozenproduct/large/dark/components/progress.json +4 -3
  640. package/json/flat/frozenproduct/large/dark/components/table.json +1 -0
  641. package/json/flat/frozenproduct/large/dark/mode.json +16 -3
  642. package/json/flat/frozenproduct/large/light/components/badge.json +5 -0
  643. package/json/flat/frozenproduct/large/light/components/button.json +10 -1
  644. package/json/flat/frozenproduct/large/light/components/focus.json +4 -0
  645. package/json/flat/frozenproduct/large/light/components/link.json +2 -0
  646. package/json/flat/frozenproduct/large/light/components/logo.json +0 -2
  647. package/json/flat/frozenproduct/large/light/components/progress.json +4 -3
  648. package/json/flat/frozenproduct/large/light/components/table.json +1 -0
  649. package/json/flat/frozenproduct/large/light/mode.json +16 -3
  650. package/json/flat/frozenproduct/small/dark/components/badge.json +5 -0
  651. package/json/flat/frozenproduct/small/dark/components/button.json +10 -1
  652. package/json/flat/frozenproduct/small/dark/components/focus.json +4 -0
  653. package/json/flat/frozenproduct/small/dark/components/link.json +2 -0
  654. package/json/flat/frozenproduct/small/dark/components/logo.json +0 -2
  655. package/json/flat/frozenproduct/small/dark/components/progress.json +4 -3
  656. package/json/flat/frozenproduct/small/dark/components/table.json +1 -0
  657. package/json/flat/frozenproduct/small/dark/mode.json +16 -3
  658. package/json/flat/frozenproduct/small/light/components/badge.json +5 -0
  659. package/json/flat/frozenproduct/small/light/components/button.json +10 -1
  660. package/json/flat/frozenproduct/small/light/components/focus.json +4 -0
  661. package/json/flat/frozenproduct/small/light/components/link.json +2 -0
  662. package/json/flat/frozenproduct/small/light/components/logo.json +0 -2
  663. package/json/flat/frozenproduct/small/light/components/progress.json +4 -3
  664. package/json/flat/frozenproduct/small/light/components/table.json +1 -0
  665. package/json/flat/frozenproduct/small/light/mode.json +16 -3
  666. package/json/flat/marketing/large/dark/components/badge.json +5 -0
  667. package/json/flat/marketing/large/dark/components/button.json +10 -1
  668. package/json/flat/marketing/large/dark/components/focus.json +4 -0
  669. package/json/flat/marketing/large/dark/components/link.json +2 -0
  670. package/json/flat/marketing/large/dark/components/logo.json +0 -2
  671. package/json/flat/marketing/large/dark/components/progress.json +4 -3
  672. package/json/flat/marketing/large/dark/components/table.json +1 -0
  673. package/json/flat/marketing/large/dark/mode.json +16 -3
  674. package/json/flat/marketing/large/light/components/badge.json +5 -0
  675. package/json/flat/marketing/large/light/components/button.json +10 -1
  676. package/json/flat/marketing/large/light/components/focus.json +4 -0
  677. package/json/flat/marketing/large/light/components/link.json +2 -0
  678. package/json/flat/marketing/large/light/components/logo.json +0 -2
  679. package/json/flat/marketing/large/light/components/progress.json +4 -3
  680. package/json/flat/marketing/large/light/components/table.json +1 -0
  681. package/json/flat/marketing/large/light/mode.json +16 -3
  682. package/json/flat/marketing/small/dark/components/badge.json +5 -0
  683. package/json/flat/marketing/small/dark/components/button.json +10 -1
  684. package/json/flat/marketing/small/dark/components/focus.json +4 -0
  685. package/json/flat/marketing/small/dark/components/link.json +2 -0
  686. package/json/flat/marketing/small/dark/components/logo.json +0 -2
  687. package/json/flat/marketing/small/dark/components/progress.json +4 -3
  688. package/json/flat/marketing/small/dark/components/table.json +1 -0
  689. package/json/flat/marketing/small/dark/mode.json +16 -3
  690. package/json/flat/marketing/small/light/components/badge.json +5 -0
  691. package/json/flat/marketing/small/light/components/button.json +10 -1
  692. package/json/flat/marketing/small/light/components/focus.json +4 -0
  693. package/json/flat/marketing/small/light/components/link.json +2 -0
  694. package/json/flat/marketing/small/light/components/logo.json +0 -2
  695. package/json/flat/marketing/small/light/components/progress.json +4 -3
  696. package/json/flat/marketing/small/light/components/table.json +1 -0
  697. package/json/flat/marketing/small/light/mode.json +16 -3
  698. package/json/flat/product/large/dark/components/badge.json +5 -0
  699. package/json/flat/product/large/dark/components/button.json +10 -1
  700. package/json/flat/product/large/dark/components/focus.json +4 -0
  701. package/json/flat/product/large/dark/components/link.json +2 -0
  702. package/json/flat/product/large/dark/components/logo.json +0 -2
  703. package/json/flat/product/large/dark/components/progress.json +4 -3
  704. package/json/flat/product/large/dark/components/table.json +1 -0
  705. package/json/flat/product/large/dark/mode.json +16 -3
  706. package/json/flat/product/large/light/components/badge.json +5 -0
  707. package/json/flat/product/large/light/components/button.json +10 -1
  708. package/json/flat/product/large/light/components/focus.json +4 -0
  709. package/json/flat/product/large/light/components/link.json +2 -0
  710. package/json/flat/product/large/light/components/logo.json +0 -2
  711. package/json/flat/product/large/light/components/progress.json +4 -3
  712. package/json/flat/product/large/light/components/table.json +1 -0
  713. package/json/flat/product/large/light/mode.json +16 -3
  714. package/json/flat/product/small/dark/components/badge.json +5 -0
  715. package/json/flat/product/small/dark/components/button.json +10 -1
  716. package/json/flat/product/small/dark/components/focus.json +4 -0
  717. package/json/flat/product/small/dark/components/link.json +2 -0
  718. package/json/flat/product/small/dark/components/logo.json +0 -2
  719. package/json/flat/product/small/dark/components/progress.json +4 -3
  720. package/json/flat/product/small/dark/components/table.json +1 -0
  721. package/json/flat/product/small/dark/mode.json +16 -3
  722. package/json/flat/product/small/light/components/badge.json +5 -0
  723. package/json/flat/product/small/light/components/button.json +10 -1
  724. package/json/flat/product/small/light/components/focus.json +4 -0
  725. package/json/flat/product/small/light/components/link.json +2 -0
  726. package/json/flat/product/small/light/components/logo.json +0 -2
  727. package/json/flat/product/small/light/components/progress.json +4 -3
  728. package/json/flat/product/small/light/components/table.json +1 -0
  729. package/json/flat/product/small/light/mode.json +16 -3
  730. package/json/nested/frozenproduct/large/dark/components/badge.json +8 -1
  731. package/json/nested/frozenproduct/large/dark/components/button.json +13 -2
  732. package/json/nested/frozenproduct/large/dark/components/focus.json +7 -1
  733. package/json/nested/frozenproduct/large/dark/components/link.json +5 -1
  734. package/json/nested/frozenproduct/large/dark/components/logo.json +0 -4
  735. package/json/nested/frozenproduct/large/dark/components/progress.json +2 -1
  736. package/json/nested/frozenproduct/large/dark/components/table.json +1 -0
  737. package/json/nested/frozenproduct/large/dark/mode.json +22 -5
  738. package/json/nested/frozenproduct/large/light/components/badge.json +8 -1
  739. package/json/nested/frozenproduct/large/light/components/button.json +13 -2
  740. package/json/nested/frozenproduct/large/light/components/focus.json +7 -1
  741. package/json/nested/frozenproduct/large/light/components/link.json +5 -1
  742. package/json/nested/frozenproduct/large/light/components/logo.json +0 -4
  743. package/json/nested/frozenproduct/large/light/components/progress.json +2 -1
  744. package/json/nested/frozenproduct/large/light/components/table.json +1 -0
  745. package/json/nested/frozenproduct/large/light/mode.json +22 -5
  746. package/json/nested/frozenproduct/small/dark/components/badge.json +8 -1
  747. package/json/nested/frozenproduct/small/dark/components/button.json +13 -2
  748. package/json/nested/frozenproduct/small/dark/components/focus.json +7 -1
  749. package/json/nested/frozenproduct/small/dark/components/link.json +5 -1
  750. package/json/nested/frozenproduct/small/dark/components/logo.json +0 -4
  751. package/json/nested/frozenproduct/small/dark/components/progress.json +2 -1
  752. package/json/nested/frozenproduct/small/dark/components/table.json +1 -0
  753. package/json/nested/frozenproduct/small/dark/mode.json +22 -5
  754. package/json/nested/frozenproduct/small/light/components/badge.json +8 -1
  755. package/json/nested/frozenproduct/small/light/components/button.json +13 -2
  756. package/json/nested/frozenproduct/small/light/components/focus.json +7 -1
  757. package/json/nested/frozenproduct/small/light/components/link.json +5 -1
  758. package/json/nested/frozenproduct/small/light/components/logo.json +0 -4
  759. package/json/nested/frozenproduct/small/light/components/progress.json +2 -1
  760. package/json/nested/frozenproduct/small/light/components/table.json +1 -0
  761. package/json/nested/frozenproduct/small/light/mode.json +22 -5
  762. package/json/nested/marketing/large/dark/components/badge.json +8 -1
  763. package/json/nested/marketing/large/dark/components/button.json +13 -2
  764. package/json/nested/marketing/large/dark/components/focus.json +7 -1
  765. package/json/nested/marketing/large/dark/components/link.json +5 -1
  766. package/json/nested/marketing/large/dark/components/logo.json +0 -4
  767. package/json/nested/marketing/large/dark/components/progress.json +2 -1
  768. package/json/nested/marketing/large/dark/components/table.json +1 -0
  769. package/json/nested/marketing/large/dark/mode.json +22 -5
  770. package/json/nested/marketing/large/light/components/badge.json +8 -1
  771. package/json/nested/marketing/large/light/components/button.json +13 -2
  772. package/json/nested/marketing/large/light/components/focus.json +7 -1
  773. package/json/nested/marketing/large/light/components/link.json +5 -1
  774. package/json/nested/marketing/large/light/components/logo.json +0 -4
  775. package/json/nested/marketing/large/light/components/progress.json +2 -1
  776. package/json/nested/marketing/large/light/components/table.json +1 -0
  777. package/json/nested/marketing/large/light/mode.json +22 -5
  778. package/json/nested/marketing/small/dark/components/badge.json +8 -1
  779. package/json/nested/marketing/small/dark/components/button.json +13 -2
  780. package/json/nested/marketing/small/dark/components/focus.json +7 -1
  781. package/json/nested/marketing/small/dark/components/link.json +5 -1
  782. package/json/nested/marketing/small/dark/components/logo.json +0 -4
  783. package/json/nested/marketing/small/dark/components/progress.json +2 -1
  784. package/json/nested/marketing/small/dark/components/table.json +1 -0
  785. package/json/nested/marketing/small/dark/mode.json +22 -5
  786. package/json/nested/marketing/small/light/components/badge.json +8 -1
  787. package/json/nested/marketing/small/light/components/button.json +13 -2
  788. package/json/nested/marketing/small/light/components/focus.json +7 -1
  789. package/json/nested/marketing/small/light/components/link.json +5 -1
  790. package/json/nested/marketing/small/light/components/logo.json +0 -4
  791. package/json/nested/marketing/small/light/components/progress.json +2 -1
  792. package/json/nested/marketing/small/light/components/table.json +1 -0
  793. package/json/nested/marketing/small/light/mode.json +22 -5
  794. package/json/nested/product/large/dark/components/badge.json +8 -1
  795. package/json/nested/product/large/dark/components/button.json +13 -2
  796. package/json/nested/product/large/dark/components/focus.json +7 -1
  797. package/json/nested/product/large/dark/components/link.json +5 -1
  798. package/json/nested/product/large/dark/components/logo.json +0 -4
  799. package/json/nested/product/large/dark/components/progress.json +2 -1
  800. package/json/nested/product/large/dark/components/table.json +1 -0
  801. package/json/nested/product/large/dark/mode.json +22 -5
  802. package/json/nested/product/large/light/components/badge.json +8 -1
  803. package/json/nested/product/large/light/components/button.json +13 -2
  804. package/json/nested/product/large/light/components/focus.json +7 -1
  805. package/json/nested/product/large/light/components/link.json +5 -1
  806. package/json/nested/product/large/light/components/logo.json +0 -4
  807. package/json/nested/product/large/light/components/progress.json +2 -1
  808. package/json/nested/product/large/light/components/table.json +1 -0
  809. package/json/nested/product/large/light/mode.json +22 -5
  810. package/json/nested/product/small/dark/components/badge.json +8 -1
  811. package/json/nested/product/small/dark/components/button.json +13 -2
  812. package/json/nested/product/small/dark/components/focus.json +7 -1
  813. package/json/nested/product/small/dark/components/link.json +5 -1
  814. package/json/nested/product/small/dark/components/logo.json +0 -4
  815. package/json/nested/product/small/dark/components/progress.json +2 -1
  816. package/json/nested/product/small/dark/components/table.json +1 -0
  817. package/json/nested/product/small/dark/mode.json +22 -5
  818. package/json/nested/product/small/light/components/badge.json +8 -1
  819. package/json/nested/product/small/light/components/button.json +13 -2
  820. package/json/nested/product/small/light/components/focus.json +7 -1
  821. package/json/nested/product/small/light/components/link.json +5 -1
  822. package/json/nested/product/small/light/components/logo.json +0 -4
  823. package/json/nested/product/small/light/components/progress.json +2 -1
  824. package/json/nested/product/small/light/components/table.json +1 -0
  825. package/json/nested/product/small/light/mode.json +22 -5
  826. package/package.json +1 -1
  827. package/sage-design-tokens-14.0.0.tgz +0 -0
  828. package/scss/frozenproduct/large/components/badge.scss +8 -3
  829. package/scss/frozenproduct/large/components/button.scss +16 -7
  830. package/scss/frozenproduct/large/components/focus.scss +4 -0
  831. package/scss/frozenproduct/large/components/link.scss +2 -0
  832. package/scss/frozenproduct/large/components/logo.scss +0 -2
  833. package/scss/frozenproduct/large/components/progress.scss +4 -3
  834. package/scss/frozenproduct/large/components/table.scss +1 -0
  835. package/scss/frozenproduct/large/dark.scss +16 -3
  836. package/scss/frozenproduct/large/light.scss +16 -3
  837. package/scss/frozenproduct/small/components/badge.scss +8 -3
  838. package/scss/frozenproduct/small/components/button.scss +27 -18
  839. package/scss/frozenproduct/small/components/container.scss +9 -9
  840. package/scss/frozenproduct/small/components/focus.scss +4 -0
  841. package/scss/frozenproduct/small/components/form.scss +7 -7
  842. package/scss/frozenproduct/small/components/link.scss +4 -2
  843. package/scss/frozenproduct/small/components/logo.scss +0 -2
  844. package/scss/frozenproduct/small/components/nav.scss +5 -5
  845. package/scss/frozenproduct/small/components/page.scss +1 -1
  846. package/scss/frozenproduct/small/components/popover.scss +2 -2
  847. package/scss/frozenproduct/small/components/progress.scss +10 -9
  848. package/scss/frozenproduct/small/components/status.scss +3 -3
  849. package/scss/frozenproduct/small/components/tab.scss +7 -7
  850. package/scss/frozenproduct/small/components/table.scss +11 -10
  851. package/scss/frozenproduct/small/dark.scss +16 -3
  852. package/scss/frozenproduct/small/light.scss +16 -3
  853. package/scss/marketing/large/components/badge.scss +8 -3
  854. package/scss/marketing/large/components/button.scss +16 -7
  855. package/scss/marketing/large/components/focus.scss +4 -0
  856. package/scss/marketing/large/components/link.scss +2 -0
  857. package/scss/marketing/large/components/logo.scss +0 -2
  858. package/scss/marketing/large/components/progress.scss +4 -3
  859. package/scss/marketing/large/components/table.scss +1 -0
  860. package/scss/marketing/large/dark.scss +16 -3
  861. package/scss/marketing/large/light.scss +16 -3
  862. package/scss/marketing/small/components/badge.scss +8 -3
  863. package/scss/marketing/small/components/button.scss +16 -7
  864. package/scss/marketing/small/components/focus.scss +4 -0
  865. package/scss/marketing/small/components/link.scss +2 -0
  866. package/scss/marketing/small/components/logo.scss +0 -2
  867. package/scss/marketing/small/components/progress.scss +4 -3
  868. package/scss/marketing/small/components/table.scss +1 -0
  869. package/scss/marketing/small/dark.scss +16 -3
  870. package/scss/marketing/small/light.scss +16 -3
  871. package/scss/product/large/components/badge.scss +8 -3
  872. package/scss/product/large/components/button.scss +27 -18
  873. package/scss/product/large/components/container.scss +9 -9
  874. package/scss/product/large/components/focus.scss +4 -0
  875. package/scss/product/large/components/form.scss +7 -7
  876. package/scss/product/large/components/link.scss +4 -2
  877. package/scss/product/large/components/logo.scss +0 -2
  878. package/scss/product/large/components/nav.scss +5 -5
  879. package/scss/product/large/components/page.scss +1 -1
  880. package/scss/product/large/components/popover.scss +2 -2
  881. package/scss/product/large/components/progress.scss +10 -9
  882. package/scss/product/large/components/status.scss +3 -3
  883. package/scss/product/large/components/tab.scss +7 -7
  884. package/scss/product/large/components/table.scss +11 -10
  885. package/scss/product/large/dark.scss +16 -3
  886. package/scss/product/large/light.scss +16 -3
  887. package/scss/product/small/components/badge.scss +8 -3
  888. package/scss/product/small/components/button.scss +16 -7
  889. package/scss/product/small/components/focus.scss +4 -0
  890. package/scss/product/small/components/link.scss +2 -0
  891. package/scss/product/small/components/logo.scss +0 -2
  892. package/scss/product/small/components/progress.scss +4 -3
  893. package/scss/product/small/components/table.scss +1 -0
  894. package/scss/product/small/dark.scss +16 -3
  895. package/scss/product/small/light.scss +16 -3
  896. package/sage-design-tokens-13.1.0.tgz +0 -0
@@ -216,10 +216,18 @@
216
216
  --modes-color-interactive-danger-default-light: #CD384B;
217
217
  --modes-color-interactive-danger-default-alt-light: #b23342; /* For links in datatables */
218
218
  --modes-color-interactive-danger-hover-light: #aa323f; /* used on solid-pill and primary-button hover states */
219
- --modes-color-interactive-danger-hover-alt-light: #f9d1cf; /* used on secondary-button hover states */
219
+ --modes-color-interactive-danger-hover-alt-light: #cd384b14; /* used on secondary-button hover states */
220
220
  --modes-color-interactive-danger-hover-alt2-light: #a3303d; /* used on link hover state */
221
221
  --modes-color-interactive-danger-with-active-light: #FFFFFF;
222
222
  --modes-color-interactive-danger-with-default-light: #FFFFFF;
223
+ --modes-color-interactive-danger-inverse-active-light: #f28486; /* used on pill hover states */
224
+ --modes-color-interactive-danger-inverse-default-light: #E13E53;
225
+ --modes-color-interactive-danger-inverse-default-alt-light: #e85b66; /* For links in datatables */
226
+ --modes-color-interactive-danger-inverse-hover-light: #eb646c; /* used on solid-pill and primary-button hover states */
227
+ --modes-color-interactive-danger-inverse-hover-alt-light: #e13e5314; /* used on secondary-button hover states */
228
+ --modes-color-interactive-danger-inverse-hover-alt2-light: #ec6a71; /* used on link hover state */
229
+ --modes-color-interactive-danger-inverse-with-active-light: #000000;
230
+ --modes-color-interactive-danger-inverse-with-default-light: #000000;
223
231
  --modes-color-interactive-data-entry-default-light: #FFFFFF; /* Input backgrounds. */
224
232
  --modes-color-interactive-data-entry-with-active-light: #000000; /* checkbox tick icon or radio handle */
225
233
  --modes-color-interactive-data-entry-with-active-alt-light: #FFFFFF;
@@ -230,10 +238,14 @@
230
238
  --modes-color-interactive-data-entry-content-light: #000000f2; /* Input Text */
231
239
  --modes-color-interactive-data-entry-content-alt-light: #0000008c; /* Hint text, placeholder text, character count etc */
232
240
  --modes-color-interactive-data-entry-frozen-with-default-light: #698495; /* Input borders. */
233
- --modes-color-interactive-focus-with-default-light: #FFB500;
234
- --modes-color-interactive-focus-with-default-alt-light: #ffd27e;
235
241
  --modes-color-interactive-focus-default-light: #000000;
236
242
  --modes-color-interactive-focus-content-light: #000000;
243
+ --modes-color-interactive-focus-with-default-light: #FFB500;
244
+ --modes-color-interactive-focus-with-default-alt-light: #ffd27e;
245
+ --modes-color-interactive-focus-inverse-default-light: #FFB500;
246
+ --modes-color-interactive-focus-inverse-content-light: #FFFFFF;
247
+ --modes-color-interactive-focus-inverse-with-default-light: #000000;
248
+ --modes-color-interactive-focus-inverse-with-default-alt-light: #926916;
237
249
  --modes-color-interactive-inactive-default-light: #a6a6a6; /* Disabled form secondary, tertiary and input borders borders. */
238
250
  --modes-color-interactive-inactive-mask-light: #000000; /* full screen takeover token for modal dimmer */
239
251
  --modes-color-interactive-inactive-default-alt-light: #f3f3f3; /* Disabled input and button backgrounds, button borders and input backgrounds. */
@@ -244,6 +256,7 @@
244
256
  --modes-color-interactive-inactive-frozen-default-alt-light: #e5eaed; /* Disabled input and button backgrounds, button borders and input backgrounds. */
245
257
  --modes-color-interactive-inactive-inverse-default-light: #4b4b4b; /* Inversed disabled form secondary, tertiary and input borders borders. */
246
258
  --modes-color-interactive-inactive-inverse-content-light: #ffffff6b; /* Inversed disabled text inside buttons and form inputs. */
259
+ --modes-color-interactive-inactive-inverse-content-alt-light: #000000; /* Disabled labels inside buttons and Switch. */
247
260
  --modes-color-interactive-monochrome-active-light: #000000;
248
261
  --modes-color-interactive-monochrome-active-alt-light: #00000029;
249
262
  --modes-color-interactive-monochrome-default-light: #000000e6;
@@ -475,10 +488,18 @@
475
488
  --modes-color-interactive-danger-default-dark: #E13E53;
476
489
  --modes-color-interactive-danger-default-alt-dark: #e85b66; /* for links in datatables */
477
490
  --modes-color-interactive-danger-hover-dark: #eb646c;
478
- --modes-color-interactive-danger-hover-alt-dark: #3f1a1c; /* button hover on dark */
491
+ --modes-color-interactive-danger-hover-alt-dark: #e13e5314; /* button hover on dark */
479
492
  --modes-color-interactive-danger-hover-alt2-dark: #ec6a71; /* for links in datatables */
480
493
  --modes-color-interactive-danger-with-active-dark: #000000;
481
494
  --modes-color-interactive-danger-with-default-dark: #000000;
495
+ --modes-color-interactive-danger-inverse-active-dark: #882b34; /* used on pill hover states */
496
+ --modes-color-interactive-danger-inverse-default-dark: #CD384B;
497
+ --modes-color-interactive-danger-inverse-default-alt-dark: #b23342; /* For links in datatables */
498
+ --modes-color-interactive-danger-inverse-hover-dark: #aa323f; /* used on solid-pill and primary-button hover states */
499
+ --modes-color-interactive-danger-inverse-hover-alt-dark: #cd384b14; /* used on secondary-button hover states */
500
+ --modes-color-interactive-danger-inverse-hover-alt2-dark: #a3303d; /* used on link hover state */
501
+ --modes-color-interactive-danger-inverse-with-active-dark: #FFFFFF;
502
+ --modes-color-interactive-danger-inverse-with-default-dark: #FFFFFF;
482
503
  --modes-color-interactive-data-entry-default-dark: #000000; /* Input backgrounds. */
483
504
  --modes-color-interactive-data-entry-with-active-dark: #FFFFFF; /* checkbox tick icon or radio handle */
484
505
  --modes-color-interactive-data-entry-with-active-alt-dark: #000000;
@@ -489,10 +510,14 @@
489
510
  --modes-color-interactive-data-entry-content-dark: #fffffff2; /* Input Text */
490
511
  --modes-color-interactive-data-entry-content-alt-dark: #ffffff8c; /* Hint text, placeholder text, character count etc */
491
512
  --modes-color-interactive-data-entry-frozen-with-default-dark: #777; /* Input borders. */
492
- --modes-color-interactive-focus-with-default-dark: #000000;
513
+ --modes-color-interactive-focus-default-dark: #FFB500;
493
514
  --modes-color-interactive-focus-content-dark: #FFFFFF;
515
+ --modes-color-interactive-focus-with-default-dark: #000000;
494
516
  --modes-color-interactive-focus-with-default-alt-dark: #926916;
495
- --modes-color-interactive-focus-default-dark: #FFB500;
517
+ --modes-color-interactive-focus-inverse-default-dark: #000000;
518
+ --modes-color-interactive-focus-inverse-content-dark: #000000;
519
+ --modes-color-interactive-focus-inverse-with-default-dark: #FFB500;
520
+ --modes-color-interactive-focus-inverse-with-default-alt-dark: #ffd27e;
496
521
  --modes-color-interactive-inactive-default-dark: #4b4b4b; /* disabled buttons on dark */
497
522
  --modes-color-interactive-inactive-mask-dark: #FFFFFF; /* full screen takeover token for modal dimmer */
498
523
  --modes-color-interactive-inactive-default-alt-dark: #0e0e0e; /* Disabled button backgrounds and borders ON DARK */
@@ -503,6 +528,7 @@
503
528
  --modes-color-interactive-inactive-frozen-default-alt-dark: #0e0e0e; /* Disabled input and button backgrounds, button borders and input backgrounds. */
504
529
  --modes-color-interactive-inactive-inverse-default-dark: #a6a6a6; /* Inversed disabled form secondary, tertiary and input borders borders. */
505
530
  --modes-color-interactive-inactive-inverse-content-dark: #0000006b; /* Inversed disabled text inside buttons and form inputs. */
531
+ --modes-color-interactive-inactive-inverse-content-alt-dark: #FFFFFF; /* Disabled labels inside buttons and Switch. */
506
532
  --modes-color-interactive-monochrome-active-dark: #FFFFFF;
507
533
  --modes-color-interactive-monochrome-active-alt-dark: #ffffff29;
508
534
  --modes-color-interactive-monochrome-default-dark: #ffffffe6;
@@ -673,10 +699,15 @@
673
699
  --badge-radius-badge: var(--global-radius-circle); /* Badge */
674
700
  --badge-color-notification-bg-default: light-dark(var(--modes-color-status-negative-default-light), var(--modes-color-status-negative-default-dark)); /* Used in global nav notification badges */
675
701
  --badge-color-notification-bg-alt: light-dark(var(--modes-color-status-info-default-light), var(--modes-color-status-info-default-dark));
702
+ --badge-color-notification-inverse-border-default: light-dark(var(--modes-color-generic-content-extreme-light), var(--modes-color-generic-content-extreme-dark));
703
+ --badge-color-notification-inverse-bg-default: light-dark(var(--modes-color-status-negative-inverse-default-light), var(--modes-color-status-negative-inverse-default-dark)); /* Used in global nav notification badges */
704
+ --badge-color-notification-inverse-bg-alt: light-dark(var(--modes-color-status-info-inverse-default-light), var(--modes-color-status-info-inverse-default-dark));
705
+ --badge-color-notification-inverse-label-default: light-dark(var(--modes-color-generic-content-extreme-light), var(--modes-color-generic-content-extreme-dark));
706
+ --badge-color-notification-inverse-label-alt: light-dark(var(--modes-color-generic-content-extreme-light), var(--modes-color-generic-content-extreme-dark));
676
707
  --badge-typography-m: var(--global-typography-component-notification-m);
677
- --badge-color-notification-border-default: light-dark(var(--modes-color-generic-fg-nought-light), var(--modes-color-generic-fg-nought-dark));
678
- --badge-color-notification-label-default: light-dark(var(--modes-color-generic-fg-nought-light), var(--modes-color-generic-fg-nought-dark));
679
- --badge-color-notification-label-alt: light-dark(var(--modes-color-generic-fg-nought-light), var(--modes-color-generic-fg-nought-dark));
708
+ --badge-color-notification-border-default: light-dark(var(--modes-color-generic-content-nought-light), var(--modes-color-generic-content-nought-dark));
709
+ --badge-color-notification-label-default: light-dark(var(--modes-color-generic-content-nought-light), var(--modes-color-generic-content-nought-dark));
710
+ --badge-color-notification-label-alt: light-dark(var(--modes-color-generic-content-nought-light), var(--modes-color-generic-content-nought-dark));
680
711
  --badge-size-micro-dot: var(--global-size-micro-m); /* Micro dot badge size */
681
712
  --badge-size-micro-numbered-min: var(--global-size-macro-xxs); /* Micro dot badge size with numbering */
682
713
  --badge-size-micro-numbered-max: var(--global-size-macro-s); /* Micro dot badge size max width */
@@ -705,8 +736,20 @@
705
736
  --button-color-ai-border-enabled: light-dark(var(--modes-color-interactive-ai-default-light), var(--modes-color-interactive-ai-default-dark));
706
737
  --button-color-ai-border-hover: light-dark(var(--modes-color-interactive-ai-default-light), var(--modes-color-interactive-ai-default-dark));
707
738
  --button-color-destructive-primary-bg-enabled: light-dark(var(--modes-color-interactive-danger-default-light), var(--modes-color-interactive-danger-default-dark));
739
+ --button-color-destructive-primary-label-enabled: light-dark(var(--modes-color-interactive-danger-with-default-light), var(--modes-color-interactive-danger-with-default-dark));
740
+ --button-color-destructive-primary-label-hover: light-dark(var(--modes-color-interactive-danger-with-default-light), var(--modes-color-interactive-danger-with-default-dark));
708
741
  --button-color-destructive-secondary-border-enabled: light-dark(var(--modes-color-interactive-danger-default-light), var(--modes-color-interactive-danger-default-dark));
709
742
  --button-color-destructive-secondary-label-enabled: light-dark(var(--modes-color-interactive-danger-default-light), var(--modes-color-interactive-danger-default-dark));
743
+ --button-color-typical-primary-bg-default: light-dark(var(--modes-color-interactive-primary-with-default-light), var(--modes-color-interactive-primary-with-default-dark)); /* For spacer in Split button */
744
+ --button-color-typical-primary-label-active: light-dark(var(--modes-color-interactive-primary-with-active-light), var(--modes-color-interactive-primary-with-active-dark));
745
+ --button-color-typical-primary-label-enabled: light-dark(var(--modes-color-interactive-primary-with-default-light), var(--modes-color-interactive-primary-with-default-dark));
746
+ --button-color-typical-primary-label-hover: light-dark(var(--modes-color-interactive-primary-with-default-light), var(--modes-color-interactive-primary-with-default-dark));
747
+ --button-color-typical-primary-inverse-bg-default: light-dark(var(--modes-color-interactive-primary-inverse-with-default-light), var(--modes-color-interactive-primary-inverse-with-default-dark)); /* For spacer in Split button */
748
+ --button-color-typical-primary-inverse-bg-disabled: light-dark(var(--modes-color-interactive-inactive-inverse-default-light), var(--modes-color-interactive-inactive-inverse-default-dark));
749
+ --button-color-typical-primary-inverse-label-active: light-dark(var(--modes-color-interactive-primary-inverse-with-active-light), var(--modes-color-interactive-primary-inverse-with-active-dark));
750
+ --button-color-typical-primary-inverse-label-disabled: light-dark(var(--modes-color-interactive-inactive-inverse-content-alt-light), var(--modes-color-interactive-inactive-inverse-content-alt-dark));
751
+ --button-color-typical-primary-inverse-label-enabled: light-dark(var(--modes-color-interactive-primary-inverse-with-default-light), var(--modes-color-interactive-primary-inverse-with-default-dark));
752
+ --button-color-typical-primary-inverse-label-hover: light-dark(var(--modes-color-interactive-primary-inverse-with-default-light), var(--modes-color-interactive-primary-inverse-with-default-dark));
710
753
  --button-color-typical-secondary-inverse-border-disabled: light-dark(var(--modes-color-interactive-inactive-inverse-default-light), var(--modes-color-interactive-inactive-inverse-default-dark));
711
754
  --button-color-typical-secondary-inverse-label-disabled: light-dark(var(--modes-color-interactive-inactive-inverse-content-light), var(--modes-color-interactive-inactive-inverse-content-dark));
712
755
  --button-color-typical-tertiary-inverse-border-disabled: light-dark(var(--modes-color-interactive-inactive-inverse-default-light), var(--modes-color-interactive-inactive-inverse-default-dark));
@@ -730,9 +773,11 @@
730
773
  --button-color-ai-label-active: light-dark(var(--modes-color-interactive-monochrome-with-active-alt-light), var(--modes-color-interactive-monochrome-with-active-alt-dark));
731
774
  --button-color-ai-label-hover: light-dark(var(--modes-color-interactive-monochrome-with-hover-light), var(--modes-color-interactive-monochrome-with-hover-dark));
732
775
  --button-color-destructive-primary-bg-hover: light-dark(var(--modes-color-interactive-danger-hover-light), var(--modes-color-interactive-danger-hover-dark));
776
+ --button-color-destructive-secondary-bg-hover: light-dark(var(--modes-color-interactive-danger-hover-alt-light), var(--modes-color-interactive-danger-hover-alt-dark));
733
777
  --button-color-destructive-secondary-border-hover: light-dark(var(--modes-color-interactive-danger-hover-light), var(--modes-color-interactive-danger-hover-dark));
734
778
  --button-color-destructive-secondary-label-hover: light-dark(var(--modes-color-interactive-danger-hover-light), var(--modes-color-interactive-danger-hover-dark));
735
779
  --button-color-typical-primary-bg-enabled: light-dark(var(--modes-color-interactive-primary-default-light), var(--modes-color-interactive-primary-default-dark));
780
+ --button-color-typical-primary-inverse-bg-enabled: light-dark(var(--modes-color-interactive-primary-inverse-default-light), var(--modes-color-interactive-primary-inverse-default-dark));
736
781
  --button-color-typical-secondary-label-active: light-dark(var(--modes-color-interactive-monochrome-with-active-alt-light), var(--modes-color-interactive-monochrome-with-active-alt-dark));
737
782
  --button-color-typical-secondary-label-hover: light-dark(var(--modes-color-interactive-monochrome-with-hover-light), var(--modes-color-interactive-monochrome-with-hover-dark));
738
783
  --button-color-typical-tertiary-bg-enabled: var(--button-color-none);
@@ -866,17 +911,12 @@
866
911
  --button-color-ai-label-disabled: light-dark(var(--modes-color-interactive-inactive-content-light), var(--modes-color-interactive-inactive-content-dark));
867
912
  --button-color-ai-label-enabled: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark));
868
913
  --button-color-destructive-primary-label-disabled: light-dark(var(--modes-color-interactive-inactive-content-alt-light), var(--modes-color-interactive-inactive-content-alt-dark));
869
- --button-color-destructive-primary-label-enabled: light-dark(var(--modes-color-interactive-danger-with-default-light), var(--modes-color-interactive-danger-with-default-dark));
870
- --button-color-destructive-primary-label-hover: light-dark(var(--modes-color-interactive-danger-with-default-light), var(--modes-color-interactive-danger-with-default-dark));
871
- --button-color-destructive-secondary-bg-hover: light-dark(var(--modes-color-interactive-danger-hover-alt-light), var(--modes-color-interactive-danger-hover-alt-dark));
872
914
  --button-color-destructive-secondary-label-disabled: light-dark(var(--modes-color-interactive-inactive-content-light), var(--modes-color-interactive-inactive-content-dark));
873
915
  --button-color-typical-primary-bg-active: light-dark(var(--modes-color-interactive-primary-active-light), var(--modes-color-interactive-primary-active-dark));
874
- --button-color-typical-primary-bg-default: light-dark(var(--modes-color-interactive-primary-with-default-light), var(--modes-color-interactive-primary-with-default-dark)); /* For spacer in Split button */
875
916
  --button-color-typical-primary-bg-hover: light-dark(var(--modes-color-interactive-primary-hover-light), var(--modes-color-interactive-primary-hover-dark));
876
- --button-color-typical-primary-label-active: light-dark(var(--modes-color-interactive-primary-with-active-light), var(--modes-color-interactive-primary-with-active-dark));
877
917
  --button-color-typical-primary-label-disabled: light-dark(var(--modes-color-interactive-inactive-content-alt-light), var(--modes-color-interactive-inactive-content-alt-dark));
878
- --button-color-typical-primary-label-enabled: light-dark(var(--modes-color-interactive-primary-with-default-light), var(--modes-color-interactive-primary-with-default-dark));
879
- --button-color-typical-primary-label-hover: light-dark(var(--modes-color-interactive-primary-with-default-light), var(--modes-color-interactive-primary-with-default-dark));
918
+ --button-color-typical-primary-inverse-bg-active: light-dark(var(--modes-color-interactive-primary-inverse-active-light), var(--modes-color-interactive-primary-inverse-active-dark));
919
+ --button-color-typical-primary-inverse-bg-hover: light-dark(var(--modes-color-interactive-primary-inverse-hover-light), var(--modes-color-interactive-primary-inverse-hover-dark));
880
920
  --button-color-typical-secondary-bg-active: light-dark(var(--modes-color-interactive-primary-active-alt-light), var(--modes-color-interactive-primary-active-alt-dark));
881
921
  --button-color-typical-secondary-border-active: light-dark(var(--modes-color-interactive-primary-active-light), var(--modes-color-interactive-primary-active-dark));
882
922
  --button-color-typical-secondary-border-enabled: light-dark(var(--modes-color-interactive-primary-default-alt-light), var(--modes-color-interactive-primary-default-alt-dark));
@@ -1295,6 +1335,10 @@
1295
1335
  --focus-color-borderalt: light-dark(var(--modes-color-interactive-focus-default-light), var(--modes-color-interactive-focus-default-dark));
1296
1336
  --focus-color-border: light-dark(var(--modes-color-interactive-focus-with-default-light), var(--modes-color-interactive-focus-with-default-dark));
1297
1337
  --focus-color-label: light-dark(var(--modes-color-interactive-focus-content-light), var(--modes-color-interactive-focus-content-dark));
1338
+ --focus-color-inverse-bg: light-dark(var(--modes-color-interactive-focus-inverse-with-default-alt-light), var(--modes-color-interactive-focus-inverse-with-default-alt-dark));
1339
+ --focus-color-inverse-borderalt: light-dark(var(--modes-color-interactive-focus-inverse-default-light), var(--modes-color-interactive-focus-inverse-default-dark));
1340
+ --focus-color-inverse-border: light-dark(var(--modes-color-interactive-focus-inverse-with-default-light), var(--modes-color-interactive-focus-inverse-with-default-dark));
1341
+ --focus-color-inverse-label: light-dark(var(--modes-color-interactive-focus-inverse-content-light), var(--modes-color-interactive-focus-inverse-content-dark));
1298
1342
  --focus-size-underline: var(--global-size-micro-xs); /* focus black underline on links and skiplink */
1299
1343
  --focus-borderwidth-secondary: var(--global-borderwidth-s); /* Secondary focus (dropdown item) */
1300
1344
  --focus-borderwidth-inner: var(--global-borderwidth-s); /* Focus border (inner) */
@@ -1598,10 +1642,12 @@
1598
1642
  --link-typography-heading-m: var(--global-typography-component-underlined-firm-m);
1599
1643
  --link-typography-heading-l: var(--global-typography-component-underlined-firm-l);
1600
1644
  --link-color-destructive-label-default: light-dark(var(--modes-color-interactive-danger-default-alt-light), var(--modes-color-interactive-danger-default-alt-dark)); /* . */
1645
+ --link-color-destructive-inverse-label-default: light-dark(var(--modes-color-interactive-danger-inverse-default-alt-light), var(--modes-color-interactive-danger-inverse-default-alt-dark)); /* . */
1601
1646
  --link-color-subtle-label-hover: light-dark(var(--modes-color-interactive-monochrome-active-light), var(--modes-color-interactive-monochrome-active-dark));
1602
1647
  --link-color-subtle-inverse-label-hover: light-dark(var(--modes-color-interactive-monochrome-inverse-active-light), var(--modes-color-interactive-monochrome-inverse-active-dark));
1603
1648
  --link-boxshadow-skiplink: var(--global-boxshadow-container-near);
1604
1649
  --link-color-destructive-label-hover: light-dark(var(--modes-color-interactive-danger-hover-alt2-light), var(--modes-color-interactive-danger-hover-alt2-dark));
1650
+ --link-color-destructive-inverse-label-hover: light-dark(var(--modes-color-interactive-danger-inverse-hover-alt2-light), var(--modes-color-interactive-danger-inverse-hover-alt2-dark));
1605
1651
  --link-color-typical-label-default: light-dark(var(--modes-color-interactive-primary-default-alt3-light), var(--modes-color-interactive-primary-default-alt3-dark));
1606
1652
  --link-color-typical-inverse-label-default: light-dark(var(--modes-color-interactive-primary-inverse-default-alt3-light), var(--modes-color-interactive-primary-inverse-default-alt3-dark));
1607
1653
  --link-color-subtle-label-default: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark));
@@ -1621,8 +1667,6 @@
1621
1667
  --logo-size-ai-m: 14px; /* AI star */
1622
1668
  --logo-color-sage-bg-default: light-dark(var(--modes-color-brand-default-light), var(--modes-color-brand-default-dark)); /* sage logo */
1623
1669
  --logo-color-sage-bg-alt: light-dark(var(--modes-color-brand-default-alt-light), var(--modes-color-brand-default-alt-dark));
1624
- --logo-color-trust-bg-default: light-dark(var(--modes-color-status-positive-default-light), var(--modes-color-status-positive-default-dark)); /* filled */
1625
- --logo-color-trust-outline: light-dark(var(--modes-color-generic-content-extreme-light), var(--modes-color-generic-content-extreme-dark));
1626
1670
  --logo-color-copilot-no-bg-fg-default: light-dark(var(--modes-color-brand-copilot-no-bg-monochrome-light), var(--modes-color-brand-copilot-no-bg-monochrome-dark));
1627
1671
  --logo-color-ai-identifier-bg-star: light-dark(var(--modes-color-brand-copilot-ai-identifier-default-light), var(--modes-color-brand-copilot-ai-identifier-default-dark)); /* star bg color */
1628
1672
  --logo-color-ai-identifier-bg-dot: light-dark(var(--modes-color-brand-copilot-ai-identifier-with-default-light), var(--modes-color-brand-copilot-ai-identifier-with-default-dark));
@@ -1984,9 +2028,10 @@
1984
2028
  --progress-size-carouselselector-activedot-m: var(--global-size-macro-xxs);
1985
2029
  --progress-size-carouselselector-hitarea-m: var(--global-size-macro-xs);
1986
2030
  --progress-size-carouselslide-x-m: var(--global-size-macro-xl); /* Inactive slide */
1987
- --progress-size-ring-s: var(--global-size-macro-s); /* Loader ring */
1988
- --progress-size-ring-m: calc(var(--global-size-macro-s) * 2); /* Loader ring */
1989
- --progress-size-ring-l: calc(var(--global-size-macro-xs) * 4); /* Loader ring */
2031
+ --progress-size-spinner-xs: calc(var(--global-size-macro-xs) - var(--global-size-micro-xs)); /* Loader ring for XS size loader spinners */
2032
+ --progress-size-spinner-s: var(--global-size-macro-s); /* Loader ring */
2033
+ --progress-size-spinner-m: calc(var(--global-size-macro-s) * 2); /* Loader ring */
2034
+ --progress-size-spinner-l: calc(var(--global-size-macro-xs) * 4); /* Loader ring */
1990
2035
  --progress-size-stepflow-m: var(--global-size-micro-m); /* Step height */
1991
2036
  --progress-size-stepindicator-bar: var(--global-size-micro-xxs); /* step indicator bar */
1992
2037
  --progress-size-stepindicator-stepcircle-s: var(--global-size-macro-xs); /* M size step indicator */
@@ -2303,6 +2348,7 @@
2303
2348
  --table-borderwidth-thin: var(--global-borderwidth-xs); /* Table border */
2304
2349
  --table-borderwidth-thick: var(--global-borderwidth-s); /* header border for subtle */
2305
2350
  --table-space-none: var(--global-space-none);
2351
+ --table-space-yg: var(--global-space-micro-s); /* space between table and pagination */
2306
2352
  --table-space-row-x-xs: var(--global-space-micro-l); /* Left and right padding inside XS row cells */
2307
2353
  --table-space-row-x-s: var(--global-space-macro-xs); /* Left and right padding inside S row cells */
2308
2354
  --table-space-row-x-m: var(--global-space-macro-xs); /* Left and right padding inside M row cells */
@@ -6,11 +6,16 @@
6
6
  --badge-radius-badge: var(--global-radius-circle); /* Badge */
7
7
  --badge-color-notification-bg-default: var(--modes-color-status-negative-default); /* Used in global nav notification badges */
8
8
  --badge-color-notification-bg-alt: var(--modes-color-status-info-default);
9
+ --badge-color-notification-inverse-border-default: var(--modes-color-generic-content-extreme);
10
+ --badge-color-notification-inverse-bg-default: var(--modes-color-status-negative-inverse-default); /* Used in global nav notification badges */
11
+ --badge-color-notification-inverse-bg-alt: var(--modes-color-status-info-inverse-default);
12
+ --badge-color-notification-inverse-label-default: var(--modes-color-generic-content-extreme);
13
+ --badge-color-notification-inverse-label-alt: var(--modes-color-generic-content-extreme);
9
14
  --badge-typography-responsive-m: var(--global-typography-responsive-component-notification-m);
10
15
  --badge-typography-adaptive-m: var(--global-typography-adaptive-component-notification-m);
11
- --badge-color-notification-border-default: var(--modes-color-generic-fg-nought);
12
- --badge-color-notification-label-default: var(--modes-color-generic-fg-nought);
13
- --badge-color-notification-label-alt: var(--modes-color-generic-fg-nought);
16
+ --badge-color-notification-border-default: var(--modes-color-generic-content-nought);
17
+ --badge-color-notification-label-default: var(--modes-color-generic-content-nought);
18
+ --badge-color-notification-label-alt: var(--modes-color-generic-content-nought);
14
19
  --badge-size-micro-dot: var(--global-size-micro-m); /* Micro dot badge size */
15
20
  --badge-size-micro-numbered-min: var(--global-size-macro-xxs); /* Micro dot badge size with numbering */
16
21
  --badge-size-micro-numbered-max: var(--global-size-macro-s); /* Micro dot badge size max width */
@@ -19,8 +19,20 @@
19
19
  --button-color-ai-border-enabled: var(--modes-color-interactive-ai-default);
20
20
  --button-color-ai-border-hover: var(--modes-color-interactive-ai-default);
21
21
  --button-color-destructive-primary-bg-enabled: var(--modes-color-interactive-danger-default);
22
+ --button-color-destructive-primary-label-enabled: var(--modes-color-interactive-danger-with-default);
23
+ --button-color-destructive-primary-label-hover: var(--modes-color-interactive-danger-with-default);
22
24
  --button-color-destructive-secondary-border-enabled: var(--modes-color-interactive-danger-default);
23
25
  --button-color-destructive-secondary-label-enabled: var(--modes-color-interactive-danger-default);
26
+ --button-color-typical-primary-bg-default: var(--modes-color-interactive-primary-with-default); /* For spacer in Split button */
27
+ --button-color-typical-primary-label-active: var(--modes-color-interactive-primary-with-active);
28
+ --button-color-typical-primary-label-enabled: var(--modes-color-interactive-primary-with-default);
29
+ --button-color-typical-primary-label-hover: var(--modes-color-interactive-primary-with-default);
30
+ --button-color-typical-primary-inverse-bg-default: var(--modes-color-interactive-primary-inverse-with-default); /* For spacer in Split button */
31
+ --button-color-typical-primary-inverse-bg-disabled: var(--modes-color-interactive-inactive-inverse-default);
32
+ --button-color-typical-primary-inverse-label-active: var(--modes-color-interactive-primary-inverse-with-active);
33
+ --button-color-typical-primary-inverse-label-disabled: var(--modes-color-interactive-inactive-inverse-content-alt);
34
+ --button-color-typical-primary-inverse-label-enabled: var(--modes-color-interactive-primary-inverse-with-default);
35
+ --button-color-typical-primary-inverse-label-hover: var(--modes-color-interactive-primary-inverse-with-default);
24
36
  --button-color-typical-secondary-inverse-border-disabled: var(--modes-color-interactive-inactive-inverse-default);
25
37
  --button-color-typical-secondary-inverse-label-disabled: var(--modes-color-interactive-inactive-inverse-content);
26
38
  --button-color-typical-tertiary-inverse-border-disabled: var(--modes-color-interactive-inactive-inverse-default);
@@ -59,9 +71,11 @@
59
71
  --button-color-ai-label-active: var(--modes-color-interactive-monochrome-with-active-alt);
60
72
  --button-color-ai-label-hover: var(--modes-color-interactive-monochrome-with-hover);
61
73
  --button-color-destructive-primary-bg-hover: var(--modes-color-interactive-danger-hover);
74
+ --button-color-destructive-secondary-bg-hover: var(--modes-color-interactive-danger-hover-alt);
62
75
  --button-color-destructive-secondary-border-hover: var(--modes-color-interactive-danger-hover);
63
76
  --button-color-destructive-secondary-label-hover: var(--modes-color-interactive-danger-hover);
64
77
  --button-color-typical-primary-bg-enabled: var(--modes-color-interactive-primary-default);
78
+ --button-color-typical-primary-inverse-bg-enabled: var(--modes-color-interactive-primary-inverse-default);
65
79
  --button-color-typical-secondary-label-active: var(--modes-color-interactive-monochrome-with-active-alt);
66
80
  --button-color-typical-secondary-label-hover: var(--modes-color-interactive-monochrome-with-hover);
67
81
  --button-color-typical-tertiary-bg-enabled: var(--button-color-none);
@@ -195,17 +209,12 @@
195
209
  --button-color-ai-label-disabled: var(--modes-color-interactive-inactive-content);
196
210
  --button-color-ai-label-enabled: var(--modes-color-interactive-monochrome-default);
197
211
  --button-color-destructive-primary-label-disabled: var(--modes-color-interactive-inactive-content-alt);
198
- --button-color-destructive-primary-label-enabled: var(--modes-color-interactive-danger-with-default);
199
- --button-color-destructive-primary-label-hover: var(--modes-color-interactive-danger-with-default);
200
- --button-color-destructive-secondary-bg-hover: var(--modes-color-interactive-danger-hover-alt);
201
212
  --button-color-destructive-secondary-label-disabled: var(--modes-color-interactive-inactive-content);
202
213
  --button-color-typical-primary-bg-active: var(--modes-color-interactive-primary-active);
203
- --button-color-typical-primary-bg-default: var(--modes-color-interactive-primary-with-default); /* For spacer in Split button */
204
214
  --button-color-typical-primary-bg-hover: var(--modes-color-interactive-primary-hover);
205
- --button-color-typical-primary-label-active: var(--modes-color-interactive-primary-with-active);
206
215
  --button-color-typical-primary-label-disabled: var(--modes-color-interactive-inactive-content-alt);
207
- --button-color-typical-primary-label-enabled: var(--modes-color-interactive-primary-with-default);
208
- --button-color-typical-primary-label-hover: var(--modes-color-interactive-primary-with-default);
216
+ --button-color-typical-primary-inverse-bg-active: var(--modes-color-interactive-primary-inverse-active);
217
+ --button-color-typical-primary-inverse-bg-hover: var(--modes-color-interactive-primary-inverse-hover);
209
218
  --button-color-typical-secondary-bg-active: var(--modes-color-interactive-primary-active-alt);
210
219
  --button-color-typical-secondary-border-active: var(--modes-color-interactive-primary-active);
211
220
  --button-color-typical-secondary-border-enabled: var(--modes-color-interactive-primary-default-alt);
@@ -7,6 +7,10 @@
7
7
  --focus-color-borderalt: var(--modes-color-interactive-focus-default);
8
8
  --focus-color-border: var(--modes-color-interactive-focus-with-default);
9
9
  --focus-color-label: var(--modes-color-interactive-focus-content);
10
+ --focus-color-inverse-bg: var(--modes-color-interactive-focus-inverse-with-default-alt);
11
+ --focus-color-inverse-borderalt: var(--modes-color-interactive-focus-inverse-default);
12
+ --focus-color-inverse-border: var(--modes-color-interactive-focus-inverse-with-default);
13
+ --focus-color-inverse-label: var(--modes-color-interactive-focus-inverse-content);
10
14
  --focus-size-underline: var(--global-size-micro-xs); /* focus black underline on links and skiplink */
11
15
  --focus-borderwidth-secondary: var(--global-borderwidth-s); /* Secondary focus (dropdown item) */
12
16
  --focus-borderwidth-inner: var(--global-borderwidth-s); /* Focus border (inner) */
@@ -16,10 +16,12 @@
16
16
  --link-typography-adaptive-heading-m: var(--global-typography-adaptive-component-underlined-firm-m);
17
17
  --link-typography-adaptive-heading-l: var(--global-typography-adaptive-component-underlined-firm-l);
18
18
  --link-color-destructive-label-default: var(--modes-color-interactive-danger-default-alt); /* . */
19
+ --link-color-destructive-inverse-label-default: var(--modes-color-interactive-danger-inverse-default-alt); /* . */
19
20
  --link-color-subtle-label-hover: var(--modes-color-interactive-monochrome-active);
20
21
  --link-color-subtle-inverse-label-hover: var(--modes-color-interactive-monochrome-inverse-active);
21
22
  --link-boxshadow-skiplink: var(--global-boxshadow-container-near);
22
23
  --link-color-destructive-label-hover: var(--modes-color-interactive-danger-hover-alt2);
24
+ --link-color-destructive-inverse-label-hover: var(--modes-color-interactive-danger-inverse-hover-alt2);
23
25
  --link-color-typical-label-default: var(--modes-color-interactive-primary-default-alt3);
24
26
  --link-color-typical-inverse-label-default: var(--modes-color-interactive-primary-inverse-default-alt3);
25
27
  --link-color-subtle-label-default: var(--modes-color-interactive-monochrome-default);
@@ -6,8 +6,6 @@
6
6
  --logo-size-ai-m: 14px; /* AI star */
7
7
  --logo-color-sage-bg-default: var(--modes-color-brand-default); /* sage logo */
8
8
  --logo-color-sage-bg-alt: var(--modes-color-brand-default-alt);
9
- --logo-color-trust-bg-default: var(--modes-color-status-positive-default); /* filled */
10
- --logo-color-trust-outline: var(--modes-color-generic-content-extreme);
11
9
  --logo-color-copilot-no-bg-fg-default: var(--modes-color-brand-copilot-no-bg-monochrome);
12
10
  --logo-color-ai-identifier-bg-star: var(--modes-color-brand-copilot-ai-identifier-default); /* star bg color */
13
11
  --logo-color-ai-identifier-bg-dot: var(--modes-color-brand-copilot-ai-identifier-with-default);
@@ -67,9 +67,10 @@
67
67
  --progress-size-carouselselector-activedot-m: var(--global-size-macro-xxs);
68
68
  --progress-size-carouselselector-hitarea-m: var(--global-size-macro-xs);
69
69
  --progress-size-carouselslide-x-m: var(--global-size-macro-xl); /* Inactive slide */
70
- --progress-size-ring-s: var(--global-size-macro-s); /* Loader ring */
71
- --progress-size-ring-m: calc(var(--global-size-macro-s) * 2); /* Loader ring */
72
- --progress-size-ring-l: calc(var(--global-size-macro-xs) * 4); /* Loader ring */
70
+ --progress-size-spinner-xs: calc(var(--global-size-macro-xs) - var(--global-size-micro-xs)); /* Loader ring for XS size loader spinners */
71
+ --progress-size-spinner-s: var(--global-size-macro-s); /* Loader ring */
72
+ --progress-size-spinner-m: calc(var(--global-size-macro-s) * 2); /* Loader ring */
73
+ --progress-size-spinner-l: calc(var(--global-size-macro-xs) * 4); /* Loader ring */
73
74
  --progress-size-stepflow-m: var(--global-size-micro-m); /* Step height */
74
75
  --progress-size-stepindicator-bar: var(--global-size-micro-xxs); /* step indicator bar */
75
76
  --progress-size-stepindicator-stepcircle-s: var(--global-size-macro-xs); /* M size step indicator */
@@ -56,6 +56,7 @@
56
56
  --table-borderwidth-thin: var(--global-borderwidth-xs); /* Table border */
57
57
  --table-borderwidth-thick: var(--global-borderwidth-s); /* header border for subtle */
58
58
  --table-space-none: var(--global-space-none);
59
+ --table-space-yg: var(--global-space-micro-s); /* space between table and pagination */
59
60
  --table-space-row-x-xs: var(--global-space-micro-l); /* Left and right padding inside XS row cells */
60
61
  --table-space-row-x-s: var(--global-space-macro-xs); /* Left and right padding inside S row cells */
61
62
  --table-space-row-x-m: var(--global-space-macro-xs); /* Left and right padding inside M row cells */
@@ -67,10 +67,18 @@
67
67
  --modes-color-interactive-danger-default: #E13E53;
68
68
  --modes-color-interactive-danger-default-alt: #e85b66; /* for links in datatables */
69
69
  --modes-color-interactive-danger-hover: #eb646c;
70
- --modes-color-interactive-danger-hover-alt: #3f1a1c; /* button hover on dark */
70
+ --modes-color-interactive-danger-hover-alt: #e13e5314; /* button hover on dark */
71
71
  --modes-color-interactive-danger-hover-alt2: #ec6a71; /* for links in datatables */
72
72
  --modes-color-interactive-danger-with-active: #000000;
73
73
  --modes-color-interactive-danger-with-default: #000000;
74
+ --modes-color-interactive-danger-inverse-active: #882b34; /* used on pill hover states */
75
+ --modes-color-interactive-danger-inverse-default: #CD384B;
76
+ --modes-color-interactive-danger-inverse-default-alt: #b23342; /* For links in datatables */
77
+ --modes-color-interactive-danger-inverse-hover: #aa323f; /* used on solid-pill and primary-button hover states */
78
+ --modes-color-interactive-danger-inverse-hover-alt: #cd384b14; /* used on secondary-button hover states */
79
+ --modes-color-interactive-danger-inverse-hover-alt2: #a3303d; /* used on link hover state */
80
+ --modes-color-interactive-danger-inverse-with-active: #FFFFFF;
81
+ --modes-color-interactive-danger-inverse-with-default: #FFFFFF;
74
82
  --modes-color-interactive-data-entry-default: #000000; /* Input backgrounds. */
75
83
  --modes-color-interactive-data-entry-with-active: #FFFFFF; /* checkbox tick icon or radio handle */
76
84
  --modes-color-interactive-data-entry-with-active-alt: #000000;
@@ -81,10 +89,14 @@
81
89
  --modes-color-interactive-data-entry-content: #fffffff2; /* Input Text */
82
90
  --modes-color-interactive-data-entry-content-alt: #ffffff8c; /* Hint text, placeholder text, character count etc */
83
91
  --modes-color-interactive-data-entry-frozen-with-default: #777; /* Input borders. */
84
- --modes-color-interactive-focus-with-default: #000000;
92
+ --modes-color-interactive-focus-default: #FFB500;
85
93
  --modes-color-interactive-focus-content: #FFFFFF;
94
+ --modes-color-interactive-focus-with-default: #000000;
86
95
  --modes-color-interactive-focus-with-default-alt: #926916;
87
- --modes-color-interactive-focus-default: #FFB500;
96
+ --modes-color-interactive-focus-inverse-default: #000000;
97
+ --modes-color-interactive-focus-inverse-content: #000000;
98
+ --modes-color-interactive-focus-inverse-with-default: #FFB500;
99
+ --modes-color-interactive-focus-inverse-with-default-alt: #ffd27e;
88
100
  --modes-color-interactive-inactive-default: #4b4b4b; /* disabled buttons on dark */
89
101
  --modes-color-interactive-inactive-mask: #FFFFFF; /* full screen takeover token for modal dimmer */
90
102
  --modes-color-interactive-inactive-default-alt: #0e0e0e; /* Disabled button backgrounds and borders ON DARK */
@@ -95,6 +107,7 @@
95
107
  --modes-color-interactive-inactive-frozen-default-alt: #0e0e0e; /* Disabled input and button backgrounds, button borders and input backgrounds. */
96
108
  --modes-color-interactive-inactive-inverse-default: #a6a6a6; /* Inversed disabled form secondary, tertiary and input borders borders. */
97
109
  --modes-color-interactive-inactive-inverse-content: #0000006b; /* Inversed disabled text inside buttons and form inputs. */
110
+ --modes-color-interactive-inactive-inverse-content-alt: #FFFFFF; /* Disabled labels inside buttons and Switch. */
98
111
  --modes-color-interactive-monochrome-active: #FFFFFF;
99
112
  --modes-color-interactive-monochrome-active-alt: #ffffff29;
100
113
  --modes-color-interactive-monochrome-default: #ffffffe6;
@@ -67,10 +67,18 @@
67
67
  --modes-color-interactive-danger-default: #CD384B;
68
68
  --modes-color-interactive-danger-default-alt: #b23342; /* For links in datatables */
69
69
  --modes-color-interactive-danger-hover: #aa323f; /* used on solid-pill and primary-button hover states */
70
- --modes-color-interactive-danger-hover-alt: #f9d1cf; /* used on secondary-button hover states */
70
+ --modes-color-interactive-danger-hover-alt: #cd384b14; /* used on secondary-button hover states */
71
71
  --modes-color-interactive-danger-hover-alt2: #a3303d; /* used on link hover state */
72
72
  --modes-color-interactive-danger-with-active: #FFFFFF;
73
73
  --modes-color-interactive-danger-with-default: #FFFFFF;
74
+ --modes-color-interactive-danger-inverse-active: #f28486; /* used on pill hover states */
75
+ --modes-color-interactive-danger-inverse-default: #E13E53;
76
+ --modes-color-interactive-danger-inverse-default-alt: #e85b66; /* For links in datatables */
77
+ --modes-color-interactive-danger-inverse-hover: #eb646c; /* used on solid-pill and primary-button hover states */
78
+ --modes-color-interactive-danger-inverse-hover-alt: #e13e5314; /* used on secondary-button hover states */
79
+ --modes-color-interactive-danger-inverse-hover-alt2: #ec6a71; /* used on link hover state */
80
+ --modes-color-interactive-danger-inverse-with-active: #000000;
81
+ --modes-color-interactive-danger-inverse-with-default: #000000;
74
82
  --modes-color-interactive-data-entry-default: #FFFFFF; /* Input backgrounds. */
75
83
  --modes-color-interactive-data-entry-with-active: #000000; /* checkbox tick icon or radio handle */
76
84
  --modes-color-interactive-data-entry-with-active-alt: #FFFFFF;
@@ -81,10 +89,14 @@
81
89
  --modes-color-interactive-data-entry-content: #000000f2; /* Input Text */
82
90
  --modes-color-interactive-data-entry-content-alt: #0000008c; /* Hint text, placeholder text, character count etc */
83
91
  --modes-color-interactive-data-entry-frozen-with-default: #698495; /* Input borders. */
84
- --modes-color-interactive-focus-with-default: #FFB500;
85
- --modes-color-interactive-focus-with-default-alt: #ffd27e;
86
92
  --modes-color-interactive-focus-default: #000000;
87
93
  --modes-color-interactive-focus-content: #000000;
94
+ --modes-color-interactive-focus-with-default: #FFB500;
95
+ --modes-color-interactive-focus-with-default-alt: #ffd27e;
96
+ --modes-color-interactive-focus-inverse-default: #FFB500;
97
+ --modes-color-interactive-focus-inverse-content: #FFFFFF;
98
+ --modes-color-interactive-focus-inverse-with-default: #000000;
99
+ --modes-color-interactive-focus-inverse-with-default-alt: #926916;
88
100
  --modes-color-interactive-inactive-default: #a6a6a6; /* Disabled form secondary, tertiary and input borders borders. */
89
101
  --modes-color-interactive-inactive-mask: #000000; /* full screen takeover token for modal dimmer */
90
102
  --modes-color-interactive-inactive-default-alt: #f3f3f3; /* Disabled input and button backgrounds, button borders and input backgrounds. */
@@ -95,6 +107,7 @@
95
107
  --modes-color-interactive-inactive-frozen-default-alt: #e5eaed; /* Disabled input and button backgrounds, button borders and input backgrounds. */
96
108
  --modes-color-interactive-inactive-inverse-default: #4b4b4b; /* Inversed disabled form secondary, tertiary and input borders borders. */
97
109
  --modes-color-interactive-inactive-inverse-content: #ffffff6b; /* Inversed disabled text inside buttons and form inputs. */
110
+ --modes-color-interactive-inactive-inverse-content-alt: #000000; /* Disabled labels inside buttons and Switch. */
98
111
  --modes-color-interactive-monochrome-active: #000000;
99
112
  --modes-color-interactive-monochrome-active-alt: #00000029;
100
113
  --modes-color-interactive-monochrome-default: #000000e6;
@@ -6,11 +6,16 @@
6
6
  --badge-radius-badge: var(--global-radius-circle); /* Badge */
7
7
  --badge-color-notification-bg-default: var(--modes-color-status-negative-default); /* Used in global nav notification badges */
8
8
  --badge-color-notification-bg-alt: var(--modes-color-status-info-default);
9
+ --badge-color-notification-inverse-border-default: var(--modes-color-generic-content-extreme);
10
+ --badge-color-notification-inverse-bg-default: var(--modes-color-status-negative-inverse-default); /* Used in global nav notification badges */
11
+ --badge-color-notification-inverse-bg-alt: var(--modes-color-status-info-inverse-default);
12
+ --badge-color-notification-inverse-label-default: var(--modes-color-generic-content-extreme);
13
+ --badge-color-notification-inverse-label-alt: var(--modes-color-generic-content-extreme);
9
14
  --badge-typography-responsive-m: var(--global-typography-responsive-component-notification-m);
10
15
  --badge-typography-adaptive-m: var(--global-typography-adaptive-component-notification-m);
11
- --badge-color-notification-border-default: var(--modes-color-generic-fg-nought);
12
- --badge-color-notification-label-default: var(--modes-color-generic-fg-nought);
13
- --badge-color-notification-label-alt: var(--modes-color-generic-fg-nought);
16
+ --badge-color-notification-border-default: var(--modes-color-generic-content-nought);
17
+ --badge-color-notification-label-default: var(--modes-color-generic-content-nought);
18
+ --badge-color-notification-label-alt: var(--modes-color-generic-content-nought);
14
19
  --badge-size-micro-dot: var(--global-size-micro-m); /* Micro dot badge size */
15
20
  --badge-size-micro-numbered-min: var(--global-size-macro-xxs); /* Micro dot badge size with numbering */
16
21
  --badge-size-micro-numbered-max: var(--global-size-macro-s); /* Micro dot badge size max width */
@@ -19,8 +19,20 @@
19
19
  --button-color-ai-border-enabled: var(--modes-color-interactive-ai-default);
20
20
  --button-color-ai-border-hover: var(--modes-color-interactive-ai-default);
21
21
  --button-color-destructive-primary-bg-enabled: var(--modes-color-interactive-danger-default);
22
+ --button-color-destructive-primary-label-enabled: var(--modes-color-interactive-danger-with-default);
23
+ --button-color-destructive-primary-label-hover: var(--modes-color-interactive-danger-with-default);
22
24
  --button-color-destructive-secondary-border-enabled: var(--modes-color-interactive-danger-default);
23
25
  --button-color-destructive-secondary-label-enabled: var(--modes-color-interactive-danger-default);
26
+ --button-color-typical-primary-bg-default: var(--modes-color-interactive-primary-with-default); /* For spacer in Split button */
27
+ --button-color-typical-primary-label-active: var(--modes-color-interactive-primary-with-active);
28
+ --button-color-typical-primary-label-enabled: var(--modes-color-interactive-primary-with-default);
29
+ --button-color-typical-primary-label-hover: var(--modes-color-interactive-primary-with-default);
30
+ --button-color-typical-primary-inverse-bg-default: var(--modes-color-interactive-primary-inverse-with-default); /* For spacer in Split button */
31
+ --button-color-typical-primary-inverse-bg-disabled: var(--modes-color-interactive-inactive-inverse-default);
32
+ --button-color-typical-primary-inverse-label-active: var(--modes-color-interactive-primary-inverse-with-active);
33
+ --button-color-typical-primary-inverse-label-disabled: var(--modes-color-interactive-inactive-inverse-content-alt);
34
+ --button-color-typical-primary-inverse-label-enabled: var(--modes-color-interactive-primary-inverse-with-default);
35
+ --button-color-typical-primary-inverse-label-hover: var(--modes-color-interactive-primary-inverse-with-default);
24
36
  --button-color-typical-secondary-inverse-border-disabled: var(--modes-color-interactive-inactive-inverse-default);
25
37
  --button-color-typical-secondary-inverse-label-disabled: var(--modes-color-interactive-inactive-inverse-content);
26
38
  --button-color-typical-tertiary-inverse-border-disabled: var(--modes-color-interactive-inactive-inverse-default);
@@ -59,9 +71,11 @@
59
71
  --button-color-ai-label-active: var(--modes-color-interactive-monochrome-with-active-alt);
60
72
  --button-color-ai-label-hover: var(--modes-color-interactive-monochrome-with-hover);
61
73
  --button-color-destructive-primary-bg-hover: var(--modes-color-interactive-danger-hover);
74
+ --button-color-destructive-secondary-bg-hover: var(--modes-color-interactive-danger-hover-alt);
62
75
  --button-color-destructive-secondary-border-hover: var(--modes-color-interactive-danger-hover);
63
76
  --button-color-destructive-secondary-label-hover: var(--modes-color-interactive-danger-hover);
64
77
  --button-color-typical-primary-bg-enabled: var(--modes-color-interactive-primary-default);
78
+ --button-color-typical-primary-inverse-bg-enabled: var(--modes-color-interactive-primary-inverse-default);
65
79
  --button-color-typical-secondary-label-active: var(--modes-color-interactive-monochrome-with-active-alt);
66
80
  --button-color-typical-secondary-label-hover: var(--modes-color-interactive-monochrome-with-hover);
67
81
  --button-color-typical-tertiary-bg-enabled: var(--button-color-none);
@@ -195,17 +209,12 @@
195
209
  --button-color-ai-label-disabled: var(--modes-color-interactive-inactive-content);
196
210
  --button-color-ai-label-enabled: var(--modes-color-interactive-monochrome-default);
197
211
  --button-color-destructive-primary-label-disabled: var(--modes-color-interactive-inactive-content-alt);
198
- --button-color-destructive-primary-label-enabled: var(--modes-color-interactive-danger-with-default);
199
- --button-color-destructive-primary-label-hover: var(--modes-color-interactive-danger-with-default);
200
- --button-color-destructive-secondary-bg-hover: var(--modes-color-interactive-danger-hover-alt);
201
212
  --button-color-destructive-secondary-label-disabled: var(--modes-color-interactive-inactive-content);
202
213
  --button-color-typical-primary-bg-active: var(--modes-color-interactive-primary-active);
203
- --button-color-typical-primary-bg-default: var(--modes-color-interactive-primary-with-default); /* For spacer in Split button */
204
214
  --button-color-typical-primary-bg-hover: var(--modes-color-interactive-primary-hover);
205
- --button-color-typical-primary-label-active: var(--modes-color-interactive-primary-with-active);
206
215
  --button-color-typical-primary-label-disabled: var(--modes-color-interactive-inactive-content-alt);
207
- --button-color-typical-primary-label-enabled: var(--modes-color-interactive-primary-with-default);
208
- --button-color-typical-primary-label-hover: var(--modes-color-interactive-primary-with-default);
216
+ --button-color-typical-primary-inverse-bg-active: var(--modes-color-interactive-primary-inverse-active);
217
+ --button-color-typical-primary-inverse-bg-hover: var(--modes-color-interactive-primary-inverse-hover);
209
218
  --button-color-typical-secondary-bg-active: var(--modes-color-interactive-primary-active-alt);
210
219
  --button-color-typical-secondary-border-active: var(--modes-color-interactive-primary-active);
211
220
  --button-color-typical-secondary-border-enabled: var(--modes-color-interactive-primary-default-alt);
@@ -7,6 +7,10 @@
7
7
  --focus-color-borderalt: var(--modes-color-interactive-focus-default);
8
8
  --focus-color-border: var(--modes-color-interactive-focus-with-default);
9
9
  --focus-color-label: var(--modes-color-interactive-focus-content);
10
+ --focus-color-inverse-bg: var(--modes-color-interactive-focus-inverse-with-default-alt);
11
+ --focus-color-inverse-borderalt: var(--modes-color-interactive-focus-inverse-default);
12
+ --focus-color-inverse-border: var(--modes-color-interactive-focus-inverse-with-default);
13
+ --focus-color-inverse-label: var(--modes-color-interactive-focus-inverse-content);
10
14
  --focus-size-underline: var(--global-size-micro-xs); /* focus black underline on links and skiplink */
11
15
  --focus-borderwidth-secondary: var(--global-borderwidth-s); /* Secondary focus (dropdown item) */
12
16
  --focus-borderwidth-inner: var(--global-borderwidth-s); /* Focus border (inner) */
@@ -16,10 +16,12 @@
16
16
  --link-typography-adaptive-heading-m: var(--global-typography-adaptive-component-underlined-firm-m);
17
17
  --link-typography-adaptive-heading-l: var(--global-typography-adaptive-component-underlined-firm-l);
18
18
  --link-color-destructive-label-default: var(--modes-color-interactive-danger-default-alt); /* . */
19
+ --link-color-destructive-inverse-label-default: var(--modes-color-interactive-danger-inverse-default-alt); /* . */
19
20
  --link-color-subtle-label-hover: var(--modes-color-interactive-monochrome-active);
20
21
  --link-color-subtle-inverse-label-hover: var(--modes-color-interactive-monochrome-inverse-active);
21
22
  --link-boxshadow-skiplink: var(--global-boxshadow-container-near);
22
23
  --link-color-destructive-label-hover: var(--modes-color-interactive-danger-hover-alt2);
24
+ --link-color-destructive-inverse-label-hover: var(--modes-color-interactive-danger-inverse-hover-alt2);
23
25
  --link-color-typical-label-default: var(--modes-color-interactive-primary-default-alt3);
24
26
  --link-color-typical-inverse-label-default: var(--modes-color-interactive-primary-inverse-default-alt3);
25
27
  --link-color-subtle-label-default: var(--modes-color-interactive-monochrome-default);
@@ -6,8 +6,6 @@
6
6
  --logo-size-ai-m: 14px; /* AI star */
7
7
  --logo-color-sage-bg-default: var(--modes-color-brand-default); /* sage logo */
8
8
  --logo-color-sage-bg-alt: var(--modes-color-brand-default-alt);
9
- --logo-color-trust-bg-default: var(--modes-color-status-positive-default); /* filled */
10
- --logo-color-trust-outline: var(--modes-color-generic-content-extreme);
11
9
  --logo-color-copilot-no-bg-fg-default: var(--modes-color-brand-copilot-no-bg-monochrome);
12
10
  --logo-color-ai-identifier-bg-star: var(--modes-color-brand-copilot-ai-identifier-default); /* star bg color */
13
11
  --logo-color-ai-identifier-bg-dot: var(--modes-color-brand-copilot-ai-identifier-with-default);
@@ -67,9 +67,10 @@
67
67
  --progress-size-carouselselector-activedot-m: var(--global-size-macro-xxs);
68
68
  --progress-size-carouselselector-hitarea-m: var(--global-size-macro-xs);
69
69
  --progress-size-carouselslide-x-m: var(--global-size-macro-xl); /* Inactive slide */
70
- --progress-size-ring-s: var(--global-size-macro-s); /* Loader ring */
71
- --progress-size-ring-m: calc(var(--global-size-macro-s) * 2); /* Loader ring */
72
- --progress-size-ring-l: calc(var(--global-size-macro-xs) * 4); /* Loader ring */
70
+ --progress-size-spinner-xs: calc(var(--global-size-macro-xs) - var(--global-size-micro-xs)); /* Loader ring for XS size loader spinners */
71
+ --progress-size-spinner-s: var(--global-size-macro-s); /* Loader ring */
72
+ --progress-size-spinner-m: calc(var(--global-size-macro-s) * 2); /* Loader ring */
73
+ --progress-size-spinner-l: calc(var(--global-size-macro-xs) * 4); /* Loader ring */
73
74
  --progress-size-stepflow-m: var(--global-size-micro-m); /* Step height */
74
75
  --progress-size-stepindicator-bar: var(--global-size-micro-xxs); /* step indicator bar */
75
76
  --progress-size-stepindicator-stepcircle-s: var(--global-size-macro-xs); /* M size step indicator */
@@ -56,6 +56,7 @@
56
56
  --table-borderwidth-thin: var(--global-borderwidth-xs); /* Table border */
57
57
  --table-borderwidth-thick: var(--global-borderwidth-s); /* header border for subtle */
58
58
  --table-space-none: var(--global-space-none);
59
+ --table-space-yg: var(--global-space-micro-s); /* space between table and pagination */
59
60
  --table-space-row-x-xs: var(--global-space-micro-l); /* Left and right padding inside XS row cells */
60
61
  --table-space-row-x-s: var(--global-space-macro-xs); /* Left and right padding inside S row cells */
61
62
  --table-space-row-x-m: var(--global-space-macro-xs); /* Left and right padding inside M row cells */