@sage/design-tokens 15.1.0 → 15.2.1

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 (571) hide show
  1. package/css/frozenproduct/all.css +122 -118
  2. package/css/frozenproduct/large/components/badge.css +3 -3
  3. package/css/frozenproduct/large/components/button.css +32 -32
  4. package/css/frozenproduct/large/components/container.css +11 -11
  5. package/css/frozenproduct/large/components/form.css +17 -14
  6. package/css/frozenproduct/large/components/link.css +2 -2
  7. package/css/frozenproduct/large/components/nav.css +3 -3
  8. package/css/frozenproduct/large/components/popover.css +6 -6
  9. package/css/frozenproduct/large/components/progress.css +5 -5
  10. package/css/frozenproduct/large/components/status.css +25 -25
  11. package/css/frozenproduct/large/components/tab.css +7 -7
  12. package/css/frozenproduct/large/components/table.css +8 -8
  13. package/css/frozenproduct/large/dark.css +2 -1
  14. package/css/frozenproduct/large/light.css +2 -1
  15. package/css/frozenproduct/small/components/badge.css +3 -3
  16. package/css/frozenproduct/small/components/button.css +32 -32
  17. package/css/frozenproduct/small/components/container.css +11 -11
  18. package/css/frozenproduct/small/components/form.css +17 -14
  19. package/css/frozenproduct/small/components/link.css +2 -2
  20. package/css/frozenproduct/small/components/nav.css +3 -3
  21. package/css/frozenproduct/small/components/popover.css +6 -6
  22. package/css/frozenproduct/small/components/progress.css +5 -5
  23. package/css/frozenproduct/small/components/status.css +25 -25
  24. package/css/frozenproduct/small/components/tab.css +7 -7
  25. package/css/frozenproduct/small/components/table.css +8 -8
  26. package/css/frozenproduct/small/dark.css +2 -1
  27. package/css/frozenproduct/small/light.css +2 -1
  28. package/css/product/all.css +6 -2
  29. package/css/product/large/components/form.css +3 -0
  30. package/css/product/large/dark.css +2 -1
  31. package/css/product/large/light.css +2 -1
  32. package/css/product/small/components/form.css +3 -0
  33. package/css/product/small/dark.css +2 -1
  34. package/css/product/small/light.css +2 -1
  35. package/ios/frozenproduct/large/dark/components/badge.h +2 -2
  36. package/ios/frozenproduct/large/dark/components/button.h +15 -15
  37. package/ios/frozenproduct/large/dark/components/container.h +9 -9
  38. package/ios/frozenproduct/large/dark/components/form.h +13 -10
  39. package/ios/frozenproduct/large/dark/components/nav.h +2 -2
  40. package/ios/frozenproduct/large/dark/components/popover.h +2 -2
  41. package/ios/frozenproduct/large/dark/components/progress.h +2 -2
  42. package/ios/frozenproduct/large/dark/components/status.h +20 -20
  43. package/ios/frozenproduct/large/dark/components/tab.h +5 -5
  44. package/ios/frozenproduct/large/dark/components/table.h +8 -8
  45. package/ios/frozenproduct/large/dark/mode.h +2 -1
  46. package/ios/frozenproduct/large/light/components/badge.h +2 -2
  47. package/ios/frozenproduct/large/light/components/button.h +30 -30
  48. package/ios/frozenproduct/large/light/components/container.h +11 -11
  49. package/ios/frozenproduct/large/light/components/form.h +17 -14
  50. package/ios/frozenproduct/large/light/components/link.h +2 -2
  51. package/ios/frozenproduct/large/light/components/nav.h +3 -3
  52. package/ios/frozenproduct/large/light/components/popover.h +6 -6
  53. package/ios/frozenproduct/large/light/components/progress.h +5 -5
  54. package/ios/frozenproduct/large/light/components/status.h +25 -25
  55. package/ios/frozenproduct/large/light/components/tab.h +6 -6
  56. package/ios/frozenproduct/large/light/components/table.h +8 -8
  57. package/ios/frozenproduct/large/light/mode.h +2 -1
  58. package/ios/frozenproduct/small/dark/components/badge.h +2 -2
  59. package/ios/frozenproduct/small/dark/components/button.h +15 -15
  60. package/ios/frozenproduct/small/dark/components/container.h +9 -9
  61. package/ios/frozenproduct/small/dark/components/form.h +13 -10
  62. package/ios/frozenproduct/small/dark/components/nav.h +2 -2
  63. package/ios/frozenproduct/small/dark/components/popover.h +2 -2
  64. package/ios/frozenproduct/small/dark/components/progress.h +2 -2
  65. package/ios/frozenproduct/small/dark/components/status.h +20 -20
  66. package/ios/frozenproduct/small/dark/components/tab.h +5 -5
  67. package/ios/frozenproduct/small/dark/components/table.h +8 -8
  68. package/ios/frozenproduct/small/dark/mode.h +2 -1
  69. package/ios/frozenproduct/small/light/components/badge.h +2 -2
  70. package/ios/frozenproduct/small/light/components/button.h +30 -30
  71. package/ios/frozenproduct/small/light/components/container.h +11 -11
  72. package/ios/frozenproduct/small/light/components/form.h +17 -14
  73. package/ios/frozenproduct/small/light/components/link.h +2 -2
  74. package/ios/frozenproduct/small/light/components/nav.h +3 -3
  75. package/ios/frozenproduct/small/light/components/popover.h +6 -6
  76. package/ios/frozenproduct/small/light/components/progress.h +5 -5
  77. package/ios/frozenproduct/small/light/components/status.h +25 -25
  78. package/ios/frozenproduct/small/light/components/tab.h +6 -6
  79. package/ios/frozenproduct/small/light/components/table.h +8 -8
  80. package/ios/frozenproduct/small/light/mode.h +2 -1
  81. package/ios/product/large/dark/components/form.h +3 -0
  82. package/ios/product/large/dark/mode.h +2 -1
  83. package/ios/product/large/light/components/form.h +3 -0
  84. package/ios/product/large/light/mode.h +2 -1
  85. package/ios/product/small/dark/components/button.h +51 -51
  86. package/ios/product/small/dark/components/container.h +76 -76
  87. package/ios/product/small/dark/components/form.h +50 -47
  88. package/ios/product/small/dark/components/link.h +1 -1
  89. package/ios/product/small/dark/components/nav.h +42 -42
  90. package/ios/product/small/dark/components/page.h +28 -28
  91. package/ios/product/small/dark/components/popover.h +12 -12
  92. package/ios/product/small/dark/components/profile.h +7 -7
  93. package/ios/product/small/dark/components/progress.h +5 -5
  94. package/ios/product/small/dark/components/status.h +10 -10
  95. package/ios/product/small/dark/components/tab.h +2 -2
  96. package/ios/product/small/dark/components/table.h +9 -9
  97. package/ios/product/small/dark/mode.h +2 -1
  98. package/ios/product/small/light/components/button.h +51 -51
  99. package/ios/product/small/light/components/container.h +76 -76
  100. package/ios/product/small/light/components/form.h +50 -47
  101. package/ios/product/small/light/components/link.h +1 -1
  102. package/ios/product/small/light/components/nav.h +42 -42
  103. package/ios/product/small/light/components/page.h +28 -28
  104. package/ios/product/small/light/components/popover.h +12 -12
  105. package/ios/product/small/light/components/profile.h +7 -7
  106. package/ios/product/small/light/components/progress.h +5 -5
  107. package/ios/product/small/light/components/status.h +10 -10
  108. package/ios/product/small/light/components/tab.h +2 -2
  109. package/ios/product/small/light/components/table.h +9 -9
  110. package/ios/product/small/light/mode.h +2 -1
  111. package/js/common/frozenproduct/large/dark/components/badge.js +8 -10
  112. package/js/common/frozenproduct/large/dark/components/button.js +81 -79
  113. package/js/common/frozenproduct/large/dark/components/container.js +31 -33
  114. package/js/common/frozenproduct/large/dark/components/form.d.ts +3 -0
  115. package/js/common/frozenproduct/large/dark/components/form.js +93 -40
  116. package/js/common/frozenproduct/large/dark/components/link.js +4 -4
  117. package/js/common/frozenproduct/large/dark/components/nav.js +8 -8
  118. package/js/common/frozenproduct/large/dark/components/popover.js +14 -20
  119. package/js/common/frozenproduct/large/dark/components/progress.js +12 -12
  120. package/js/common/frozenproduct/large/dark/components/status.js +78 -76
  121. package/js/common/frozenproduct/large/dark/components/tab.js +19 -19
  122. package/js/common/frozenproduct/large/dark/components/table.js +24 -28
  123. package/js/common/frozenproduct/large/dark/mode.d.ts +1 -0
  124. package/js/common/frozenproduct/large/dark/mode.js +42 -2
  125. package/js/common/frozenproduct/large/light/components/badge.js +8 -10
  126. package/js/common/frozenproduct/large/light/components/button.js +96 -94
  127. package/js/common/frozenproduct/large/light/components/container.js +33 -35
  128. package/js/common/frozenproduct/large/light/components/form.d.ts +3 -0
  129. package/js/common/frozenproduct/large/light/components/form.js +97 -44
  130. package/js/common/frozenproduct/large/light/components/link.js +6 -6
  131. package/js/common/frozenproduct/large/light/components/nav.js +9 -9
  132. package/js/common/frozenproduct/large/light/components/popover.js +18 -24
  133. package/js/common/frozenproduct/large/light/components/progress.js +15 -15
  134. package/js/common/frozenproduct/large/light/components/status.js +83 -81
  135. package/js/common/frozenproduct/large/light/components/tab.js +20 -20
  136. package/js/common/frozenproduct/large/light/components/table.js +24 -28
  137. package/js/common/frozenproduct/large/light/mode.d.ts +1 -0
  138. package/js/common/frozenproduct/large/light/mode.js +42 -2
  139. package/js/common/frozenproduct/small/dark/components/badge.js +8 -10
  140. package/js/common/frozenproduct/small/dark/components/button.js +81 -79
  141. package/js/common/frozenproduct/small/dark/components/container.js +31 -33
  142. package/js/common/frozenproduct/small/dark/components/form.d.ts +3 -0
  143. package/js/common/frozenproduct/small/dark/components/form.js +93 -40
  144. package/js/common/frozenproduct/small/dark/components/link.js +4 -4
  145. package/js/common/frozenproduct/small/dark/components/nav.js +8 -8
  146. package/js/common/frozenproduct/small/dark/components/popover.js +14 -20
  147. package/js/common/frozenproduct/small/dark/components/progress.js +12 -12
  148. package/js/common/frozenproduct/small/dark/components/status.js +78 -76
  149. package/js/common/frozenproduct/small/dark/components/tab.js +19 -19
  150. package/js/common/frozenproduct/small/dark/components/table.js +24 -28
  151. package/js/common/frozenproduct/small/dark/mode.d.ts +1 -0
  152. package/js/common/frozenproduct/small/dark/mode.js +42 -2
  153. package/js/common/frozenproduct/small/light/components/badge.js +8 -10
  154. package/js/common/frozenproduct/small/light/components/button.js +96 -94
  155. package/js/common/frozenproduct/small/light/components/container.js +33 -35
  156. package/js/common/frozenproduct/small/light/components/form.d.ts +3 -0
  157. package/js/common/frozenproduct/small/light/components/form.js +97 -44
  158. package/js/common/frozenproduct/small/light/components/link.js +6 -6
  159. package/js/common/frozenproduct/small/light/components/nav.js +9 -9
  160. package/js/common/frozenproduct/small/light/components/popover.js +18 -24
  161. package/js/common/frozenproduct/small/light/components/progress.js +15 -15
  162. package/js/common/frozenproduct/small/light/components/status.js +83 -81
  163. package/js/common/frozenproduct/small/light/components/tab.js +20 -20
  164. package/js/common/frozenproduct/small/light/components/table.js +24 -28
  165. package/js/common/frozenproduct/small/light/mode.d.ts +1 -0
  166. package/js/common/frozenproduct/small/light/mode.js +42 -2
  167. package/js/common/product/large/dark/components/form.d.ts +3 -0
  168. package/js/common/product/large/dark/components/form.js +53 -0
  169. package/js/common/product/large/dark/mode.d.ts +1 -0
  170. package/js/common/product/large/dark/mode.js +42 -2
  171. package/js/common/product/large/light/components/form.d.ts +3 -0
  172. package/js/common/product/large/light/components/form.js +53 -0
  173. package/js/common/product/large/light/mode.d.ts +1 -0
  174. package/js/common/product/large/light/mode.js +42 -2
  175. package/js/common/product/small/dark/components/button.js +51 -51
  176. package/js/common/product/small/dark/components/container.js +76 -76
  177. package/js/common/product/small/dark/components/form.d.ts +3 -0
  178. package/js/common/product/small/dark/components/form.js +100 -47
  179. package/js/common/product/small/dark/components/link.js +1 -1
  180. package/js/common/product/small/dark/components/nav.js +42 -42
  181. package/js/common/product/small/dark/components/page.js +28 -28
  182. package/js/common/product/small/dark/components/popover.js +12 -12
  183. package/js/common/product/small/dark/components/profile.js +7 -7
  184. package/js/common/product/small/dark/components/progress.js +5 -5
  185. package/js/common/product/small/dark/components/status.js +10 -10
  186. package/js/common/product/small/dark/components/tab.js +2 -2
  187. package/js/common/product/small/dark/components/table.js +9 -9
  188. package/js/common/product/small/dark/mode.d.ts +1 -0
  189. package/js/common/product/small/dark/mode.js +42 -2
  190. package/js/common/product/small/light/components/button.js +51 -51
  191. package/js/common/product/small/light/components/container.js +76 -76
  192. package/js/common/product/small/light/components/form.d.ts +3 -0
  193. package/js/common/product/small/light/components/form.js +100 -47
  194. package/js/common/product/small/light/components/link.js +1 -1
  195. package/js/common/product/small/light/components/nav.js +42 -42
  196. package/js/common/product/small/light/components/page.js +28 -28
  197. package/js/common/product/small/light/components/popover.js +12 -12
  198. package/js/common/product/small/light/components/profile.js +7 -7
  199. package/js/common/product/small/light/components/progress.js +5 -5
  200. package/js/common/product/small/light/components/status.js +10 -10
  201. package/js/common/product/small/light/components/tab.js +2 -2
  202. package/js/common/product/small/light/components/table.js +9 -9
  203. package/js/common/product/small/light/mode.d.ts +1 -0
  204. package/js/common/product/small/light/mode.js +42 -2
  205. package/js/es6/frozenproduct/large/dark/components/badge.js +2 -2
  206. package/js/es6/frozenproduct/large/dark/components/button.js +15 -15
  207. package/js/es6/frozenproduct/large/dark/components/container.js +9 -9
  208. package/js/es6/frozenproduct/large/dark/components/form.d.ts +16 -1
  209. package/js/es6/frozenproduct/large/dark/components/form.js +25 -10
  210. package/js/es6/frozenproduct/large/dark/components/nav.js +2 -2
  211. package/js/es6/frozenproduct/large/dark/components/popover.js +2 -2
  212. package/js/es6/frozenproduct/large/dark/components/progress.js +2 -2
  213. package/js/es6/frozenproduct/large/dark/components/status.js +20 -20
  214. package/js/es6/frozenproduct/large/dark/components/tab.js +5 -5
  215. package/js/es6/frozenproduct/large/dark/components/table.js +8 -8
  216. package/js/es6/frozenproduct/large/dark/mode.d.ts +1 -0
  217. package/js/es6/frozenproduct/large/dark/mode.js +2 -1
  218. package/js/es6/frozenproduct/large/light/components/badge.js +2 -2
  219. package/js/es6/frozenproduct/large/light/components/button.js +30 -30
  220. package/js/es6/frozenproduct/large/light/components/container.js +11 -11
  221. package/js/es6/frozenproduct/large/light/components/form.d.ts +16 -1
  222. package/js/es6/frozenproduct/large/light/components/form.js +29 -14
  223. package/js/es6/frozenproduct/large/light/components/link.js +2 -2
  224. package/js/es6/frozenproduct/large/light/components/nav.js +3 -3
  225. package/js/es6/frozenproduct/large/light/components/popover.js +6 -6
  226. package/js/es6/frozenproduct/large/light/components/progress.js +5 -5
  227. package/js/es6/frozenproduct/large/light/components/status.js +25 -25
  228. package/js/es6/frozenproduct/large/light/components/tab.js +6 -6
  229. package/js/es6/frozenproduct/large/light/components/table.js +8 -8
  230. package/js/es6/frozenproduct/large/light/mode.d.ts +1 -0
  231. package/js/es6/frozenproduct/large/light/mode.js +2 -1
  232. package/js/es6/frozenproduct/small/dark/components/badge.js +2 -2
  233. package/js/es6/frozenproduct/small/dark/components/button.js +15 -15
  234. package/js/es6/frozenproduct/small/dark/components/container.js +9 -9
  235. package/js/es6/frozenproduct/small/dark/components/form.d.ts +16 -1
  236. package/js/es6/frozenproduct/small/dark/components/form.js +25 -10
  237. package/js/es6/frozenproduct/small/dark/components/nav.js +2 -2
  238. package/js/es6/frozenproduct/small/dark/components/popover.js +2 -2
  239. package/js/es6/frozenproduct/small/dark/components/progress.js +2 -2
  240. package/js/es6/frozenproduct/small/dark/components/status.js +20 -20
  241. package/js/es6/frozenproduct/small/dark/components/tab.js +5 -5
  242. package/js/es6/frozenproduct/small/dark/components/table.js +8 -8
  243. package/js/es6/frozenproduct/small/dark/mode.d.ts +1 -0
  244. package/js/es6/frozenproduct/small/dark/mode.js +2 -1
  245. package/js/es6/frozenproduct/small/light/components/badge.js +2 -2
  246. package/js/es6/frozenproduct/small/light/components/button.js +30 -30
  247. package/js/es6/frozenproduct/small/light/components/container.js +11 -11
  248. package/js/es6/frozenproduct/small/light/components/form.d.ts +16 -1
  249. package/js/es6/frozenproduct/small/light/components/form.js +29 -14
  250. package/js/es6/frozenproduct/small/light/components/link.js +2 -2
  251. package/js/es6/frozenproduct/small/light/components/nav.js +3 -3
  252. package/js/es6/frozenproduct/small/light/components/popover.js +6 -6
  253. package/js/es6/frozenproduct/small/light/components/progress.js +5 -5
  254. package/js/es6/frozenproduct/small/light/components/status.js +25 -25
  255. package/js/es6/frozenproduct/small/light/components/tab.js +6 -6
  256. package/js/es6/frozenproduct/small/light/components/table.js +8 -8
  257. package/js/es6/frozenproduct/small/light/mode.d.ts +1 -0
  258. package/js/es6/frozenproduct/small/light/mode.js +2 -1
  259. package/js/es6/product/large/dark/components/form.d.ts +15 -0
  260. package/js/es6/product/large/dark/components/form.js +15 -0
  261. package/js/es6/product/large/dark/mode.d.ts +1 -0
  262. package/js/es6/product/large/dark/mode.js +2 -1
  263. package/js/es6/product/large/light/components/form.d.ts +15 -0
  264. package/js/es6/product/large/light/components/form.js +15 -0
  265. package/js/es6/product/large/light/mode.d.ts +1 -0
  266. package/js/es6/product/large/light/mode.js +2 -1
  267. package/js/es6/product/small/dark/components/button.js +51 -51
  268. package/js/es6/product/small/dark/components/container.js +76 -76
  269. package/js/es6/product/small/dark/components/form.d.ts +15 -0
  270. package/js/es6/product/small/dark/components/form.js +62 -47
  271. package/js/es6/product/small/dark/components/link.js +1 -1
  272. package/js/es6/product/small/dark/components/nav.js +42 -42
  273. package/js/es6/product/small/dark/components/page.js +28 -28
  274. package/js/es6/product/small/dark/components/popover.js +12 -12
  275. package/js/es6/product/small/dark/components/profile.js +7 -7
  276. package/js/es6/product/small/dark/components/progress.js +5 -5
  277. package/js/es6/product/small/dark/components/status.js +10 -10
  278. package/js/es6/product/small/dark/components/tab.js +2 -2
  279. package/js/es6/product/small/dark/components/table.js +9 -9
  280. package/js/es6/product/small/dark/mode.d.ts +1 -0
  281. package/js/es6/product/small/dark/mode.js +2 -1
  282. package/js/es6/product/small/light/components/button.js +51 -51
  283. package/js/es6/product/small/light/components/container.js +76 -76
  284. package/js/es6/product/small/light/components/form.d.ts +15 -0
  285. package/js/es6/product/small/light/components/form.js +62 -47
  286. package/js/es6/product/small/light/components/link.js +1 -1
  287. package/js/es6/product/small/light/components/nav.js +42 -42
  288. package/js/es6/product/small/light/components/page.js +28 -28
  289. package/js/es6/product/small/light/components/popover.js +12 -12
  290. package/js/es6/product/small/light/components/profile.js +7 -7
  291. package/js/es6/product/small/light/components/progress.js +5 -5
  292. package/js/es6/product/small/light/components/status.js +10 -10
  293. package/js/es6/product/small/light/components/tab.js +2 -2
  294. package/js/es6/product/small/light/components/table.js +9 -9
  295. package/js/es6/product/small/light/mode.d.ts +1 -0
  296. package/js/es6/product/small/light/mode.js +2 -1
  297. package/js/umd/frozenproduct/large/dark/components/badge.js +8 -10
  298. package/js/umd/frozenproduct/large/dark/components/button.js +86 -79
  299. package/js/umd/frozenproduct/large/dark/components/container.js +31 -33
  300. package/js/umd/frozenproduct/large/dark/components/form.js +93 -40
  301. package/js/umd/frozenproduct/large/dark/components/link.js +4 -4
  302. package/js/umd/frozenproduct/large/dark/components/nav.js +9 -8
  303. package/js/umd/frozenproduct/large/dark/components/popover.js +14 -20
  304. package/js/umd/frozenproduct/large/dark/components/progress.js +12 -12
  305. package/js/umd/frozenproduct/large/dark/components/status.js +78 -76
  306. package/js/umd/frozenproduct/large/dark/components/tab.js +19 -19
  307. package/js/umd/frozenproduct/large/dark/components/table.js +25 -28
  308. package/js/umd/frozenproduct/large/dark/mode.js +42 -2
  309. package/js/umd/frozenproduct/large/light/components/badge.js +8 -10
  310. package/js/umd/frozenproduct/large/light/components/button.js +101 -94
  311. package/js/umd/frozenproduct/large/light/components/container.js +33 -35
  312. package/js/umd/frozenproduct/large/light/components/form.js +97 -44
  313. package/js/umd/frozenproduct/large/light/components/link.js +6 -6
  314. package/js/umd/frozenproduct/large/light/components/nav.js +10 -9
  315. package/js/umd/frozenproduct/large/light/components/popover.js +18 -24
  316. package/js/umd/frozenproduct/large/light/components/progress.js +15 -15
  317. package/js/umd/frozenproduct/large/light/components/status.js +83 -81
  318. package/js/umd/frozenproduct/large/light/components/tab.js +20 -20
  319. package/js/umd/frozenproduct/large/light/components/table.js +25 -28
  320. package/js/umd/frozenproduct/large/light/mode.js +42 -2
  321. package/js/umd/frozenproduct/small/dark/components/badge.js +8 -10
  322. package/js/umd/frozenproduct/small/dark/components/button.js +86 -79
  323. package/js/umd/frozenproduct/small/dark/components/container.js +31 -33
  324. package/js/umd/frozenproduct/small/dark/components/form.js +93 -40
  325. package/js/umd/frozenproduct/small/dark/components/link.js +4 -4
  326. package/js/umd/frozenproduct/small/dark/components/nav.js +9 -8
  327. package/js/umd/frozenproduct/small/dark/components/popover.js +14 -20
  328. package/js/umd/frozenproduct/small/dark/components/progress.js +12 -12
  329. package/js/umd/frozenproduct/small/dark/components/status.js +78 -76
  330. package/js/umd/frozenproduct/small/dark/components/tab.js +19 -19
  331. package/js/umd/frozenproduct/small/dark/components/table.js +25 -28
  332. package/js/umd/frozenproduct/small/dark/mode.js +42 -2
  333. package/js/umd/frozenproduct/small/light/components/badge.js +8 -10
  334. package/js/umd/frozenproduct/small/light/components/button.js +101 -94
  335. package/js/umd/frozenproduct/small/light/components/container.js +33 -35
  336. package/js/umd/frozenproduct/small/light/components/form.js +97 -44
  337. package/js/umd/frozenproduct/small/light/components/link.js +6 -6
  338. package/js/umd/frozenproduct/small/light/components/nav.js +10 -9
  339. package/js/umd/frozenproduct/small/light/components/popover.js +18 -24
  340. package/js/umd/frozenproduct/small/light/components/progress.js +15 -15
  341. package/js/umd/frozenproduct/small/light/components/status.js +83 -81
  342. package/js/umd/frozenproduct/small/light/components/tab.js +20 -20
  343. package/js/umd/frozenproduct/small/light/components/table.js +25 -28
  344. package/js/umd/frozenproduct/small/light/mode.js +42 -2
  345. package/js/umd/product/large/dark/components/form.js +53 -0
  346. package/js/umd/product/large/dark/mode.js +42 -2
  347. package/js/umd/product/large/light/components/form.js +53 -0
  348. package/js/umd/product/large/light/mode.js +42 -2
  349. package/js/umd/product/small/dark/components/button.js +51 -51
  350. package/js/umd/product/small/dark/components/container.js +76 -76
  351. package/js/umd/product/small/dark/components/form.js +100 -47
  352. package/js/umd/product/small/dark/components/link.js +1 -1
  353. package/js/umd/product/small/dark/components/nav.js +42 -42
  354. package/js/umd/product/small/dark/components/page.js +28 -28
  355. package/js/umd/product/small/dark/components/popover.js +12 -12
  356. package/js/umd/product/small/dark/components/profile.js +7 -7
  357. package/js/umd/product/small/dark/components/progress.js +5 -5
  358. package/js/umd/product/small/dark/components/status.js +10 -10
  359. package/js/umd/product/small/dark/components/tab.js +2 -2
  360. package/js/umd/product/small/dark/components/table.js +9 -9
  361. package/js/umd/product/small/dark/mode.js +42 -2
  362. package/js/umd/product/small/light/components/button.js +51 -51
  363. package/js/umd/product/small/light/components/container.js +76 -76
  364. package/js/umd/product/small/light/components/form.js +100 -47
  365. package/js/umd/product/small/light/components/link.js +1 -1
  366. package/js/umd/product/small/light/components/nav.js +42 -42
  367. package/js/umd/product/small/light/components/page.js +28 -28
  368. package/js/umd/product/small/light/components/popover.js +12 -12
  369. package/js/umd/product/small/light/components/profile.js +7 -7
  370. package/js/umd/product/small/light/components/progress.js +5 -5
  371. package/js/umd/product/small/light/components/status.js +10 -10
  372. package/js/umd/product/small/light/components/tab.js +2 -2
  373. package/js/umd/product/small/light/components/table.js +9 -9
  374. package/js/umd/product/small/light/mode.js +42 -2
  375. package/json/flat/frozenproduct/large/dark/components/badge.json +2 -2
  376. package/json/flat/frozenproduct/large/dark/components/button.json +15 -15
  377. package/json/flat/frozenproduct/large/dark/components/container.json +9 -9
  378. package/json/flat/frozenproduct/large/dark/components/form.json +13 -10
  379. package/json/flat/frozenproduct/large/dark/components/nav.json +2 -2
  380. package/json/flat/frozenproduct/large/dark/components/popover.json +2 -2
  381. package/json/flat/frozenproduct/large/dark/components/progress.json +2 -2
  382. package/json/flat/frozenproduct/large/dark/components/status.json +20 -20
  383. package/json/flat/frozenproduct/large/dark/components/tab.json +5 -5
  384. package/json/flat/frozenproduct/large/dark/components/table.json +8 -8
  385. package/json/flat/frozenproduct/large/dark/mode.json +2 -1
  386. package/json/flat/frozenproduct/large/light/components/badge.json +2 -2
  387. package/json/flat/frozenproduct/large/light/components/button.json +30 -30
  388. package/json/flat/frozenproduct/large/light/components/container.json +11 -11
  389. package/json/flat/frozenproduct/large/light/components/form.json +17 -14
  390. package/json/flat/frozenproduct/large/light/components/link.json +2 -2
  391. package/json/flat/frozenproduct/large/light/components/nav.json +3 -3
  392. package/json/flat/frozenproduct/large/light/components/popover.json +6 -6
  393. package/json/flat/frozenproduct/large/light/components/progress.json +5 -5
  394. package/json/flat/frozenproduct/large/light/components/status.json +25 -25
  395. package/json/flat/frozenproduct/large/light/components/tab.json +6 -6
  396. package/json/flat/frozenproduct/large/light/components/table.json +8 -8
  397. package/json/flat/frozenproduct/large/light/mode.json +2 -1
  398. package/json/flat/frozenproduct/small/dark/components/badge.json +2 -2
  399. package/json/flat/frozenproduct/small/dark/components/button.json +15 -15
  400. package/json/flat/frozenproduct/small/dark/components/container.json +9 -9
  401. package/json/flat/frozenproduct/small/dark/components/form.json +13 -10
  402. package/json/flat/frozenproduct/small/dark/components/nav.json +2 -2
  403. package/json/flat/frozenproduct/small/dark/components/popover.json +2 -2
  404. package/json/flat/frozenproduct/small/dark/components/progress.json +2 -2
  405. package/json/flat/frozenproduct/small/dark/components/status.json +20 -20
  406. package/json/flat/frozenproduct/small/dark/components/tab.json +5 -5
  407. package/json/flat/frozenproduct/small/dark/components/table.json +8 -8
  408. package/json/flat/frozenproduct/small/dark/mode.json +2 -1
  409. package/json/flat/frozenproduct/small/light/components/badge.json +2 -2
  410. package/json/flat/frozenproduct/small/light/components/button.json +30 -30
  411. package/json/flat/frozenproduct/small/light/components/container.json +11 -11
  412. package/json/flat/frozenproduct/small/light/components/form.json +17 -14
  413. package/json/flat/frozenproduct/small/light/components/link.json +2 -2
  414. package/json/flat/frozenproduct/small/light/components/nav.json +3 -3
  415. package/json/flat/frozenproduct/small/light/components/popover.json +6 -6
  416. package/json/flat/frozenproduct/small/light/components/progress.json +5 -5
  417. package/json/flat/frozenproduct/small/light/components/status.json +25 -25
  418. package/json/flat/frozenproduct/small/light/components/tab.json +6 -6
  419. package/json/flat/frozenproduct/small/light/components/table.json +8 -8
  420. package/json/flat/frozenproduct/small/light/mode.json +2 -1
  421. package/json/flat/product/large/dark/components/form.json +3 -0
  422. package/json/flat/product/large/dark/mode.json +2 -1
  423. package/json/flat/product/large/light/components/form.json +3 -0
  424. package/json/flat/product/large/light/mode.json +2 -1
  425. package/json/flat/product/small/dark/components/button.json +51 -51
  426. package/json/flat/product/small/dark/components/container.json +76 -76
  427. package/json/flat/product/small/dark/components/form.json +50 -47
  428. package/json/flat/product/small/dark/components/link.json +1 -1
  429. package/json/flat/product/small/dark/components/nav.json +42 -42
  430. package/json/flat/product/small/dark/components/page.json +28 -28
  431. package/json/flat/product/small/dark/components/popover.json +12 -12
  432. package/json/flat/product/small/dark/components/profile.json +7 -7
  433. package/json/flat/product/small/dark/components/progress.json +5 -5
  434. package/json/flat/product/small/dark/components/status.json +10 -10
  435. package/json/flat/product/small/dark/components/tab.json +2 -2
  436. package/json/flat/product/small/dark/components/table.json +9 -9
  437. package/json/flat/product/small/dark/mode.json +2 -1
  438. package/json/flat/product/small/light/components/button.json +51 -51
  439. package/json/flat/product/small/light/components/container.json +76 -76
  440. package/json/flat/product/small/light/components/form.json +50 -47
  441. package/json/flat/product/small/light/components/link.json +1 -1
  442. package/json/flat/product/small/light/components/nav.json +42 -42
  443. package/json/flat/product/small/light/components/page.json +28 -28
  444. package/json/flat/product/small/light/components/popover.json +12 -12
  445. package/json/flat/product/small/light/components/profile.json +7 -7
  446. package/json/flat/product/small/light/components/progress.json +5 -5
  447. package/json/flat/product/small/light/components/status.json +10 -10
  448. package/json/flat/product/small/light/components/tab.json +2 -2
  449. package/json/flat/product/small/light/components/table.json +9 -9
  450. package/json/flat/product/small/light/mode.json +2 -1
  451. package/json/nested/frozenproduct/large/dark/components/badge.json +2 -2
  452. package/json/nested/frozenproduct/large/dark/components/button.json +15 -15
  453. package/json/nested/frozenproduct/large/dark/components/container.json +9 -9
  454. package/json/nested/frozenproduct/large/dark/components/form.json +26 -11
  455. package/json/nested/frozenproduct/large/dark/components/nav.json +2 -2
  456. package/json/nested/frozenproduct/large/dark/components/popover.json +2 -2
  457. package/json/nested/frozenproduct/large/dark/components/progress.json +2 -2
  458. package/json/nested/frozenproduct/large/dark/components/status.json +20 -20
  459. package/json/nested/frozenproduct/large/dark/components/tab.json +5 -5
  460. package/json/nested/frozenproduct/large/dark/components/table.json +8 -8
  461. package/json/nested/frozenproduct/large/dark/mode.json +2 -1
  462. package/json/nested/frozenproduct/large/light/components/badge.json +2 -2
  463. package/json/nested/frozenproduct/large/light/components/button.json +30 -30
  464. package/json/nested/frozenproduct/large/light/components/container.json +11 -11
  465. package/json/nested/frozenproduct/large/light/components/form.json +30 -15
  466. package/json/nested/frozenproduct/large/light/components/link.json +2 -2
  467. package/json/nested/frozenproduct/large/light/components/nav.json +3 -3
  468. package/json/nested/frozenproduct/large/light/components/popover.json +6 -6
  469. package/json/nested/frozenproduct/large/light/components/progress.json +5 -5
  470. package/json/nested/frozenproduct/large/light/components/status.json +25 -25
  471. package/json/nested/frozenproduct/large/light/components/tab.json +6 -6
  472. package/json/nested/frozenproduct/large/light/components/table.json +8 -8
  473. package/json/nested/frozenproduct/large/light/mode.json +2 -1
  474. package/json/nested/frozenproduct/small/dark/components/badge.json +2 -2
  475. package/json/nested/frozenproduct/small/dark/components/button.json +15 -15
  476. package/json/nested/frozenproduct/small/dark/components/container.json +9 -9
  477. package/json/nested/frozenproduct/small/dark/components/form.json +26 -11
  478. package/json/nested/frozenproduct/small/dark/components/nav.json +2 -2
  479. package/json/nested/frozenproduct/small/dark/components/popover.json +2 -2
  480. package/json/nested/frozenproduct/small/dark/components/progress.json +2 -2
  481. package/json/nested/frozenproduct/small/dark/components/status.json +20 -20
  482. package/json/nested/frozenproduct/small/dark/components/tab.json +5 -5
  483. package/json/nested/frozenproduct/small/dark/components/table.json +8 -8
  484. package/json/nested/frozenproduct/small/dark/mode.json +2 -1
  485. package/json/nested/frozenproduct/small/light/components/badge.json +2 -2
  486. package/json/nested/frozenproduct/small/light/components/button.json +30 -30
  487. package/json/nested/frozenproduct/small/light/components/container.json +11 -11
  488. package/json/nested/frozenproduct/small/light/components/form.json +30 -15
  489. package/json/nested/frozenproduct/small/light/components/link.json +2 -2
  490. package/json/nested/frozenproduct/small/light/components/nav.json +3 -3
  491. package/json/nested/frozenproduct/small/light/components/popover.json +6 -6
  492. package/json/nested/frozenproduct/small/light/components/progress.json +5 -5
  493. package/json/nested/frozenproduct/small/light/components/status.json +25 -25
  494. package/json/nested/frozenproduct/small/light/components/tab.json +6 -6
  495. package/json/nested/frozenproduct/small/light/components/table.json +8 -8
  496. package/json/nested/frozenproduct/small/light/mode.json +2 -1
  497. package/json/nested/product/large/dark/components/form.json +16 -1
  498. package/json/nested/product/large/dark/mode.json +2 -1
  499. package/json/nested/product/large/light/components/form.json +16 -1
  500. package/json/nested/product/large/light/mode.json +2 -1
  501. package/json/nested/product/small/dark/components/button.json +51 -51
  502. package/json/nested/product/small/dark/components/container.json +76 -76
  503. package/json/nested/product/small/dark/components/form.json +63 -48
  504. package/json/nested/product/small/dark/components/link.json +1 -1
  505. package/json/nested/product/small/dark/components/nav.json +42 -42
  506. package/json/nested/product/small/dark/components/page.json +28 -28
  507. package/json/nested/product/small/dark/components/popover.json +12 -12
  508. package/json/nested/product/small/dark/components/profile.json +7 -7
  509. package/json/nested/product/small/dark/components/progress.json +5 -5
  510. package/json/nested/product/small/dark/components/status.json +10 -10
  511. package/json/nested/product/small/dark/components/tab.json +2 -2
  512. package/json/nested/product/small/dark/components/table.json +9 -9
  513. package/json/nested/product/small/dark/mode.json +2 -1
  514. package/json/nested/product/small/light/components/button.json +51 -51
  515. package/json/nested/product/small/light/components/container.json +76 -76
  516. package/json/nested/product/small/light/components/form.json +63 -48
  517. package/json/nested/product/small/light/components/link.json +1 -1
  518. package/json/nested/product/small/light/components/nav.json +42 -42
  519. package/json/nested/product/small/light/components/page.json +28 -28
  520. package/json/nested/product/small/light/components/popover.json +12 -12
  521. package/json/nested/product/small/light/components/profile.json +7 -7
  522. package/json/nested/product/small/light/components/progress.json +5 -5
  523. package/json/nested/product/small/light/components/status.json +10 -10
  524. package/json/nested/product/small/light/components/tab.json +2 -2
  525. package/json/nested/product/small/light/components/table.json +9 -9
  526. package/json/nested/product/small/light/mode.json +2 -1
  527. package/package.json +1 -1
  528. package/sage-design-tokens-15.2.1.tgz +0 -0
  529. package/scss/frozenproduct/large/components/badge.scss +3 -3
  530. package/scss/frozenproduct/large/components/button.scss +32 -32
  531. package/scss/frozenproduct/large/components/container.scss +11 -11
  532. package/scss/frozenproduct/large/components/form.scss +16 -13
  533. package/scss/frozenproduct/large/components/link.scss +2 -2
  534. package/scss/frozenproduct/large/components/nav.scss +3 -3
  535. package/scss/frozenproduct/large/components/popover.scss +6 -6
  536. package/scss/frozenproduct/large/components/progress.scss +5 -5
  537. package/scss/frozenproduct/large/components/status.scss +25 -25
  538. package/scss/frozenproduct/large/components/tab.scss +7 -7
  539. package/scss/frozenproduct/large/components/table.scss +8 -8
  540. package/scss/frozenproduct/large/dark.scss +2 -1
  541. package/scss/frozenproduct/large/light.scss +2 -1
  542. package/scss/frozenproduct/small/components/badge.scss +3 -3
  543. package/scss/frozenproduct/small/components/button.scss +32 -32
  544. package/scss/frozenproduct/small/components/container.scss +11 -11
  545. package/scss/frozenproduct/small/components/form.scss +16 -13
  546. package/scss/frozenproduct/small/components/link.scss +2 -2
  547. package/scss/frozenproduct/small/components/nav.scss +3 -3
  548. package/scss/frozenproduct/small/components/popover.scss +6 -6
  549. package/scss/frozenproduct/small/components/progress.scss +5 -5
  550. package/scss/frozenproduct/small/components/status.scss +25 -25
  551. package/scss/frozenproduct/small/components/tab.scss +7 -7
  552. package/scss/frozenproduct/small/components/table.scss +8 -8
  553. package/scss/frozenproduct/small/dark.scss +2 -1
  554. package/scss/frozenproduct/small/light.scss +2 -1
  555. package/scss/product/large/components/form.scss +3 -0
  556. package/scss/product/large/dark.scss +2 -1
  557. package/scss/product/large/light.scss +2 -1
  558. package/scss/product/small/components/button.scss +13 -13
  559. package/scss/product/small/components/container.scss +10 -10
  560. package/scss/product/small/components/form.scss +10 -7
  561. package/scss/product/small/components/link.scss +2 -2
  562. package/scss/product/small/components/nav.scss +5 -5
  563. package/scss/product/small/components/page.scss +1 -1
  564. package/scss/product/small/components/popover.scss +2 -2
  565. package/scss/product/small/components/progress.scss +6 -6
  566. package/scss/product/small/components/status.scss +3 -3
  567. package/scss/product/small/components/tab.scss +7 -7
  568. package/scss/product/small/components/table.scss +10 -10
  569. package/scss/product/small/dark.scss +2 -1
  570. package/scss/product/small/light.scss +2 -1
  571. package/sage-design-tokens-15.1.0.tgz +0 -0
@@ -267,7 +267,7 @@
267
267
  x: {
268
268
  S: {
269
269
  $type: "spacing",
270
- $value: 4.8,
270
+ $value: 6,
271
271
  $description:
272
272
  "Left and right padding token used on small popover container consumed inside number input.",
273
273
  filePath: "data/tokens/components/popover.json",
@@ -284,7 +284,7 @@
284
284
  },
285
285
  M: {
286
286
  $type: "spacing",
287
- $value: 6.4,
287
+ $value: 8,
288
288
  $description:
289
289
  "Left and right padding token used on medium popover container consumed inside number input.",
290
290
  filePath: "data/tokens/components/popover.json",
@@ -301,7 +301,7 @@
301
301
  },
302
302
  L: {
303
303
  $type: "spacing",
304
- $value: 9.6,
304
+ $value: 12,
305
305
  $description:
306
306
  "Left and right padding token used on large popover container consumed inside number input.",
307
307
  filePath: "data/tokens/components/popover.json",
@@ -320,7 +320,7 @@
320
320
  y: {
321
321
  S: {
322
322
  $type: "spacing",
323
- $value: 4.8,
323
+ $value: 6,
324
324
  $description:
325
325
  "Top and bottom padding inside S size popover menu container",
326
326
  filePath: "data/tokens/components/popover.json",
@@ -337,7 +337,7 @@
337
337
  },
338
338
  M: {
339
339
  $type: "spacing",
340
- $value: 6.4,
340
+ $value: 8,
341
341
  $description:
342
342
  "Top and bottom padding inside M size popover menu container",
343
343
  filePath: "data/tokens/components/popover.json",
@@ -354,7 +354,7 @@
354
354
  },
355
355
  L: {
356
356
  $type: "spacing",
357
- $value: 9.6,
357
+ $value: 12,
358
358
  $description:
359
359
  "Top and bottom padding inside L size popover menu container",
360
360
  filePath: "data/tokens/components/popover.json",
@@ -373,7 +373,7 @@
373
373
  yg: {
374
374
  S: {
375
375
  $type: "spacing",
376
- $value: 4.8,
376
+ $value: 6,
377
377
  $description:
378
378
  "Gap spacing token used on small popover container consumed inside number input.",
379
379
  filePath: "data/tokens/components/popover.json",
@@ -390,7 +390,7 @@
390
390
  },
391
391
  M: {
392
392
  $type: "spacing",
393
- $value: 6.4,
393
+ $value: 8,
394
394
  $description:
395
395
  "Gap spacing token used on medium popover container consumed inside number input.",
396
396
  filePath: "data/tokens/components/popover.json",
@@ -407,7 +407,7 @@
407
407
  },
408
408
  L: {
409
409
  $type: "spacing",
410
- $value: 9.6,
410
+ $value: 12,
411
411
  $description:
412
412
  "Gap spacing token used on large popover container consumed inside number input.",
413
413
  filePath: "data/tokens/components/popover.json",
@@ -583,7 +583,7 @@
583
583
  x: {
584
584
  S: {
585
585
  $type: "spacing",
586
- $value: 12.8,
586
+ $value: 16,
587
587
  $description:
588
588
  "Right left padding on small screen submenu popover container.",
589
589
  filePath: "data/tokens/components/popover.json",
@@ -600,7 +600,7 @@
600
600
  },
601
601
  M: {
602
602
  $type: "spacing",
603
- $value: 12.8,
603
+ $value: 16,
604
604
  $description:
605
605
  "Right left padding on small screen submenu popover container.",
606
606
  filePath: "data/tokens/components/popover.json",
@@ -617,7 +617,7 @@
617
617
  },
618
618
  L: {
619
619
  $type: "spacing",
620
- $value: 12.8,
620
+ $value: 16,
621
621
  $description:
622
622
  "Right left padding on small screen submenu popover container.",
623
623
  filePath: "data/tokens/components/popover.json",
@@ -342,7 +342,7 @@
342
342
  x: {
343
343
  XS: {
344
344
  $type: "spacing",
345
- $value: 6.4,
345
+ $value: 8,
346
346
  $description: "gap between avatar and name",
347
347
  filePath: "data/tokens/components/profile.json",
348
348
  isSource: true,
@@ -357,7 +357,7 @@
357
357
  },
358
358
  S: {
359
359
  $type: "spacing",
360
- $value: 9.6,
360
+ $value: 12,
361
361
  $description: "gap between avatar and name",
362
362
  filePath: "data/tokens/components/profile.json",
363
363
  isSource: true,
@@ -372,7 +372,7 @@
372
372
  },
373
373
  M: {
374
374
  $type: "spacing",
375
- $value: 12.8,
375
+ $value: 16,
376
376
  $description: "gap between avatar and name",
377
377
  filePath: "data/tokens/components/profile.json",
378
378
  isSource: true,
@@ -387,7 +387,7 @@
387
387
  },
388
388
  ML: {
389
389
  $type: "spacing",
390
- $value: 12.8,
390
+ $value: 16,
391
391
  $description: "gap between avatar and name",
392
392
  filePath: "data/tokens/components/profile.json",
393
393
  isSource: true,
@@ -402,7 +402,7 @@
402
402
  },
403
403
  L: {
404
404
  $type: "spacing",
405
- $value: 16,
405
+ $value: 20,
406
406
  $description: "gap between avatar and name",
407
407
  filePath: "data/tokens/components/profile.json",
408
408
  isSource: true,
@@ -417,7 +417,7 @@
417
417
  },
418
418
  XL: {
419
419
  $type: "spacing",
420
- $value: 19.2,
420
+ $value: 24,
421
421
  $description: "gap between avatar and name",
422
422
  filePath: "data/tokens/components/profile.json",
423
423
  isSource: true,
@@ -432,7 +432,7 @@
432
432
  },
433
433
  XXL: {
434
434
  $type: "spacing",
435
- $value: 25.6,
435
+ $value: 32,
436
436
  $description: "gap between avatar and name",
437
437
  filePath: "data/tokens/components/profile.json",
438
438
  isSource: true,
@@ -1340,7 +1340,7 @@
1340
1340
  y: {
1341
1341
  M: {
1342
1342
  $type: "spacing",
1343
- $value: 12.8,
1343
+ $value: 16,
1344
1344
  $description: "Vertical padding on selector group.",
1345
1345
  filePath: "data/tokens/components/progress.json",
1346
1346
  isSource: true,
@@ -1453,7 +1453,7 @@
1453
1453
  },
1454
1454
  L: {
1455
1455
  $type: "spacing",
1456
- $value: 12.8,
1456
+ $value: 16,
1457
1457
  $description: "Gap between loader graphic and label.",
1458
1458
  filePath: "data/tokens/components/progress.json",
1459
1459
  isSource: true,
@@ -1731,7 +1731,7 @@
1731
1731
  },
1732
1732
  XL: {
1733
1733
  $type: "spacing",
1734
- $value: 12.8,
1734
+ $value: 16,
1735
1735
  $description: "horizontal gap between elements",
1736
1736
  filePath: "data/tokens/components/progress.json",
1737
1737
  isSource: true,
@@ -1793,7 +1793,7 @@
1793
1793
  xg: {
1794
1794
  M: {
1795
1795
  $type: "spacing",
1796
- $value: 12.8,
1796
+ $value: 16,
1797
1797
  $description: "Gap between step indicators",
1798
1798
  filePath: "data/tokens/components/progress.json",
1799
1799
  isSource: true,
@@ -1921,7 +1921,7 @@
1921
1921
  },
1922
1922
  M: {
1923
1923
  $type: "spacing",
1924
- $value: 12.8,
1924
+ $value: 16,
1925
1925
  $description: "gap between timeline visual and text",
1926
1926
  filePath: "data/tokens/components/progress.json",
1927
1927
  isSource: true,
@@ -3305,7 +3305,7 @@
3305
3305
  x: {
3306
3306
  S: {
3307
3307
  $type: "spacing",
3308
- $value: 6.4,
3308
+ $value: 8,
3309
3309
  filePath: "data/tokens/components/status.json",
3310
3310
  isSource: true,
3311
3311
  original: {
@@ -3318,7 +3318,7 @@
3318
3318
  },
3319
3319
  M: {
3320
3320
  $type: "spacing",
3321
- $value: 6.4,
3321
+ $value: 8,
3322
3322
  filePath: "data/tokens/components/status.json",
3323
3323
  isSource: true,
3324
3324
  original: {
@@ -3331,7 +3331,7 @@
3331
3331
  },
3332
3332
  L: {
3333
3333
  $type: "spacing",
3334
- $value: 6.4,
3334
+ $value: 8,
3335
3335
  filePath: "data/tokens/components/status.json",
3336
3336
  isSource: true,
3337
3337
  original: {
@@ -3396,7 +3396,7 @@
3396
3396
  },
3397
3397
  L: {
3398
3398
  $type: "spacing",
3399
- $value: 16,
3399
+ $value: 20,
3400
3400
  $description: "Left and right paddding on Large Message",
3401
3401
  filePath: "data/tokens/components/status.json",
3402
3402
  isSource: true,
@@ -3428,7 +3428,7 @@
3428
3428
  },
3429
3429
  L: {
3430
3430
  $type: "spacing",
3431
- $value: 16,
3431
+ $value: 20,
3432
3432
  $description: "Top and bottom paddding on Large Message",
3433
3433
  filePath: "data/tokens/components/status.json",
3434
3434
  isSource: true,
@@ -3462,7 +3462,7 @@
3462
3462
  },
3463
3463
  L: {
3464
3464
  $type: "spacing",
3465
- $value: 12.8,
3465
+ $value: 16,
3466
3466
  $description:
3467
3467
  "Gap between icon and text in subtle message, and between text and action button in typical message",
3468
3468
  filePath: "data/tokens/components/status.json",
@@ -3573,7 +3573,7 @@
3573
3573
  x: {
3574
3574
  M: {
3575
3575
  $type: "spacing",
3576
- $value: 32,
3576
+ $value: 40,
3577
3577
  $description: "Left and right padding on global message",
3578
3578
  filePath: "data/tokens/components/status.json",
3579
3579
  isSource: true,
@@ -3607,7 +3607,7 @@
3607
3607
  xg: {
3608
3608
  M: {
3609
3609
  $type: "spacing",
3610
- $value: 12.8,
3610
+ $value: 16,
3611
3611
  $description: "Space between icon wrapper and text wrapper",
3612
3612
  filePath: "data/tokens/components/status.json",
3613
3613
  isSource: true,
@@ -3642,7 +3642,7 @@
3642
3642
  Y: {
3643
3643
  M: {
3644
3644
  $type: "spacing",
3645
- $value: 12.8,
3645
+ $value: 16,
3646
3646
  $description:
3647
3647
  "Top and bottom padding on global message for countdown",
3648
3648
  filePath: "data/tokens/components/status.json",
@@ -3669,7 +3669,7 @@
3669
3669
  yg: {
3670
3670
  M: {
3671
3671
  $type: "spacing",
3672
- $value: 19.2,
3672
+ $value: 24,
3673
3673
  $description:
3674
3674
  "Gap between countdown spacing for global message",
3675
3675
  filePath: "data/tokens/components/status.json",
@@ -166,7 +166,7 @@
166
166
  x: {
167
167
  M: {
168
168
  $type: "spacing",
169
- $value: 12.8,
169
+ $value: 16,
170
170
  $description: "Left and right padding on Tab.",
171
171
  filePath: "data/tokens/components/tab.json",
172
172
  isSource: true,
@@ -181,7 +181,7 @@
181
181
  },
182
182
  L: {
183
183
  $type: "spacing",
184
- $value: 19.2,
184
+ $value: 24,
185
185
  $description: "Left and right padding on Tab.",
186
186
  filePath: "data/tokens/components/tab.json",
187
187
  isSource: true,
@@ -634,7 +634,7 @@
634
634
  },
635
635
  S: {
636
636
  $type: "spacing",
637
- $value: 12.8,
637
+ $value: 16,
638
638
  $description: "Left and right padding inside S row cells",
639
639
  filePath: "data/tokens/components/table.json",
640
640
  isSource: true,
@@ -649,7 +649,7 @@
649
649
  },
650
650
  M: {
651
651
  $type: "spacing",
652
- $value: 12.8,
652
+ $value: 16,
653
653
  $description: "Left and right padding inside M row cells",
654
654
  filePath: "data/tokens/components/table.json",
655
655
  isSource: true,
@@ -664,7 +664,7 @@
664
664
  },
665
665
  L: {
666
666
  $type: "spacing",
667
- $value: 12.8,
667
+ $value: 16,
668
668
  $description: "Left and right padding inside L row cells",
669
669
  filePath: "data/tokens/components/table.json",
670
670
  isSource: true,
@@ -679,7 +679,7 @@
679
679
  },
680
680
  XL: {
681
681
  $type: "spacing",
682
- $value: 12.8,
682
+ $value: 16,
683
683
  $description: "Left and right padding inside XL row cells",
684
684
  filePath: "data/tokens/components/table.json",
685
685
  isSource: true,
@@ -785,7 +785,7 @@
785
785
  x: {
786
786
  XS: {
787
787
  $type: "spacing",
788
- $value: 29.6,
788
+ $value: 36,
789
789
  $description: "Left padding inside XS child row cells",
790
790
  filePath: "data/tokens/components/table.json",
791
791
  isSource: true,
@@ -800,7 +800,7 @@
800
800
  },
801
801
  S: {
802
802
  $type: "spacing",
803
- $value: 36,
803
+ $value: 44,
804
804
  $description: "Left padding inside S child row cells",
805
805
  filePath: "data/tokens/components/table.json",
806
806
  isSource: true,
@@ -815,7 +815,7 @@
815
815
  },
816
816
  M: {
817
817
  $type: "spacing",
818
- $value: 36,
818
+ $value: 44,
819
819
  $description: "Left padding inside M child row cells",
820
820
  filePath: "data/tokens/components/table.json",
821
821
  isSource: true,
@@ -830,7 +830,7 @@
830
830
  },
831
831
  L: {
832
832
  $type: "spacing",
833
- $value: 36,
833
+ $value: 44,
834
834
  $description: "Left padding inside L child row cells",
835
835
  filePath: "data/tokens/components/table.json",
836
836
  isSource: true,
@@ -845,7 +845,7 @@
845
845
  },
846
846
  XL: {
847
847
  $type: "spacing",
848
- $value: 36,
848
+ $value: 44,
849
849
  $description: "Left padding inside XL child row cells",
850
850
  filePath: "data/tokens/components/table.json",
851
851
  isSource: true,
@@ -2637,6 +2637,46 @@
2637
2637
  ],
2638
2638
  },
2639
2639
  defaultAlt2: {
2640
+ $extensions: {
2641
+ "studio.tokens": {
2642
+ modify: {
2643
+ type: "alpha",
2644
+ value: "0.55",
2645
+ space: "lch",
2646
+ format: "hex",
2647
+ },
2648
+ },
2649
+ },
2650
+ $type: "color",
2651
+ $value: "#0000008c",
2652
+ $description: "Dropdown option subtext.",
2653
+ filePath: "data/tokens/modes/light.json",
2654
+ isSource: true,
2655
+ original: {
2656
+ $extensions: {
2657
+ "studio.tokens": {
2658
+ modify: {
2659
+ type: "alpha",
2660
+ value: "0.55",
2661
+ space: "lch",
2662
+ },
2663
+ },
2664
+ },
2665
+ $type: "color",
2666
+ $value: "{modes.color.interactive.monochrome.active}",
2667
+ $description: "Dropdown option subtext.",
2668
+ },
2669
+ name: "modesColorInteractiveMonochromeDefaultAlt2",
2670
+ attributes: {},
2671
+ path: [
2672
+ "modes",
2673
+ "color",
2674
+ "interactive",
2675
+ "monochrome",
2676
+ "defaultAlt2",
2677
+ ],
2678
+ },
2679
+ defaultAlt3: {
2640
2680
  $extensions: {
2641
2681
  "studio.tokens": {
2642
2682
  modify: {
@@ -2666,14 +2706,14 @@
2666
2706
  $value: "{modes.color.interactive.monochrome.active}",
2667
2707
  $description: "Tertiary border color",
2668
2708
  },
2669
- name: "modesColorInteractiveMonochromeDefaultAlt2",
2709
+ name: "modesColorInteractiveMonochromeDefaultAlt3",
2670
2710
  attributes: {},
2671
2711
  path: [
2672
2712
  "modes",
2673
2713
  "color",
2674
2714
  "interactive",
2675
2715
  "monochrome",
2676
- "defaultAlt2",
2716
+ "defaultAlt3",
2677
2717
  ],
2678
2718
  },
2679
2719
  hoverAlt: {
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "badgeColorNotificationBorderDefault": "#000000",
3
- "badgeColorNotificationBgDefault": "#E13E53",
3
+ "badgeColorNotificationBgDefault": "#E04500",
4
4
  "badgeColorNotificationBgAlt": "#007ED9",
5
- "badgeColorNotificationLabelDefault": "#000000",
5
+ "badgeColorNotificationLabelDefault": "#FFFFFF",
6
6
  "badgeColorNotificationLabelAlt": "#000000",
7
7
  "badgeColorNotificationInverseBorderDefault": "#FFFFFF",
8
8
  "badgeColorNotificationInverseBgDefault": "#CD384B",
@@ -180,17 +180,17 @@
180
180
  "buttonColorTypicalPrimaryInverseLabelDisabled": "#FFFFFF",
181
181
  "buttonColorTypicalPrimaryInverseLabelEnabled": "#FFFFFF",
182
182
  "buttonColorTypicalPrimaryInverseLabelHover": "#FFFFFF",
183
- "buttonColorTypicalSecondaryBgActive": "#00d6394d",
183
+ "buttonColorTypicalSecondaryBgActive": "#7ce47a",
184
184
  "buttonColorTypicalSecondaryBgEnabled": "#00d63908",
185
- "buttonColorTypicalSecondaryBgHover": "#00d6391a",
185
+ "buttonColorTypicalSecondaryBgHover": "#55dd5b",
186
186
  "buttonColorTypicalSecondaryBorderActive": "#7ce47a",
187
187
  "buttonColorTypicalSecondaryBorderDisabled": "#4b4b4b",
188
- "buttonColorTypicalSecondaryBorderEnabled": "#00d639cc",
188
+ "buttonColorTypicalSecondaryBorderEnabled": "#00D639",
189
189
  "buttonColorTypicalSecondaryBorderHover": "#55dd5b",
190
- "buttonColorTypicalSecondaryLabelActive": "#FFFFFF",
190
+ "buttonColorTypicalSecondaryLabelActive": "#000000",
191
191
  "buttonColorTypicalSecondaryLabelDisabled": "#ffffff4d",
192
- "buttonColorTypicalSecondaryLabelEnabled": "#ffffffe6",
193
- "buttonColorTypicalSecondaryLabelHover": "#FFFFFF",
192
+ "buttonColorTypicalSecondaryLabelEnabled": "#00D639",
193
+ "buttonColorTypicalSecondaryLabelHover": "#000000",
194
194
  "buttonColorTypicalSecondaryInverseBgActive": "#00811f4d",
195
195
  "buttonColorTypicalSecondaryInverseBgEnabled": "#00811f08",
196
196
  "buttonColorTypicalSecondaryInverseBgHover": "#0c711d1a",
@@ -202,17 +202,17 @@
202
202
  "buttonColorTypicalSecondaryInverseLabelDisabled": "#0000006b",
203
203
  "buttonColorTypicalSecondaryInverseLabelEnabled": "#000000e6",
204
204
  "buttonColorTypicalSecondaryInverseLabelHover": "#000000",
205
- "buttonColorTypicalTertiaryBgActive": "#00d6394d",
205
+ "buttonColorTypicalTertiaryBgActive": "#7ce47a",
206
206
  "buttonColorTypicalTertiaryBgEnabled": "#fff0",
207
- "buttonColorTypicalTertiaryBgHover": "#00d6391a",
207
+ "buttonColorTypicalTertiaryBgHover": "#55dd5b",
208
208
  "buttonColorTypicalTertiaryBorderActive": "#7ce47a",
209
- "buttonColorTypicalTertiaryBorderDisabled": "#4b4b4b",
210
- "buttonColorTypicalTertiaryBorderEnabled": "#00d639cc",
211
- "buttonColorTypicalTertiaryBorderHover": "#55dd5b",
212
- "buttonColorTypicalTertiaryLabelActive": "#FFFFFF",
209
+ "buttonColorTypicalTertiaryBorderDisabled": "#fff0",
210
+ "buttonColorTypicalTertiaryBorderEnabled": "#fff0",
211
+ "buttonColorTypicalTertiaryBorderHover": "#fff0",
212
+ "buttonColorTypicalTertiaryLabelActive": "#000000",
213
213
  "buttonColorTypicalTertiaryLabelDisabled": "#ffffff4d",
214
- "buttonColorTypicalTertiaryLabelEnabled": "#ffffffe6",
215
- "buttonColorTypicalTertiaryLabelHover": "#FFFFFF",
214
+ "buttonColorTypicalTertiaryLabelEnabled": "#00D639",
215
+ "buttonColorTypicalTertiaryLabelHover": "#000000",
216
216
  "buttonColorTypicalTertiaryInverseBgActive": "#00811f4d",
217
217
  "buttonColorTypicalTertiaryInverseBgEnabled": "#fff0",
218
218
  "buttonColorTypicalTertiaryInverseBgHover": "#0c711d1a",
@@ -240,7 +240,7 @@
240
240
  "buttonColorTypicalToggleLabelActiveDisabled": "#000000",
241
241
  "buttonColorTypicalToggleBgActive": "#FFFFFF",
242
242
  "buttonColorTypicalToggleBgHover": "#ffffff1a",
243
- "buttonColorTypicalToggleBorderEnabled": "#ffffffe6",
243
+ "buttonColorTypicalToggleBorderEnabled": "#777",
244
244
  "buttonColorTypicalToggleBorderDisabled": "#4b4b4b",
245
245
  "buttonColorTypicalToggleLabelActive": "#000000",
246
246
  "buttonColorTypicalToggleLabelDisabled": "#ffffff4d",
@@ -117,15 +117,15 @@
117
117
  "containerRadiusScrollbar": "999",
118
118
  "containerRadiusTexteditor": 8,
119
119
  "containerRadiusBlockquoteBar": "999",
120
- "containerRadiusCardModerate": 16,
121
- "containerRadiusCardCurved": 24,
122
- "containerRadiusCardSweeping": 32,
123
- "containerRadiusTileModerate": 16,
124
- "containerRadiusTileCurved": 24,
125
- "containerRadiusTileSweeping": 32,
126
- "containerRadiusTileselectModerate": 16,
127
- "containerRadiusTileselectCurved": 24,
128
- "containerRadiusTileselectSweeping": 32,
120
+ "containerRadiusCardModerate": 8,
121
+ "containerRadiusCardCurved": 16,
122
+ "containerRadiusCardSweeping": 24,
123
+ "containerRadiusTileModerate": 8,
124
+ "containerRadiusTileCurved": 16,
125
+ "containerRadiusTileSweeping": 24,
126
+ "containerRadiusTileselectModerate": 8,
127
+ "containerRadiusTileselectCurved": 16,
128
+ "containerRadiusTileselectSweeping": 24,
129
129
  "containerSpaceNone": 0,
130
130
  "containerSpaceAccordionsubtleYgM": 16,
131
131
  "containerSpaceFilepreviewPreviewXM": 8,
@@ -189,7 +189,7 @@
189
189
  "formSizeRatingL": 32,
190
190
  "formColorCalendarBgActive": "#FFFFFF",
191
191
  "formColorCalendarBgDisabled": "#0e0e0e",
192
- "formColorCalendarBgDuration": "#1b1b1b",
192
+ "formColorCalendarBgDuration": "#0e0e0e",
193
193
  "formColorCalendarBgHover": "#ffffff1a",
194
194
  "formColorCalendarBorderDuration": "#FFFFFF",
195
195
  "formColorCalendarTextActive": "#000000",
@@ -205,6 +205,7 @@
205
205
  "formColorDropdownLabelDisabled": "#ffffff4d",
206
206
  "formColorDropdownLabelEnabled": "#ffffffab",
207
207
  "formColorDropdownLabelHover": "#FFFFFF",
208
+ "formColorDropdownLabelSubtext": "#ffffff8c",
208
209
  "formColorLabelsetLabelRequired": "#E13E53",
209
210
  "formColorLabelsetLabelDefault": "#fffffff2",
210
211
  "formColorLabelsetLabelAlt": "#ffffff8c",
@@ -235,18 +236,18 @@
235
236
  "formColorTypicalTextEnabled": "#fffffff2",
236
237
  "formColorTypicalTextHover": "#FFFFFF",
237
238
  "formColorTypicalTextReadOnly": "#fffffff2",
238
- "formColorSwitchBgActive": "#FFFFFF",
239
+ "formColorSwitchBgActive": "#ffffffe6",
239
240
  "formColorSwitchBgActivedisabled": "#4b4b4b",
240
241
  "formColorSwitchBgDisabled": "#0e0e0e",
241
242
  "formColorSwitchBgEnabled": "#000000",
242
243
  "formColorSwitchBorderActive": "transparent",
243
244
  "formColorSwitchBorderActivedisabled": "transparent",
244
245
  "formColorSwitchBorderDisabled": "#4b4b4b",
245
- "formColorSwitchBorderEnabled": "#ffffff80",
246
+ "formColorSwitchBorderEnabled": "#777",
246
247
  "formColorSwitchFgActive": "#000000",
247
248
  "formColorSwitchFgActivedisabled": "#000000",
248
249
  "formColorSwitchFgDisabled": "#4b4b4b",
249
- "formColorSwitchFgEnabled": "#ffffff80",
250
+ "formColorSwitchFgEnabled": "#777",
250
251
  "formColorSwitchLabelActive": "#fffffff2",
251
252
  "formColorSwitchLabelActivedisabled": "#4b4b4b",
252
253
  "formColorSwitchLabelDisabled": "#4b4b4b",
@@ -259,16 +260,16 @@
259
260
  "formColorValidationLabelSuccess": "#009023",
260
261
  "formColorValidationLabelWarning": "#e75b23",
261
262
  "formRadiusNone": "0",
262
- "formRadiusCheckbox": 4,
263
+ "formRadiusCheckbox": 2,
263
264
  "formRadiusTexteditorfooter": 4,
264
- "formRadiusColorpicker": "999",
265
+ "formRadiusColorpicker": 16,
265
266
  "formRadiusDropdown": 8,
266
- "formRadiusFileupload": 8,
267
- "formRadiusFileselector": 8,
268
- "formRadiusInput": 8,
267
+ "formRadiusFileupload": 4,
268
+ "formRadiusFileselector": 4,
269
+ "formRadiusInput": 4,
269
270
  "formRadiusRadio": "999",
270
271
  "formRadiusSwitch": "999",
271
- "formRadiusValidationbar": 2,
272
+ "formRadiusValidationbar": 1,
272
273
  "formRadiusProgressivebar": 2,
273
274
  "formRadiusCalendarNone": "0",
274
275
  "formRadiusCalendarDate": "999",
@@ -290,12 +291,14 @@
290
291
  "formTypographyAdaptiveLabelS": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
291
292
  "formTypographyAdaptiveLabelM": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
292
293
  "formTypographyAdaptiveLabelL": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"16px","paragraphSpacing":"0"},
294
+ "formTypographyAdaptiveDefaultXs": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"13px","paragraphSpacing":"0"},
293
295
  "formTypographyAdaptiveDefaultS": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
294
296
  "formTypographyAdaptiveDefaultM": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
295
297
  "formTypographyAdaptiveDefaultL": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"16px","paragraphSpacing":"0"},
296
298
  "formTypographyResponsiveLabelS": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":"0"},
297
299
  "formTypographyResponsiveLabelM": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":"0"},
298
300
  "formTypographyResponsiveLabelL": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)","paragraphSpacing":"0"},
301
+ "formTypographyResponsiveDefaultXs": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)","paragraphSpacing":"0"},
299
302
  "formTypographyResponsiveDefaultS": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":"0"},
300
303
  "formTypographyResponsiveDefaultM": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":"0"},
301
304
  "formTypographyResponsiveDefaultL": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)","paragraphSpacing":"0"}
@@ -3,7 +3,7 @@
3
3
  "navColorItemBgActive": "#FFFFFF",
4
4
  "navColorItemBgActivealt": "#ffffff1a",
5
5
  "navColorItemBgEnabled": "#fff0",
6
- "navColorItemBgHover": "#ffffff1a",
6
+ "navColorItemBgHover": "#008046",
7
7
  "navColorItemLabelActive": "#000000",
8
8
  "navColorItemLabelActivealt": "#FFFFFF",
9
9
  "navColorItemLabelEnabled": "#ffffffe6",
@@ -42,7 +42,7 @@
42
42
  "navColorTopnavItemLabelHover": "#FFFFFF",
43
43
  "navRadiusMenu": 8,
44
44
  "navRadiusMenuitem": 4,
45
- "navRadiusMenumodal": 16,
45
+ "navRadiusMenumodal": 8,
46
46
  "navRadiusLeftnavMenuitem": 8,
47
47
  "navRadiusModalMenuitem": 8,
48
48
  "navRadiusTopnavMenuitem": 8,