@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
package/css/frozenproduct/all.css CHANGED
@@ -699,10 +699,15 @@
699
699
  --badge-radius-badge: var(--global-radius-circle); /* Badge */
700
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 */
701
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));
702
707
  --badge-typography-m: var(--global-typography-component-notification-m);
703
- --badge-color-notification-border-default: light-dark(var(--modes-color-generic-fg-nought-light), var(--modes-color-generic-fg-nought-dark));
704
- --badge-color-notification-label-default: light-dark(var(--modes-color-generic-fg-nought-light), var(--modes-color-generic-fg-nought-dark));
705
- --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));
706
711
  --badge-size-micro-dot: var(--global-size-micro-m); /* Micro dot badge size */
707
712
  --badge-size-micro-numbered-min: var(--global-size-macro-xxs); /* Micro dot badge size with numbering */
708
713
  --badge-size-micro-numbered-max: var(--global-size-macro-s); /* Micro dot badge size max width */
@@ -1662,8 +1667,6 @@
1662
1667
  --logo-size-ai-m: 14px; /* AI star */
1663
1668
  --logo-color-sage-bg-default: light-dark(var(--modes-color-brand-default-light), var(--modes-color-brand-default-dark)); /* sage logo */
1664
1669
  --logo-color-sage-bg-alt: light-dark(var(--modes-color-brand-default-alt-light), var(--modes-color-brand-default-alt-dark));
1665
- --logo-color-trust-bg-default: light-dark(var(--modes-color-status-positive-default-light), var(--modes-color-status-positive-default-dark)); /* filled */
1666
- --logo-color-trust-outline: light-dark(var(--modes-color-generic-content-extreme-light), var(--modes-color-generic-content-extreme-dark));
1667
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));
1668
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 */
1669
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));
@@ -2025,9 +2028,10 @@
2025
2028
  --progress-size-carouselselector-activedot-m: var(--global-size-macro-xxs);
2026
2029
  --progress-size-carouselselector-hitarea-m: var(--global-size-macro-xs);
2027
2030
  --progress-size-carouselslide-x-m: var(--global-size-macro-xl); /* Inactive slide */
2028
- --progress-size-ring-s: var(--global-size-macro-s); /* Loader ring */
2029
- --progress-size-ring-m: calc(var(--global-size-macro-s) * 2); /* Loader ring */
2030
- --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 */
2031
2035
  --progress-size-stepflow-m: var(--global-size-micro-m); /* Step height */
2032
2036
  --progress-size-stepindicator-bar: var(--global-size-micro-xxs); /* step indicator bar */
2033
2037
  --progress-size-stepindicator-stepcircle-s: var(--global-size-macro-xs); /* M size step indicator */
package/css/frozenproduct/large/components/badge.css CHANGED
@@ -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 */
package/css/frozenproduct/large/components/logo.css CHANGED
@@ -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);
package/css/frozenproduct/large/components/progress.css CHANGED
@@ -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 */
package/css/frozenproduct/small/components/badge.css CHANGED
@@ -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 */
package/css/frozenproduct/small/components/logo.css CHANGED
@@ -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);
package/css/frozenproduct/small/components/progress.css CHANGED
@@ -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 */
package/css/marketing/all.css CHANGED
@@ -699,10 +699,15 @@
699
699
  --badge-radius-badge: var(--global-radius-circle); /* Badge */
700
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 */
701
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));
702
707
  --badge-typography-m: var(--global-typography-component-notification-m);
703
- --badge-color-notification-border-default: light-dark(var(--modes-color-generic-fg-nought-light), var(--modes-color-generic-fg-nought-dark));
704
- --badge-color-notification-label-default: light-dark(var(--modes-color-generic-fg-nought-light), var(--modes-color-generic-fg-nought-dark));
705
- --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));
706
711
  --badge-size-micro-dot: var(--global-size-micro-m); /* Micro dot badge size */
707
712
  --badge-size-micro-numbered-min: var(--global-size-macro-xxs); /* Micro dot badge size with numbering */
708
713
  --badge-size-micro-numbered-max: var(--global-size-macro-s); /* Micro dot badge size max width */
@@ -1662,8 +1667,6 @@
1662
1667
  --logo-size-ai-m: 14px; /* AI star */
1663
1668
  --logo-color-sage-bg-default: light-dark(var(--modes-color-brand-default-light), var(--modes-color-brand-default-dark)); /* sage logo */
1664
1669
  --logo-color-sage-bg-alt: light-dark(var(--modes-color-brand-default-alt-light), var(--modes-color-brand-default-alt-dark));
1665
- --logo-color-trust-bg-default: light-dark(var(--modes-color-status-positive-default-light), var(--modes-color-status-positive-default-dark)); /* filled */
1666
- --logo-color-trust-outline: light-dark(var(--modes-color-generic-content-extreme-light), var(--modes-color-generic-content-extreme-dark));
1667
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));
1668
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 */
1669
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));
@@ -2025,9 +2028,10 @@
2025
2028
  --progress-size-carouselselector-activedot-m: var(--global-size-macro-xxs);
2026
2029
  --progress-size-carouselselector-hitarea-m: var(--global-size-macro-xs);
2027
2030
  --progress-size-carouselslide-x-m: var(--global-size-macro-xl); /* Inactive slide */
2028
- --progress-size-ring-s: var(--global-size-macro-s); /* Loader ring */
2029
- --progress-size-ring-m: calc(var(--global-size-macro-s) * 2); /* Loader ring */
2030
- --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 */
2031
2035
  --progress-size-stepflow-m: var(--global-size-micro-m); /* Step height */
2032
2036
  --progress-size-stepindicator-bar: var(--global-size-micro-xxs); /* step indicator bar */
2033
2037
  --progress-size-stepindicator-stepcircle-s: var(--global-size-macro-xs); /* M size step indicator */
package/css/marketing/large/components/badge.css CHANGED
@@ -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 */
package/css/marketing/large/components/logo.css CHANGED
@@ -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);
package/css/marketing/large/components/progress.css CHANGED
@@ -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 */
package/css/marketing/small/components/badge.css CHANGED
@@ -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 */
package/css/marketing/small/components/logo.css CHANGED
@@ -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);
package/css/marketing/small/components/progress.css CHANGED
@@ -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 */
package/css/product/all.css CHANGED
@@ -699,10 +699,15 @@
699
699
  --badge-radius-badge: var(--global-radius-circle); /* Badge */
700
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 */
701
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));
702
707
  --badge-typography-m: var(--global-typography-component-notification-m);
703
- --badge-color-notification-border-default: light-dark(var(--modes-color-generic-fg-nought-light), var(--modes-color-generic-fg-nought-dark));
704
- --badge-color-notification-label-default: light-dark(var(--modes-color-generic-fg-nought-light), var(--modes-color-generic-fg-nought-dark));
705
- --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));
706
711
  --badge-size-micro-dot: var(--global-size-micro-m); /* Micro dot badge size */
707
712
  --badge-size-micro-numbered-min: var(--global-size-macro-xxs); /* Micro dot badge size with numbering */
708
713
  --badge-size-micro-numbered-max: var(--global-size-macro-s); /* Micro dot badge size max width */
@@ -1662,8 +1667,6 @@
1662
1667
  --logo-size-ai-m: 14px; /* AI star */
1663
1668
  --logo-color-sage-bg-default: light-dark(var(--modes-color-brand-default-light), var(--modes-color-brand-default-dark)); /* sage logo */
1664
1669
  --logo-color-sage-bg-alt: light-dark(var(--modes-color-brand-default-alt-light), var(--modes-color-brand-default-alt-dark));
1665
- --logo-color-trust-bg-default: light-dark(var(--modes-color-status-positive-default-light), var(--modes-color-status-positive-default-dark)); /* filled */
1666
- --logo-color-trust-outline: light-dark(var(--modes-color-generic-content-extreme-light), var(--modes-color-generic-content-extreme-dark));
1667
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));
1668
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 */
1669
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));
@@ -2025,9 +2028,10 @@
2025
2028
  --progress-size-carouselselector-activedot-m: var(--global-size-macro-xxs);
2026
2029
  --progress-size-carouselselector-hitarea-m: var(--global-size-macro-xs);
2027
2030
  --progress-size-carouselslide-x-m: var(--global-size-macro-xl); /* Inactive slide */
2028
- --progress-size-ring-s: var(--global-size-macro-s); /* Loader ring */
2029
- --progress-size-ring-m: calc(var(--global-size-macro-s) * 2); /* Loader ring */
2030
- --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 */
2031
2035
  --progress-size-stepflow-m: var(--global-size-micro-m); /* Step height */
2032
2036
  --progress-size-stepindicator-bar: var(--global-size-micro-xxs); /* step indicator bar */
2033
2037
  --progress-size-stepindicator-stepcircle-s: var(--global-size-macro-xs); /* M size step indicator */
package/css/product/large/components/badge.css CHANGED
@@ -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 */
package/css/product/large/components/logo.css CHANGED
@@ -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);
package/css/product/large/components/progress.css CHANGED
@@ -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 */
package/css/product/small/components/badge.css CHANGED
@@ -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 */
package/css/product/small/components/logo.css CHANGED
@@ -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);
package/css/product/small/components/progress.css CHANGED
@@ -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 */
package/ios/frozenproduct/large/dark/components/badge.h CHANGED
@@ -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
package/ios/frozenproduct/large/dark/components/logo.h CHANGED
@@ -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
package/ios/frozenproduct/large/dark/components/progress.h CHANGED
@@ -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)
package/ios/frozenproduct/large/light/components/badge.h CHANGED
@@ -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
package/ios/frozenproduct/large/light/components/logo.h CHANGED
@@ -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
package/ios/frozenproduct/large/light/components/progress.h CHANGED
@@ -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)
package/ios/frozenproduct/small/dark/components/badge.h CHANGED
@@ -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
package/ios/frozenproduct/small/dark/components/logo.h CHANGED
@@ -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
package/ios/frozenproduct/small/dark/components/progress.h CHANGED
@@ -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)
package/ios/frozenproduct/small/light/components/badge.h CHANGED
@@ -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
package/ios/frozenproduct/small/light/components/logo.h CHANGED
@@ -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
package/ios/frozenproduct/small/light/components/progress.h CHANGED
@@ -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)
package/ios/marketing/large/dark/components/badge.h CHANGED
@@ -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
package/ios/marketing/large/dark/components/logo.h CHANGED
@@ -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