@sage/design-tokens 5.2.0 → 6.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 (374) hide show
  1. package/css/frozenproduct/all.css +87 -77
  2. package/css/frozenproduct/large/components/logo.css +1 -6
  3. package/css/frozenproduct/large/components/status.css +67 -48
  4. package/css/frozenproduct/large/dark.css +12 -14
  5. package/css/frozenproduct/large/light.css +7 -9
  6. package/css/frozenproduct/small/components/logo.css +1 -6
  7. package/css/frozenproduct/small/components/status.css +67 -48
  8. package/css/frozenproduct/small/dark.css +12 -14
  9. package/css/frozenproduct/small/light.css +7 -9
  10. package/css/marketing/all.css +118 -108
  11. package/css/marketing/large/components/logo.css +1 -6
  12. package/css/marketing/large/components/status.css +67 -48
  13. package/css/marketing/large/dark.css +12 -14
  14. package/css/marketing/large/light.css +7 -9
  15. package/css/marketing/small/components/button.css +22 -22
  16. package/css/marketing/small/components/container.css +9 -9
  17. package/css/marketing/small/components/logo.css +1 -6
  18. package/css/marketing/small/components/status.css +67 -48
  19. package/css/marketing/small/dark.css +12 -14
  20. package/css/marketing/small/light.css +7 -9
  21. package/css/product/all.css +87 -77
  22. package/css/product/large/components/logo.css +1 -6
  23. package/css/product/large/components/status.css +67 -48
  24. package/css/product/large/dark.css +12 -14
  25. package/css/product/large/light.css +7 -9
  26. package/css/product/small/components/logo.css +1 -6
  27. package/css/product/small/components/status.css +67 -48
  28. package/css/product/small/dark.css +12 -14
  29. package/css/product/small/light.css +7 -9
  30. package/ios/frozenproduct/large/dark/components/logo.h +0 -5
  31. package/ios/frozenproduct/large/dark/components/status.h +67 -48
  32. package/ios/frozenproduct/large/dark/mode.h +12 -14
  33. package/ios/frozenproduct/large/light/components/logo.h +0 -5
  34. package/ios/frozenproduct/large/light/components/status.h +67 -48
  35. package/ios/frozenproduct/large/light/mode.h +7 -9
  36. package/ios/frozenproduct/small/dark/components/logo.h +0 -5
  37. package/ios/frozenproduct/small/dark/components/status.h +67 -48
  38. package/ios/frozenproduct/small/dark/mode.h +12 -14
  39. package/ios/frozenproduct/small/light/components/logo.h +0 -5
  40. package/ios/frozenproduct/small/light/components/status.h +67 -48
  41. package/ios/frozenproduct/small/light/mode.h +7 -9
  42. package/ios/marketing/large/dark/components/logo.h +0 -5
  43. package/ios/marketing/large/dark/components/status.h +67 -48
  44. package/ios/marketing/large/dark/mode.h +12 -14
  45. package/ios/marketing/large/light/components/logo.h +0 -5
  46. package/ios/marketing/large/light/components/status.h +67 -48
  47. package/ios/marketing/large/light/mode.h +7 -9
  48. package/ios/marketing/small/dark/components/logo.h +0 -5
  49. package/ios/marketing/small/dark/components/status.h +67 -48
  50. package/ios/marketing/small/dark/mode.h +12 -14
  51. package/ios/marketing/small/light/components/logo.h +0 -5
  52. package/ios/marketing/small/light/components/status.h +67 -48
  53. package/ios/marketing/small/light/mode.h +7 -9
  54. package/ios/product/large/dark/components/logo.h +0 -5
  55. package/ios/product/large/dark/components/status.h +67 -48
  56. package/ios/product/large/dark/mode.h +12 -14
  57. package/ios/product/large/light/components/logo.h +0 -5
  58. package/ios/product/large/light/components/status.h +67 -48
  59. package/ios/product/large/light/mode.h +7 -9
  60. package/ios/product/small/dark/components/logo.h +0 -5
  61. package/ios/product/small/dark/components/status.h +67 -48
  62. package/ios/product/small/dark/mode.h +12 -14
  63. package/ios/product/small/light/components/logo.h +0 -5
  64. package/ios/product/small/light/components/status.h +67 -48
  65. package/ios/product/small/light/mode.h +7 -9
  66. package/js/common/frozenproduct/large/dark/components/logo.d.ts +0 -7
  67. package/js/common/frozenproduct/large/dark/components/logo.js +1 -70
  68. package/js/common/frozenproduct/large/dark/components/status.d.ts +103 -60
  69. package/js/common/frozenproduct/large/dark/components/status.js +1534 -892
  70. package/js/common/frozenproduct/large/dark/mode.d.ts +16 -20
  71. package/js/common/frozenproduct/large/dark/mode.js +410 -193
  72. package/js/common/frozenproduct/large/light/components/logo.d.ts +0 -7
  73. package/js/common/frozenproduct/large/light/components/logo.js +1 -70
  74. package/js/common/frozenproduct/large/light/components/status.d.ts +103 -60
  75. package/js/common/frozenproduct/large/light/components/status.js +1534 -892
  76. package/js/common/frozenproduct/large/light/mode.d.ts +7 -11
  77. package/js/common/frozenproduct/large/light/mode.js +416 -99
  78. package/js/common/frozenproduct/small/dark/components/logo.d.ts +0 -7
  79. package/js/common/frozenproduct/small/dark/components/logo.js +1 -70
  80. package/js/common/frozenproduct/small/dark/components/status.d.ts +103 -60
  81. package/js/common/frozenproduct/small/dark/components/status.js +1534 -892
  82. package/js/common/frozenproduct/small/dark/mode.d.ts +16 -20
  83. package/js/common/frozenproduct/small/dark/mode.js +410 -193
  84. package/js/common/frozenproduct/small/light/components/logo.d.ts +0 -7
  85. package/js/common/frozenproduct/small/light/components/logo.js +1 -70
  86. package/js/common/frozenproduct/small/light/components/status.d.ts +103 -60
  87. package/js/common/frozenproduct/small/light/components/status.js +1534 -892
  88. package/js/common/frozenproduct/small/light/mode.d.ts +7 -11
  89. package/js/common/frozenproduct/small/light/mode.js +416 -99
  90. package/js/common/marketing/large/dark/components/logo.d.ts +0 -7
  91. package/js/common/marketing/large/dark/components/logo.js +1 -70
  92. package/js/common/marketing/large/dark/components/status.d.ts +103 -60
  93. package/js/common/marketing/large/dark/components/status.js +1534 -892
  94. package/js/common/marketing/large/dark/mode.d.ts +16 -20
  95. package/js/common/marketing/large/dark/mode.js +410 -193
  96. package/js/common/marketing/large/light/components/logo.d.ts +0 -7
  97. package/js/common/marketing/large/light/components/logo.js +1 -70
  98. package/js/common/marketing/large/light/components/status.d.ts +103 -60
  99. package/js/common/marketing/large/light/components/status.js +1534 -892
  100. package/js/common/marketing/large/light/mode.d.ts +7 -11
  101. package/js/common/marketing/large/light/mode.js +416 -99
  102. package/js/common/marketing/small/dark/components/logo.d.ts +0 -7
  103. package/js/common/marketing/small/dark/components/logo.js +1 -70
  104. package/js/common/marketing/small/dark/components/status.d.ts +103 -60
  105. package/js/common/marketing/small/dark/components/status.js +1534 -892
  106. package/js/common/marketing/small/dark/mode.d.ts +16 -20
  107. package/js/common/marketing/small/dark/mode.js +410 -193
  108. package/js/common/marketing/small/light/components/logo.d.ts +0 -7
  109. package/js/common/marketing/small/light/components/logo.js +1 -70
  110. package/js/common/marketing/small/light/components/status.d.ts +103 -60
  111. package/js/common/marketing/small/light/components/status.js +1534 -892
  112. package/js/common/marketing/small/light/mode.d.ts +7 -11
  113. package/js/common/marketing/small/light/mode.js +416 -99
  114. package/js/common/product/large/dark/components/logo.d.ts +0 -7
  115. package/js/common/product/large/dark/components/logo.js +1 -70
  116. package/js/common/product/large/dark/components/status.d.ts +103 -60
  117. package/js/common/product/large/dark/components/status.js +1534 -892
  118. package/js/common/product/large/dark/mode.d.ts +16 -20
  119. package/js/common/product/large/dark/mode.js +410 -193
  120. package/js/common/product/large/light/components/logo.d.ts +0 -7
  121. package/js/common/product/large/light/components/logo.js +1 -70
  122. package/js/common/product/large/light/components/status.d.ts +103 -60
  123. package/js/common/product/large/light/components/status.js +1534 -892
  124. package/js/common/product/large/light/mode.d.ts +7 -11
  125. package/js/common/product/large/light/mode.js +416 -99
  126. package/js/common/product/small/dark/components/logo.d.ts +0 -7
  127. package/js/common/product/small/dark/components/logo.js +1 -70
  128. package/js/common/product/small/dark/components/status.d.ts +103 -60
  129. package/js/common/product/small/dark/components/status.js +1534 -892
  130. package/js/common/product/small/dark/mode.d.ts +16 -20
  131. package/js/common/product/small/dark/mode.js +410 -193
  132. package/js/common/product/small/light/components/logo.d.ts +0 -7
  133. package/js/common/product/small/light/components/logo.js +1 -70
  134. package/js/common/product/small/light/components/status.d.ts +103 -60
  135. package/js/common/product/small/light/components/status.js +1534 -892
  136. package/js/common/product/small/light/mode.d.ts +7 -11
  137. package/js/common/product/small/light/mode.js +416 -99
  138. package/js/es6/frozenproduct/large/dark/components/logo.d.ts +0 -5
  139. package/js/es6/frozenproduct/large/dark/components/logo.js +0 -7
  140. package/js/es6/frozenproduct/large/dark/components/status.d.ts +84 -60
  141. package/js/es6/frozenproduct/large/dark/components/status.js +67 -48
  142. package/js/es6/frozenproduct/large/dark/mode.d.ts +17 -15
  143. package/js/es6/frozenproduct/large/dark/mode.js +12 -16
  144. package/js/es6/frozenproduct/large/light/components/logo.d.ts +0 -5
  145. package/js/es6/frozenproduct/large/light/components/logo.js +0 -7
  146. package/js/es6/frozenproduct/large/light/components/status.d.ts +84 -60
  147. package/js/es6/frozenproduct/large/light/components/status.js +67 -48
  148. package/js/es6/frozenproduct/large/light/mode.d.ts +11 -9
  149. package/js/es6/frozenproduct/large/light/mode.js +7 -11
  150. package/js/es6/frozenproduct/small/dark/components/logo.d.ts +0 -5
  151. package/js/es6/frozenproduct/small/dark/components/logo.js +0 -7
  152. package/js/es6/frozenproduct/small/dark/components/status.d.ts +84 -60
  153. package/js/es6/frozenproduct/small/dark/components/status.js +67 -48
  154. package/js/es6/frozenproduct/small/dark/mode.d.ts +17 -15
  155. package/js/es6/frozenproduct/small/dark/mode.js +12 -16
  156. package/js/es6/frozenproduct/small/light/components/logo.d.ts +0 -5
  157. package/js/es6/frozenproduct/small/light/components/logo.js +0 -7
  158. package/js/es6/frozenproduct/small/light/components/status.d.ts +84 -60
  159. package/js/es6/frozenproduct/small/light/components/status.js +67 -48
  160. package/js/es6/frozenproduct/small/light/mode.d.ts +11 -9
  161. package/js/es6/frozenproduct/small/light/mode.js +7 -11
  162. package/js/es6/marketing/large/dark/components/logo.d.ts +0 -5
  163. package/js/es6/marketing/large/dark/components/logo.js +0 -7
  164. package/js/es6/marketing/large/dark/components/status.d.ts +84 -60
  165. package/js/es6/marketing/large/dark/components/status.js +67 -48
  166. package/js/es6/marketing/large/dark/mode.d.ts +17 -15
  167. package/js/es6/marketing/large/dark/mode.js +12 -16
  168. package/js/es6/marketing/large/light/components/logo.d.ts +0 -5
  169. package/js/es6/marketing/large/light/components/logo.js +0 -7
  170. package/js/es6/marketing/large/light/components/status.d.ts +84 -60
  171. package/js/es6/marketing/large/light/components/status.js +67 -48
  172. package/js/es6/marketing/large/light/mode.d.ts +11 -9
  173. package/js/es6/marketing/large/light/mode.js +7 -11
  174. package/js/es6/marketing/small/dark/components/logo.d.ts +0 -5
  175. package/js/es6/marketing/small/dark/components/logo.js +0 -7
  176. package/js/es6/marketing/small/dark/components/status.d.ts +84 -60
  177. package/js/es6/marketing/small/dark/components/status.js +67 -48
  178. package/js/es6/marketing/small/dark/mode.d.ts +17 -15
  179. package/js/es6/marketing/small/dark/mode.js +12 -16
  180. package/js/es6/marketing/small/light/components/logo.d.ts +0 -5
  181. package/js/es6/marketing/small/light/components/logo.js +0 -7
  182. package/js/es6/marketing/small/light/components/status.d.ts +84 -60
  183. package/js/es6/marketing/small/light/components/status.js +67 -48
  184. package/js/es6/marketing/small/light/mode.d.ts +11 -9
  185. package/js/es6/marketing/small/light/mode.js +7 -11
  186. package/js/es6/product/large/dark/components/logo.d.ts +0 -5
  187. package/js/es6/product/large/dark/components/logo.js +0 -7
  188. package/js/es6/product/large/dark/components/status.d.ts +84 -60
  189. package/js/es6/product/large/dark/components/status.js +67 -48
  190. package/js/es6/product/large/dark/mode.d.ts +17 -15
  191. package/js/es6/product/large/dark/mode.js +12 -16
  192. package/js/es6/product/large/light/components/logo.d.ts +0 -5
  193. package/js/es6/product/large/light/components/logo.js +0 -7
  194. package/js/es6/product/large/light/components/status.d.ts +84 -60
  195. package/js/es6/product/large/light/components/status.js +67 -48
  196. package/js/es6/product/large/light/mode.d.ts +11 -9
  197. package/js/es6/product/large/light/mode.js +7 -11
  198. package/js/es6/product/small/dark/components/logo.d.ts +0 -5
  199. package/js/es6/product/small/dark/components/logo.js +0 -7
  200. package/js/es6/product/small/dark/components/status.d.ts +84 -60
  201. package/js/es6/product/small/dark/components/status.js +67 -48
  202. package/js/es6/product/small/dark/mode.d.ts +17 -15
  203. package/js/es6/product/small/dark/mode.js +12 -16
  204. package/js/es6/product/small/light/components/logo.d.ts +0 -5
  205. package/js/es6/product/small/light/components/logo.js +0 -7
  206. package/js/es6/product/small/light/components/status.d.ts +84 -60
  207. package/js/es6/product/small/light/components/status.js +67 -48
  208. package/js/es6/product/small/light/mode.d.ts +11 -9
  209. package/js/es6/product/small/light/mode.js +7 -11
  210. package/js/umd/frozenproduct/large/dark/components/logo.js +1 -70
  211. package/js/umd/frozenproduct/large/dark/components/status.js +1554 -883
  212. package/js/umd/frozenproduct/large/dark/mode.js +403 -193
  213. package/js/umd/frozenproduct/large/light/components/logo.js +1 -70
  214. package/js/umd/frozenproduct/large/light/components/status.js +1554 -883
  215. package/js/umd/frozenproduct/large/light/mode.js +409 -99
  216. package/js/umd/frozenproduct/small/dark/components/logo.js +1 -70
  217. package/js/umd/frozenproduct/small/dark/components/status.js +1554 -883
  218. package/js/umd/frozenproduct/small/dark/mode.js +403 -193
  219. package/js/umd/frozenproduct/small/light/components/logo.js +1 -70
  220. package/js/umd/frozenproduct/small/light/components/status.js +1554 -883
  221. package/js/umd/frozenproduct/small/light/mode.js +409 -99
  222. package/js/umd/marketing/large/dark/components/logo.js +1 -70
  223. package/js/umd/marketing/large/dark/components/status.js +1554 -883
  224. package/js/umd/marketing/large/dark/mode.js +403 -193
  225. package/js/umd/marketing/large/light/components/logo.js +1 -70
  226. package/js/umd/marketing/large/light/components/status.js +1554 -883
  227. package/js/umd/marketing/large/light/mode.js +409 -99
  228. package/js/umd/marketing/small/dark/components/logo.js +1 -70
  229. package/js/umd/marketing/small/dark/components/status.js +1554 -883
  230. package/js/umd/marketing/small/dark/mode.js +403 -193
  231. package/js/umd/marketing/small/light/components/logo.js +1 -70
  232. package/js/umd/marketing/small/light/components/status.js +1554 -883
  233. package/js/umd/marketing/small/light/mode.js +409 -99
  234. package/js/umd/product/large/dark/components/logo.js +1 -70
  235. package/js/umd/product/large/dark/components/status.js +1554 -883
  236. package/js/umd/product/large/dark/mode.js +403 -193
  237. package/js/umd/product/large/light/components/logo.js +1 -70
  238. package/js/umd/product/large/light/components/status.js +1554 -883
  239. package/js/umd/product/large/light/mode.js +409 -99
  240. package/js/umd/product/small/dark/components/logo.js +1 -70
  241. package/js/umd/product/small/dark/components/status.js +1554 -883
  242. package/js/umd/product/small/dark/mode.js +403 -193
  243. package/js/umd/product/small/light/components/logo.js +1 -70
  244. package/js/umd/product/small/light/components/status.js +1554 -883
  245. package/js/umd/product/small/light/mode.js +409 -99
  246. package/json/flat/frozenproduct/large/dark/components/logo.json +0 -5
  247. package/json/flat/frozenproduct/large/dark/components/status.json +67 -48
  248. package/json/flat/frozenproduct/large/dark/mode.json +12 -14
  249. package/json/flat/frozenproduct/large/light/components/logo.json +0 -5
  250. package/json/flat/frozenproduct/large/light/components/status.json +67 -48
  251. package/json/flat/frozenproduct/large/light/mode.json +7 -9
  252. package/json/flat/frozenproduct/small/dark/components/logo.json +0 -5
  253. package/json/flat/frozenproduct/small/dark/components/status.json +67 -48
  254. package/json/flat/frozenproduct/small/dark/mode.json +12 -14
  255. package/json/flat/frozenproduct/small/light/components/logo.json +0 -5
  256. package/json/flat/frozenproduct/small/light/components/status.json +67 -48
  257. package/json/flat/frozenproduct/small/light/mode.json +7 -9
  258. package/json/flat/marketing/large/dark/components/logo.json +0 -5
  259. package/json/flat/marketing/large/dark/components/status.json +67 -48
  260. package/json/flat/marketing/large/dark/mode.json +12 -14
  261. package/json/flat/marketing/large/light/components/logo.json +0 -5
  262. package/json/flat/marketing/large/light/components/status.json +67 -48
  263. package/json/flat/marketing/large/light/mode.json +7 -9
  264. package/json/flat/marketing/small/dark/components/logo.json +0 -5
  265. package/json/flat/marketing/small/dark/components/status.json +67 -48
  266. package/json/flat/marketing/small/dark/mode.json +12 -14
  267. package/json/flat/marketing/small/light/components/logo.json +0 -5
  268. package/json/flat/marketing/small/light/components/status.json +67 -48
  269. package/json/flat/marketing/small/light/mode.json +7 -9
  270. package/json/flat/product/large/dark/components/logo.json +0 -5
  271. package/json/flat/product/large/dark/components/status.json +67 -48
  272. package/json/flat/product/large/dark/mode.json +12 -14
  273. package/json/flat/product/large/light/components/logo.json +0 -5
  274. package/json/flat/product/large/light/components/status.json +67 -48
  275. package/json/flat/product/large/light/mode.json +7 -9
  276. package/json/flat/product/small/dark/components/logo.json +0 -5
  277. package/json/flat/product/small/dark/components/status.json +67 -48
  278. package/json/flat/product/small/dark/mode.json +12 -14
  279. package/json/flat/product/small/light/components/logo.json +0 -5
  280. package/json/flat/product/small/light/components/status.json +67 -48
  281. package/json/flat/product/small/light/mode.json +7 -9
  282. package/json/nested/frozenproduct/large/dark/components/logo.json +0 -7
  283. package/json/nested/frozenproduct/large/dark/components/status.json +103 -60
  284. package/json/nested/frozenproduct/large/dark/mode.json +18 -22
  285. package/json/nested/frozenproduct/large/light/components/logo.json +0 -7
  286. package/json/nested/frozenproduct/large/light/components/status.json +103 -60
  287. package/json/nested/frozenproduct/large/light/mode.json +10 -14
  288. package/json/nested/frozenproduct/small/dark/components/logo.json +0 -7
  289. package/json/nested/frozenproduct/small/dark/components/status.json +103 -60
  290. package/json/nested/frozenproduct/small/dark/mode.json +18 -22
  291. package/json/nested/frozenproduct/small/light/components/logo.json +0 -7
  292. package/json/nested/frozenproduct/small/light/components/status.json +103 -60
  293. package/json/nested/frozenproduct/small/light/mode.json +10 -14
  294. package/json/nested/marketing/large/dark/components/logo.json +0 -7
  295. package/json/nested/marketing/large/dark/components/status.json +103 -60
  296. package/json/nested/marketing/large/dark/mode.json +18 -22
  297. package/json/nested/marketing/large/light/components/logo.json +0 -7
  298. package/json/nested/marketing/large/light/components/status.json +103 -60
  299. package/json/nested/marketing/large/light/mode.json +10 -14
  300. package/json/nested/marketing/small/dark/components/logo.json +0 -7
  301. package/json/nested/marketing/small/dark/components/status.json +103 -60
  302. package/json/nested/marketing/small/dark/mode.json +18 -22
  303. package/json/nested/marketing/small/light/components/logo.json +0 -7
  304. package/json/nested/marketing/small/light/components/status.json +103 -60
  305. package/json/nested/marketing/small/light/mode.json +10 -14
  306. package/json/nested/product/large/dark/components/logo.json +0 -7
  307. package/json/nested/product/large/dark/components/status.json +103 -60
  308. package/json/nested/product/large/dark/mode.json +18 -22
  309. package/json/nested/product/large/light/components/logo.json +0 -7
  310. package/json/nested/product/large/light/components/status.json +103 -60
  311. package/json/nested/product/large/light/mode.json +10 -14
  312. package/json/nested/product/small/dark/components/logo.json +0 -7
  313. package/json/nested/product/small/dark/components/status.json +103 -60
  314. package/json/nested/product/small/dark/mode.json +18 -22
  315. package/json/nested/product/small/light/components/logo.json +0 -7
  316. package/json/nested/product/small/light/components/status.json +103 -60
  317. package/json/nested/product/small/light/mode.json +10 -14
  318. package/package.json +1 -1
  319. package/sage-design-tokens-6.0.0.tgz +0 -0
  320. package/scss/frozenproduct/large/components/button.scss +22 -22
  321. package/scss/frozenproduct/large/components/container.scss +9 -9
  322. package/scss/frozenproduct/large/components/form.scss +7 -7
  323. package/scss/frozenproduct/large/components/link.scss +2 -2
  324. package/scss/frozenproduct/large/components/logo.scss +1 -6
  325. package/scss/frozenproduct/large/components/nav.scss +3 -3
  326. package/scss/frozenproduct/large/components/page.scss +1 -1
  327. package/scss/frozenproduct/large/components/popover.scss +2 -2
  328. package/scss/frozenproduct/large/components/progress.scss +6 -6
  329. package/scss/frozenproduct/large/components/status.scss +67 -48
  330. package/scss/frozenproduct/large/components/tab.scss +7 -7
  331. package/scss/frozenproduct/large/components/table.scss +11 -11
  332. package/scss/frozenproduct/large/dark.scss +12 -14
  333. package/scss/frozenproduct/large/light.scss +7 -9
  334. package/scss/frozenproduct/small/components/logo.scss +1 -6
  335. package/scss/frozenproduct/small/components/status.scss +67 -48
  336. package/scss/frozenproduct/small/dark.scss +12 -14
  337. package/scss/frozenproduct/small/light.scss +7 -9
  338. package/scss/marketing/large/components/button.scss +22 -22
  339. package/scss/marketing/large/components/container.scss +9 -9
  340. package/scss/marketing/large/components/form.scss +7 -7
  341. package/scss/marketing/large/components/link.scss +2 -2
  342. package/scss/marketing/large/components/logo.scss +1 -6
  343. package/scss/marketing/large/components/nav.scss +3 -3
  344. package/scss/marketing/large/components/page.scss +1 -1
  345. package/scss/marketing/large/components/popover.scss +2 -2
  346. package/scss/marketing/large/components/progress.scss +6 -6
  347. package/scss/marketing/large/components/status.scss +67 -48
  348. package/scss/marketing/large/components/tab.scss +7 -7
  349. package/scss/marketing/large/components/table.scss +11 -11
  350. package/scss/marketing/large/dark.scss +12 -14
  351. package/scss/marketing/large/light.scss +7 -9
  352. package/scss/marketing/small/components/logo.scss +1 -6
  353. package/scss/marketing/small/components/status.scss +67 -48
  354. package/scss/marketing/small/dark.scss +12 -14
  355. package/scss/marketing/small/light.scss +7 -9
  356. package/scss/product/large/components/button.scss +22 -22
  357. package/scss/product/large/components/container.scss +9 -9
  358. package/scss/product/large/components/form.scss +7 -7
  359. package/scss/product/large/components/link.scss +2 -2
  360. package/scss/product/large/components/logo.scss +1 -6
  361. package/scss/product/large/components/nav.scss +3 -3
  362. package/scss/product/large/components/page.scss +1 -1
  363. package/scss/product/large/components/popover.scss +2 -2
  364. package/scss/product/large/components/progress.scss +6 -6
  365. package/scss/product/large/components/status.scss +67 -48
  366. package/scss/product/large/components/tab.scss +7 -7
  367. package/scss/product/large/components/table.scss +11 -11
  368. package/scss/product/large/dark.scss +12 -14
  369. package/scss/product/large/light.scss +7 -9
  370. package/scss/product/small/components/logo.scss +1 -6
  371. package/scss/product/small/components/status.scss +67 -48
  372. package/scss/product/small/dark.scss +12 -14
  373. package/scss/product/small/light.scss +7 -9
  374. package/sage-design-tokens-5.2.0.tgz +0 -0
package/js/common/product/large/dark/components/logo.js CHANGED
@@ -103,41 +103,13 @@ module.exports = {
103
103
  },
104
104
  copilot: {
105
105
  noBg: {
106
- "bg-S": {
107
- value:
108
- "linear-gradient(191deg, #9D60FF 28.12%, #7C78F8 33.5%, #29B7E6 46.96%, #00D6DE 52.34%, #00D6DA 55.03%, #00D6D0 56.83%, #00D6C0 57.73%, #00D6A8 59.52%, #00D68A 60.42%, #00D665 62.21%, #00D639 63.11%)",
109
- type: "color",
110
- filePath: "data/tokens/components/logo.json",
111
- isSource: true,
112
- original: {
113
- value: "{modes.color.brand.copilot.noBg.S}",
114
- type: "color",
115
- },
116
- name: "logoColorCopilotNoBgBgS",
117
- attributes: {},
118
- path: ["logo", "color", "copilot", "noBg", "bg-S"],
119
- },
120
- "bg-star": {
121
- value:
122
- "radial-gradient(99.94% 104.1% at 8.01% 0.98%, #9D60FF 34%, #5A99F1 52%, #32B3E8 59%, #0DCCE0 68%, #00D6DE 72%, #00D6D7 74%, #00D6C6 77%, #00D6AA 81%, #00D682 84%, #00D650 88%, #00D639 90%)",
123
- type: "color",
124
- filePath: "data/tokens/components/logo.json",
125
- isSource: true,
126
- original: {
127
- value: "{modes.color.brand.copilot.noBg.star}",
128
- type: "color",
129
- },
130
- name: "logoColorCopilotNoBgBgStar",
131
- attributes: {},
132
- path: ["logo", "color", "copilot", "noBg", "bg-star"],
133
- },
134
106
  "fg-default": {
135
107
  value: "#FFFFFF",
136
108
  type: "color",
137
109
  filePath: "data/tokens/components/logo.json",
138
110
  isSource: true,
139
111
  original: {
140
- value: "{modes.color.brand.copilot.noBg.mono}",
112
+ value: "{modes.color.brand.copilot.noBg.monochrome}",
141
113
  type: "color",
142
114
  },
143
115
  name: "logoColorCopilotNoBgFgDefault",
@@ -145,47 +117,6 @@ module.exports = {
145
117
  path: ["logo", "color", "copilot", "noBg", "fg-default"],
146
118
  },
147
119
  },
148
- withBg: {
149
- "bg-S": {
150
- value: "#000000",
151
- type: "color",
152
- filePath: "data/tokens/components/logo.json",
153
- isSource: true,
154
- original: {
155
- value: "{modes.color.brand.copilot.withBg.S}",
156
- type: "color",
157
- },
158
- name: "logoColorCopilotWithBgBgS",
159
- attributes: {},
160
- path: ["logo", "color", "copilot", "withBg", "bg-S"],
161
- },
162
- "bg-star": {
163
- value: "#000000",
164
- type: "color",
165
- filePath: "data/tokens/components/logo.json",
166
- isSource: true,
167
- original: {
168
- value: "{modes.color.brand.copilot.withBg.star}",
169
- type: "color",
170
- },
171
- name: "logoColorCopilotWithBgBgStar",
172
- attributes: {},
173
- path: ["logo", "color", "copilot", "withBg", "bg-star"],
174
- },
175
- "bg-default": {
176
- value: "#FFFFFF",
177
- type: "color",
178
- filePath: "data/tokens/components/logo.json",
179
- isSource: true,
180
- original: {
181
- value: "{modes.color.brand.copilot.withBg.bg}",
182
- type: "color",
183
- },
184
- name: "logoColorCopilotWithBgBgDefault",
185
- attributes: {},
186
- path: ["logo", "color", "copilot", "withBg", "bg-default"],
187
- },
188
- },
189
120
  },
190
121
  AIIdentifier: {
191
122
  "bg-star": {
package/js/common/product/large/dark/components/status.d.ts CHANGED
@@ -22,50 +22,110 @@ declare const tokens: {
22
22
  status: {
23
23
  color: {
24
24
  none: DesignToken;
25
- "bg-default": DesignToken;
26
- "bg-readonly": DesignToken;
27
- "border-readonly": DesignToken;
28
- "icon-default": DesignToken;
29
- "label-default": DesignToken;
30
- "label-readonly": DesignToken;
31
- "label-hover": DesignToken;
32
- "labelAlt-default": DesignToken;
33
- "labelAlt-readonly": DesignToken;
34
- "labelAlt-hover": DesignToken;
35
- text: DesignToken;
36
- AI: {
37
- "bg-default": DesignToken;
38
- "border-default": DesignToken;
39
- };
40
- callout: {
41
- bgAlt: DesignToken;
42
- "bgAlt-default": DesignToken;
43
- "bgAlt-hover": DesignToken;
44
- };
45
- error: {
46
- "bg-default": DesignToken;
47
- bgAlt: DesignToken;
48
- "bgAlt-hover": DesignToken;
49
- "bg-hover": DesignToken;
50
- "border-default": DesignToken;
51
- icon: DesignToken;
52
- };
53
- info: {
54
- "bg-default": DesignToken;
55
- bgAlt: DesignToken;
56
- "bgAlt-default": DesignToken;
57
- "bgAlt-hover": DesignToken;
58
- "bg-hover": DesignToken;
59
- "border-default": DesignToken;
60
- icon: DesignToken;
25
+ message: {
26
+ global: {
27
+ "label-default": DesignToken;
28
+ "label-hover": DesignToken;
29
+ callout: {
30
+ "bg-default": DesignToken;
31
+ "bg-hover": DesignToken;
32
+ icon: DesignToken;
33
+ };
34
+ info: {
35
+ "bg-default": DesignToken;
36
+ "bg-hover": DesignToken;
37
+ icon: DesignToken;
38
+ };
39
+ warning: {
40
+ "bg-default": DesignToken;
41
+ "bg-hover": DesignToken;
42
+ icon: DesignToken;
43
+ };
44
+ };
45
+ contextual: {
46
+ bg: DesignToken;
47
+ icon: DesignToken;
48
+ text: DesignToken;
49
+ AI: {
50
+ "bg-default": DesignToken;
51
+ bgAlt: DesignToken;
52
+ "border-default": DesignToken;
53
+ };
54
+ callout: {
55
+ bgAlt: DesignToken;
56
+ icon: DesignToken;
57
+ };
58
+ error: {
59
+ "bg-default": DesignToken;
60
+ bgAlt: DesignToken;
61
+ "border-default": DesignToken;
62
+ icon: DesignToken;
63
+ };
64
+ info: {
65
+ "bg-default": DesignToken;
66
+ bgAlt: DesignToken;
67
+ "border-default": DesignToken;
68
+ icon: DesignToken;
69
+ };
70
+ success: {
71
+ "bg-default": DesignToken;
72
+ bgAlt: DesignToken;
73
+ "border-default": DesignToken;
74
+ icon: DesignToken;
75
+ };
76
+ warning: {
77
+ "bg-default": DesignToken;
78
+ bgAlt: DesignToken;
79
+ "border-default": DesignToken;
80
+ icon: DesignToken;
81
+ };
82
+ };
61
83
  };
62
- neutral: {
63
- "bg-default": DesignToken;
64
- bgAlt: DesignToken;
65
- "bgAlt-hover": DesignToken;
66
- "bg-hover": DesignToken;
67
- "border-default": DesignToken;
68
- icon: DesignToken;
84
+ pill: {
85
+ "label-default": DesignToken;
86
+ "label-hover": DesignToken;
87
+ "labelAlt-default": DesignToken;
88
+ "labelAlt-hover": DesignToken;
89
+ error: {
90
+ "bg-default": DesignToken;
91
+ "bgAlt-default": DesignToken;
92
+ "bgAlt-hover": DesignToken;
93
+ "bg-hover": DesignToken;
94
+ "border-default": DesignToken;
95
+ };
96
+ info: {
97
+ "bg-default": DesignToken;
98
+ "bgAlt-default": DesignToken;
99
+ "bgAlt-hover": DesignToken;
100
+ "bg-hover": DesignToken;
101
+ "border-default": DesignToken;
102
+ };
103
+ neutral: {
104
+ "bg-default": DesignToken;
105
+ "bgAlt-default": DesignToken;
106
+ "bgAlt-hover": DesignToken;
107
+ "bg-hover": DesignToken;
108
+ "border-default": DesignToken;
109
+ };
110
+ success: {
111
+ "bg-default": DesignToken;
112
+ "bgAlt-default": DesignToken;
113
+ "bgAlt-hover": DesignToken;
114
+ "bg-hover": DesignToken;
115
+ "border-default": DesignToken;
116
+ };
117
+ warning: {
118
+ "bg-default": DesignToken;
119
+ "bgAlt-default": DesignToken;
120
+ "bgAlt-hover": DesignToken;
121
+ "bg-hover": DesignToken;
122
+ "border-default": DesignToken;
123
+ };
124
+ readonly: {
125
+ "bg-default": DesignToken;
126
+ "border-default": DesignToken;
127
+ label: DesignToken;
128
+ };
69
129
  };
70
130
  rating: {
71
131
  "bg-default": DesignToken;
@@ -73,23 +133,6 @@ declare const tokens: {
73
133
  "bg-hover": DesignToken;
74
134
  "border-default": DesignToken;
75
135
  };
76
- success: {
77
- "bg-default": DesignToken;
78
- bgAlt: DesignToken;
79
- "bgAlt-hover": DesignToken;
80
- "bg-hover": DesignToken;
81
- "border-default": DesignToken;
82
- icon: DesignToken;
83
- };
84
- warning: {
85
- "bg-default": DesignToken;
86
- bgAlt: DesignToken;
87
- "bgAlt-default": DesignToken;
88
- "bgAlt-hover": DesignToken;
89
- "bg-hover": DesignToken;
90
- "border-default": DesignToken;
91
- icon: DesignToken;
92
- };
93
136
  };
94
137
  size: {
95
138
  pill: {