@sage/design-tokens 13.2.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 (350) hide show
  1. package/css/frozenproduct/all.css +12 -8
  2. package/css/frozenproduct/large/components/badge.css +8 -3
  3. package/css/frozenproduct/large/components/logo.css +0 -2
  4. package/css/frozenproduct/large/components/progress.css +4 -3
  5. package/css/frozenproduct/small/components/badge.css +8 -3
  6. package/css/frozenproduct/small/components/logo.css +0 -2
  7. package/css/frozenproduct/small/components/progress.css +4 -3
  8. package/css/marketing/all.css +12 -8
  9. package/css/marketing/large/components/badge.css +8 -3
  10. package/css/marketing/large/components/logo.css +0 -2
  11. package/css/marketing/large/components/progress.css +4 -3
  12. package/css/marketing/small/components/badge.css +8 -3
  13. package/css/marketing/small/components/logo.css +0 -2
  14. package/css/marketing/small/components/progress.css +4 -3
  15. package/css/product/all.css +12 -8
  16. package/css/product/large/components/badge.css +8 -3
  17. package/css/product/large/components/logo.css +0 -2
  18. package/css/product/large/components/progress.css +4 -3
  19. package/css/product/small/components/badge.css +8 -3
  20. package/css/product/small/components/logo.css +0 -2
  21. package/css/product/small/components/progress.css +4 -3
  22. package/ios/frozenproduct/large/dark/components/badge.h +5 -0
  23. package/ios/frozenproduct/large/dark/components/logo.h +0 -2
  24. package/ios/frozenproduct/large/dark/components/progress.h +4 -3
  25. package/ios/frozenproduct/large/light/components/badge.h +5 -0
  26. package/ios/frozenproduct/large/light/components/logo.h +0 -2
  27. package/ios/frozenproduct/large/light/components/progress.h +4 -3
  28. package/ios/frozenproduct/small/dark/components/badge.h +5 -0
  29. package/ios/frozenproduct/small/dark/components/logo.h +0 -2
  30. package/ios/frozenproduct/small/dark/components/progress.h +4 -3
  31. package/ios/frozenproduct/small/light/components/badge.h +5 -0
  32. package/ios/frozenproduct/small/light/components/logo.h +0 -2
  33. package/ios/frozenproduct/small/light/components/progress.h +4 -3
  34. package/ios/marketing/large/dark/components/badge.h +5 -0
  35. package/ios/marketing/large/dark/components/logo.h +0 -2
  36. package/ios/marketing/large/dark/components/progress.h +4 -3
  37. package/ios/marketing/large/light/components/badge.h +5 -0
  38. package/ios/marketing/large/light/components/logo.h +0 -2
  39. package/ios/marketing/large/light/components/progress.h +4 -3
  40. package/ios/marketing/small/dark/components/badge.h +5 -0
  41. package/ios/marketing/small/dark/components/logo.h +0 -2
  42. package/ios/marketing/small/dark/components/progress.h +4 -3
  43. package/ios/marketing/small/light/components/badge.h +5 -0
  44. package/ios/marketing/small/light/components/logo.h +0 -2
  45. package/ios/marketing/small/light/components/progress.h +4 -3
  46. package/ios/product/large/dark/components/badge.h +5 -0
  47. package/ios/product/large/dark/components/logo.h +0 -2
  48. package/ios/product/large/dark/components/progress.h +4 -3
  49. package/ios/product/large/light/components/badge.h +5 -0
  50. package/ios/product/large/light/components/logo.h +0 -2
  51. package/ios/product/large/light/components/progress.h +4 -3
  52. package/ios/product/small/dark/components/badge.h +5 -0
  53. package/ios/product/small/dark/components/logo.h +0 -2
  54. package/ios/product/small/dark/components/progress.h +4 -3
  55. package/ios/product/small/light/components/badge.h +5 -0
  56. package/ios/product/small/light/components/logo.h +0 -2
  57. package/ios/product/small/light/components/progress.h +4 -3
  58. package/js/common/frozenproduct/large/dark/components/badge.d.ts +7 -0
  59. package/js/common/frozenproduct/large/dark/components/badge.js +84 -3
  60. package/js/common/frozenproduct/large/dark/components/logo.d.ts +0 -4
  61. package/js/common/frozenproduct/large/dark/components/logo.js +0 -30
  62. package/js/common/frozenproduct/large/dark/components/progress.d.ts +2 -1
  63. package/js/common/frozenproduct/large/dark/components/progress.js +22 -7
  64. package/js/common/frozenproduct/large/light/components/badge.d.ts +7 -0
  65. package/js/common/frozenproduct/large/light/components/badge.js +84 -3
  66. package/js/common/frozenproduct/large/light/components/logo.d.ts +0 -4
  67. package/js/common/frozenproduct/large/light/components/logo.js +0 -30
  68. package/js/common/frozenproduct/large/light/components/progress.d.ts +2 -1
  69. package/js/common/frozenproduct/large/light/components/progress.js +22 -7
  70. package/js/common/frozenproduct/small/dark/components/badge.d.ts +7 -0
  71. package/js/common/frozenproduct/small/dark/components/badge.js +84 -3
  72. package/js/common/frozenproduct/small/dark/components/logo.d.ts +0 -4
  73. package/js/common/frozenproduct/small/dark/components/logo.js +0 -30
  74. package/js/common/frozenproduct/small/dark/components/progress.d.ts +2 -1
  75. package/js/common/frozenproduct/small/dark/components/progress.js +22 -7
  76. package/js/common/frozenproduct/small/light/components/badge.d.ts +7 -0
  77. package/js/common/frozenproduct/small/light/components/badge.js +84 -3
  78. package/js/common/frozenproduct/small/light/components/logo.d.ts +0 -4
  79. package/js/common/frozenproduct/small/light/components/logo.js +0 -30
  80. package/js/common/frozenproduct/small/light/components/progress.d.ts +2 -1
  81. package/js/common/frozenproduct/small/light/components/progress.js +22 -7
  82. package/js/common/marketing/large/dark/components/badge.d.ts +7 -0
  83. package/js/common/marketing/large/dark/components/badge.js +84 -3
  84. package/js/common/marketing/large/dark/components/logo.d.ts +0 -4
  85. package/js/common/marketing/large/dark/components/logo.js +0 -30
  86. package/js/common/marketing/large/dark/components/progress.d.ts +2 -1
  87. package/js/common/marketing/large/dark/components/progress.js +22 -7
  88. package/js/common/marketing/large/light/components/badge.d.ts +7 -0
  89. package/js/common/marketing/large/light/components/badge.js +84 -3
  90. package/js/common/marketing/large/light/components/logo.d.ts +0 -4
  91. package/js/common/marketing/large/light/components/logo.js +0 -30
  92. package/js/common/marketing/large/light/components/progress.d.ts +2 -1
  93. package/js/common/marketing/large/light/components/progress.js +22 -7
  94. package/js/common/marketing/small/dark/components/badge.d.ts +7 -0
  95. package/js/common/marketing/small/dark/components/badge.js +84 -3
  96. package/js/common/marketing/small/dark/components/logo.d.ts +0 -4
  97. package/js/common/marketing/small/dark/components/logo.js +0 -30
  98. package/js/common/marketing/small/dark/components/progress.d.ts +2 -1
  99. package/js/common/marketing/small/dark/components/progress.js +22 -7
  100. package/js/common/marketing/small/light/components/badge.d.ts +7 -0
  101. package/js/common/marketing/small/light/components/badge.js +84 -3
  102. package/js/common/marketing/small/light/components/logo.d.ts +0 -4
  103. package/js/common/marketing/small/light/components/logo.js +0 -30
  104. package/js/common/marketing/small/light/components/progress.d.ts +2 -1
  105. package/js/common/marketing/small/light/components/progress.js +22 -7
  106. package/js/common/product/large/dark/components/badge.d.ts +7 -0
  107. package/js/common/product/large/dark/components/badge.js +84 -3
  108. package/js/common/product/large/dark/components/logo.d.ts +0 -4
  109. package/js/common/product/large/dark/components/logo.js +0 -30
  110. package/js/common/product/large/dark/components/progress.d.ts +2 -1
  111. package/js/common/product/large/dark/components/progress.js +22 -7
  112. package/js/common/product/large/light/components/badge.d.ts +7 -0
  113. package/js/common/product/large/light/components/badge.js +84 -3
  114. package/js/common/product/large/light/components/logo.d.ts +0 -4
  115. package/js/common/product/large/light/components/logo.js +0 -30
  116. package/js/common/product/large/light/components/progress.d.ts +2 -1
  117. package/js/common/product/large/light/components/progress.js +22 -7
  118. package/js/common/product/small/dark/components/badge.d.ts +7 -0
  119. package/js/common/product/small/dark/components/badge.js +84 -3
  120. package/js/common/product/small/dark/components/logo.d.ts +0 -4
  121. package/js/common/product/small/dark/components/logo.js +0 -30
  122. package/js/common/product/small/dark/components/progress.d.ts +2 -1
  123. package/js/common/product/small/dark/components/progress.js +22 -7
  124. package/js/common/product/small/light/components/badge.d.ts +7 -0
  125. package/js/common/product/small/light/components/badge.js +84 -3
  126. package/js/common/product/small/light/components/logo.d.ts +0 -4
  127. package/js/common/product/small/light/components/logo.js +0 -30
  128. package/js/common/product/small/light/components/progress.d.ts +2 -1
  129. package/js/common/product/small/light/components/progress.js +22 -7
  130. package/js/es6/frozenproduct/large/dark/components/badge.d.ts +5 -0
  131. package/js/es6/frozenproduct/large/dark/components/badge.js +5 -0
  132. package/js/es6/frozenproduct/large/dark/components/logo.d.ts +0 -2
  133. package/js/es6/frozenproduct/large/dark/components/logo.js +0 -2
  134. package/js/es6/frozenproduct/large/dark/components/progress.d.ts +4 -3
  135. package/js/es6/frozenproduct/large/dark/components/progress.js +4 -3
  136. package/js/es6/frozenproduct/large/light/components/badge.d.ts +5 -0
  137. package/js/es6/frozenproduct/large/light/components/badge.js +5 -0
  138. package/js/es6/frozenproduct/large/light/components/logo.d.ts +0 -2
  139. package/js/es6/frozenproduct/large/light/components/logo.js +0 -2
  140. package/js/es6/frozenproduct/large/light/components/progress.d.ts +4 -3
  141. package/js/es6/frozenproduct/large/light/components/progress.js +4 -3
  142. package/js/es6/frozenproduct/small/dark/components/badge.d.ts +5 -0
  143. package/js/es6/frozenproduct/small/dark/components/badge.js +5 -0
  144. package/js/es6/frozenproduct/small/dark/components/logo.d.ts +0 -2
  145. package/js/es6/frozenproduct/small/dark/components/logo.js +0 -2
  146. package/js/es6/frozenproduct/small/dark/components/progress.d.ts +4 -3
  147. package/js/es6/frozenproduct/small/dark/components/progress.js +4 -3
  148. package/js/es6/frozenproduct/small/light/components/badge.d.ts +5 -0
  149. package/js/es6/frozenproduct/small/light/components/badge.js +5 -0
  150. package/js/es6/frozenproduct/small/light/components/logo.d.ts +0 -2
  151. package/js/es6/frozenproduct/small/light/components/logo.js +0 -2
  152. package/js/es6/frozenproduct/small/light/components/progress.d.ts +4 -3
  153. package/js/es6/frozenproduct/small/light/components/progress.js +4 -3
  154. package/js/es6/marketing/large/dark/components/badge.d.ts +5 -0
  155. package/js/es6/marketing/large/dark/components/badge.js +5 -0
  156. package/js/es6/marketing/large/dark/components/logo.d.ts +0 -2
  157. package/js/es6/marketing/large/dark/components/logo.js +0 -2
  158. package/js/es6/marketing/large/dark/components/progress.d.ts +4 -3
  159. package/js/es6/marketing/large/dark/components/progress.js +4 -3
  160. package/js/es6/marketing/large/light/components/badge.d.ts +5 -0
  161. package/js/es6/marketing/large/light/components/badge.js +5 -0
  162. package/js/es6/marketing/large/light/components/logo.d.ts +0 -2
  163. package/js/es6/marketing/large/light/components/logo.js +0 -2
  164. package/js/es6/marketing/large/light/components/progress.d.ts +4 -3
  165. package/js/es6/marketing/large/light/components/progress.js +4 -3
  166. package/js/es6/marketing/small/dark/components/badge.d.ts +5 -0
  167. package/js/es6/marketing/small/dark/components/badge.js +5 -0
  168. package/js/es6/marketing/small/dark/components/logo.d.ts +0 -2
  169. package/js/es6/marketing/small/dark/components/logo.js +0 -2
  170. package/js/es6/marketing/small/dark/components/progress.d.ts +4 -3
  171. package/js/es6/marketing/small/dark/components/progress.js +4 -3
  172. package/js/es6/marketing/small/light/components/badge.d.ts +5 -0
  173. package/js/es6/marketing/small/light/components/badge.js +5 -0
  174. package/js/es6/marketing/small/light/components/logo.d.ts +0 -2
  175. package/js/es6/marketing/small/light/components/logo.js +0 -2
  176. package/js/es6/marketing/small/light/components/progress.d.ts +4 -3
  177. package/js/es6/marketing/small/light/components/progress.js +4 -3
  178. package/js/es6/product/large/dark/components/badge.d.ts +5 -0
  179. package/js/es6/product/large/dark/components/badge.js +5 -0
  180. package/js/es6/product/large/dark/components/logo.d.ts +0 -2
  181. package/js/es6/product/large/dark/components/logo.js +0 -2
  182. package/js/es6/product/large/dark/components/progress.d.ts +4 -3
  183. package/js/es6/product/large/dark/components/progress.js +4 -3
  184. package/js/es6/product/large/light/components/badge.d.ts +5 -0
  185. package/js/es6/product/large/light/components/badge.js +5 -0
  186. package/js/es6/product/large/light/components/logo.d.ts +0 -2
  187. package/js/es6/product/large/light/components/logo.js +0 -2
  188. package/js/es6/product/large/light/components/progress.d.ts +4 -3
  189. package/js/es6/product/large/light/components/progress.js +4 -3
  190. package/js/es6/product/small/dark/components/badge.d.ts +5 -0
  191. package/js/es6/product/small/dark/components/badge.js +5 -0
  192. package/js/es6/product/small/dark/components/logo.d.ts +0 -2
  193. package/js/es6/product/small/dark/components/logo.js +0 -2
  194. package/js/es6/product/small/dark/components/progress.d.ts +4 -3
  195. package/js/es6/product/small/dark/components/progress.js +4 -3
  196. package/js/es6/product/small/light/components/badge.d.ts +5 -0
  197. package/js/es6/product/small/light/components/badge.js +5 -0
  198. package/js/es6/product/small/light/components/logo.d.ts +0 -2
  199. package/js/es6/product/small/light/components/logo.js +0 -2
  200. package/js/es6/product/small/light/components/progress.d.ts +4 -3
  201. package/js/es6/product/small/light/components/progress.js +4 -3
  202. package/js/umd/frozenproduct/large/dark/components/badge.js +84 -3
  203. package/js/umd/frozenproduct/large/dark/components/logo.js +0 -30
  204. package/js/umd/frozenproduct/large/dark/components/progress.js +22 -7
  205. package/js/umd/frozenproduct/large/light/components/badge.js +84 -3
  206. package/js/umd/frozenproduct/large/light/components/logo.js +0 -30
  207. package/js/umd/frozenproduct/large/light/components/progress.js +22 -7
  208. package/js/umd/frozenproduct/small/dark/components/badge.js +84 -3
  209. package/js/umd/frozenproduct/small/dark/components/logo.js +0 -30
  210. package/js/umd/frozenproduct/small/dark/components/progress.js +22 -7
  211. package/js/umd/frozenproduct/small/light/components/badge.js +84 -3
  212. package/js/umd/frozenproduct/small/light/components/logo.js +0 -30
  213. package/js/umd/frozenproduct/small/light/components/progress.js +22 -7
  214. package/js/umd/marketing/large/dark/components/badge.js +84 -3
  215. package/js/umd/marketing/large/dark/components/logo.js +0 -30
  216. package/js/umd/marketing/large/dark/components/progress.js +22 -7
  217. package/js/umd/marketing/large/light/components/badge.js +84 -3
  218. package/js/umd/marketing/large/light/components/logo.js +0 -30
  219. package/js/umd/marketing/large/light/components/progress.js +22 -7
  220. package/js/umd/marketing/small/dark/components/badge.js +84 -3
  221. package/js/umd/marketing/small/dark/components/logo.js +0 -30
  222. package/js/umd/marketing/small/dark/components/progress.js +22 -7
  223. package/js/umd/marketing/small/light/components/badge.js +84 -3
  224. package/js/umd/marketing/small/light/components/logo.js +0 -30
  225. package/js/umd/marketing/small/light/components/progress.js +22 -7
  226. package/js/umd/product/large/dark/components/badge.js +84 -3
  227. package/js/umd/product/large/dark/components/logo.js +0 -30
  228. package/js/umd/product/large/dark/components/progress.js +22 -7
  229. package/js/umd/product/large/light/components/badge.js +84 -3
  230. package/js/umd/product/large/light/components/logo.js +0 -30
  231. package/js/umd/product/large/light/components/progress.js +22 -7
  232. package/js/umd/product/small/dark/components/badge.js +84 -3
  233. package/js/umd/product/small/dark/components/logo.js +0 -30
  234. package/js/umd/product/small/dark/components/progress.js +22 -7
  235. package/js/umd/product/small/light/components/badge.js +84 -3
  236. package/js/umd/product/small/light/components/logo.js +0 -30
  237. package/js/umd/product/small/light/components/progress.js +22 -7
  238. package/json/flat/frozenproduct/large/dark/components/badge.json +5 -0
  239. package/json/flat/frozenproduct/large/dark/components/logo.json +0 -2
  240. package/json/flat/frozenproduct/large/dark/components/progress.json +4 -3
  241. package/json/flat/frozenproduct/large/light/components/badge.json +5 -0
  242. package/json/flat/frozenproduct/large/light/components/logo.json +0 -2
  243. package/json/flat/frozenproduct/large/light/components/progress.json +4 -3
  244. package/json/flat/frozenproduct/small/dark/components/badge.json +5 -0
  245. package/json/flat/frozenproduct/small/dark/components/logo.json +0 -2
  246. package/json/flat/frozenproduct/small/dark/components/progress.json +4 -3
  247. package/json/flat/frozenproduct/small/light/components/badge.json +5 -0
  248. package/json/flat/frozenproduct/small/light/components/logo.json +0 -2
  249. package/json/flat/frozenproduct/small/light/components/progress.json +4 -3
  250. package/json/flat/marketing/large/dark/components/badge.json +5 -0
  251. package/json/flat/marketing/large/dark/components/logo.json +0 -2
  252. package/json/flat/marketing/large/dark/components/progress.json +4 -3
  253. package/json/flat/marketing/large/light/components/badge.json +5 -0
  254. package/json/flat/marketing/large/light/components/logo.json +0 -2
  255. package/json/flat/marketing/large/light/components/progress.json +4 -3
  256. package/json/flat/marketing/small/dark/components/badge.json +5 -0
  257. package/json/flat/marketing/small/dark/components/logo.json +0 -2
  258. package/json/flat/marketing/small/dark/components/progress.json +4 -3
  259. package/json/flat/marketing/small/light/components/badge.json +5 -0
  260. package/json/flat/marketing/small/light/components/logo.json +0 -2
  261. package/json/flat/marketing/small/light/components/progress.json +4 -3
  262. package/json/flat/product/large/dark/components/badge.json +5 -0
  263. package/json/flat/product/large/dark/components/logo.json +0 -2
  264. package/json/flat/product/large/dark/components/progress.json +4 -3
  265. package/json/flat/product/large/light/components/badge.json +5 -0
  266. package/json/flat/product/large/light/components/logo.json +0 -2
  267. package/json/flat/product/large/light/components/progress.json +4 -3
  268. package/json/flat/product/small/dark/components/badge.json +5 -0
  269. package/json/flat/product/small/dark/components/logo.json +0 -2
  270. package/json/flat/product/small/dark/components/progress.json +4 -3
  271. package/json/flat/product/small/light/components/badge.json +5 -0
  272. package/json/flat/product/small/light/components/logo.json +0 -2
  273. package/json/flat/product/small/light/components/progress.json +4 -3
  274. package/json/nested/frozenproduct/large/dark/components/badge.json +8 -1
  275. package/json/nested/frozenproduct/large/dark/components/logo.json +0 -4
  276. package/json/nested/frozenproduct/large/dark/components/progress.json +2 -1
  277. package/json/nested/frozenproduct/large/light/components/badge.json +8 -1
  278. package/json/nested/frozenproduct/large/light/components/logo.json +0 -4
  279. package/json/nested/frozenproduct/large/light/components/progress.json +2 -1
  280. package/json/nested/frozenproduct/small/dark/components/badge.json +8 -1
  281. package/json/nested/frozenproduct/small/dark/components/logo.json +0 -4
  282. package/json/nested/frozenproduct/small/dark/components/progress.json +2 -1
  283. package/json/nested/frozenproduct/small/light/components/badge.json +8 -1
  284. package/json/nested/frozenproduct/small/light/components/logo.json +0 -4
  285. package/json/nested/frozenproduct/small/light/components/progress.json +2 -1
  286. package/json/nested/marketing/large/dark/components/badge.json +8 -1
  287. package/json/nested/marketing/large/dark/components/logo.json +0 -4
  288. package/json/nested/marketing/large/dark/components/progress.json +2 -1
  289. package/json/nested/marketing/large/light/components/badge.json +8 -1
  290. package/json/nested/marketing/large/light/components/logo.json +0 -4
  291. package/json/nested/marketing/large/light/components/progress.json +2 -1
  292. package/json/nested/marketing/small/dark/components/badge.json +8 -1
  293. package/json/nested/marketing/small/dark/components/logo.json +0 -4
  294. package/json/nested/marketing/small/dark/components/progress.json +2 -1
  295. package/json/nested/marketing/small/light/components/badge.json +8 -1
  296. package/json/nested/marketing/small/light/components/logo.json +0 -4
  297. package/json/nested/marketing/small/light/components/progress.json +2 -1
  298. package/json/nested/product/large/dark/components/badge.json +8 -1
  299. package/json/nested/product/large/dark/components/logo.json +0 -4
  300. package/json/nested/product/large/dark/components/progress.json +2 -1
  301. package/json/nested/product/large/light/components/badge.json +8 -1
  302. package/json/nested/product/large/light/components/logo.json +0 -4
  303. package/json/nested/product/large/light/components/progress.json +2 -1
  304. package/json/nested/product/small/dark/components/badge.json +8 -1
  305. package/json/nested/product/small/dark/components/logo.json +0 -4
  306. package/json/nested/product/small/dark/components/progress.json +2 -1
  307. package/json/nested/product/small/light/components/badge.json +8 -1
  308. package/json/nested/product/small/light/components/logo.json +0 -4
  309. package/json/nested/product/small/light/components/progress.json +2 -1
  310. package/package.json +1 -1
  311. package/sage-design-tokens-14.0.0.tgz +0 -0
  312. package/scss/frozenproduct/large/components/badge.scss +8 -3
  313. package/scss/frozenproduct/large/components/logo.scss +0 -2
  314. package/scss/frozenproduct/large/components/progress.scss +4 -3
  315. package/scss/frozenproduct/small/components/badge.scss +8 -3
  316. package/scss/frozenproduct/small/components/button.scss +11 -11
  317. package/scss/frozenproduct/small/components/container.scss +9 -9
  318. package/scss/frozenproduct/small/components/form.scss +7 -7
  319. package/scss/frozenproduct/small/components/link.scss +2 -2
  320. package/scss/frozenproduct/small/components/logo.scss +0 -2
  321. package/scss/frozenproduct/small/components/nav.scss +5 -5
  322. package/scss/frozenproduct/small/components/page.scss +1 -1
  323. package/scss/frozenproduct/small/components/popover.scss +2 -2
  324. package/scss/frozenproduct/small/components/progress.scss +10 -9
  325. package/scss/frozenproduct/small/components/status.scss +3 -3
  326. package/scss/frozenproduct/small/components/tab.scss +7 -7
  327. package/scss/frozenproduct/small/components/table.scss +10 -10
  328. package/scss/marketing/large/components/badge.scss +8 -3
  329. package/scss/marketing/large/components/button.scss +11 -11
  330. package/scss/marketing/large/components/container.scss +9 -9
  331. package/scss/marketing/large/components/form.scss +7 -7
  332. package/scss/marketing/large/components/link.scss +2 -2
  333. package/scss/marketing/large/components/logo.scss +0 -2
  334. package/scss/marketing/large/components/nav.scss +5 -5
  335. package/scss/marketing/large/components/page.scss +1 -1
  336. package/scss/marketing/large/components/popover.scss +2 -2
  337. package/scss/marketing/large/components/progress.scss +10 -9
  338. package/scss/marketing/large/components/status.scss +3 -3
  339. package/scss/marketing/large/components/tab.scss +7 -7
  340. package/scss/marketing/large/components/table.scss +10 -10
  341. package/scss/marketing/small/components/badge.scss +8 -3
  342. package/scss/marketing/small/components/logo.scss +0 -2
  343. package/scss/marketing/small/components/progress.scss +4 -3
  344. package/scss/product/large/components/badge.scss +8 -3
  345. package/scss/product/large/components/logo.scss +0 -2
  346. package/scss/product/large/components/progress.scss +4 -3
  347. package/scss/product/small/components/badge.scss +8 -3
  348. package/scss/product/small/components/logo.scss +0 -2
  349. package/scss/product/small/components/progress.scss +4 -3
  350. package/sage-design-tokens-13.2.0.tgz +0 -0
@@ -16,9 +16,10 @@
16
16
  #define progressSizeCarouselselectorActivedotM 16
17
17
  #define progressSizeCarouselselectorHitareaM 24
18
18
  #define progressSizeCarouselslideXM 56
19
- #define progressSizeRingS 32
20
- #define progressSizeRingM 64
21
- #define progressSizeRingL 96
19
+ #define progressSizeSpinnerXs 20
20
+ #define progressSizeSpinnerS 32
21
+ #define progressSizeSpinnerM 64
22
+ #define progressSizeSpinnerL 96
22
23
  #define progressSizeSkeletonResponsiveTextXs clamp(0.875rem, 0.875rem + 0vw, 0.875rem)
23
24
  #define progressSizeSkeletonResponsiveTextS clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
24
25
  #define progressSizeSkeletonResponsiveTextM clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
@@ -14,6 +14,11 @@
14
14
  #define badgeColorNotificationBgAlt #0060A7
15
15
  #define badgeColorNotificationLabelDefault #FFFFFF
16
16
  #define badgeColorNotificationLabelAlt #FFFFFF
17
+ #define badgeColorNotificationInverseBorderDefault #000000
18
+ #define badgeColorNotificationInverseBgDefault #E13E53
19
+ #define badgeColorNotificationInverseBgAlt #007ED9
20
+ #define badgeColorNotificationInverseLabelDefault #000000
21
+ #define badgeColorNotificationInverseLabelAlt #000000
17
22
  #define badgeSizeMicroDot 8
18
23
  #define badgeSizeMicroNumberedMin 16
19
24
  #define badgeSizeMicroNumberedMax 32
@@ -11,8 +11,6 @@
11
11
 
12
12
  #define logoColorSageBgDefault #000000
13
13
  #define logoColorSageBgAlt #000000
14
- #define logoColorTrustBgDefault #00811F
15
- #define logoColorTrustOutline #000000
16
14
  #define logoColorCopilotNoBgFgDefault #000000
17
15
  #define logoColorAiIdentifierBgStar #000000
18
16
  #define logoColorAiIdentifierBgDot #00D639
@@ -16,9 +16,10 @@
16
16
  #define progressSizeCarouselselectorActivedotM 16
17
17
  #define progressSizeCarouselselectorHitareaM 24
18
18
  #define progressSizeCarouselslideXM 56
19
- #define progressSizeRingS 32
20
- #define progressSizeRingM 64
21
- #define progressSizeRingL 96
19
+ #define progressSizeSpinnerXs 20
20
+ #define progressSizeSpinnerS 32
21
+ #define progressSizeSpinnerM 64
22
+ #define progressSizeSpinnerL 96
22
23
  #define progressSizeSkeletonResponsiveTextXs clamp(0.875rem, 0.875rem + 0vw, 0.875rem)
23
24
  #define progressSizeSkeletonResponsiveTextS clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
24
25
  #define progressSizeSkeletonResponsiveTextM clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
@@ -14,6 +14,11 @@
14
14
  #define badgeColorNotificationBgAlt #007ED9
15
15
  #define badgeColorNotificationLabelDefault #000000
16
16
  #define badgeColorNotificationLabelAlt #000000
17
+ #define badgeColorNotificationInverseBorderDefault #FFFFFF
18
+ #define badgeColorNotificationInverseBgDefault #CD384B
19
+ #define badgeColorNotificationInverseBgAlt #0060A7
20
+ #define badgeColorNotificationInverseLabelDefault #FFFFFF
21
+ #define badgeColorNotificationInverseLabelAlt #FFFFFF
17
22
  #define badgeSizeMicroDot 8
18
23
  #define badgeSizeMicroNumberedMin 16
19
24
  #define badgeSizeMicroNumberedMax 32
@@ -11,8 +11,6 @@
11
11
 
12
12
  #define logoColorSageBgDefault #00D639
13
13
  #define logoColorSageBgAlt #FFFFFF
14
- #define logoColorTrustBgDefault #009023
15
- #define logoColorTrustOutline #FFFFFF
16
14
  #define logoColorCopilotNoBgFgDefault #FFFFFF
17
15
  #define logoColorAiIdentifierBgStar #FFFFFF
18
16
  #define logoColorAiIdentifierBgDot #00D639
@@ -16,9 +16,10 @@
16
16
  #define progressSizeCarouselselectorActivedotM 16
17
17
  #define progressSizeCarouselselectorHitareaM 24
18
18
  #define progressSizeCarouselslideXM 56
19
- #define progressSizeRingS 32
20
- #define progressSizeRingM 64
21
- #define progressSizeRingL 96
19
+ #define progressSizeSpinnerXs 20
20
+ #define progressSizeSpinnerS 32
21
+ #define progressSizeSpinnerM 64
22
+ #define progressSizeSpinnerL 96
22
23
  #define progressSizeSkeletonResponsiveTextXs clamp(0.875rem, 0.875rem + 0vw, 0.875rem)
23
24
  #define progressSizeSkeletonResponsiveTextS clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
24
25
  #define progressSizeSkeletonResponsiveTextM clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
@@ -14,6 +14,11 @@
14
14
  #define badgeColorNotificationBgAlt #0060A7
15
15
  #define badgeColorNotificationLabelDefault #FFFFFF
16
16
  #define badgeColorNotificationLabelAlt #FFFFFF
17
+ #define badgeColorNotificationInverseBorderDefault #000000
18
+ #define badgeColorNotificationInverseBgDefault #E13E53
19
+ #define badgeColorNotificationInverseBgAlt #007ED9
20
+ #define badgeColorNotificationInverseLabelDefault #000000
21
+ #define badgeColorNotificationInverseLabelAlt #000000
17
22
  #define badgeSizeMicroDot 8
18
23
  #define badgeSizeMicroNumberedMin 16
19
24
  #define badgeSizeMicroNumberedMax 32
@@ -11,8 +11,6 @@
11
11
 
12
12
  #define logoColorSageBgDefault #000000
13
13
  #define logoColorSageBgAlt #000000
14
- #define logoColorTrustBgDefault #00811F
15
- #define logoColorTrustOutline #000000
16
14
  #define logoColorCopilotNoBgFgDefault #000000
17
15
  #define logoColorAiIdentifierBgStar #000000
18
16
  #define logoColorAiIdentifierBgDot #00D639
@@ -16,9 +16,10 @@
16
16
  #define progressSizeCarouselselectorActivedotM 16
17
17
  #define progressSizeCarouselselectorHitareaM 24
18
18
  #define progressSizeCarouselslideXM 56
19
- #define progressSizeRingS 32
20
- #define progressSizeRingM 64
21
- #define progressSizeRingL 96
19
+ #define progressSizeSpinnerXs 20
20
+ #define progressSizeSpinnerS 32
21
+ #define progressSizeSpinnerM 64
22
+ #define progressSizeSpinnerL 96
22
23
  #define progressSizeSkeletonResponsiveTextXs clamp(0.875rem, 0.875rem + 0vw, 0.875rem)
23
24
  #define progressSizeSkeletonResponsiveTextS clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
24
25
  #define progressSizeSkeletonResponsiveTextM clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
@@ -14,6 +14,11 @@
14
14
  #define badgeColorNotificationBgAlt #007ED9
15
15
  #define badgeColorNotificationLabelDefault #000000
16
16
  #define badgeColorNotificationLabelAlt #000000
17
+ #define badgeColorNotificationInverseBorderDefault #FFFFFF
18
+ #define badgeColorNotificationInverseBgDefault #CD384B
19
+ #define badgeColorNotificationInverseBgAlt #0060A7
20
+ #define badgeColorNotificationInverseLabelDefault #FFFFFF
21
+ #define badgeColorNotificationInverseLabelAlt #FFFFFF
17
22
  #define badgeSizeMicroDot 8
18
23
  #define badgeSizeMicroNumberedMin 16
19
24
  #define badgeSizeMicroNumberedMax 32
@@ -11,8 +11,6 @@
11
11
 
12
12
  #define logoColorSageBgDefault #00D639
13
13
  #define logoColorSageBgAlt #FFFFFF
14
- #define logoColorTrustBgDefault #009023
15
- #define logoColorTrustOutline #FFFFFF
16
14
  #define logoColorCopilotNoBgFgDefault #FFFFFF
17
15
  #define logoColorAiIdentifierBgStar #FFFFFF
18
16
  #define logoColorAiIdentifierBgDot #00D639
@@ -16,9 +16,10 @@
16
16
  #define progressSizeCarouselselectorActivedotM 16
17
17
  #define progressSizeCarouselselectorHitareaM 24
18
18
  #define progressSizeCarouselslideXM 56
19
- #define progressSizeRingS 32
20
- #define progressSizeRingM 64
21
- #define progressSizeRingL 96
19
+ #define progressSizeSpinnerXs 20
20
+ #define progressSizeSpinnerS 32
21
+ #define progressSizeSpinnerM 64
22
+ #define progressSizeSpinnerL 96
22
23
  #define progressSizeSkeletonResponsiveTextXs clamp(0.875rem, 0.875rem + 0vw, 0.875rem)
23
24
  #define progressSizeSkeletonResponsiveTextS clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
24
25
  #define progressSizeSkeletonResponsiveTextM clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
@@ -14,6 +14,11 @@
14
14
  #define badgeColorNotificationBgAlt #0060A7
15
15
  #define badgeColorNotificationLabelDefault #FFFFFF
16
16
  #define badgeColorNotificationLabelAlt #FFFFFF
17
+ #define badgeColorNotificationInverseBorderDefault #000000
18
+ #define badgeColorNotificationInverseBgDefault #E13E53
19
+ #define badgeColorNotificationInverseBgAlt #007ED9
20
+ #define badgeColorNotificationInverseLabelDefault #000000
21
+ #define badgeColorNotificationInverseLabelAlt #000000
17
22
  #define badgeSizeMicroDot 8
18
23
  #define badgeSizeMicroNumberedMin 16
19
24
  #define badgeSizeMicroNumberedMax 32
@@ -11,8 +11,6 @@
11
11
 
12
12
  #define logoColorSageBgDefault #000000
13
13
  #define logoColorSageBgAlt #000000
14
- #define logoColorTrustBgDefault #00811F
15
- #define logoColorTrustOutline #000000
16
14
  #define logoColorCopilotNoBgFgDefault #000000
17
15
  #define logoColorAiIdentifierBgStar #000000
18
16
  #define logoColorAiIdentifierBgDot #00D639
@@ -16,9 +16,10 @@
16
16
  #define progressSizeCarouselselectorActivedotM 16
17
17
  #define progressSizeCarouselselectorHitareaM 24
18
18
  #define progressSizeCarouselslideXM 56
19
- #define progressSizeRingS 32
20
- #define progressSizeRingM 64
21
- #define progressSizeRingL 96
19
+ #define progressSizeSpinnerXs 20
20
+ #define progressSizeSpinnerS 32
21
+ #define progressSizeSpinnerM 64
22
+ #define progressSizeSpinnerL 96
22
23
  #define progressSizeSkeletonResponsiveTextXs clamp(0.875rem, 0.875rem + 0vw, 0.875rem)
23
24
  #define progressSizeSkeletonResponsiveTextS clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
24
25
  #define progressSizeSkeletonResponsiveTextM clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
@@ -14,6 +14,11 @@
14
14
  #define badgeColorNotificationBgAlt #007ED9
15
15
  #define badgeColorNotificationLabelDefault #000000
16
16
  #define badgeColorNotificationLabelAlt #000000
17
+ #define badgeColorNotificationInverseBorderDefault #FFFFFF
18
+ #define badgeColorNotificationInverseBgDefault #CD384B
19
+ #define badgeColorNotificationInverseBgAlt #0060A7
20
+ #define badgeColorNotificationInverseLabelDefault #FFFFFF
21
+ #define badgeColorNotificationInverseLabelAlt #FFFFFF
17
22
  #define badgeSizeMicroDot 8
18
23
  #define badgeSizeMicroNumberedMin 16
19
24
  #define badgeSizeMicroNumberedMax 32
@@ -11,8 +11,6 @@
11
11
 
12
12
  #define logoColorSageBgDefault #00D639
13
13
  #define logoColorSageBgAlt #FFFFFF
14
- #define logoColorTrustBgDefault #009023
15
- #define logoColorTrustOutline #FFFFFF
16
14
  #define logoColorCopilotNoBgFgDefault #FFFFFF
17
15
  #define logoColorAiIdentifierBgStar #FFFFFF
18
16
  #define logoColorAiIdentifierBgDot #00D639
@@ -16,9 +16,10 @@
16
16
  #define progressSizeCarouselselectorActivedotM 16
17
17
  #define progressSizeCarouselselectorHitareaM 24
18
18
  #define progressSizeCarouselslideXM 56
19
- #define progressSizeRingS 32
20
- #define progressSizeRingM 64
21
- #define progressSizeRingL 96
19
+ #define progressSizeSpinnerXs 20
20
+ #define progressSizeSpinnerS 32
21
+ #define progressSizeSpinnerM 64
22
+ #define progressSizeSpinnerL 96
22
23
  #define progressSizeSkeletonResponsiveTextXs clamp(0.875rem, 0.875rem + 0vw, 0.875rem)
23
24
  #define progressSizeSkeletonResponsiveTextS clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
24
25
  #define progressSizeSkeletonResponsiveTextM clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
@@ -14,6 +14,11 @@
14
14
  #define badgeColorNotificationBgAlt #0060A7
15
15
  #define badgeColorNotificationLabelDefault #FFFFFF
16
16
  #define badgeColorNotificationLabelAlt #FFFFFF
17
+ #define badgeColorNotificationInverseBorderDefault #000000
18
+ #define badgeColorNotificationInverseBgDefault #E13E53
19
+ #define badgeColorNotificationInverseBgAlt #007ED9
20
+ #define badgeColorNotificationInverseLabelDefault #000000
21
+ #define badgeColorNotificationInverseLabelAlt #000000
17
22
  #define badgeSizeMicroDot 8
18
23
  #define badgeSizeMicroNumberedMin 16
19
24
  #define badgeSizeMicroNumberedMax 32
@@ -11,8 +11,6 @@
11
11
 
12
12
  #define logoColorSageBgDefault #000000
13
13
  #define logoColorSageBgAlt #000000
14
- #define logoColorTrustBgDefault #00811F
15
- #define logoColorTrustOutline #000000
16
14
  #define logoColorCopilotNoBgFgDefault #000000
17
15
  #define logoColorAiIdentifierBgStar #000000
18
16
  #define logoColorAiIdentifierBgDot #00D639
@@ -16,9 +16,10 @@
16
16
  #define progressSizeCarouselselectorActivedotM 16
17
17
  #define progressSizeCarouselselectorHitareaM 24
18
18
  #define progressSizeCarouselslideXM 56
19
- #define progressSizeRingS 32
20
- #define progressSizeRingM 64
21
- #define progressSizeRingL 96
19
+ #define progressSizeSpinnerXs 20
20
+ #define progressSizeSpinnerS 32
21
+ #define progressSizeSpinnerM 64
22
+ #define progressSizeSpinnerL 96
22
23
  #define progressSizeSkeletonResponsiveTextXs clamp(0.875rem, 0.875rem + 0vw, 0.875rem)
23
24
  #define progressSizeSkeletonResponsiveTextS clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
24
25
  #define progressSizeSkeletonResponsiveTextM clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
@@ -27,6 +27,13 @@ declare const tokens: {
27
27
  "bg-alt": DesignToken;
28
28
  "label-default": DesignToken;
29
29
  "label-alt": DesignToken;
30
+ inverse: {
31
+ "border-default": DesignToken;
32
+ "bg-default": DesignToken;
33
+ "bg-alt": DesignToken;
34
+ "label-default": DesignToken;
35
+ "label-alt": DesignToken;
36
+ };
30
37
  };
31
38
  };
32
39
  size: {
@@ -17,7 +17,7 @@ module.exports = {
17
17
  isSource: true,
18
18
  original: {
19
19
  $type: "color",
20
- $value: "{modes.color.generic.fg.nought}",
20
+ $value: "{modes.color.generic.content.nought}",
21
21
  },
22
22
  name: "badgeColorNotificationBorderDefault",
23
23
  attributes: {},
@@ -58,7 +58,7 @@ module.exports = {
58
58
  isSource: true,
59
59
  original: {
60
60
  $type: "color",
61
- $value: "{modes.color.generic.fg.nought}",
61
+ $value: "{modes.color.generic.content.nought}",
62
62
  },
63
63
  name: "badgeColorNotificationLabelDefault",
64
64
  attributes: {},
@@ -71,12 +71,93 @@ module.exports = {
71
71
  isSource: true,
72
72
  original: {
73
73
  $type: "color",
74
- $value: "{modes.color.generic.fg.nought}",
74
+ $value: "{modes.color.generic.content.nought}",
75
75
  },
76
76
  name: "badgeColorNotificationLabelAlt",
77
77
  attributes: {},
78
78
  path: ["badge", "color", "notification", "label-alt"],
79
79
  },
80
+ inverse: {
81
+ "border-default": {
82
+ $type: "color",
83
+ $value: "#FFFFFF",
84
+ filePath: "data/tokens/components/badge.json",
85
+ isSource: true,
86
+ original: {
87
+ $type: "color",
88
+ $value: "{modes.color.generic.content.extreme}",
89
+ },
90
+ name: "badgeColorNotificationInverseBorderDefault",
91
+ attributes: {},
92
+ path: [
93
+ "badge",
94
+ "color",
95
+ "notification",
96
+ "inverse",
97
+ "border-default",
98
+ ],
99
+ },
100
+ "bg-default": {
101
+ $type: "color",
102
+ $value: "#CD384B",
103
+ $description: "Used in global nav notification badges",
104
+ filePath: "data/tokens/components/badge.json",
105
+ isSource: true,
106
+ original: {
107
+ $type: "color",
108
+ $value: "{modes.color.status.negative.inverse.default}",
109
+ $description: "Used in global nav notification badges",
110
+ },
111
+ name: "badgeColorNotificationInverseBgDefault",
112
+ attributes: {},
113
+ path: ["badge", "color", "notification", "inverse", "bg-default"],
114
+ },
115
+ "bg-alt": {
116
+ $type: "color",
117
+ $value: "#0060A7",
118
+ filePath: "data/tokens/components/badge.json",
119
+ isSource: true,
120
+ original: {
121
+ $type: "color",
122
+ $value: "{modes.color.status.info.inverse.default}",
123
+ },
124
+ name: "badgeColorNotificationInverseBgAlt",
125
+ attributes: {},
126
+ path: ["badge", "color", "notification", "inverse", "bg-alt"],
127
+ },
128
+ "label-default": {
129
+ $type: "color",
130
+ $value: "#FFFFFF",
131
+ filePath: "data/tokens/components/badge.json",
132
+ isSource: true,
133
+ original: {
134
+ $type: "color",
135
+ $value: "{modes.color.generic.content.extreme}",
136
+ },
137
+ name: "badgeColorNotificationInverseLabelDefault",
138
+ attributes: {},
139
+ path: [
140
+ "badge",
141
+ "color",
142
+ "notification",
143
+ "inverse",
144
+ "label-default",
145
+ ],
146
+ },
147
+ "label-alt": {
148
+ $type: "color",
149
+ $value: "#FFFFFF",
150
+ filePath: "data/tokens/components/badge.json",
151
+ isSource: true,
152
+ original: {
153
+ $type: "color",
154
+ $value: "{modes.color.generic.content.extreme}",
155
+ },
156
+ name: "badgeColorNotificationInverseLabelAlt",
157
+ attributes: {},
158
+ path: ["badge", "color", "notification", "inverse", "label-alt"],
159
+ },
160
+ },
80
161
  },
81
162
  },
82
163
  size: {
@@ -25,10 +25,6 @@ declare const tokens: {
25
25
  "bg-default": DesignToken;
26
26
  "bg-alt": DesignToken;
27
27
  };
28
- trust: {
29
- "bg-default": DesignToken;
30
- outline: DesignToken;
31
- };
32
28
  copilot: {
33
29
  noBg: {
34
30
  "fg-default": DesignToken;
@@ -39,36 +39,6 @@ module.exports = {
39
39
  path: ["logo", "color", "sage", "bg-alt"],
40
40
  },
41
41
  },
42
- trust: {
43
- "bg-default": {
44
- $type: "color",
45
- $value: "#009023",
46
- $description: "filled",
47
- filePath: "data/tokens/components/logo.json",
48
- isSource: true,
49
- original: {
50
- $type: "color",
51
- $value: "{modes.color.status.positive.default}",
52
- $description: "filled",
53
- },
54
- name: "logoColorTrustBgDefault",
55
- attributes: {},
56
- path: ["logo", "color", "trust", "bg-default"],
57
- },
58
- outline: {
59
- $type: "color",
60
- $value: "#FFFFFF",
61
- filePath: "data/tokens/components/logo.json",
62
- isSource: true,
63
- original: {
64
- $type: "color",
65
- $value: "{modes.color.generic.content.extreme}",
66
- },
67
- name: "logoColorTrustOutline",
68
- attributes: {},
69
- path: ["logo", "color", "trust", "outline"],
70
- },
71
- },
72
42
  copilot: {
73
43
  noBg: {
74
44
  "fg-default": {
@@ -42,7 +42,8 @@ declare const tokens: {
42
42
  M: DesignToken;
43
43
  };
44
44
  };
45
- ring: {
45
+ spinner: {
46
+ XS: DesignToken;
46
47
  S: DesignToken;
47
48
  M: DesignToken;
48
49
  L: DesignToken;
@@ -122,7 +122,22 @@ module.exports = {
122
122
  },
123
123
  },
124
124
  },
125
- ring: {
125
+ spinner: {
126
+ XS: {
127
+ $type: "sizing",
128
+ $value: 20,
129
+ $description: "Loader ring for XS size loader spinners",
130
+ filePath: "data/tokens/components/progress.json",
131
+ isSource: true,
132
+ original: {
133
+ $type: "sizing",
134
+ $value: "{global.size.macro.XS} - {global.size.micro.XS}",
135
+ $description: "Loader ring for XS size loader spinners",
136
+ },
137
+ name: "progressSizeSpinnerXs",
138
+ attributes: {},
139
+ path: ["progress", "size", "spinner", "XS"],
140
+ },
126
141
  S: {
127
142
  $type: "sizing",
128
143
  $value: 32,
@@ -134,9 +149,9 @@ module.exports = {
134
149
  $value: "{global.size.macro.S}",
135
150
  $description: "Loader ring",
136
151
  },
137
- name: "progressSizeRingS",
152
+ name: "progressSizeSpinnerS",
138
153
  attributes: {},
139
- path: ["progress", "size", "ring", "S"],
154
+ path: ["progress", "size", "spinner", "S"],
140
155
  },
141
156
  M: {
142
157
  $type: "sizing",
@@ -149,9 +164,9 @@ module.exports = {
149
164
  $value: "{global.size.macro.S} * 2",
150
165
  $description: "Loader ring",
151
166
  },
152
- name: "progressSizeRingM",
167
+ name: "progressSizeSpinnerM",
153
168
  attributes: {},
154
- path: ["progress", "size", "ring", "M"],
169
+ path: ["progress", "size", "spinner", "M"],
155
170
  },
156
171
  L: {
157
172
  $type: "sizing",
@@ -164,9 +179,9 @@ module.exports = {
164
179
  $value: "{global.size.macro.XS} * 4",
165
180
  $description: "Loader ring",
166
181
  },
167
- name: "progressSizeRingL",
182
+ name: "progressSizeSpinnerL",
168
183
  attributes: {},
169
- path: ["progress", "size", "ring", "L"],
184
+ path: ["progress", "size", "spinner", "L"],
170
185
  },
171
186
  },
172
187
  skeleton: {
@@ -27,6 +27,13 @@ declare const tokens: {
27
27
  "bg-alt": DesignToken;
28
28
  "label-default": DesignToken;
29
29
  "label-alt": DesignToken;
30
+ inverse: {
31
+ "border-default": DesignToken;
32
+ "bg-default": DesignToken;
33
+ "bg-alt": DesignToken;
34
+ "label-default": DesignToken;
35
+ "label-alt": DesignToken;
36
+ };
30
37
  };
31
38
  };
32
39
  size: {
@@ -17,7 +17,7 @@ module.exports = {
17
17
  isSource: true,
18
18
  original: {
19
19
  $type: "color",
20
- $value: "{modes.color.generic.fg.nought}",
20
+ $value: "{modes.color.generic.content.nought}",
21
21
  },
22
22
  name: "badgeColorNotificationBorderDefault",
23
23
  attributes: {},
@@ -58,7 +58,7 @@ module.exports = {
58
58
  isSource: true,
59
59
  original: {
60
60
  $type: "color",
61
- $value: "{modes.color.generic.fg.nought}",
61
+ $value: "{modes.color.generic.content.nought}",
62
62
  },
63
63
  name: "badgeColorNotificationLabelDefault",
64
64
  attributes: {},
@@ -71,12 +71,93 @@ module.exports = {
71
71
  isSource: true,
72
72
  original: {
73
73
  $type: "color",
74
- $value: "{modes.color.generic.fg.nought}",
74
+ $value: "{modes.color.generic.content.nought}",
75
75
  },
76
76
  name: "badgeColorNotificationLabelAlt",
77
77
  attributes: {},
78
78
  path: ["badge", "color", "notification", "label-alt"],
79
79
  },
80
+ inverse: {
81
+ "border-default": {
82
+ $type: "color",
83
+ $value: "#000000",
84
+ filePath: "data/tokens/components/badge.json",
85
+ isSource: true,
86
+ original: {
87
+ $type: "color",
88
+ $value: "{modes.color.generic.content.extreme}",
89
+ },
90
+ name: "badgeColorNotificationInverseBorderDefault",
91
+ attributes: {},
92
+ path: [
93
+ "badge",
94
+ "color",
95
+ "notification",
96
+ "inverse",
97
+ "border-default",
98
+ ],
99
+ },
100
+ "bg-default": {
101
+ $type: "color",
102
+ $value: "#E13E53",
103
+ $description: "Used in global nav notification badges",
104
+ filePath: "data/tokens/components/badge.json",
105
+ isSource: true,
106
+ original: {
107
+ $type: "color",
108
+ $value: "{modes.color.status.negative.inverse.default}",
109
+ $description: "Used in global nav notification badges",
110
+ },
111
+ name: "badgeColorNotificationInverseBgDefault",
112
+ attributes: {},
113
+ path: ["badge", "color", "notification", "inverse", "bg-default"],
114
+ },
115
+ "bg-alt": {
116
+ $type: "color",
117
+ $value: "#007ED9",
118
+ filePath: "data/tokens/components/badge.json",
119
+ isSource: true,
120
+ original: {
121
+ $type: "color",
122
+ $value: "{modes.color.status.info.inverse.default}",
123
+ },
124
+ name: "badgeColorNotificationInverseBgAlt",
125
+ attributes: {},
126
+ path: ["badge", "color", "notification", "inverse", "bg-alt"],
127
+ },
128
+ "label-default": {
129
+ $type: "color",
130
+ $value: "#000000",
131
+ filePath: "data/tokens/components/badge.json",
132
+ isSource: true,
133
+ original: {
134
+ $type: "color",
135
+ $value: "{modes.color.generic.content.extreme}",
136
+ },
137
+ name: "badgeColorNotificationInverseLabelDefault",
138
+ attributes: {},
139
+ path: [
140
+ "badge",
141
+ "color",
142
+ "notification",
143
+ "inverse",
144
+ "label-default",
145
+ ],
146
+ },
147
+ "label-alt": {
148
+ $type: "color",
149
+ $value: "#000000",
150
+ filePath: "data/tokens/components/badge.json",
151
+ isSource: true,
152
+ original: {
153
+ $type: "color",
154
+ $value: "{modes.color.generic.content.extreme}",
155
+ },
156
+ name: "badgeColorNotificationInverseLabelAlt",
157
+ attributes: {},
158
+ path: ["badge", "color", "notification", "inverse", "label-alt"],
159
+ },
160
+ },
80
161
  },
81
162
  },
82
163
  size: {