@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/scss/product/small/dark.scss CHANGED
@@ -11,12 +11,7 @@ $modes-color-brand-default-alt: #FFFFFF;
11
11
  $modes-color-brand-with-default-alt: #000000;
12
12
  $modes-color-brand-copilot-ai-identifier-default: #FFFFFF;
13
13
  $modes-color-brand-copilot-ai-identifier-with-default: #00D639;
14
- $modes-color-brand-copilot-no-bg-s: 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%);
15
- $modes-color-brand-copilot-no-bg-star: 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%);
16
- $modes-color-brand-copilot-no-bg-mono: #FFFFFF;
17
- $modes-color-brand-copilot-with-bg-s: #000000;
18
- $modes-color-brand-copilot-with-bg-star: #000000;
19
- $modes-color-brand-copilot-with-bg-bg: #FFFFFF;
14
+ $modes-color-brand-copilot-no-bg-monochrome: #FFFFFF;
20
15
  $modes-color-custom-default: #00D639; // This is the color to replace in white label products. Dark mode recommended luminosity for SAGE is 75.1 (tested), but above 51.9 should be ok. See hsluv.org to be AAA text on 000000 bgs.
21
16
  $modes-color-custom-frozen: #00D639; // Replace this color in white label products that use the FROZEN theme. Ensure luminousity of custom color = 46.8 (see hsluv.org). AAA against FFFFFF bg.
22
17
  $modes-color-generic-bg-nought: #000000;
@@ -119,17 +114,18 @@ $modes-color-interactive-primary-frozen-table-default: #18232a;
119
114
  $modes-color-interactive-progress-bg: #ffffff14;
120
115
  $modes-color-interactive-progress-bg-alt: #00000014;
121
116
  $modes-color-interactive-progress-frozen-bg: #ffffff14;
122
- $modes-color-status-ai-default: #000000;
123
- $modes-color-status-ai-default-alt: #FFFFFF; // bg for contextual message comp
124
- $modes-color-status-ai-default-horizontal: linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%);
125
- $modes-color-status-ai-default-vertical: linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%);
126
- $modes-color-status-generic-default: #008a89;
127
117
  $modes-color-status-caution-default: #E04500;
128
118
  $modes-color-status-caution-default-alt: #251206; // Subtle message bg
129
119
  $modes-color-status-caution-hover: #eb6732; // used on pill hover states
130
120
  $modes-color-status-caution-hover-alt: #34211a; // used on pill hover states and message bg
131
121
  $modes-color-status-caution-text: #e75b23;
132
- $modes-color-status-caution-frozen-default: #251206; // Global message bg
122
+ $modes-color-status-caution-frozenglobal-default: #E04500; // Global message bg
123
+ $modes-color-status-caution-frozenglobal-hover: #eb6732; // used on global message bg
124
+ $modes-color-status-ai-default: #000000;
125
+ $modes-color-status-ai-default-alt: #FFFFFF; // bg for contextual message comp
126
+ $modes-color-status-ai-default-horizontal: linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%);
127
+ $modes-color-status-ai-default-vertical: linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%);
128
+ $modes-color-status-generic-default: #008a89;
133
129
  $modes-color-status-content-with-default: #000000;
134
130
  $modes-color-status-content-with-default-alt: #fffffff2;
135
131
  $modes-color-status-content-with-hover: #000000;
@@ -141,19 +137,21 @@ $modes-color-status-info-default: #007ED9;
141
137
  $modes-color-status-info-default-alt: #111722; // Subtle message bg
142
138
  $modes-color-status-info-hover: #5291e0; // used on pill hover states
143
139
  $modes-color-status-info-hover-alt: #212631; // used on pill hover states and message bg
144
- $modes-color-status-info-frozen-default: #111722; // Global message bg
140
+ $modes-color-status-info-frozenglobal-default: #007ED9; // Global message bg
141
+ $modes-color-status-info-frozenglobal-hover: #5291e0; // used on global message bg
145
142
  $modes-color-status-negative-default: #E13E53;
146
143
  $modes-color-status-negative-default-alt: #241212; // Subtle message bg
147
144
  $modes-color-status-negative-hover: #eb646c; // used on pill hover states
148
145
  $modes-color-status-negative-hover-alt: #332122; // used on pill hover states and message bg
149
146
  $modes-color-status-negative-text: #E13E53;
150
- $modes-color-status-neutral-alt: #7C7C7C;
151
147
  $modes-color-status-neutral-default: #7C7C7C;
152
148
  $modes-color-status-neutral-default-alt: #171717; // Subtle message bg
153
149
  $modes-color-status-neutral-hover: #909090; // used on pill hover states
154
150
  $modes-color-status-neutral-hover-alt: #262626; // used on pill hover states and message bg
155
151
  $modes-color-status-neutral-frozen-default: #9e9e9e;
152
+ $modes-color-status-neutral-frozen-default-alt: #171717; // Subtle message bg
156
153
  $modes-color-status-neutral-frozen-hover: #909090;
154
+ $modes-color-status-neutral-frozen-hover-alt: #262626; // used on pill hover states and message bg
157
155
  $modes-color-status-positive-default: #009023;
158
156
  $modes-color-status-positive-default-alt: #0e1a0b; // Subtle message bg
159
157
  $modes-color-status-positive-hover: #2e9936; // used on pill hover states
package/scss/product/small/light.scss CHANGED
@@ -11,12 +11,7 @@ $modes-color-brand-default-alt: #000000;
11
11
  $modes-color-brand-with-default-alt: #FFFFFF;
12
12
  $modes-color-brand-copilot-ai-identifier-default: #000000;
13
13
  $modes-color-brand-copilot-ai-identifier-with-default: #00D639;
14
- $modes-color-brand-copilot-no-bg-s: #000000;
15
- $modes-color-brand-copilot-no-bg-star: #000000;
16
- $modes-color-brand-copilot-no-bg-mono: #000000;
17
- $modes-color-brand-copilot-with-bg-s: 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%);
18
- $modes-color-brand-copilot-with-bg-star: 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%);
19
- $modes-color-brand-copilot-with-bg-bg: #000000;
14
+ $modes-color-brand-copilot-no-bg-monochrome: #000000;
20
15
  $modes-color-custom-default: #00811F; // This is the color to replace in white label products. Ensure luminousity of custom color = 46.8 (see hsluv.org). AAA against FFFFFF bg.
21
16
  $modes-color-custom-frozen: #008046; // This is a derivative of Jade, and is the color to replace in white label products that use the FROZEN theme. Ensure luminousity of custom color = 46.8 (see hsluv.org). AAA against FFFFFF bg.
22
17
  $modes-color-generic-bg-nought: #FFFFFF;
@@ -129,7 +124,8 @@ $modes-color-status-caution-default-alt: #ffede5; // Subtle message bg
129
124
  $modes-color-status-caution-hover: #b13a0d; // used on pill hover states
130
125
  $modes-color-status-caution-hover-alt: #f1e0d8; // used on pill hover states and message bg
131
126
  $modes-color-status-caution-text: #bf3e0c;
132
- $modes-color-status-caution-frozen-default: #FF8629; // used on global message bg
127
+ $modes-color-status-caution-frozenglobal-default: #ff8629; // used on global message bg
128
+ $modes-color-status-caution-frozenglobal-hover: #ff9a4e; // used on global message bg
133
129
  $modes-color-status-content-with-default: #FFFFFF;
134
130
  $modes-color-status-content-with-default-alt: #000000f2;
135
131
  $modes-color-status-content-with-hover: #FFFFFF; // for pill hover X
@@ -141,19 +137,21 @@ $modes-color-status-info-default: #0060A7; // For pills and messages. Not access
141
137
  $modes-color-status-info-default-alt: #eaeef6; // Subtle message bg
142
138
  $modes-color-status-info-hover: #10508a; // used on pill hover states
143
139
  $modes-color-status-info-hover-alt: #dde1e8; // used on pill hover states and message bg
144
- $modes-color-status-info-frozen-default: #65a9ff; // used on global message bg
140
+ $modes-color-status-info-frozenglobal-default: #65a9ff; // used on global message bg
141
+ $modes-color-status-info-frozenglobal-hover: #84b6ff; // used on global message bg
145
142
  $modes-color-status-negative-default: #CD384B; // For pills and messages. Not accessible with white TEXT.
146
143
  $modes-color-status-negative-default-alt: #fdeceb; // Subtle message bg
147
144
  $modes-color-status-negative-hover: #aa323f; // used on pill hover states
148
145
  $modes-color-status-negative-hover-alt: #efdfde; // used on pill hover states and message bg
149
146
  $modes-color-status-negative-text: #CD384B;
150
- $modes-color-status-neutral-alt: #656565;
151
147
  $modes-color-status-neutral-default: #656565;
152
148
  $modes-color-status-neutral-default-alt: #efefef; // Subtle message bg
153
149
  $modes-color-status-neutral-hover: #555; // used on pill hover states
154
150
  $modes-color-status-neutral-hover-alt: #e2e2e2; // used on pill hover states and message bg
155
151
  $modes-color-status-neutral-frozen-default: #335B70;
152
+ $modes-color-status-neutral-frozen-default-alt: #eaedf0; // Subtle message bg
156
153
  $modes-color-status-neutral-frozen-hover: #20313b;
154
+ $modes-color-status-neutral-frozen-hover-alt: #dde0e2; // used on pill hover states and message bg
157
155
  $modes-color-status-positive-default: #008A21; // For pills and messages. Not accessible with white TEXT.
158
156
  $modes-color-status-positive-default-alt: #eaf3e8; // Subtle message bg
159
157
  $modes-color-status-positive-hover: #0f731e; // used on pill hover states
package/sage-design-tokens-5.2.0.tgz DELETED
Binary file