@sage/design-tokens 7.1.7 → 7.2.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 (243) hide show
  1. package/css/frozenproduct/all.css +7 -1
  2. package/css/frozenproduct/large/components/profile.css +1 -1
  3. package/css/frozenproduct/large/dark.css +3 -0
  4. package/css/frozenproduct/large/light.css +3 -0
  5. package/css/frozenproduct/small/components/profile.css +1 -1
  6. package/css/frozenproduct/small/dark.css +3 -0
  7. package/css/frozenproduct/small/light.css +3 -0
  8. package/css/marketing/all.css +7 -1
  9. package/css/marketing/large/components/profile.css +1 -1
  10. package/css/marketing/large/dark.css +3 -0
  11. package/css/marketing/large/light.css +3 -0
  12. package/css/marketing/small/components/profile.css +1 -1
  13. package/css/marketing/small/dark.css +3 -0
  14. package/css/marketing/small/light.css +3 -0
  15. package/css/product/all.css +7 -1
  16. package/css/product/large/components/profile.css +1 -1
  17. package/css/product/large/dark.css +3 -0
  18. package/css/product/large/light.css +3 -0
  19. package/css/product/small/components/profile.css +1 -1
  20. package/css/product/small/dark.css +3 -0
  21. package/css/product/small/light.css +3 -0
  22. package/ios/frozenproduct/large/dark/components/profile.h +1 -1
  23. package/ios/frozenproduct/large/dark/mode.h +3 -0
  24. package/ios/frozenproduct/large/light/components/profile.h +1 -1
  25. package/ios/frozenproduct/large/light/mode.h +3 -0
  26. package/ios/frozenproduct/small/dark/components/profile.h +1 -1
  27. package/ios/frozenproduct/small/dark/mode.h +3 -0
  28. package/ios/frozenproduct/small/light/components/profile.h +1 -1
  29. package/ios/frozenproduct/small/light/mode.h +3 -0
  30. package/ios/marketing/large/dark/components/profile.h +1 -1
  31. package/ios/marketing/large/dark/mode.h +3 -0
  32. package/ios/marketing/large/light/components/profile.h +1 -1
  33. package/ios/marketing/large/light/mode.h +3 -0
  34. package/ios/marketing/small/dark/components/profile.h +1 -1
  35. package/ios/marketing/small/dark/mode.h +3 -0
  36. package/ios/marketing/small/light/components/profile.h +1 -1
  37. package/ios/marketing/small/light/mode.h +3 -0
  38. package/ios/product/large/dark/components/profile.h +1 -1
  39. package/ios/product/large/dark/mode.h +3 -0
  40. package/ios/product/large/light/components/profile.h +1 -1
  41. package/ios/product/large/light/mode.h +3 -0
  42. package/ios/product/small/dark/components/profile.h +1 -1
  43. package/ios/product/small/dark/mode.h +3 -0
  44. package/ios/product/small/light/components/profile.h +1 -1
  45. package/ios/product/small/light/mode.h +3 -0
  46. package/js/common/frozenproduct/large/dark/components/profile.js +2 -2
  47. package/js/common/frozenproduct/large/dark/mode.d.ts +5 -0
  48. package/js/common/frozenproduct/large/dark/mode.js +79 -0
  49. package/js/common/frozenproduct/large/light/components/profile.js +2 -2
  50. package/js/common/frozenproduct/large/light/mode.d.ts +5 -0
  51. package/js/common/frozenproduct/large/light/mode.js +83 -0
  52. package/js/common/frozenproduct/small/dark/components/profile.js +2 -2
  53. package/js/common/frozenproduct/small/dark/mode.d.ts +5 -0
  54. package/js/common/frozenproduct/small/dark/mode.js +79 -0
  55. package/js/common/frozenproduct/small/light/components/profile.js +2 -2
  56. package/js/common/frozenproduct/small/light/mode.d.ts +5 -0
  57. package/js/common/frozenproduct/small/light/mode.js +83 -0
  58. package/js/common/marketing/large/dark/components/profile.js +2 -2
  59. package/js/common/marketing/large/dark/mode.d.ts +5 -0
  60. package/js/common/marketing/large/dark/mode.js +79 -0
  61. package/js/common/marketing/large/light/components/profile.js +2 -2
  62. package/js/common/marketing/large/light/mode.d.ts +5 -0
  63. package/js/common/marketing/large/light/mode.js +83 -0
  64. package/js/common/marketing/small/dark/components/profile.js +2 -2
  65. package/js/common/marketing/small/dark/mode.d.ts +5 -0
  66. package/js/common/marketing/small/dark/mode.js +79 -0
  67. package/js/common/marketing/small/light/components/profile.js +2 -2
  68. package/js/common/marketing/small/light/mode.d.ts +5 -0
  69. package/js/common/marketing/small/light/mode.js +83 -0
  70. package/js/common/product/large/dark/components/profile.js +2 -2
  71. package/js/common/product/large/dark/mode.d.ts +5 -0
  72. package/js/common/product/large/dark/mode.js +79 -0
  73. package/js/common/product/large/light/components/profile.js +2 -2
  74. package/js/common/product/large/light/mode.d.ts +5 -0
  75. package/js/common/product/large/light/mode.js +83 -0
  76. package/js/common/product/small/dark/components/profile.js +2 -2
  77. package/js/common/product/small/dark/mode.d.ts +5 -0
  78. package/js/common/product/small/dark/mode.js +79 -0
  79. package/js/common/product/small/light/components/profile.js +2 -2
  80. package/js/common/product/small/light/mode.d.ts +5 -0
  81. package/js/common/product/small/light/mode.js +83 -0
  82. package/js/es6/frozenproduct/large/dark/components/profile.js +1 -1
  83. package/js/es6/frozenproduct/large/dark/mode.d.ts +3 -0
  84. package/js/es6/frozenproduct/large/dark/mode.js +3 -0
  85. package/js/es6/frozenproduct/large/light/components/profile.js +1 -1
  86. package/js/es6/frozenproduct/large/light/mode.d.ts +3 -0
  87. package/js/es6/frozenproduct/large/light/mode.js +3 -0
  88. package/js/es6/frozenproduct/small/dark/components/profile.js +1 -1
  89. package/js/es6/frozenproduct/small/dark/mode.d.ts +3 -0
  90. package/js/es6/frozenproduct/small/dark/mode.js +3 -0
  91. package/js/es6/frozenproduct/small/light/components/profile.js +1 -1
  92. package/js/es6/frozenproduct/small/light/mode.d.ts +3 -0
  93. package/js/es6/frozenproduct/small/light/mode.js +3 -0
  94. package/js/es6/marketing/large/dark/components/profile.js +1 -1
  95. package/js/es6/marketing/large/dark/mode.d.ts +3 -0
  96. package/js/es6/marketing/large/dark/mode.js +3 -0
  97. package/js/es6/marketing/large/light/components/profile.js +1 -1
  98. package/js/es6/marketing/large/light/mode.d.ts +3 -0
  99. package/js/es6/marketing/large/light/mode.js +3 -0
  100. package/js/es6/marketing/small/dark/components/profile.js +1 -1
  101. package/js/es6/marketing/small/dark/mode.d.ts +3 -0
  102. package/js/es6/marketing/small/dark/mode.js +3 -0
  103. package/js/es6/marketing/small/light/components/profile.js +1 -1
  104. package/js/es6/marketing/small/light/mode.d.ts +3 -0
  105. package/js/es6/marketing/small/light/mode.js +3 -0
  106. package/js/es6/product/large/dark/components/profile.js +1 -1
  107. package/js/es6/product/large/dark/mode.d.ts +3 -0
  108. package/js/es6/product/large/dark/mode.js +3 -0
  109. package/js/es6/product/large/light/components/profile.js +1 -1
  110. package/js/es6/product/large/light/mode.d.ts +3 -0
  111. package/js/es6/product/large/light/mode.js +3 -0
  112. package/js/es6/product/small/dark/components/profile.js +1 -1
  113. package/js/es6/product/small/dark/mode.d.ts +3 -0
  114. package/js/es6/product/small/dark/mode.js +3 -0
  115. package/js/es6/product/small/light/components/profile.js +1 -1
  116. package/js/es6/product/small/light/mode.d.ts +3 -0
  117. package/js/es6/product/small/light/mode.js +3 -0
  118. package/js/umd/frozenproduct/large/dark/components/profile.js +2 -2
  119. package/js/umd/frozenproduct/large/dark/mode.js +80 -0
  120. package/js/umd/frozenproduct/large/light/components/profile.js +2 -2
  121. package/js/umd/frozenproduct/large/light/mode.js +83 -0
  122. package/js/umd/frozenproduct/small/dark/components/profile.js +2 -2
  123. package/js/umd/frozenproduct/small/dark/mode.js +80 -0
  124. package/js/umd/frozenproduct/small/light/components/profile.js +2 -2
  125. package/js/umd/frozenproduct/small/light/mode.js +83 -0
  126. package/js/umd/marketing/large/dark/components/profile.js +2 -2
  127. package/js/umd/marketing/large/dark/mode.js +80 -0
  128. package/js/umd/marketing/large/light/components/profile.js +2 -2
  129. package/js/umd/marketing/large/light/mode.js +83 -0
  130. package/js/umd/marketing/small/dark/components/profile.js +2 -2
  131. package/js/umd/marketing/small/dark/mode.js +80 -0
  132. package/js/umd/marketing/small/light/components/profile.js +2 -2
  133. package/js/umd/marketing/small/light/mode.js +83 -0
  134. package/js/umd/product/large/dark/components/profile.js +2 -2
  135. package/js/umd/product/large/dark/mode.js +80 -0
  136. package/js/umd/product/large/light/components/profile.js +2 -2
  137. package/js/umd/product/large/light/mode.js +83 -0
  138. package/js/umd/product/small/dark/components/profile.js +2 -2
  139. package/js/umd/product/small/dark/mode.js +80 -0
  140. package/js/umd/product/small/light/components/profile.js +2 -2
  141. package/js/umd/product/small/light/mode.js +83 -0
  142. package/json/flat/frozenproduct/large/dark/components/profile.json +1 -1
  143. package/json/flat/frozenproduct/large/dark/mode.json +3 -0
  144. package/json/flat/frozenproduct/large/light/components/profile.json +1 -1
  145. package/json/flat/frozenproduct/large/light/mode.json +3 -0
  146. package/json/flat/frozenproduct/small/dark/components/profile.json +1 -1
  147. package/json/flat/frozenproduct/small/dark/mode.json +3 -0
  148. package/json/flat/frozenproduct/small/light/components/profile.json +1 -1
  149. package/json/flat/frozenproduct/small/light/mode.json +3 -0
  150. package/json/flat/marketing/large/dark/components/profile.json +1 -1
  151. package/json/flat/marketing/large/dark/mode.json +3 -0
  152. package/json/flat/marketing/large/light/components/profile.json +1 -1
  153. package/json/flat/marketing/large/light/mode.json +3 -0
  154. package/json/flat/marketing/small/dark/components/profile.json +1 -1
  155. package/json/flat/marketing/small/dark/mode.json +3 -0
  156. package/json/flat/marketing/small/light/components/profile.json +1 -1
  157. package/json/flat/marketing/small/light/mode.json +3 -0
  158. package/json/flat/product/large/dark/components/profile.json +1 -1
  159. package/json/flat/product/large/dark/mode.json +3 -0
  160. package/json/flat/product/large/light/components/profile.json +1 -1
  161. package/json/flat/product/large/light/mode.json +3 -0
  162. package/json/flat/product/small/dark/components/profile.json +1 -1
  163. package/json/flat/product/small/dark/mode.json +3 -0
  164. package/json/flat/product/small/light/components/profile.json +1 -1
  165. package/json/flat/product/small/light/mode.json +3 -0
  166. package/json/nested/frozenproduct/large/dark/components/profile.json +1 -1
  167. package/json/nested/frozenproduct/large/dark/mode.json +8 -3
  168. package/json/nested/frozenproduct/large/light/components/profile.json +1 -1
  169. package/json/nested/frozenproduct/large/light/mode.json +8 -3
  170. package/json/nested/frozenproduct/small/dark/components/profile.json +1 -1
  171. package/json/nested/frozenproduct/small/dark/mode.json +8 -3
  172. package/json/nested/frozenproduct/small/light/components/profile.json +1 -1
  173. package/json/nested/frozenproduct/small/light/mode.json +8 -3
  174. package/json/nested/marketing/large/dark/components/profile.json +1 -1
  175. package/json/nested/marketing/large/dark/mode.json +8 -3
  176. package/json/nested/marketing/large/light/components/profile.json +1 -1
  177. package/json/nested/marketing/large/light/mode.json +8 -3
  178. package/json/nested/marketing/small/dark/components/profile.json +1 -1
  179. package/json/nested/marketing/small/dark/mode.json +8 -3
  180. package/json/nested/marketing/small/light/components/profile.json +1 -1
  181. package/json/nested/marketing/small/light/mode.json +8 -3
  182. package/json/nested/product/large/dark/components/profile.json +1 -1
  183. package/json/nested/product/large/dark/mode.json +8 -3
  184. package/json/nested/product/large/light/components/profile.json +1 -1
  185. package/json/nested/product/large/light/mode.json +8 -3
  186. package/json/nested/product/small/dark/components/profile.json +1 -1
  187. package/json/nested/product/small/dark/mode.json +8 -3
  188. package/json/nested/product/small/light/components/profile.json +1 -1
  189. package/json/nested/product/small/light/mode.json +8 -3
  190. package/package.json +1 -1
  191. package/sage-design-tokens-7.2.0.tgz +0 -0
  192. package/scss/frozenproduct/large/components/button.scss +23 -23
  193. package/scss/frozenproduct/large/components/container.scss +9 -9
  194. package/scss/frozenproduct/large/components/form.scss +7 -7
  195. package/scss/frozenproduct/large/components/link.scss +2 -2
  196. package/scss/frozenproduct/large/components/nav.scss +3 -3
  197. package/scss/frozenproduct/large/components/page.scss +1 -1
  198. package/scss/frozenproduct/large/components/popover.scss +2 -2
  199. package/scss/frozenproduct/large/components/profile.scss +1 -1
  200. package/scss/frozenproduct/large/components/progress.scss +6 -6
  201. package/scss/frozenproduct/large/components/status.scss +3 -3
  202. package/scss/frozenproduct/large/components/tab.scss +7 -7
  203. package/scss/frozenproduct/large/components/table.scss +10 -10
  204. package/scss/frozenproduct/large/dark.scss +3 -0
  205. package/scss/frozenproduct/large/light.scss +3 -0
  206. package/scss/frozenproduct/small/components/button.scss +23 -23
  207. package/scss/frozenproduct/small/components/container.scss +9 -9
  208. package/scss/frozenproduct/small/components/form.scss +7 -7
  209. package/scss/frozenproduct/small/components/link.scss +2 -2
  210. package/scss/frozenproduct/small/components/nav.scss +3 -3
  211. package/scss/frozenproduct/small/components/page.scss +1 -1
  212. package/scss/frozenproduct/small/components/popover.scss +2 -2
  213. package/scss/frozenproduct/small/components/profile.scss +1 -1
  214. package/scss/frozenproduct/small/components/progress.scss +6 -6
  215. package/scss/frozenproduct/small/components/status.scss +3 -3
  216. package/scss/frozenproduct/small/components/tab.scss +7 -7
  217. package/scss/frozenproduct/small/components/table.scss +10 -10
  218. package/scss/frozenproduct/small/dark.scss +3 -0
  219. package/scss/frozenproduct/small/light.scss +3 -0
  220. package/scss/marketing/large/components/profile.scss +1 -1
  221. package/scss/marketing/large/dark.scss +3 -0
  222. package/scss/marketing/large/light.scss +3 -0
  223. package/scss/marketing/small/components/button.scss +23 -23
  224. package/scss/marketing/small/components/container.scss +9 -9
  225. package/scss/marketing/small/components/form.scss +7 -7
  226. package/scss/marketing/small/components/link.scss +2 -2
  227. package/scss/marketing/small/components/nav.scss +3 -3
  228. package/scss/marketing/small/components/page.scss +1 -1
  229. package/scss/marketing/small/components/popover.scss +2 -2
  230. package/scss/marketing/small/components/profile.scss +1 -1
  231. package/scss/marketing/small/components/progress.scss +6 -6
  232. package/scss/marketing/small/components/status.scss +3 -3
  233. package/scss/marketing/small/components/tab.scss +7 -7
  234. package/scss/marketing/small/components/table.scss +10 -10
  235. package/scss/marketing/small/dark.scss +3 -0
  236. package/scss/marketing/small/light.scss +3 -0
  237. package/scss/product/large/components/profile.scss +1 -1
  238. package/scss/product/large/dark.scss +3 -0
  239. package/scss/product/large/light.scss +3 -0
  240. package/scss/product/small/components/profile.scss +1 -1
  241. package/scss/product/small/dark.scss +3 -0
  242. package/scss/product/small/light.scss +3 -0
  243. package/sage-design-tokens-7.1.7.tgz +0 -0
@@ -13,7 +13,7 @@
13
13
  "profileSizeInsideMl": 28,
14
14
  "profileSizeInsideL": 40,
15
15
  "profileSizeInsideXl": 56,
16
- "profileSizeInsideXxl": 104,
16
+ "profileSizeInsideXxl": 72,
17
17
  "profileColorBgAlt": "#000000f2",
18
18
  "profileColorBgDefault": "#f3f3f3",
19
19
  "profileColorBorderDefault": "#d1d1d1",
@@ -31,6 +31,7 @@
31
31
  "modesColorGenericFgDelicate": "#d1d1d1",
32
32
  "modesColorGenericFgSoft": "#a6a6a6",
33
33
  "modesColorGenericFgModerate": "#777",
34
+ "modesColorGenericFgFrozenSoft": "#335B70",
34
35
  "modesColorGenericBackdropNought": "#FFFFFF",
35
36
  "modesColorGenericBackdropFaint": "#f6f8f9",
36
37
  "modesColorInteractiveAiActive": "linear-gradient(90deg, #13A03826 0%, #14919726 40%, #a87cfb26 90%)",
@@ -86,6 +87,7 @@
86
87
  "modesColorInteractiveMonochromeGenericWithDefault": "#FFFFFF",
87
88
  "modesColorInteractiveMonochromeGenericWithHover": "#000000",
88
89
  "modesColorInteractiveMonochromeGenericFrozenActive": "#eaedf0",
90
+ "modesColorInteractiveMonochromeGenericFrozenActive2": "#335B70",
89
91
  "modesColorInteractiveMonochromeMarketingActive": "#000000",
90
92
  "modesColorInteractiveMonochromeMarketingWithActive": "#00D639",
91
93
  "modesColorInteractiveMonochromeSubtleDefaultAlt": "#00000080",
@@ -109,6 +111,7 @@
109
111
  "modesColorInteractiveProgressBg": "#00000014",
110
112
  "modesColorInteractiveProgressBgAlt": "#ffffff14",
111
113
  "modesColorInteractiveProgressFrozenBg": "#00804614",
114
+ "modesColorInteractiveProgressFrozenBgAlt": "#cad3d9",
112
115
  "modesColorStatusAiDefault": "#FFFFFF",
113
116
  "modesColorStatusAiDefaultAlt": "#000000",
114
117
  "modesColorStatusAiDefaultHorizontal": "linear-gradient(90deg, #13A038 0%, #149197 40%, #A87CFB 90%)",
@@ -13,7 +13,7 @@
13
13
  "profileSizeInsideMl": 28,
14
14
  "profileSizeInsideL": 40,
15
15
  "profileSizeInsideXl": 56,
16
- "profileSizeInsideXxl": 104,
16
+ "profileSizeInsideXxl": 72,
17
17
  "profileColorBgAlt": "#fffffff2",
18
18
  "profileColorBgDefault": "#0e0e0e",
19
19
  "profileColorBorderDefault": "#282828",
@@ -31,6 +31,7 @@
31
31
  "modesColorGenericFgDelicate": "#282828",
32
32
  "modesColorGenericFgSoft": "#4b4b4b",
33
33
  "modesColorGenericFgModerate": "#777",
34
+ "modesColorGenericFgFrozenSoft": "#4b4b4b",
34
35
  "modesColorGenericBackdropNought": "#000000",
35
36
  "modesColorGenericBackdropFaint": "#181818",
36
37
  "modesColorInteractiveAiActive": "linear-gradient(90deg, #00D63926 0%, #00d6de26 40%, #9d60ff26 90%)",
@@ -86,6 +87,7 @@
86
87
  "modesColorInteractiveMonochromeGenericWithDefault": "#000000",
87
88
  "modesColorInteractiveMonochromeGenericWithHover": "#FFFFFF",
88
89
  "modesColorInteractiveMonochromeGenericFrozenActive": "#FFFFFF",
90
+ "modesColorInteractiveMonochromeGenericFrozenActive2": "#FFFFFF",
89
91
  "modesColorInteractiveMonochromeMarketingWithActive": "#000000",
90
92
  "modesColorInteractiveMonochromeMarketingActive": "#00D639",
91
93
  "modesColorInteractiveMonochromeSubtleDefaultAlt": "#ffffff80",
@@ -109,6 +111,7 @@
109
111
  "modesColorInteractiveProgressBg": "#ffffff14",
110
112
  "modesColorInteractiveProgressBgAlt": "#00000014",
111
113
  "modesColorInteractiveProgressFrozenBg": "#ffffff14",
114
+ "modesColorInteractiveProgressFrozenBgAlt": "#ffffff14",
112
115
  "modesColorStatusCautionDefault": "#E04500",
113
116
  "modesColorStatusCautionDefaultAlt": "#251206",
114
117
  "modesColorStatusCautionHover": "#eb6732",
@@ -13,7 +13,7 @@
13
13
  "profileSizeInsideMl": 28,
14
14
  "profileSizeInsideL": 40,
15
15
  "profileSizeInsideXl": 56,
16
- "profileSizeInsideXxl": 104,
16
+ "profileSizeInsideXxl": 72,
17
17
  "profileColorBgAlt": "#000000f2",
18
18
  "profileColorBgDefault": "#f3f3f3",
19
19
  "profileColorBorderDefault": "#d1d1d1",
@@ -31,6 +31,7 @@
31
31
  "modesColorGenericFgDelicate": "#d1d1d1",
32
32
  "modesColorGenericFgSoft": "#a6a6a6",
33
33
  "modesColorGenericFgModerate": "#777",
34
+ "modesColorGenericFgFrozenSoft": "#335B70",
34
35
  "modesColorGenericBackdropNought": "#FFFFFF",
35
36
  "modesColorGenericBackdropFaint": "#f6f8f9",
36
37
  "modesColorInteractiveAiActive": "linear-gradient(90deg, #13A03826 0%, #14919726 40%, #a87cfb26 90%)",
@@ -86,6 +87,7 @@
86
87
  "modesColorInteractiveMonochromeGenericWithDefault": "#FFFFFF",
87
88
  "modesColorInteractiveMonochromeGenericWithHover": "#000000",
88
89
  "modesColorInteractiveMonochromeGenericFrozenActive": "#eaedf0",
90
+ "modesColorInteractiveMonochromeGenericFrozenActive2": "#335B70",
89
91
  "modesColorInteractiveMonochromeMarketingActive": "#000000",
90
92
  "modesColorInteractiveMonochromeMarketingWithActive": "#00D639",
91
93
  "modesColorInteractiveMonochromeSubtleDefaultAlt": "#00000080",
@@ -109,6 +111,7 @@
109
111
  "modesColorInteractiveProgressBg": "#00000014",
110
112
  "modesColorInteractiveProgressBgAlt": "#ffffff14",
111
113
  "modesColorInteractiveProgressFrozenBg": "#00804614",
114
+ "modesColorInteractiveProgressFrozenBgAlt": "#cad3d9",
112
115
  "modesColorStatusAiDefault": "#FFFFFF",
113
116
  "modesColorStatusAiDefaultAlt": "#000000",
114
117
  "modesColorStatusAiDefaultHorizontal": "linear-gradient(90deg, #13A038 0%, #149197 40%, #A87CFB 90%)",
@@ -18,7 +18,7 @@
18
18
  "ML": 28,
19
19
  "L": 40,
20
20
  "XL": 56,
21
- "XXL": 104
21
+ "XXL": 72
22
22
  }
23
23
  },
24
24
  "color": {
@@ -50,7 +50,10 @@
50
50
  "faint": "#181818",
51
51
  "delicate": "#282828",
52
52
  "soft": "#4b4b4b",
53
- "moderate": "#777"
53
+ "moderate": "#777",
54
+ "frozen": {
55
+ "soft": "#4b4b4b"
56
+ }
54
57
  },
55
58
  "backdrop": {
56
59
  "nought": "#000000",
@@ -129,7 +132,8 @@
129
132
  "withDefault": "#000000",
130
133
  "withHover": "#FFFFFF",
131
134
  "frozen": {
132
- "active": "#FFFFFF"
135
+ "active": "#FFFFFF",
136
+ "active2": "#FFFFFF"
133
137
  }
134
138
  },
135
139
  "marketing": {
@@ -169,7 +173,8 @@
169
173
  "bg": "#ffffff14",
170
174
  "bgAlt": "#00000014",
171
175
  "frozen": {
172
- "bg": "#ffffff14"
176
+ "bg": "#ffffff14",
177
+ "bg-alt": "#ffffff14"
173
178
  }
174
179
  }
175
180
  },
@@ -18,7 +18,7 @@
18
18
  "ML": 28,
19
19
  "L": 40,
20
20
  "XL": 56,
21
- "XXL": 104
21
+ "XXL": 72
22
22
  }
23
23
  },
24
24
  "color": {
@@ -50,7 +50,10 @@
50
50
  "faint": "#e8e8e8",
51
51
  "delicate": "#d1d1d1",
52
52
  "soft": "#a6a6a6",
53
- "moderate": "#777"
53
+ "moderate": "#777",
54
+ "frozen": {
55
+ "soft": "#335B70"
56
+ }
54
57
  },
55
58
  "backdrop": {
56
59
  "nought": "#FFFFFF",
@@ -129,7 +132,8 @@
129
132
  "withDefault": "#FFFFFF",
130
133
  "withHover": "#000000",
131
134
  "frozen": {
132
- "active": "#eaedf0"
135
+ "active": "#eaedf0",
136
+ "active2": "#335B70"
133
137
  }
134
138
  },
135
139
  "marketing": {
@@ -169,7 +173,8 @@
169
173
  "bg": "#00000014",
170
174
  "bgAlt": "#ffffff14",
171
175
  "frozen": {
172
- "bg": "#00804614"
176
+ "bg": "#00804614",
177
+ "bg-alt": "#cad3d9"
173
178
  }
174
179
  }
175
180
  },
@@ -18,7 +18,7 @@
18
18
  "ML": 28,
19
19
  "L": 40,
20
20
  "XL": 56,
21
- "XXL": 104
21
+ "XXL": 72
22
22
  }
23
23
  },
24
24
  "color": {
@@ -50,7 +50,10 @@
50
50
  "faint": "#181818",
51
51
  "delicate": "#282828",
52
52
  "soft": "#4b4b4b",
53
- "moderate": "#777"
53
+ "moderate": "#777",
54
+ "frozen": {
55
+ "soft": "#4b4b4b"
56
+ }
54
57
  },
55
58
  "backdrop": {
56
59
  "nought": "#000000",
@@ -129,7 +132,8 @@
129
132
  "withDefault": "#000000",
130
133
  "withHover": "#FFFFFF",
131
134
  "frozen": {
132
- "active": "#FFFFFF"
135
+ "active": "#FFFFFF",
136
+ "active2": "#FFFFFF"
133
137
  }
134
138
  },
135
139
  "marketing": {
@@ -169,7 +173,8 @@
169
173
  "bg": "#ffffff14",
170
174
  "bgAlt": "#00000014",
171
175
  "frozen": {
172
- "bg": "#ffffff14"
176
+ "bg": "#ffffff14",
177
+ "bg-alt": "#ffffff14"
173
178
  }
174
179
  }
175
180
  },
@@ -18,7 +18,7 @@
18
18
  "ML": 28,
19
19
  "L": 40,
20
20
  "XL": 56,
21
- "XXL": 104
21
+ "XXL": 72
22
22
  }
23
23
  },
24
24
  "color": {
@@ -50,7 +50,10 @@
50
50
  "faint": "#e8e8e8",
51
51
  "delicate": "#d1d1d1",
52
52
  "soft": "#a6a6a6",
53
- "moderate": "#777"
53
+ "moderate": "#777",
54
+ "frozen": {
55
+ "soft": "#335B70"
56
+ }
54
57
  },
55
58
  "backdrop": {
56
59
  "nought": "#FFFFFF",
@@ -129,7 +132,8 @@
129
132
  "withDefault": "#FFFFFF",
130
133
  "withHover": "#000000",
131
134
  "frozen": {
132
- "active": "#eaedf0"
135
+ "active": "#eaedf0",
136
+ "active2": "#335B70"
133
137
  }
134
138
  },
135
139
  "marketing": {
@@ -169,7 +173,8 @@
169
173
  "bg": "#00000014",
170
174
  "bgAlt": "#ffffff14",
171
175
  "frozen": {
172
- "bg": "#00804614"
176
+ "bg": "#00804614",
177
+ "bg-alt": "#cad3d9"
173
178
  }
174
179
  }
175
180
  },
@@ -18,7 +18,7 @@
18
18
  "ML": 28,
19
19
  "L": 40,
20
20
  "XL": 56,
21
- "XXL": 104
21
+ "XXL": 72
22
22
  }
23
23
  },
24
24
  "color": {
@@ -50,7 +50,10 @@
50
50
  "faint": "#181818",
51
51
  "delicate": "#282828",
52
52
  "soft": "#4b4b4b",
53
- "moderate": "#777"
53
+ "moderate": "#777",
54
+ "frozen": {
55
+ "soft": "#4b4b4b"
56
+ }
54
57
  },
55
58
  "backdrop": {
56
59
  "nought": "#000000",
@@ -129,7 +132,8 @@
129
132
  "withDefault": "#000000",
130
133
  "withHover": "#FFFFFF",
131
134
  "frozen": {
132
- "active": "#FFFFFF"
135
+ "active": "#FFFFFF",
136
+ "active2": "#FFFFFF"
133
137
  }
134
138
  },
135
139
  "marketing": {
@@ -169,7 +173,8 @@
169
173
  "bg": "#ffffff14",
170
174
  "bgAlt": "#00000014",
171
175
  "frozen": {
172
- "bg": "#ffffff14"
176
+ "bg": "#ffffff14",
177
+ "bg-alt": "#ffffff14"
173
178
  }
174
179
  }
175
180
  },
@@ -18,7 +18,7 @@
18
18
  "ML": 28,
19
19
  "L": 40,
20
20
  "XL": 56,
21
- "XXL": 104
21
+ "XXL": 72
22
22
  }
23
23
  },
24
24
  "color": {
@@ -50,7 +50,10 @@
50
50
  "faint": "#e8e8e8",
51
51
  "delicate": "#d1d1d1",
52
52
  "soft": "#a6a6a6",
53
- "moderate": "#777"
53
+ "moderate": "#777",
54
+ "frozen": {
55
+ "soft": "#335B70"
56
+ }
54
57
  },
55
58
  "backdrop": {
56
59
  "nought": "#FFFFFF",
@@ -129,7 +132,8 @@
129
132
  "withDefault": "#FFFFFF",
130
133
  "withHover": "#000000",
131
134
  "frozen": {
132
- "active": "#eaedf0"
135
+ "active": "#eaedf0",
136
+ "active2": "#335B70"
133
137
  }
134
138
  },
135
139
  "marketing": {
@@ -169,7 +173,8 @@
169
173
  "bg": "#00000014",
170
174
  "bgAlt": "#ffffff14",
171
175
  "frozen": {
172
- "bg": "#00804614"
176
+ "bg": "#00804614",
177
+ "bg-alt": "#cad3d9"
173
178
  }
174
179
  }
175
180
  },
@@ -18,7 +18,7 @@
18
18
  "ML": 28,
19
19
  "L": 40,
20
20
  "XL": 56,
21
- "XXL": 104
21
+ "XXL": 72
22
22
  }
23
23
  },
24
24
  "color": {
@@ -50,7 +50,10 @@
50
50
  "faint": "#181818",
51
51
  "delicate": "#282828",
52
52
  "soft": "#4b4b4b",
53
- "moderate": "#777"
53
+ "moderate": "#777",
54
+ "frozen": {
55
+ "soft": "#4b4b4b"
56
+ }
54
57
  },
55
58
  "backdrop": {
56
59
  "nought": "#000000",
@@ -129,7 +132,8 @@
129
132
  "withDefault": "#000000",
130
133
  "withHover": "#FFFFFF",
131
134
  "frozen": {
132
- "active": "#FFFFFF"
135
+ "active": "#FFFFFF",
136
+ "active2": "#FFFFFF"
133
137
  }
134
138
  },
135
139
  "marketing": {
@@ -169,7 +173,8 @@
169
173
  "bg": "#ffffff14",
170
174
  "bgAlt": "#00000014",
171
175
  "frozen": {
172
- "bg": "#ffffff14"
176
+ "bg": "#ffffff14",
177
+ "bg-alt": "#ffffff14"
173
178
  }
174
179
  }
175
180
  },
@@ -18,7 +18,7 @@
18
18
  "ML": 28,
19
19
  "L": 40,
20
20
  "XL": 56,
21
- "XXL": 104
21
+ "XXL": 72
22
22
  }
23
23
  },
24
24
  "color": {
@@ -50,7 +50,10 @@
50
50
  "faint": "#e8e8e8",
51
51
  "delicate": "#d1d1d1",
52
52
  "soft": "#a6a6a6",
53
- "moderate": "#777"
53
+ "moderate": "#777",
54
+ "frozen": {
55
+ "soft": "#335B70"
56
+ }
54
57
  },
55
58
  "backdrop": {
56
59
  "nought": "#FFFFFF",
@@ -129,7 +132,8 @@
129
132
  "withDefault": "#FFFFFF",
130
133
  "withHover": "#000000",
131
134
  "frozen": {
132
- "active": "#eaedf0"
135
+ "active": "#eaedf0",
136
+ "active2": "#335B70"
133
137
  }
134
138
  },
135
139
  "marketing": {
@@ -169,7 +173,8 @@
169
173
  "bg": "#00000014",
170
174
  "bgAlt": "#ffffff14",
171
175
  "frozen": {
172
- "bg": "#00804614"
176
+ "bg": "#00804614",
177
+ "bg-alt": "#cad3d9"
173
178
  }
174
179
  }
175
180
  },
@@ -18,7 +18,7 @@
18
18
  "ML": 28,
19
19
  "L": 40,
20
20
  "XL": 56,
21
- "XXL": 104
21
+ "XXL": 72
22
22
  }
23
23
  },
24
24
  "color": {
@@ -50,7 +50,10 @@
50
50
  "faint": "#181818",
51
51
  "delicate": "#282828",
52
52
  "soft": "#4b4b4b",
53
- "moderate": "#777"
53
+ "moderate": "#777",
54
+ "frozen": {
55
+ "soft": "#4b4b4b"
56
+ }
54
57
  },
55
58
  "backdrop": {
56
59
  "nought": "#000000",
@@ -129,7 +132,8 @@
129
132
  "withDefault": "#000000",
130
133
  "withHover": "#FFFFFF",
131
134
  "frozen": {
132
- "active": "#FFFFFF"
135
+ "active": "#FFFFFF",
136
+ "active2": "#FFFFFF"
133
137
  }
134
138
  },
135
139
  "marketing": {
@@ -169,7 +173,8 @@
169
173
  "bg": "#ffffff14",
170
174
  "bgAlt": "#00000014",
171
175
  "frozen": {
172
- "bg": "#ffffff14"
176
+ "bg": "#ffffff14",
177
+ "bg-alt": "#ffffff14"
173
178
  }
174
179
  }
175
180
  },
@@ -18,7 +18,7 @@
18
18
  "ML": 28,
19
19
  "L": 40,
20
20
  "XL": 56,
21
- "XXL": 104
21
+ "XXL": 72
22
22
  }
23
23
  },
24
24
  "color": {
@@ -50,7 +50,10 @@
50
50
  "faint": "#e8e8e8",
51
51
  "delicate": "#d1d1d1",
52
52
  "soft": "#a6a6a6",
53
- "moderate": "#777"
53
+ "moderate": "#777",
54
+ "frozen": {
55
+ "soft": "#335B70"
56
+ }
54
57
  },
55
58
  "backdrop": {
56
59
  "nought": "#FFFFFF",
@@ -129,7 +132,8 @@
129
132
  "withDefault": "#FFFFFF",
130
133
  "withHover": "#000000",
131
134
  "frozen": {
132
- "active": "#eaedf0"
135
+ "active": "#eaedf0",
136
+ "active2": "#335B70"
133
137
  }
134
138
  },
135
139
  "marketing": {
@@ -169,7 +173,8 @@
169
173
  "bg": "#00000014",
170
174
  "bgAlt": "#ffffff14",
171
175
  "frozen": {
172
- "bg": "#00804614"
176
+ "bg": "#00804614",
177
+ "bg-alt": "#cad3d9"
173
178
  }
174
179
  }
175
180
  },
@@ -18,7 +18,7 @@
18
18
  "ML": 28,
19
19
  "L": 40,
20
20
  "XL": 56,
21
- "XXL": 104
21
+ "XXL": 72
22
22
  }
23
23
  },
24
24
  "color": {
@@ -50,7 +50,10 @@
50
50
  "faint": "#181818",
51
51
  "delicate": "#282828",
52
52
  "soft": "#4b4b4b",
53
- "moderate": "#777"
53
+ "moderate": "#777",
54
+ "frozen": {
55
+ "soft": "#4b4b4b"
56
+ }
54
57
  },
55
58
  "backdrop": {
56
59
  "nought": "#000000",
@@ -129,7 +132,8 @@
129
132
  "withDefault": "#000000",
130
133
  "withHover": "#FFFFFF",
131
134
  "frozen": {
132
- "active": "#FFFFFF"
135
+ "active": "#FFFFFF",
136
+ "active2": "#FFFFFF"
133
137
  }
134
138
  },
135
139
  "marketing": {
@@ -169,7 +173,8 @@
169
173
  "bg": "#ffffff14",
170
174
  "bgAlt": "#00000014",
171
175
  "frozen": {
172
- "bg": "#ffffff14"
176
+ "bg": "#ffffff14",
177
+ "bg-alt": "#ffffff14"
173
178
  }
174
179
  }
175
180
  },
@@ -18,7 +18,7 @@
18
18
  "ML": 28,
19
19
  "L": 40,
20
20
  "XL": 56,
21
- "XXL": 104
21
+ "XXL": 72
22
22
  }
23
23
  },
24
24
  "color": {
@@ -50,7 +50,10 @@
50
50
  "faint": "#e8e8e8",
51
51
  "delicate": "#d1d1d1",
52
52
  "soft": "#a6a6a6",
53
- "moderate": "#777"
53
+ "moderate": "#777",
54
+ "frozen": {
55
+ "soft": "#335B70"
56
+ }
54
57
  },
55
58
  "backdrop": {
56
59
  "nought": "#FFFFFF",
@@ -129,7 +132,8 @@
129
132
  "withDefault": "#FFFFFF",
130
133
  "withHover": "#000000",
131
134
  "frozen": {
132
- "active": "#eaedf0"
135
+ "active": "#eaedf0",
136
+ "active2": "#335B70"
133
137
  }
134
138
  },
135
139
  "marketing": {
@@ -169,7 +173,8 @@
169
173
  "bg": "#00000014",
170
174
  "bgAlt": "#ffffff14",
171
175
  "frozen": {
172
- "bg": "#00804614"
176
+ "bg": "#00804614",
177
+ "bg-alt": "#cad3d9"
173
178
  }
174
179
  }
175
180
  },
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  },
7
7
  "description": "Design tokens for the Sage Design System.",
8
8
  "author": "The Sage Group plc",
9
- "version": "7.1.7",
9
+ "version": "7.2.0",
10
10
  "license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
11
11
  "tags": [
12
12
  "design tokens",
Binary file