@sage/design-tokens 14.5.0 → 14.7.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 (414) hide show
  1. package/css/frozenproduct/all.css +52 -23
  2. package/css/frozenproduct/large/components/button.css +32 -13
  3. package/css/frozenproduct/large/components/container.css +10 -3
  4. package/css/frozenproduct/large/components/form.css +6 -3
  5. package/css/frozenproduct/large/global.css +2 -2
  6. package/css/frozenproduct/small/components/button.css +32 -13
  7. package/css/frozenproduct/small/components/container.css +10 -3
  8. package/css/frozenproduct/small/components/form.css +6 -3
  9. package/css/frozenproduct/small/global.css +2 -2
  10. package/css/marketing/all.css +52 -23
  11. package/css/marketing/large/components/button.css +32 -13
  12. package/css/marketing/large/components/container.css +10 -3
  13. package/css/marketing/large/components/form.css +6 -3
  14. package/css/marketing/large/global.css +2 -2
  15. package/css/marketing/small/components/button.css +32 -13
  16. package/css/marketing/small/components/container.css +10 -3
  17. package/css/marketing/small/components/form.css +6 -3
  18. package/css/marketing/small/global.css +2 -2
  19. package/css/product/all.css +62 -33
  20. package/css/product/large/components/button.css +32 -13
  21. package/css/product/large/components/container.css +10 -3
  22. package/css/product/large/components/form.css +6 -3
  23. package/css/product/large/global.css +2 -2
  24. package/css/product/small/components/button.css +32 -13
  25. package/css/product/small/components/container.css +10 -3
  26. package/css/product/small/components/form.css +6 -3
  27. package/css/product/small/components/table.css +10 -10
  28. package/css/product/small/global.css +2 -2
  29. package/ios/frozenproduct/large/dark/components/button.h +32 -13
  30. package/ios/frozenproduct/large/dark/components/container.h +11 -4
  31. package/ios/frozenproduct/large/dark/components/form.h +6 -3
  32. package/ios/frozenproduct/large/global.h +2 -2
  33. package/ios/frozenproduct/large/light/components/button.h +32 -13
  34. package/ios/frozenproduct/large/light/components/container.h +11 -4
  35. package/ios/frozenproduct/large/light/components/form.h +6 -3
  36. package/ios/frozenproduct/small/dark/components/button.h +32 -13
  37. package/ios/frozenproduct/small/dark/components/container.h +11 -4
  38. package/ios/frozenproduct/small/dark/components/form.h +6 -3
  39. package/ios/frozenproduct/small/global.h +2 -2
  40. package/ios/frozenproduct/small/light/components/button.h +32 -13
  41. package/ios/frozenproduct/small/light/components/container.h +11 -4
  42. package/ios/frozenproduct/small/light/components/form.h +6 -3
  43. package/ios/marketing/large/dark/components/button.h +32 -13
  44. package/ios/marketing/large/dark/components/container.h +11 -4
  45. package/ios/marketing/large/dark/components/form.h +6 -3
  46. package/ios/marketing/large/global.h +2 -2
  47. package/ios/marketing/large/light/components/button.h +32 -13
  48. package/ios/marketing/large/light/components/container.h +11 -4
  49. package/ios/marketing/large/light/components/form.h +6 -3
  50. package/ios/marketing/small/dark/components/button.h +32 -13
  51. package/ios/marketing/small/dark/components/container.h +11 -4
  52. package/ios/marketing/small/dark/components/form.h +6 -3
  53. package/ios/marketing/small/global.h +2 -2
  54. package/ios/marketing/small/light/components/button.h +32 -13
  55. package/ios/marketing/small/light/components/container.h +11 -4
  56. package/ios/marketing/small/light/components/form.h +6 -3
  57. package/ios/product/large/dark/components/button.h +32 -13
  58. package/ios/product/large/dark/components/container.h +11 -4
  59. package/ios/product/large/dark/components/form.h +6 -3
  60. package/ios/product/large/global.h +2 -2
  61. package/ios/product/large/light/components/button.h +32 -13
  62. package/ios/product/large/light/components/container.h +11 -4
  63. package/ios/product/large/light/components/form.h +6 -3
  64. package/ios/product/small/dark/components/button.h +32 -13
  65. package/ios/product/small/dark/components/container.h +11 -4
  66. package/ios/product/small/dark/components/form.h +6 -3
  67. package/ios/product/small/global.h +2 -2
  68. package/ios/product/small/light/components/button.h +32 -13
  69. package/ios/product/small/light/components/container.h +11 -4
  70. package/ios/product/small/light/components/form.h +6 -3
  71. package/js/common/frozenproduct/large/dark/components/button.d.ts +28 -1
  72. package/js/common/frozenproduct/large/dark/components/button.js +366 -39
  73. package/js/common/frozenproduct/large/dark/components/container.d.ts +22 -11
  74. package/js/common/frozenproduct/large/dark/components/container.js +176 -81
  75. package/js/common/frozenproduct/large/dark/components/form.d.ts +7 -0
  76. package/js/common/frozenproduct/large/dark/components/form.js +61 -6
  77. package/js/common/frozenproduct/large/global.d.ts +2 -2
  78. package/js/common/frozenproduct/large/global.js +18 -14
  79. package/js/common/frozenproduct/large/light/components/button.d.ts +28 -1
  80. package/js/common/frozenproduct/large/light/components/button.js +366 -39
  81. package/js/common/frozenproduct/large/light/components/container.d.ts +22 -11
  82. package/js/common/frozenproduct/large/light/components/container.js +176 -81
  83. package/js/common/frozenproduct/large/light/components/form.d.ts +7 -0
  84. package/js/common/frozenproduct/large/light/components/form.js +61 -6
  85. package/js/common/frozenproduct/small/dark/components/button.d.ts +28 -1
  86. package/js/common/frozenproduct/small/dark/components/button.js +366 -39
  87. package/js/common/frozenproduct/small/dark/components/container.d.ts +22 -11
  88. package/js/common/frozenproduct/small/dark/components/container.js +176 -81
  89. package/js/common/frozenproduct/small/dark/components/form.d.ts +7 -0
  90. package/js/common/frozenproduct/small/dark/components/form.js +61 -6
  91. package/js/common/frozenproduct/small/global.d.ts +2 -2
  92. package/js/common/frozenproduct/small/global.js +18 -14
  93. package/js/common/frozenproduct/small/light/components/button.d.ts +28 -1
  94. package/js/common/frozenproduct/small/light/components/button.js +366 -39
  95. package/js/common/frozenproduct/small/light/components/container.d.ts +22 -11
  96. package/js/common/frozenproduct/small/light/components/container.js +176 -81
  97. package/js/common/frozenproduct/small/light/components/form.d.ts +7 -0
  98. package/js/common/frozenproduct/small/light/components/form.js +61 -6
  99. package/js/common/marketing/large/dark/components/button.d.ts +28 -1
  100. package/js/common/marketing/large/dark/components/button.js +366 -39
  101. package/js/common/marketing/large/dark/components/container.d.ts +22 -11
  102. package/js/common/marketing/large/dark/components/container.js +176 -81
  103. package/js/common/marketing/large/dark/components/form.d.ts +7 -0
  104. package/js/common/marketing/large/dark/components/form.js +61 -6
  105. package/js/common/marketing/large/global.d.ts +2 -2
  106. package/js/common/marketing/large/global.js +18 -14
  107. package/js/common/marketing/large/light/components/button.d.ts +28 -1
  108. package/js/common/marketing/large/light/components/button.js +366 -39
  109. package/js/common/marketing/large/light/components/container.d.ts +22 -11
  110. package/js/common/marketing/large/light/components/container.js +176 -81
  111. package/js/common/marketing/large/light/components/form.d.ts +7 -0
  112. package/js/common/marketing/large/light/components/form.js +61 -6
  113. package/js/common/marketing/small/dark/components/button.d.ts +28 -1
  114. package/js/common/marketing/small/dark/components/button.js +366 -39
  115. package/js/common/marketing/small/dark/components/container.d.ts +22 -11
  116. package/js/common/marketing/small/dark/components/container.js +176 -81
  117. package/js/common/marketing/small/dark/components/form.d.ts +7 -0
  118. package/js/common/marketing/small/dark/components/form.js +61 -6
  119. package/js/common/marketing/small/global.d.ts +2 -2
  120. package/js/common/marketing/small/global.js +18 -14
  121. package/js/common/marketing/small/light/components/button.d.ts +28 -1
  122. package/js/common/marketing/small/light/components/button.js +366 -39
  123. package/js/common/marketing/small/light/components/container.d.ts +22 -11
  124. package/js/common/marketing/small/light/components/container.js +176 -81
  125. package/js/common/marketing/small/light/components/form.d.ts +7 -0
  126. package/js/common/marketing/small/light/components/form.js +61 -6
  127. package/js/common/product/large/dark/components/button.d.ts +28 -1
  128. package/js/common/product/large/dark/components/button.js +366 -39
  129. package/js/common/product/large/dark/components/container.d.ts +22 -11
  130. package/js/common/product/large/dark/components/container.js +176 -81
  131. package/js/common/product/large/dark/components/form.d.ts +7 -0
  132. package/js/common/product/large/dark/components/form.js +61 -6
  133. package/js/common/product/large/global.d.ts +2 -2
  134. package/js/common/product/large/global.js +18 -14
  135. package/js/common/product/large/light/components/button.d.ts +28 -1
  136. package/js/common/product/large/light/components/button.js +366 -39
  137. package/js/common/product/large/light/components/container.d.ts +22 -11
  138. package/js/common/product/large/light/components/container.js +176 -81
  139. package/js/common/product/large/light/components/form.d.ts +7 -0
  140. package/js/common/product/large/light/components/form.js +61 -6
  141. package/js/common/product/small/dark/components/button.d.ts +28 -1
  142. package/js/common/product/small/dark/components/button.js +366 -39
  143. package/js/common/product/small/dark/components/container.d.ts +22 -11
  144. package/js/common/product/small/dark/components/container.js +176 -81
  145. package/js/common/product/small/dark/components/form.d.ts +7 -0
  146. package/js/common/product/small/dark/components/form.js +61 -6
  147. package/js/common/product/small/global.d.ts +2 -2
  148. package/js/common/product/small/global.js +18 -14
  149. package/js/common/product/small/light/components/button.d.ts +28 -1
  150. package/js/common/product/small/light/components/button.js +366 -39
  151. package/js/common/product/small/light/components/container.d.ts +22 -11
  152. package/js/common/product/small/light/components/container.js +176 -81
  153. package/js/common/product/small/light/components/form.d.ts +7 -0
  154. package/js/common/product/small/light/components/form.js +61 -6
  155. package/js/es6/frozenproduct/large/dark/components/button.d.ts +20 -1
  156. package/js/es6/frozenproduct/large/dark/components/button.js +32 -13
  157. package/js/es6/frozenproduct/large/dark/components/container.d.ts +11 -4
  158. package/js/es6/frozenproduct/large/dark/components/container.js +11 -4
  159. package/js/es6/frozenproduct/large/dark/components/form.d.ts +6 -3
  160. package/js/es6/frozenproduct/large/dark/components/form.js +6 -3
  161. package/js/es6/frozenproduct/large/global.d.ts +2 -2
  162. package/js/es6/frozenproduct/large/global.js +2 -2
  163. package/js/es6/frozenproduct/large/light/components/button.d.ts +20 -1
  164. package/js/es6/frozenproduct/large/light/components/button.js +32 -13
  165. package/js/es6/frozenproduct/large/light/components/container.d.ts +11 -4
  166. package/js/es6/frozenproduct/large/light/components/container.js +11 -4
  167. package/js/es6/frozenproduct/large/light/components/form.d.ts +6 -3
  168. package/js/es6/frozenproduct/large/light/components/form.js +6 -3
  169. package/js/es6/frozenproduct/small/dark/components/button.d.ts +20 -1
  170. package/js/es6/frozenproduct/small/dark/components/button.js +32 -13
  171. package/js/es6/frozenproduct/small/dark/components/container.d.ts +11 -4
  172. package/js/es6/frozenproduct/small/dark/components/container.js +11 -4
  173. package/js/es6/frozenproduct/small/dark/components/form.d.ts +6 -3
  174. package/js/es6/frozenproduct/small/dark/components/form.js +6 -3
  175. package/js/es6/frozenproduct/small/global.d.ts +2 -2
  176. package/js/es6/frozenproduct/small/global.js +2 -2
  177. package/js/es6/frozenproduct/small/light/components/button.d.ts +20 -1
  178. package/js/es6/frozenproduct/small/light/components/button.js +32 -13
  179. package/js/es6/frozenproduct/small/light/components/container.d.ts +11 -4
  180. package/js/es6/frozenproduct/small/light/components/container.js +11 -4
  181. package/js/es6/frozenproduct/small/light/components/form.d.ts +6 -3
  182. package/js/es6/frozenproduct/small/light/components/form.js +6 -3
  183. package/js/es6/marketing/large/dark/components/button.d.ts +20 -1
  184. package/js/es6/marketing/large/dark/components/button.js +32 -13
  185. package/js/es6/marketing/large/dark/components/container.d.ts +11 -4
  186. package/js/es6/marketing/large/dark/components/container.js +11 -4
  187. package/js/es6/marketing/large/dark/components/form.d.ts +6 -3
  188. package/js/es6/marketing/large/dark/components/form.js +6 -3
  189. package/js/es6/marketing/large/global.d.ts +2 -2
  190. package/js/es6/marketing/large/global.js +2 -2
  191. package/js/es6/marketing/large/light/components/button.d.ts +20 -1
  192. package/js/es6/marketing/large/light/components/button.js +32 -13
  193. package/js/es6/marketing/large/light/components/container.d.ts +11 -4
  194. package/js/es6/marketing/large/light/components/container.js +11 -4
  195. package/js/es6/marketing/large/light/components/form.d.ts +6 -3
  196. package/js/es6/marketing/large/light/components/form.js +6 -3
  197. package/js/es6/marketing/small/dark/components/button.d.ts +20 -1
  198. package/js/es6/marketing/small/dark/components/button.js +32 -13
  199. package/js/es6/marketing/small/dark/components/container.d.ts +11 -4
  200. package/js/es6/marketing/small/dark/components/container.js +11 -4
  201. package/js/es6/marketing/small/dark/components/form.d.ts +6 -3
  202. package/js/es6/marketing/small/dark/components/form.js +6 -3
  203. package/js/es6/marketing/small/global.d.ts +2 -2
  204. package/js/es6/marketing/small/global.js +2 -2
  205. package/js/es6/marketing/small/light/components/button.d.ts +20 -1
  206. package/js/es6/marketing/small/light/components/button.js +32 -13
  207. package/js/es6/marketing/small/light/components/container.d.ts +11 -4
  208. package/js/es6/marketing/small/light/components/container.js +11 -4
  209. package/js/es6/marketing/small/light/components/form.d.ts +6 -3
  210. package/js/es6/marketing/small/light/components/form.js +6 -3
  211. package/js/es6/product/large/dark/components/button.d.ts +20 -1
  212. package/js/es6/product/large/dark/components/button.js +32 -13
  213. package/js/es6/product/large/dark/components/container.d.ts +11 -4
  214. package/js/es6/product/large/dark/components/container.js +11 -4
  215. package/js/es6/product/large/dark/components/form.d.ts +6 -3
  216. package/js/es6/product/large/dark/components/form.js +6 -3
  217. package/js/es6/product/large/global.d.ts +2 -2
  218. package/js/es6/product/large/global.js +2 -2
  219. package/js/es6/product/large/light/components/button.d.ts +20 -1
  220. package/js/es6/product/large/light/components/button.js +32 -13
  221. package/js/es6/product/large/light/components/container.d.ts +11 -4
  222. package/js/es6/product/large/light/components/container.js +11 -4
  223. package/js/es6/product/large/light/components/form.d.ts +6 -3
  224. package/js/es6/product/large/light/components/form.js +6 -3
  225. package/js/es6/product/small/dark/components/button.d.ts +20 -1
  226. package/js/es6/product/small/dark/components/button.js +32 -13
  227. package/js/es6/product/small/dark/components/container.d.ts +11 -4
  228. package/js/es6/product/small/dark/components/container.js +11 -4
  229. package/js/es6/product/small/dark/components/form.d.ts +6 -3
  230. package/js/es6/product/small/dark/components/form.js +6 -3
  231. package/js/es6/product/small/global.d.ts +2 -2
  232. package/js/es6/product/small/global.js +2 -2
  233. package/js/es6/product/small/light/components/button.d.ts +20 -1
  234. package/js/es6/product/small/light/components/button.js +32 -13
  235. package/js/es6/product/small/light/components/container.d.ts +11 -4
  236. package/js/es6/product/small/light/components/container.js +11 -4
  237. package/js/es6/product/small/light/components/form.d.ts +6 -3
  238. package/js/es6/product/small/light/components/form.js +6 -3
  239. package/js/umd/frozenproduct/large/dark/components/button.js +366 -39
  240. package/js/umd/frozenproduct/large/dark/components/container.js +176 -81
  241. package/js/umd/frozenproduct/large/dark/components/form.js +61 -6
  242. package/js/umd/frozenproduct/large/global.js +18 -14
  243. package/js/umd/frozenproduct/large/light/components/button.js +366 -39
  244. package/js/umd/frozenproduct/large/light/components/container.js +176 -81
  245. package/js/umd/frozenproduct/large/light/components/form.js +61 -6
  246. package/js/umd/frozenproduct/small/dark/components/button.js +366 -39
  247. package/js/umd/frozenproduct/small/dark/components/container.js +176 -81
  248. package/js/umd/frozenproduct/small/dark/components/form.js +61 -6
  249. package/js/umd/frozenproduct/small/global.js +18 -14
  250. package/js/umd/frozenproduct/small/light/components/button.js +366 -39
  251. package/js/umd/frozenproduct/small/light/components/container.js +176 -81
  252. package/js/umd/frozenproduct/small/light/components/form.js +61 -6
  253. package/js/umd/marketing/large/dark/components/button.js +366 -39
  254. package/js/umd/marketing/large/dark/components/container.js +176 -81
  255. package/js/umd/marketing/large/dark/components/form.js +61 -6
  256. package/js/umd/marketing/large/global.js +18 -14
  257. package/js/umd/marketing/large/light/components/button.js +366 -39
  258. package/js/umd/marketing/large/light/components/container.js +176 -81
  259. package/js/umd/marketing/large/light/components/form.js +61 -6
  260. package/js/umd/marketing/small/dark/components/button.js +366 -39
  261. package/js/umd/marketing/small/dark/components/container.js +176 -81
  262. package/js/umd/marketing/small/dark/components/form.js +61 -6
  263. package/js/umd/marketing/small/global.js +18 -14
  264. package/js/umd/marketing/small/light/components/button.js +366 -39
  265. package/js/umd/marketing/small/light/components/container.js +176 -81
  266. package/js/umd/marketing/small/light/components/form.js +61 -6
  267. package/js/umd/product/large/dark/components/button.js +366 -39
  268. package/js/umd/product/large/dark/components/container.js +176 -81
  269. package/js/umd/product/large/dark/components/form.js +61 -6
  270. package/js/umd/product/large/global.js +18 -14
  271. package/js/umd/product/large/light/components/button.js +366 -39
  272. package/js/umd/product/large/light/components/container.js +176 -81
  273. package/js/umd/product/large/light/components/form.js +61 -6
  274. package/js/umd/product/small/dark/components/button.js +366 -39
  275. package/js/umd/product/small/dark/components/container.js +176 -81
  276. package/js/umd/product/small/dark/components/form.js +61 -6
  277. package/js/umd/product/small/global.js +18 -14
  278. package/js/umd/product/small/light/components/button.js +366 -39
  279. package/js/umd/product/small/light/components/container.js +176 -81
  280. package/js/umd/product/small/light/components/form.js +61 -6
  281. package/json/flat/frozenproduct/large/dark/components/button.json +32 -13
  282. package/json/flat/frozenproduct/large/dark/components/container.json +11 -4
  283. package/json/flat/frozenproduct/large/dark/components/form.json +6 -3
  284. package/json/flat/frozenproduct/large/global.json +2 -2
  285. package/json/flat/frozenproduct/large/light/components/button.json +32 -13
  286. package/json/flat/frozenproduct/large/light/components/container.json +11 -4
  287. package/json/flat/frozenproduct/large/light/components/form.json +6 -3
  288. package/json/flat/frozenproduct/small/dark/components/button.json +32 -13
  289. package/json/flat/frozenproduct/small/dark/components/container.json +11 -4
  290. package/json/flat/frozenproduct/small/dark/components/form.json +6 -3
  291. package/json/flat/frozenproduct/small/global.json +2 -2
  292. package/json/flat/frozenproduct/small/light/components/button.json +32 -13
  293. package/json/flat/frozenproduct/small/light/components/container.json +11 -4
  294. package/json/flat/frozenproduct/small/light/components/form.json +6 -3
  295. package/json/flat/marketing/large/dark/components/button.json +32 -13
  296. package/json/flat/marketing/large/dark/components/container.json +11 -4
  297. package/json/flat/marketing/large/dark/components/form.json +6 -3
  298. package/json/flat/marketing/large/global.json +2 -2
  299. package/json/flat/marketing/large/light/components/button.json +32 -13
  300. package/json/flat/marketing/large/light/components/container.json +11 -4
  301. package/json/flat/marketing/large/light/components/form.json +6 -3
  302. package/json/flat/marketing/small/dark/components/button.json +32 -13
  303. package/json/flat/marketing/small/dark/components/container.json +11 -4
  304. package/json/flat/marketing/small/dark/components/form.json +6 -3
  305. package/json/flat/marketing/small/global.json +2 -2
  306. package/json/flat/marketing/small/light/components/button.json +32 -13
  307. package/json/flat/marketing/small/light/components/container.json +11 -4
  308. package/json/flat/marketing/small/light/components/form.json +6 -3
  309. package/json/flat/product/large/dark/components/button.json +32 -13
  310. package/json/flat/product/large/dark/components/container.json +11 -4
  311. package/json/flat/product/large/dark/components/form.json +6 -3
  312. package/json/flat/product/large/global.json +2 -2
  313. package/json/flat/product/large/light/components/button.json +32 -13
  314. package/json/flat/product/large/light/components/container.json +11 -4
  315. package/json/flat/product/large/light/components/form.json +6 -3
  316. package/json/flat/product/small/dark/components/button.json +32 -13
  317. package/json/flat/product/small/dark/components/container.json +11 -4
  318. package/json/flat/product/small/dark/components/form.json +6 -3
  319. package/json/flat/product/small/global.json +2 -2
  320. package/json/flat/product/small/light/components/button.json +32 -13
  321. package/json/flat/product/small/light/components/container.json +11 -4
  322. package/json/flat/product/small/light/components/form.json +6 -3
  323. package/json/nested/frozenproduct/large/dark/components/button.json +41 -14
  324. package/json/nested/frozenproduct/large/dark/components/container.json +22 -11
  325. package/json/nested/frozenproduct/large/dark/components/form.json +10 -3
  326. package/json/nested/frozenproduct/large/global.json +2 -2
  327. package/json/nested/frozenproduct/large/light/components/button.json +41 -14
  328. package/json/nested/frozenproduct/large/light/components/container.json +22 -11
  329. package/json/nested/frozenproduct/large/light/components/form.json +10 -3
  330. package/json/nested/frozenproduct/small/dark/components/button.json +41 -14
  331. package/json/nested/frozenproduct/small/dark/components/container.json +22 -11
  332. package/json/nested/frozenproduct/small/dark/components/form.json +10 -3
  333. package/json/nested/frozenproduct/small/global.json +2 -2
  334. package/json/nested/frozenproduct/small/light/components/button.json +41 -14
  335. package/json/nested/frozenproduct/small/light/components/container.json +22 -11
  336. package/json/nested/frozenproduct/small/light/components/form.json +10 -3
  337. package/json/nested/marketing/large/dark/components/button.json +41 -14
  338. package/json/nested/marketing/large/dark/components/container.json +22 -11
  339. package/json/nested/marketing/large/dark/components/form.json +10 -3
  340. package/json/nested/marketing/large/global.json +2 -2
  341. package/json/nested/marketing/large/light/components/button.json +41 -14
  342. package/json/nested/marketing/large/light/components/container.json +22 -11
  343. package/json/nested/marketing/large/light/components/form.json +10 -3
  344. package/json/nested/marketing/small/dark/components/button.json +41 -14
  345. package/json/nested/marketing/small/dark/components/container.json +22 -11
  346. package/json/nested/marketing/small/dark/components/form.json +10 -3
  347. package/json/nested/marketing/small/global.json +2 -2
  348. package/json/nested/marketing/small/light/components/button.json +41 -14
  349. package/json/nested/marketing/small/light/components/container.json +22 -11
  350. package/json/nested/marketing/small/light/components/form.json +10 -3
  351. package/json/nested/product/large/dark/components/button.json +41 -14
  352. package/json/nested/product/large/dark/components/container.json +22 -11
  353. package/json/nested/product/large/dark/components/form.json +10 -3
  354. package/json/nested/product/large/global.json +2 -2
  355. package/json/nested/product/large/light/components/button.json +41 -14
  356. package/json/nested/product/large/light/components/container.json +22 -11
  357. package/json/nested/product/large/light/components/form.json +10 -3
  358. package/json/nested/product/small/dark/components/button.json +41 -14
  359. package/json/nested/product/small/dark/components/container.json +22 -11
  360. package/json/nested/product/small/dark/components/form.json +10 -3
  361. package/json/nested/product/small/global.json +2 -2
  362. package/json/nested/product/small/light/components/button.json +41 -14
  363. package/json/nested/product/small/light/components/container.json +22 -11
  364. package/json/nested/product/small/light/components/form.json +10 -3
  365. package/package.json +1 -1
  366. package/sage-design-tokens-14.7.0.tgz +0 -0
  367. package/scss/frozenproduct/large/components/button.scss +32 -13
  368. package/scss/frozenproduct/large/components/container.scss +10 -3
  369. package/scss/frozenproduct/large/components/form.scss +6 -3
  370. package/scss/frozenproduct/large/global.scss +2 -2
  371. package/scss/frozenproduct/small/components/button.scss +32 -13
  372. package/scss/frozenproduct/small/components/container.scss +10 -3
  373. package/scss/frozenproduct/small/components/form.scss +6 -3
  374. package/scss/frozenproduct/small/global.scss +2 -2
  375. package/scss/marketing/large/components/button.scss +45 -26
  376. package/scss/marketing/large/components/container.scss +20 -13
  377. package/scss/marketing/large/components/form.scss +13 -10
  378. package/scss/marketing/large/components/link.scss +2 -2
  379. package/scss/marketing/large/components/nav.scss +5 -5
  380. package/scss/marketing/large/components/page.scss +1 -1
  381. package/scss/marketing/large/components/progress.scss +6 -6
  382. package/scss/marketing/large/components/status.scss +3 -3
  383. package/scss/marketing/large/components/tab.scss +7 -7
  384. package/scss/marketing/large/components/table.scss +10 -10
  385. package/scss/marketing/large/global.scss +2 -2
  386. package/scss/marketing/small/components/button.scss +45 -26
  387. package/scss/marketing/small/components/container.scss +20 -13
  388. package/scss/marketing/small/components/form.scss +13 -10
  389. package/scss/marketing/small/components/link.scss +2 -2
  390. package/scss/marketing/small/components/nav.scss +5 -5
  391. package/scss/marketing/small/components/page.scss +1 -1
  392. package/scss/marketing/small/components/popover.scss +2 -2
  393. package/scss/marketing/small/components/progress.scss +6 -6
  394. package/scss/marketing/small/components/status.scss +3 -3
  395. package/scss/marketing/small/components/tab.scss +7 -7
  396. package/scss/marketing/small/components/table.scss +10 -10
  397. package/scss/marketing/small/global.scss +2 -2
  398. package/scss/product/large/components/button.scss +45 -26
  399. package/scss/product/large/components/container.scss +20 -13
  400. package/scss/product/large/components/form.scss +13 -10
  401. package/scss/product/large/components/link.scss +2 -2
  402. package/scss/product/large/components/nav.scss +5 -5
  403. package/scss/product/large/components/page.scss +1 -1
  404. package/scss/product/large/components/popover.scss +2 -2
  405. package/scss/product/large/components/progress.scss +6 -6
  406. package/scss/product/large/components/status.scss +3 -3
  407. package/scss/product/large/components/tab.scss +7 -7
  408. package/scss/product/large/components/table.scss +10 -10
  409. package/scss/product/large/global.scss +2 -2
  410. package/scss/product/small/components/button.scss +32 -13
  411. package/scss/product/small/components/container.scss +10 -3
  412. package/scss/product/small/components/form.scss +6 -3
  413. package/scss/product/small/global.scss +2 -2
  414. package/sage-design-tokens-14.5.0.tgz +0 -0
@@ -32,9 +32,9 @@
32
32
  },
33
33
  "datepicker": {
34
34
  "pr": {
35
- "S": 2,
36
- "M": 6,
37
- "L": 10
35
+ "S": "0",
36
+ "M": "0",
37
+ "L": "0"
38
38
  }
39
39
  },
40
40
  "dropdown": {
@@ -116,6 +116,13 @@
116
116
  "M": 4,
117
117
  "L": 4
118
118
  }
119
+ },
120
+ "trigger": {
121
+ "subtle": {
122
+ "S": 4,
123
+ "M": 4,
124
+ "L": 4
125
+ }
119
126
  }
120
127
  },
121
128
  "fileinput": {
@@ -885,8 +885,8 @@
885
885
  },
886
886
  "fontSize": {
887
887
  "adaptive": {
888
- "step-2": "12px",
889
- "step-1": "13px",
888
+ "stepMinus2": "12px",
889
+ "stepMinus1": "13px",
890
890
  "step0": "14px",
891
891
  "step1": "16px",
892
892
  "step2": "17px",
@@ -13,6 +13,7 @@
13
13
  "L": 48
14
14
  },
15
15
  "icon": {
16
+ "S": 16,
16
17
  "M": 20
17
18
  },
18
19
  "video": {
@@ -98,9 +99,14 @@
98
99
  },
99
100
  "icononly": {
100
101
  "x": {
101
- "S": 4,
102
- "M": 4,
103
- "L": 4
102
+ "S": 6,
103
+ "M": 10,
104
+ "L": 14
105
+ },
106
+ "y": {
107
+ "S": 6,
108
+ "M": 10,
109
+ "L": 14
104
110
  }
105
111
  }
106
112
  },
@@ -118,16 +124,23 @@
118
124
  "L": 9.5
119
125
  },
120
126
  "xg": {
127
+ "XS": 4,
121
128
  "S": 6.4,
122
129
  "M": 6.4,
123
- "L": 6.4,
124
- "XS": 4
130
+ "L": 6.4
125
131
  },
126
132
  "icononly": {
127
133
  "x": {
128
- "S": 4,
129
- "M": 4,
130
- "L": 4
134
+ "XS": 4,
135
+ "S": 6,
136
+ "M": 10,
137
+ "L": 14
138
+ },
139
+ "y": {
140
+ "XS": 4,
141
+ "S": 6,
142
+ "M": 10,
143
+ "L": 14
131
144
  }
132
145
  }
133
146
  },
@@ -152,9 +165,16 @@
152
165
  },
153
166
  "icononly": {
154
167
  "x": {
155
- "S": 4,
156
- "M": 4,
157
- "L": 4
168
+ "XS": 4,
169
+ "S": 6,
170
+ "M": 10,
171
+ "L": 14
172
+ },
173
+ "y": {
174
+ "XS": 4,
175
+ "S": 6,
176
+ "M": 10,
177
+ "L": 14
158
178
  }
159
179
  }
160
180
  },
@@ -179,9 +199,16 @@
179
199
  },
180
200
  "icononly": {
181
201
  "x": {
182
- "S": 4,
183
- "M": 4,
184
- "L": 4
202
+ "XS": 4,
203
+ "S": 6,
204
+ "M": 10,
205
+ "L": 14
206
+ },
207
+ "y": {
208
+ "XS": 4,
209
+ "S": 6,
210
+ "M": 10,
211
+ "L": 14
185
212
  }
186
213
  }
187
214
  },
@@ -100,9 +100,31 @@
100
100
  "maxheight": 960
101
101
  }
102
102
  },
103
+ "dialog": {
104
+ "maxWidth": {
105
+ "XXS": "300",
106
+ "XS": "380",
107
+ "S": "540",
108
+ "M": "750",
109
+ "L": "850",
110
+ "XL": "960",
111
+ "XXL": "1080"
112
+ }
113
+ },
103
114
  "drag": {
104
115
  "droptarget": 2
105
116
  },
117
+ "drawer": {
118
+ "minwidth": 288,
119
+ "maxwidth": 760,
120
+ "closed": {
121
+ "M": 40
122
+ }
123
+ },
124
+ "footer": {
125
+ "M": 56,
126
+ "L": 72
127
+ },
106
128
  "generic": {
107
129
  "emptystate": {
108
130
  "illustration": {
@@ -115,17 +137,6 @@
115
137
  }
116
138
  }
117
139
  },
118
- "drawer": {
119
- "minwidth": 288,
120
- "maxwidth": 760,
121
- "closed": {
122
- "M": 40
123
- }
124
- },
125
- "footer": {
126
- "M": 56,
127
- "L": 72
128
- },
129
140
  "icon": {
130
141
  "S": 20,
131
142
  "M": 20,
@@ -32,9 +32,9 @@
32
32
  },
33
33
  "datepicker": {
34
34
  "pr": {
35
- "S": 2,
36
- "M": 6,
37
- "L": 10
35
+ "S": "0",
36
+ "M": "0",
37
+ "L": "0"
38
38
  }
39
39
  },
40
40
  "dropdown": {
@@ -116,6 +116,13 @@
116
116
  "M": 4,
117
117
  "L": 4
118
118
  }
119
+ },
120
+ "trigger": {
121
+ "subtle": {
122
+ "S": 4,
123
+ "M": 4,
124
+ "L": 4
125
+ }
119
126
  }
120
127
  },
121
128
  "fileinput": {
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": "14.5.0",
9
+ "version": "14.7.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
@@ -109,6 +109,7 @@ $button-size-toggle-xs: $global-size-macro-xs; // min-height on button within S
109
109
  $button-size-toggle-s: $global-size-macro-s; // min-height on S single toggle, and on button within M toggle group
110
110
  $button-size-toggle-m: $global-size-macro-m; // min-height on M single toggle, and on button within L toggle group
111
111
  $button-size-toggle-l: $global-size-macro-l; // min-height on L single toggle
112
+ $button-size-icon-s: $global-size-icon-s;
112
113
  $button-size-icon-m: $global-size-icon-m;
113
114
  $button-size-video-s: $global-size-macro-m;
114
115
  $button-size-video-m: $global-size-macro-xxl;
@@ -143,9 +144,12 @@ $button-space-primary-xg-l: $global-space-macro-xs / 2; // Item spacing inside b
143
144
  $button-space-primary-y-s: $global-space-micro-s; // Bottom and top padding on small buttons.
144
145
  $button-space-primary-y-m: $global-space-micro-l; // Top and bottom padding on medium buttons
145
146
  $button-space-primary-y-l: $global-space-micro-xl - 0.5; // Top and bottom padding on Large buttons
146
- $button-space-primary-icononly-x-s: $global-space-micro-s; // Left and right padding on icon-only S size primary buttons
147
- $button-space-primary-icononly-x-m: $global-space-micro-s; // Left and right padding on icon-only M size primary buttons
148
- $button-space-primary-icononly-x-l: $global-space-micro-s; // Left and right padding on icon-only L size primary buttons
147
+ $button-space-primary-icononly-x-s: $global-space-micro-m; // Left and right padding on icon-only S size primary buttons
148
+ $button-space-primary-icononly-x-m: $global-space-micro-xl; // Left and right padding on icon-only M size primary buttons
149
+ $button-space-primary-icononly-x-l: $global-space-micro-xxl + $global-space-micro-xs; // Left and right padding on icon-only L size primary buttons
150
+ $button-space-primary-icononly-y-s: $global-space-micro-m; // Top and bottom padding on icon-only S size primary buttons
151
+ $button-space-primary-icononly-y-m: $global-space-micro-xl; // Top and bottom padding on icon-only M size primary buttons
152
+ $button-space-primary-icononly-y-l: $global-space-micro-xxl + $global-space-micro-xs; // Top and bottom padding on icon-only L size primary buttons
149
153
  $button-space-secondary-x-xs: $global-space-macro-xxxs; // Left and right padding on XS table buttons
150
154
  $button-space-secondary-x-s: $global-space-micro-xxl; // Left and right padding on small buttons
151
155
  $button-space-secondary-x-m: $global-space-macro-xs; // Left and right padding on medium buttons
@@ -154,13 +158,18 @@ $button-space-secondary-y-xs: ($global-space-macro-xxxs / 4) - 0.5; // top and b
154
158
  $button-space-secondary-y-s: $global-space-micro-s; // Bottom and top padding on small buttons.
155
159
  $button-space-secondary-y-m: $global-space-micro-l; // Top and bottom padding on medium buttons
156
160
  $button-space-secondary-y-l: $global-space-micro-xl - 0.5; // Top and bottom padding on Large buttons
161
+ $button-space-secondary-xg-xs: $global-space-micro-s; // Item spacing inside XS buttons
157
162
  $button-space-secondary-xg-s: $global-space-macro-xxxs; // Item spacing inside buttons
158
163
  $button-space-secondary-xg-m: $global-space-macro-xxxs; // Item spacing inside buttons
159
164
  $button-space-secondary-xg-l: $global-space-macro-xxxs; // Item spacing inside buttons
160
- $button-space-secondary-xg-xs: $global-space-micro-s; // Item spacing inside XS buttons
161
- $button-space-secondary-icononly-x-s: $global-space-micro-s; // Left and right padding on icon-only S size secondary buttons
162
- $button-space-secondary-icononly-x-m: $global-space-micro-s; // Left and right padding on icon-only M size secondary buttons
163
- $button-space-secondary-icononly-x-l: $global-space-micro-s; // Left and right padding on icon-only L size secondary buttons
165
+ $button-space-secondary-icononly-x-xs: $global-space-micro-s; // Left and right padding on icon-only XS size secondary buttons
166
+ $button-space-secondary-icononly-x-s: $global-space-micro-m; // Left and right padding on icon-only S size secondary buttons
167
+ $button-space-secondary-icononly-x-m: $global-space-micro-xl; // Left and right padding on icon-only M size secondary buttons
168
+ $button-space-secondary-icononly-x-l: $global-space-micro-xxl + $global-space-micro-xs; // Left and right padding on icon-only L size secondary buttons
169
+ $button-space-secondary-icononly-y-xs: $global-space-micro-s; // Top and bottom padding on icon-only XS size secondary buttons
170
+ $button-space-secondary-icononly-y-s: $global-space-micro-m; // Top and bottom padding on icon-only S size secondary buttons
171
+ $button-space-secondary-icononly-y-m: $global-space-micro-xl; // Top and bottom padding on icon-only M size secondary buttons
172
+ $button-space-secondary-icononly-y-l: $global-space-micro-xxl + $global-space-micro-xs; // Top and bottom padding on icon-only L size secondary buttons
164
173
  $button-space-tertiary-y-xs: ($global-space-macro-xxxs / 4) - 0.5; // top and bottom padding on XS table buttons
165
174
  $button-space-tertiary-y-s: $global-space-micro-s; // Bottom and top padding on small buttons.
166
175
  $button-space-tertiary-y-m: $global-space-micro-l; // Top and bottom padding on medium buttons
@@ -173,9 +182,14 @@ $button-space-tertiary-xg-xs: $global-space-micro-s; // Item spacing inside XS b
173
182
  $button-space-tertiary-xg-s: $global-space-macro-xxxs; // Item spacing inside buttons
174
183
  $button-space-tertiary-xg-m: $global-space-macro-xxxs; // Item spacing inside buttons
175
184
  $button-space-tertiary-xg-l: $global-space-macro-xxxs; // Item spacing inside buttons
176
- $button-space-tertiary-icononly-x-s: $global-space-micro-s; // Left and right padding on icon-only S size tertiary buttons
177
- $button-space-tertiary-icononly-x-m: $global-space-micro-s; // Left and right padding on icon-only M size tertiary buttons
178
- $button-space-tertiary-icononly-x-l: $global-space-micro-s; // Left and right padding on icon-only L size tertiary buttons
185
+ $button-space-tertiary-icononly-x-xs: $global-space-micro-s; // Left and right padding on icon-only XS size tertiary buttons
186
+ $button-space-tertiary-icononly-x-s: $global-space-micro-m; // Left and right padding on icon-only S size tertiary buttons
187
+ $button-space-tertiary-icononly-x-m: $global-space-micro-xl; // Left and right padding on icon-only M size tertiary buttons
188
+ $button-space-tertiary-icononly-x-l: $global-space-micro-xxl + $global-space-micro-xs; // Left and right padding on icon-only L size tertiary buttons
189
+ $button-space-tertiary-icononly-y-xs: $global-space-micro-s; // Top and bottom padding on icon-only XS size tertiary buttons
190
+ $button-space-tertiary-icononly-y-s: $global-space-micro-m; // Top and bottom padding on icon-only S size tertiary buttons
191
+ $button-space-tertiary-icononly-y-m: $global-space-micro-xl; // Top and bottom padding on icon-only M size tertiary buttons
192
+ $button-space-tertiary-icononly-y-l: $global-space-micro-xxl + $global-space-micro-xs; // Top and bottom padding on icon-only L size tertiary buttons
179
193
  $button-space-subtle-y-xs: ($global-space-macro-xxxs / 4) - 0.5; // top and bottom padding on XS table buttons
180
194
  $button-space-subtle-y-s: $global-space-micro-s; // Bottom and top padding on small buttons.
181
195
  $button-space-subtle-y-m: $global-space-micro-l; // Top and bottom padding on medium buttons
@@ -188,9 +202,14 @@ $button-space-subtle-xg-xs: $global-space-micro-s; // Item spacing inside XS but
188
202
  $button-space-subtle-xg-s: $global-space-micro-s; // Item spacing inside buttons
189
203
  $button-space-subtle-xg-m: $global-space-micro-s; // Item spacing inside buttons
190
204
  $button-space-subtle-xg-l: $global-space-micro-s; // Item spacing inside buttons
191
- $button-space-subtle-icononly-x-s: $global-space-micro-s; // Left and right padding on icon-only S size subtle buttons
192
- $button-space-subtle-icononly-x-m: $global-space-micro-s; // Left and right padding on icon-only M size subtle buttons
193
- $button-space-subtle-icononly-x-l: $global-space-micro-s; // Left and right padding on icon-only L size subtle buttons
205
+ $button-space-subtle-icononly-x-xs: $global-space-micro-s; // Left and right padding on icon-only XS size subtle buttons
206
+ $button-space-subtle-icononly-x-s: $global-space-micro-m; // Left and right padding on icon-only S size subtle buttons
207
+ $button-space-subtle-icononly-x-m: $global-space-micro-xl; // Left and right padding on icon-only M size subtle buttons
208
+ $button-space-subtle-icononly-x-l: $global-space-micro-xxl + $global-space-micro-xs; // Left and right padding on icon-only L size subtle buttons
209
+ $button-space-subtle-icononly-y-xs: $global-space-micro-s; // Top and bottom padding on icon-only XS size subtle buttons
210
+ $button-space-subtle-icononly-y-s: $global-space-micro-m; // Top and bottom padding on icon-only S size subtle buttons
211
+ $button-space-subtle-icononly-y-m: $global-space-micro-xl; // Top and bottom padding on icon-only M size subtle buttons
212
+ $button-space-subtle-icononly-y-l: $global-space-micro-xxl + $global-space-micro-xs; // Top and bottom padding on icon-only L size subtle buttons
194
213
  $button-space-toggle-button-x-xs: $global-space-macro-xxxs; // Left and right padding on XS asset used within S toggle group
195
214
  $button-space-toggle-button-x-s: $global-space-macro-xxs; // Left and right padding on S toggle buttons
196
215
  $button-space-toggle-button-x-m: $global-space-macro-xs; // Left and right padding on medium toggle buttons
@@ -6,6 +6,13 @@
6
6
  // Do not edit directly, this file was auto-generated.
7
7
 
8
8
  $container-size-carousel-mediaslide-minheight: 300; // max height for media visual
9
+ $container-size-dialog-max-width-xxs: 300;
10
+ $container-size-dialog-max-width-xs: 380;
11
+ $container-size-dialog-max-width-s: 540;
12
+ $container-size-dialog-max-width-m: 750;
13
+ $container-size-dialog-max-width-l: 850;
14
+ $container-size-dialog-max-width-xl: 960;
15
+ $container-size-dialog-max-width-xxl: 1080;
9
16
  $container-opacity-carousel-hidden: 0.3; // opacity applied to next and previous carousel slides
10
17
  $container-opacity-dialog-dimmer: 0.4; // dimmer opacity value
11
18
  $container-opacity-drag-ghost: 0.5; // drag ghost state opacity value
@@ -98,13 +105,13 @@ $container-size-copilot-emptystate-illustration: $global-size-macro-m * 5; // Il
98
105
  $container-size-copilot-emptystate-content-maxwidth: $global-size-macro-xxxxl * 5; // max-width of the insight empty state content area
99
106
  $container-size-copilot-overlay-maxheight: $global-size-macro-xxxxl * 8; // max-height of the copilot container overlay
100
107
  $container-size-drag-droptarget: $global-size-micro-xxs; // drop target width or height
108
+ $container-size-drawer-closed-m: $global-size-macro-m; // width for the closed drawer state
109
+ $container-size-footer-m: $global-size-macro-xl; // card and tile footers
110
+ $container-size-footer-l: $global-size-macro-xs * 3; // Dialog, sidebar and drawer footer max-height
101
111
  $container-size-generic-emptystate-illustration-primary-s: $global-size-macro-m * 5; // Illustration size for small error and empty states
102
112
  $container-size-generic-emptystate-illustration-primary-m: $global-size-macro-m * 6; // Illustration size for medium error and empty states
103
113
  $container-size-generic-emptystate-illustration-primary-l: $global-size-macro-m * 8; // Illustration size for large error and empty states
104
114
  $container-size-generic-emptystate-illustration-secondary: $global-size-macro-m + $button-size-icon-m; // Illustration size for secondary empty states
105
- $container-size-drawer-closed-m: $global-size-macro-m; // width for the closed drawer state
106
- $container-size-footer-m: $global-size-macro-xl; // card and tile footers
107
- $container-size-footer-l: $global-size-macro-xs * 3; // Dialog, sidebar and drawer footer max-height
108
115
  $container-size-icon-s: $global-size-icon-m;
109
116
  $container-size-icon-m: $global-size-icon-m;
110
117
  $container-size-icon-l: $global-size-icon-m; // Deliberately referencing global M (20px). Accordion chevron.
@@ -5,6 +5,9 @@
5
5
 
6
6
  // Do not edit directly, this file was auto-generated.
7
7
 
8
+ $form-space-datepicker-pr-s: 0; // right padding on small date picker input
9
+ $form-space-datepicker-pr-m: 0; // right padding on medium date picker input
10
+ $form-space-datepicker-pr-l: 0; // right padding on large date picker input
8
11
  $form-color-switch-border-active: transparent;
9
12
  $form-color-switch-border-activedisabled: transparent;
10
13
  $form-radius-none: $global-radius-none; // Text editor (internal corners)
@@ -61,9 +64,6 @@ $form-space-chip-yg-l: $global-space-micro-xxl; // gap between large chip button
61
64
  $form-space-checkradio-y-s: $global-space-micro-m / 2; // Space above single checkbox/radio OR label to vertically centre checkbox and label.
62
65
  $form-space-checkradio-y-m: $global-space-micro-xs; // Space above single checkbox/radio OR label to vertically centre checkbox and label.
63
66
  $form-space-checkradio-y-l: $global-space-micro-xs * 2; // Space above single checkbox/radio OR label to vertically centre checkbox and label.
64
- $form-space-datepicker-pr-s: $global-space-micro-xs; // right padding on small date picker input
65
- $form-space-datepicker-pr-m: $global-space-micro-m; // right padding on medium date picker input
66
- $form-space-datepicker-pr-l: $global-space-micro-xl; // right padding on large date picker input
67
67
  $form-space-dropdown-button-x-s: $global-space-macro-s; // DD only, left right padding on footer button.
68
68
  $form-space-dropdown-button-x-m: $global-space-macro-s; // DD only, left right padding on footer button.
69
69
  $form-space-dropdown-button-x-l: $global-space-macro-s; // DD only, left right padding on footer button.
@@ -94,6 +94,9 @@ $form-space-dropdown-option-subtext-y-l: $global-space-micro-s; // top padding f
94
94
  $form-space-dropdown-pill-xg-s: $global-space-micro-s; // space between pills inside pill wrapper
95
95
  $form-space-dropdown-pill-xg-m: $global-space-micro-s; // space between pills inside pill wrapper
96
96
  $form-space-dropdown-pill-xg-l: $global-space-micro-s; // space between pills inside pill wrapper
97
+ $form-space-dropdown-trigger-subtle-s: $global-space-micro-s; // Left and right padding on subtle dropdown triggers.
98
+ $form-space-dropdown-trigger-subtle-m: $global-space-micro-s; // Left and right padding on subtle dropdown triggers.
99
+ $form-space-dropdown-trigger-subtle-l: $global-space-micro-s; // Left and right padding on subtle dropdown triggers.
97
100
  $form-space-fileinput-status-xl-m: $global-space-macro-ml; // Left padding in File input (no-thumbnail variant), status text.
98
101
  $form-space-fileinput-status-y-m: $global-space-micro-s; // Vertical padding in status text.
99
102
  $form-space-fileinput-thumbnail-m: $global-space-micro-s; // All padding in File input (thumbnail container).
@@ -171,8 +171,8 @@ $global-typography-adaptive-component-placeholdertext-l: [object Object];
171
171
  $global-typography-adaptive-component-placeholdertext-xl: [object Object];
172
172
  $global-typography-adaptive-component-placeholdertext-xxl: [object Object];
173
173
  $global-typography-adaptive-component-notification-m: [object Object]; // used for badge text - notifications on buttons and in global nav
174
- $global-font-size-adaptive-step-2: 11px;
175
- $global-font-size-adaptive-step-1: 12px;
174
+ $global-font-size-adaptive-step-minus2: 11px;
175
+ $global-font-size-adaptive-step-minus1: 12px;
176
176
  $global-font-size-adaptive-step0: 14px;
177
177
  $global-font-size-adaptive-step1: 16px;
178
178
  $global-font-size-adaptive-step2: 18px;
@@ -100,6 +100,7 @@ $button-size-toggle-xs: $global-size-macro-xs; // min-height on button within S
100
100
  $button-size-toggle-s: $global-size-macro-s; // min-height on S single toggle, and on button within M toggle group
101
101
  $button-size-toggle-m: $global-size-macro-m; // min-height on M single toggle, and on button within L toggle group
102
102
  $button-size-toggle-l: $global-size-macro-l; // min-height on L single toggle
103
+ $button-size-icon-s: $global-size-icon-s;
103
104
  $button-size-icon-m: $global-size-icon-m;
104
105
  $button-size-video-s: $global-size-macro-m;
105
106
  $button-size-video-m: $global-size-macro-xxl;
@@ -134,9 +135,12 @@ $button-space-primary-xg-l: $global-space-macro-xs / 2; // Item spacing inside b
134
135
  $button-space-primary-y-s: $global-space-micro-s; // Bottom and top padding on small buttons.
135
136
  $button-space-primary-y-m: $global-space-micro-l; // Top and bottom padding on medium buttons
136
137
  $button-space-primary-y-l: $global-space-micro-xl - 0.5; // Top and bottom padding on Large buttons
137
- $button-space-primary-icononly-x-s: $global-space-micro-s; // Left and right padding on icon-only S size primary buttons
138
- $button-space-primary-icononly-x-m: $global-space-micro-s; // Left and right padding on icon-only M size primary buttons
139
- $button-space-primary-icononly-x-l: $global-space-micro-s; // Left and right padding on icon-only L size primary buttons
138
+ $button-space-primary-icononly-x-s: $global-space-micro-m; // Left and right padding on icon-only S size primary buttons
139
+ $button-space-primary-icononly-x-m: $global-space-micro-xl; // Left and right padding on icon-only M size primary buttons
140
+ $button-space-primary-icononly-x-l: $global-space-micro-xxl + $global-space-micro-xs; // Left and right padding on icon-only L size primary buttons
141
+ $button-space-primary-icononly-y-s: $global-space-micro-m; // Top and bottom padding on icon-only S size primary buttons
142
+ $button-space-primary-icononly-y-m: $global-space-micro-xl; // Top and bottom padding on icon-only M size primary buttons
143
+ $button-space-primary-icononly-y-l: $global-space-micro-xxl + $global-space-micro-xs; // Top and bottom padding on icon-only L size primary buttons
140
144
  $button-space-secondary-x-xs: $global-space-macro-xxxs; // Left and right padding on XS table buttons
141
145
  $button-space-secondary-x-s: $global-space-micro-xxl; // Left and right padding on small buttons
142
146
  $button-space-secondary-x-m: $global-space-macro-xs; // Left and right padding on medium buttons
@@ -145,13 +149,18 @@ $button-space-secondary-y-xs: ($global-space-macro-xxxs / 4) - 0.5; // top and b
145
149
  $button-space-secondary-y-s: $global-space-micro-s; // Bottom and top padding on small buttons.
146
150
  $button-space-secondary-y-m: $global-space-micro-l; // Top and bottom padding on medium buttons
147
151
  $button-space-secondary-y-l: $global-space-micro-xl - 0.5; // Top and bottom padding on Large buttons
152
+ $button-space-secondary-xg-xs: $global-space-micro-s; // Item spacing inside XS buttons
148
153
  $button-space-secondary-xg-s: $global-space-macro-xxxs; // Item spacing inside buttons
149
154
  $button-space-secondary-xg-m: $global-space-macro-xxxs; // Item spacing inside buttons
150
155
  $button-space-secondary-xg-l: $global-space-macro-xxxs; // Item spacing inside buttons
151
- $button-space-secondary-xg-xs: $global-space-micro-s; // Item spacing inside XS buttons
152
- $button-space-secondary-icononly-x-s: $global-space-micro-s; // Left and right padding on icon-only S size secondary buttons
153
- $button-space-secondary-icononly-x-m: $global-space-micro-s; // Left and right padding on icon-only M size secondary buttons
154
- $button-space-secondary-icononly-x-l: $global-space-micro-s; // Left and right padding on icon-only L size secondary buttons
156
+ $button-space-secondary-icononly-x-xs: $global-space-micro-s; // Left and right padding on icon-only XS size secondary buttons
157
+ $button-space-secondary-icononly-x-s: $global-space-micro-m; // Left and right padding on icon-only S size secondary buttons
158
+ $button-space-secondary-icononly-x-m: $global-space-micro-xl; // Left and right padding on icon-only M size secondary buttons
159
+ $button-space-secondary-icononly-x-l: $global-space-micro-xxl + $global-space-micro-xs; // Left and right padding on icon-only L size secondary buttons
160
+ $button-space-secondary-icononly-y-xs: $global-space-micro-s; // Top and bottom padding on icon-only XS size secondary buttons
161
+ $button-space-secondary-icononly-y-s: $global-space-micro-m; // Top and bottom padding on icon-only S size secondary buttons
162
+ $button-space-secondary-icononly-y-m: $global-space-micro-xl; // Top and bottom padding on icon-only M size secondary buttons
163
+ $button-space-secondary-icononly-y-l: $global-space-micro-xxl + $global-space-micro-xs; // Top and bottom padding on icon-only L size secondary buttons
155
164
  $button-space-tertiary-y-xs: ($global-space-macro-xxxs / 4) - 0.5; // top and bottom padding on XS table buttons
156
165
  $button-space-tertiary-y-s: $global-space-micro-s; // Bottom and top padding on small buttons.
157
166
  $button-space-tertiary-y-m: $global-space-micro-l; // Top and bottom padding on medium buttons
@@ -164,9 +173,14 @@ $button-space-tertiary-xg-xs: $global-space-micro-s; // Item spacing inside XS b
164
173
  $button-space-tertiary-xg-s: $global-space-macro-xxxs; // Item spacing inside buttons
165
174
  $button-space-tertiary-xg-m: $global-space-macro-xxxs; // Item spacing inside buttons
166
175
  $button-space-tertiary-xg-l: $global-space-macro-xxxs; // Item spacing inside buttons
167
- $button-space-tertiary-icononly-x-s: $global-space-micro-s; // Left and right padding on icon-only S size tertiary buttons
168
- $button-space-tertiary-icononly-x-m: $global-space-micro-s; // Left and right padding on icon-only M size tertiary buttons
169
- $button-space-tertiary-icononly-x-l: $global-space-micro-s; // Left and right padding on icon-only L size tertiary buttons
176
+ $button-space-tertiary-icononly-x-xs: $global-space-micro-s; // Left and right padding on icon-only XS size tertiary buttons
177
+ $button-space-tertiary-icononly-x-s: $global-space-micro-m; // Left and right padding on icon-only S size tertiary buttons
178
+ $button-space-tertiary-icononly-x-m: $global-space-micro-xl; // Left and right padding on icon-only M size tertiary buttons
179
+ $button-space-tertiary-icononly-x-l: $global-space-micro-xxl + $global-space-micro-xs; // Left and right padding on icon-only L size tertiary buttons
180
+ $button-space-tertiary-icononly-y-xs: $global-space-micro-s; // Top and bottom padding on icon-only XS size tertiary buttons
181
+ $button-space-tertiary-icononly-y-s: $global-space-micro-m; // Top and bottom padding on icon-only S size tertiary buttons
182
+ $button-space-tertiary-icononly-y-m: $global-space-micro-xl; // Top and bottom padding on icon-only M size tertiary buttons
183
+ $button-space-tertiary-icononly-y-l: $global-space-micro-xxl + $global-space-micro-xs; // Top and bottom padding on icon-only L size tertiary buttons
170
184
  $button-space-subtle-y-xs: ($global-space-macro-xxxs / 4) - 0.5; // top and bottom padding on XS table buttons
171
185
  $button-space-subtle-y-s: $global-space-micro-s; // Bottom and top padding on small buttons.
172
186
  $button-space-subtle-y-m: $global-space-micro-l; // Top and bottom padding on medium buttons
@@ -179,9 +193,14 @@ $button-space-subtle-xg-xs: $global-space-micro-s; // Item spacing inside XS but
179
193
  $button-space-subtle-xg-s: $global-space-micro-s; // Item spacing inside buttons
180
194
  $button-space-subtle-xg-m: $global-space-micro-s; // Item spacing inside buttons
181
195
  $button-space-subtle-xg-l: $global-space-micro-s; // Item spacing inside buttons
182
- $button-space-subtle-icononly-x-s: $global-space-micro-s; // Left and right padding on icon-only S size subtle buttons
183
- $button-space-subtle-icononly-x-m: $global-space-micro-s; // Left and right padding on icon-only M size subtle buttons
184
- $button-space-subtle-icononly-x-l: $global-space-micro-s; // Left and right padding on icon-only L size subtle buttons
196
+ $button-space-subtle-icononly-x-xs: $global-space-micro-s; // Left and right padding on icon-only XS size subtle buttons
197
+ $button-space-subtle-icononly-x-s: $global-space-micro-m; // Left and right padding on icon-only S size subtle buttons
198
+ $button-space-subtle-icononly-x-m: $global-space-micro-xl; // Left and right padding on icon-only M size subtle buttons
199
+ $button-space-subtle-icononly-x-l: $global-space-micro-xxl + $global-space-micro-xs; // Left and right padding on icon-only L size subtle buttons
200
+ $button-space-subtle-icononly-y-xs: $global-space-micro-s; // Top and bottom padding on icon-only XS size subtle buttons
201
+ $button-space-subtle-icononly-y-s: $global-space-micro-m; // Top and bottom padding on icon-only S size subtle buttons
202
+ $button-space-subtle-icononly-y-m: $global-space-micro-xl; // Top and bottom padding on icon-only M size subtle buttons
203
+ $button-space-subtle-icononly-y-l: $global-space-micro-xxl + $global-space-micro-xs; // Top and bottom padding on icon-only L size subtle buttons
185
204
  $button-space-toggle-button-x-xs: $global-space-macro-xxxs; // Left and right padding on XS asset used within S toggle group
186
205
  $button-space-toggle-button-x-s: $global-space-macro-xxs; // Left and right padding on S toggle buttons
187
206
  $button-space-toggle-button-x-m: $global-space-macro-xs; // Left and right padding on medium toggle buttons
@@ -6,6 +6,13 @@
6
6
  // Do not edit directly, this file was auto-generated.
7
7
 
8
8
  $container-size-carousel-mediaslide-minheight: 300; // max height for media visual
9
+ $container-size-dialog-max-width-xxs: 300;
10
+ $container-size-dialog-max-width-xs: 380;
11
+ $container-size-dialog-max-width-s: 540;
12
+ $container-size-dialog-max-width-m: 750;
13
+ $container-size-dialog-max-width-l: 850;
14
+ $container-size-dialog-max-width-xl: 960;
15
+ $container-size-dialog-max-width-xxl: 1080;
9
16
  $container-opacity-carousel-hidden: 0.3; // opacity applied to next and previous carousel slides
10
17
  $container-opacity-dialog-dimmer: 0.4; // dimmer opacity value
11
18
  $container-opacity-drag-ghost: 0.5; // drag ghost state opacity value
@@ -98,13 +105,13 @@ $container-size-copilot-emptystate-illustration: $global-size-macro-m * 5; // Il
98
105
  $container-size-copilot-emptystate-content-maxwidth: $global-size-macro-xxxxl * 5; // max-width of the insight empty state content area
99
106
  $container-size-copilot-overlay-maxheight: $global-size-macro-xxxxl * 8; // max-height of the copilot container overlay
100
107
  $container-size-drag-droptarget: $global-size-micro-xxs; // drop target width or height
108
+ $container-size-drawer-closed-m: $global-size-macro-m; // width for the closed drawer state
109
+ $container-size-footer-m: $global-size-macro-xl; // card and tile footers
110
+ $container-size-footer-l: $global-size-macro-xs * 3; // Dialog, sidebar and drawer footer max-height
101
111
  $container-size-generic-emptystate-illustration-primary-s: $global-size-macro-m * 5; // Illustration size for small error and empty states
102
112
  $container-size-generic-emptystate-illustration-primary-m: $global-size-macro-m * 6; // Illustration size for medium error and empty states
103
113
  $container-size-generic-emptystate-illustration-primary-l: $global-size-macro-m * 8; // Illustration size for large error and empty states
104
114
  $container-size-generic-emptystate-illustration-secondary: $global-size-macro-m + $button-size-icon-m; // Illustration size for secondary empty states
105
- $container-size-drawer-closed-m: $global-size-macro-m; // width for the closed drawer state
106
- $container-size-footer-m: $global-size-macro-xl; // card and tile footers
107
- $container-size-footer-l: $global-size-macro-xs * 3; // Dialog, sidebar and drawer footer max-height
108
115
  $container-size-icon-s: $global-size-icon-m;
109
116
  $container-size-icon-m: $global-size-icon-m;
110
117
  $container-size-icon-l: $global-size-icon-m; // Deliberately referencing global M (20px). Accordion chevron.
@@ -5,6 +5,9 @@
5
5
 
6
6
  // Do not edit directly, this file was auto-generated.
7
7
 
8
+ $form-space-datepicker-pr-s: 0; // right padding on small date picker input
9
+ $form-space-datepicker-pr-m: 0; // right padding on medium date picker input
10
+ $form-space-datepicker-pr-l: 0; // right padding on large date picker input
8
11
  $form-color-switch-border-active: transparent;
9
12
  $form-color-switch-border-activedisabled: transparent;
10
13
  $form-radius-none: $global-radius-none; // Text editor (internal corners)
@@ -57,9 +60,6 @@ $form-space-chip-yg-l: $global-space-micro-xxl; // gap between large chip button
57
60
  $form-space-checkradio-y-s: $global-space-micro-m / 2; // Space above single checkbox/radio OR label to vertically centre checkbox and label.
58
61
  $form-space-checkradio-y-m: $global-space-micro-xs; // Space above single checkbox/radio OR label to vertically centre checkbox and label.
59
62
  $form-space-checkradio-y-l: $global-space-micro-xs * 2; // Space above single checkbox/radio OR label to vertically centre checkbox and label.
60
- $form-space-datepicker-pr-s: $global-space-micro-xs; // right padding on small date picker input
61
- $form-space-datepicker-pr-m: $global-space-micro-m; // right padding on medium date picker input
62
- $form-space-datepicker-pr-l: $global-space-micro-xl; // right padding on large date picker input
63
63
  $form-space-dropdown-button-x-s: $global-space-macro-s; // DD only, left right padding on footer button.
64
64
  $form-space-dropdown-button-x-m: $global-space-macro-s; // DD only, left right padding on footer button.
65
65
  $form-space-dropdown-button-x-l: $global-space-macro-s; // DD only, left right padding on footer button.
@@ -90,6 +90,9 @@ $form-space-dropdown-option-subtext-y-l: $global-space-micro-s; // top padding f
90
90
  $form-space-dropdown-pill-xg-s: $global-space-micro-s; // space between pills inside pill wrapper
91
91
  $form-space-dropdown-pill-xg-m: $global-space-micro-s; // space between pills inside pill wrapper
92
92
  $form-space-dropdown-pill-xg-l: $global-space-micro-s; // space between pills inside pill wrapper
93
+ $form-space-dropdown-trigger-subtle-s: $global-space-micro-s; // Left and right padding on subtle dropdown triggers.
94
+ $form-space-dropdown-trigger-subtle-m: $global-space-micro-s; // Left and right padding on subtle dropdown triggers.
95
+ $form-space-dropdown-trigger-subtle-l: $global-space-micro-s; // Left and right padding on subtle dropdown triggers.
93
96
  $form-space-fileinput-status-xl-m: $global-space-macro-ml; // Left padding in File input (no-thumbnail variant), status text.
94
97
  $form-space-fileinput-status-y-m: $global-space-micro-s; // Vertical padding in status text.
95
98
  $form-space-fileinput-thumbnail-m: $global-space-micro-s; // All padding in File input (thumbnail container).
@@ -171,8 +171,8 @@ $global-typography-adaptive-component-placeholdertext-l: [object Object];
171
171
  $global-typography-adaptive-component-placeholdertext-xl: [object Object];
172
172
  $global-typography-adaptive-component-placeholdertext-xxl: [object Object];
173
173
  $global-typography-adaptive-component-notification-m: [object Object]; // used for badge text - notifications on buttons and in global nav
174
- $global-font-size-adaptive-step-2: 12px;
175
- $global-font-size-adaptive-step-1: 13px;
174
+ $global-font-size-adaptive-step-minus2: 12px;
175
+ $global-font-size-adaptive-step-minus1: 13px;
176
176
  $global-font-size-adaptive-step0: 14px;
177
177
  $global-font-size-adaptive-step1: 16px;
178
178
  $global-font-size-adaptive-step2: 17px;