@sage/design-tokens 14.6.0 → 14.8.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 (248) hide show
  1. package/css/frozenproduct/all.css +13 -5
  2. package/css/frozenproduct/large/components/container.css +10 -3
  3. package/css/frozenproduct/large/components/table.css +3 -2
  4. package/css/frozenproduct/small/components/container.css +10 -3
  5. package/css/frozenproduct/small/components/table.css +3 -2
  6. package/css/marketing/all.css +13 -5
  7. package/css/marketing/large/components/container.css +10 -3
  8. package/css/marketing/large/components/table.css +3 -2
  9. package/css/marketing/small/components/container.css +10 -3
  10. package/css/marketing/small/components/table.css +3 -2
  11. package/css/product/all.css +13 -5
  12. package/css/product/large/components/container.css +10 -3
  13. package/css/product/large/components/table.css +3 -2
  14. package/css/product/small/components/container.css +10 -3
  15. package/css/product/small/components/table.css +3 -2
  16. package/ios/frozenproduct/large/dark/components/container.h +11 -4
  17. package/ios/frozenproduct/large/dark/components/table.h +2 -1
  18. package/ios/frozenproduct/large/light/components/container.h +11 -4
  19. package/ios/frozenproduct/large/light/components/table.h +2 -1
  20. package/ios/frozenproduct/small/dark/components/container.h +11 -4
  21. package/ios/frozenproduct/small/dark/components/table.h +2 -1
  22. package/ios/frozenproduct/small/light/components/container.h +11 -4
  23. package/ios/frozenproduct/small/light/components/table.h +2 -1
  24. package/ios/marketing/large/dark/components/container.h +11 -4
  25. package/ios/marketing/large/dark/components/table.h +2 -1
  26. package/ios/marketing/large/light/components/container.h +11 -4
  27. package/ios/marketing/large/light/components/table.h +2 -1
  28. package/ios/marketing/small/dark/components/container.h +11 -4
  29. package/ios/marketing/small/dark/components/table.h +2 -1
  30. package/ios/marketing/small/light/components/container.h +11 -4
  31. package/ios/marketing/small/light/components/table.h +2 -1
  32. package/ios/product/large/dark/components/container.h +11 -4
  33. package/ios/product/large/dark/components/table.h +2 -1
  34. package/ios/product/large/light/components/container.h +11 -4
  35. package/ios/product/large/light/components/table.h +2 -1
  36. package/ios/product/small/dark/components/container.h +11 -4
  37. package/ios/product/small/dark/components/table.h +2 -1
  38. package/ios/product/small/light/components/container.h +11 -4
  39. package/ios/product/small/light/components/table.h +2 -1
  40. package/js/common/frozenproduct/large/dark/components/container.d.ts +22 -11
  41. package/js/common/frozenproduct/large/dark/components/container.js +176 -81
  42. package/js/common/frozenproduct/large/dark/components/table.d.ts +1 -0
  43. package/js/common/frozenproduct/large/dark/components/table.js +22 -5
  44. package/js/common/frozenproduct/large/light/components/container.d.ts +22 -11
  45. package/js/common/frozenproduct/large/light/components/container.js +176 -81
  46. package/js/common/frozenproduct/large/light/components/table.d.ts +1 -0
  47. package/js/common/frozenproduct/large/light/components/table.js +22 -5
  48. package/js/common/frozenproduct/small/dark/components/container.d.ts +22 -11
  49. package/js/common/frozenproduct/small/dark/components/container.js +176 -81
  50. package/js/common/frozenproduct/small/dark/components/table.d.ts +1 -0
  51. package/js/common/frozenproduct/small/dark/components/table.js +22 -5
  52. package/js/common/frozenproduct/small/light/components/container.d.ts +22 -11
  53. package/js/common/frozenproduct/small/light/components/container.js +176 -81
  54. package/js/common/frozenproduct/small/light/components/table.d.ts +1 -0
  55. package/js/common/frozenproduct/small/light/components/table.js +22 -5
  56. package/js/common/marketing/large/dark/components/container.d.ts +22 -11
  57. package/js/common/marketing/large/dark/components/container.js +176 -81
  58. package/js/common/marketing/large/dark/components/table.d.ts +1 -0
  59. package/js/common/marketing/large/dark/components/table.js +22 -5
  60. package/js/common/marketing/large/light/components/container.d.ts +22 -11
  61. package/js/common/marketing/large/light/components/container.js +176 -81
  62. package/js/common/marketing/large/light/components/table.d.ts +1 -0
  63. package/js/common/marketing/large/light/components/table.js +22 -5
  64. package/js/common/marketing/small/dark/components/container.d.ts +22 -11
  65. package/js/common/marketing/small/dark/components/container.js +176 -81
  66. package/js/common/marketing/small/dark/components/table.d.ts +1 -0
  67. package/js/common/marketing/small/dark/components/table.js +22 -5
  68. package/js/common/marketing/small/light/components/container.d.ts +22 -11
  69. package/js/common/marketing/small/light/components/container.js +176 -81
  70. package/js/common/marketing/small/light/components/table.d.ts +1 -0
  71. package/js/common/marketing/small/light/components/table.js +22 -5
  72. package/js/common/product/large/dark/components/container.d.ts +22 -11
  73. package/js/common/product/large/dark/components/container.js +176 -81
  74. package/js/common/product/large/dark/components/table.d.ts +1 -0
  75. package/js/common/product/large/dark/components/table.js +22 -5
  76. package/js/common/product/large/light/components/container.d.ts +22 -11
  77. package/js/common/product/large/light/components/container.js +176 -81
  78. package/js/common/product/large/light/components/table.d.ts +1 -0
  79. package/js/common/product/large/light/components/table.js +22 -5
  80. package/js/common/product/small/dark/components/container.d.ts +22 -11
  81. package/js/common/product/small/dark/components/container.js +176 -81
  82. package/js/common/product/small/dark/components/table.d.ts +1 -0
  83. package/js/common/product/small/dark/components/table.js +22 -5
  84. package/js/common/product/small/light/components/container.d.ts +22 -11
  85. package/js/common/product/small/light/components/container.js +176 -81
  86. package/js/common/product/small/light/components/table.d.ts +1 -0
  87. package/js/common/product/small/light/components/table.js +22 -5
  88. package/js/es6/frozenproduct/large/dark/components/container.d.ts +11 -4
  89. package/js/es6/frozenproduct/large/dark/components/container.js +11 -4
  90. package/js/es6/frozenproduct/large/dark/components/table.d.ts +1 -0
  91. package/js/es6/frozenproduct/large/dark/components/table.js +2 -1
  92. package/js/es6/frozenproduct/large/light/components/container.d.ts +11 -4
  93. package/js/es6/frozenproduct/large/light/components/container.js +11 -4
  94. package/js/es6/frozenproduct/large/light/components/table.d.ts +1 -0
  95. package/js/es6/frozenproduct/large/light/components/table.js +2 -1
  96. package/js/es6/frozenproduct/small/dark/components/container.d.ts +11 -4
  97. package/js/es6/frozenproduct/small/dark/components/container.js +11 -4
  98. package/js/es6/frozenproduct/small/dark/components/table.d.ts +1 -0
  99. package/js/es6/frozenproduct/small/dark/components/table.js +2 -1
  100. package/js/es6/frozenproduct/small/light/components/container.d.ts +11 -4
  101. package/js/es6/frozenproduct/small/light/components/container.js +11 -4
  102. package/js/es6/frozenproduct/small/light/components/table.d.ts +1 -0
  103. package/js/es6/frozenproduct/small/light/components/table.js +2 -1
  104. package/js/es6/marketing/large/dark/components/container.d.ts +11 -4
  105. package/js/es6/marketing/large/dark/components/container.js +11 -4
  106. package/js/es6/marketing/large/dark/components/table.d.ts +1 -0
  107. package/js/es6/marketing/large/dark/components/table.js +2 -1
  108. package/js/es6/marketing/large/light/components/container.d.ts +11 -4
  109. package/js/es6/marketing/large/light/components/container.js +11 -4
  110. package/js/es6/marketing/large/light/components/table.d.ts +1 -0
  111. package/js/es6/marketing/large/light/components/table.js +2 -1
  112. package/js/es6/marketing/small/dark/components/container.d.ts +11 -4
  113. package/js/es6/marketing/small/dark/components/container.js +11 -4
  114. package/js/es6/marketing/small/dark/components/table.d.ts +1 -0
  115. package/js/es6/marketing/small/dark/components/table.js +2 -1
  116. package/js/es6/marketing/small/light/components/container.d.ts +11 -4
  117. package/js/es6/marketing/small/light/components/container.js +11 -4
  118. package/js/es6/marketing/small/light/components/table.d.ts +1 -0
  119. package/js/es6/marketing/small/light/components/table.js +2 -1
  120. package/js/es6/product/large/dark/components/container.d.ts +11 -4
  121. package/js/es6/product/large/dark/components/container.js +11 -4
  122. package/js/es6/product/large/dark/components/table.d.ts +1 -0
  123. package/js/es6/product/large/dark/components/table.js +2 -1
  124. package/js/es6/product/large/light/components/container.d.ts +11 -4
  125. package/js/es6/product/large/light/components/container.js +11 -4
  126. package/js/es6/product/large/light/components/table.d.ts +1 -0
  127. package/js/es6/product/large/light/components/table.js +2 -1
  128. package/js/es6/product/small/dark/components/container.d.ts +11 -4
  129. package/js/es6/product/small/dark/components/container.js +11 -4
  130. package/js/es6/product/small/dark/components/table.d.ts +1 -0
  131. package/js/es6/product/small/dark/components/table.js +2 -1
  132. package/js/es6/product/small/light/components/container.d.ts +11 -4
  133. package/js/es6/product/small/light/components/container.js +11 -4
  134. package/js/es6/product/small/light/components/table.d.ts +1 -0
  135. package/js/es6/product/small/light/components/table.js +2 -1
  136. package/js/umd/frozenproduct/large/dark/components/container.js +176 -81
  137. package/js/umd/frozenproduct/large/dark/components/table.js +22 -5
  138. package/js/umd/frozenproduct/large/light/components/container.js +176 -81
  139. package/js/umd/frozenproduct/large/light/components/table.js +22 -5
  140. package/js/umd/frozenproduct/small/dark/components/container.js +176 -81
  141. package/js/umd/frozenproduct/small/dark/components/table.js +22 -5
  142. package/js/umd/frozenproduct/small/light/components/container.js +176 -81
  143. package/js/umd/frozenproduct/small/light/components/table.js +22 -5
  144. package/js/umd/marketing/large/dark/components/container.js +176 -81
  145. package/js/umd/marketing/large/dark/components/table.js +22 -5
  146. package/js/umd/marketing/large/light/components/container.js +176 -81
  147. package/js/umd/marketing/large/light/components/table.js +22 -5
  148. package/js/umd/marketing/small/dark/components/container.js +176 -81
  149. package/js/umd/marketing/small/dark/components/table.js +22 -5
  150. package/js/umd/marketing/small/light/components/container.js +176 -81
  151. package/js/umd/marketing/small/light/components/table.js +22 -5
  152. package/js/umd/product/large/dark/components/container.js +176 -81
  153. package/js/umd/product/large/dark/components/table.js +22 -5
  154. package/js/umd/product/large/light/components/container.js +176 -81
  155. package/js/umd/product/large/light/components/table.js +22 -5
  156. package/js/umd/product/small/dark/components/container.js +176 -81
  157. package/js/umd/product/small/dark/components/table.js +22 -5
  158. package/js/umd/product/small/light/components/container.js +176 -81
  159. package/js/umd/product/small/light/components/table.js +22 -5
  160. package/json/flat/frozenproduct/large/dark/components/container.json +11 -4
  161. package/json/flat/frozenproduct/large/dark/components/table.json +2 -1
  162. package/json/flat/frozenproduct/large/light/components/container.json +11 -4
  163. package/json/flat/frozenproduct/large/light/components/table.json +2 -1
  164. package/json/flat/frozenproduct/small/dark/components/container.json +11 -4
  165. package/json/flat/frozenproduct/small/dark/components/table.json +2 -1
  166. package/json/flat/frozenproduct/small/light/components/container.json +11 -4
  167. package/json/flat/frozenproduct/small/light/components/table.json +2 -1
  168. package/json/flat/marketing/large/dark/components/container.json +11 -4
  169. package/json/flat/marketing/large/dark/components/table.json +2 -1
  170. package/json/flat/marketing/large/light/components/container.json +11 -4
  171. package/json/flat/marketing/large/light/components/table.json +2 -1
  172. package/json/flat/marketing/small/dark/components/container.json +11 -4
  173. package/json/flat/marketing/small/dark/components/table.json +2 -1
  174. package/json/flat/marketing/small/light/components/container.json +11 -4
  175. package/json/flat/marketing/small/light/components/table.json +2 -1
  176. package/json/flat/product/large/dark/components/container.json +11 -4
  177. package/json/flat/product/large/dark/components/table.json +2 -1
  178. package/json/flat/product/large/light/components/container.json +11 -4
  179. package/json/flat/product/large/light/components/table.json +2 -1
  180. package/json/flat/product/small/dark/components/container.json +11 -4
  181. package/json/flat/product/small/dark/components/table.json +2 -1
  182. package/json/flat/product/small/light/components/container.json +11 -4
  183. package/json/flat/product/small/light/components/table.json +2 -1
  184. package/json/nested/frozenproduct/large/dark/components/container.json +22 -11
  185. package/json/nested/frozenproduct/large/dark/components/table.json +2 -1
  186. package/json/nested/frozenproduct/large/light/components/container.json +22 -11
  187. package/json/nested/frozenproduct/large/light/components/table.json +2 -1
  188. package/json/nested/frozenproduct/small/dark/components/container.json +22 -11
  189. package/json/nested/frozenproduct/small/dark/components/table.json +2 -1
  190. package/json/nested/frozenproduct/small/light/components/container.json +22 -11
  191. package/json/nested/frozenproduct/small/light/components/table.json +2 -1
  192. package/json/nested/marketing/large/dark/components/container.json +22 -11
  193. package/json/nested/marketing/large/dark/components/table.json +2 -1
  194. package/json/nested/marketing/large/light/components/container.json +22 -11
  195. package/json/nested/marketing/large/light/components/table.json +2 -1
  196. package/json/nested/marketing/small/dark/components/container.json +22 -11
  197. package/json/nested/marketing/small/dark/components/table.json +2 -1
  198. package/json/nested/marketing/small/light/components/container.json +22 -11
  199. package/json/nested/marketing/small/light/components/table.json +2 -1
  200. package/json/nested/product/large/dark/components/container.json +22 -11
  201. package/json/nested/product/large/dark/components/table.json +2 -1
  202. package/json/nested/product/large/light/components/container.json +22 -11
  203. package/json/nested/product/large/light/components/table.json +2 -1
  204. package/json/nested/product/small/dark/components/container.json +22 -11
  205. package/json/nested/product/small/dark/components/table.json +2 -1
  206. package/json/nested/product/small/light/components/container.json +22 -11
  207. package/json/nested/product/small/light/components/table.json +2 -1
  208. package/package.json +1 -1
  209. package/sage-design-tokens-14.8.0.tgz +0 -0
  210. package/scss/frozenproduct/large/components/container.scss +10 -3
  211. package/scss/frozenproduct/large/components/table.scss +3 -2
  212. package/scss/frozenproduct/small/components/button.scss +13 -13
  213. package/scss/frozenproduct/small/components/container.scss +20 -13
  214. package/scss/frozenproduct/small/components/form.scss +7 -7
  215. package/scss/frozenproduct/small/components/link.scss +2 -2
  216. package/scss/frozenproduct/small/components/nav.scss +5 -5
  217. package/scss/frozenproduct/small/components/page.scss +1 -1
  218. package/scss/frozenproduct/small/components/popover.scss +2 -2
  219. package/scss/frozenproduct/small/components/progress.scss +6 -6
  220. package/scss/frozenproduct/small/components/status.scss +3 -3
  221. package/scss/frozenproduct/small/components/tab.scss +7 -7
  222. package/scss/frozenproduct/small/components/table.scss +13 -12
  223. package/scss/marketing/large/components/container.scss +10 -3
  224. package/scss/marketing/large/components/table.scss +3 -2
  225. package/scss/marketing/small/components/button.scss +13 -13
  226. package/scss/marketing/small/components/container.scss +20 -13
  227. package/scss/marketing/small/components/form.scss +7 -7
  228. package/scss/marketing/small/components/link.scss +2 -2
  229. package/scss/marketing/small/components/nav.scss +5 -5
  230. package/scss/marketing/small/components/page.scss +1 -1
  231. package/scss/marketing/small/components/popover.scss +2 -2
  232. package/scss/marketing/small/components/progress.scss +6 -6
  233. package/scss/marketing/small/components/status.scss +3 -3
  234. package/scss/marketing/small/components/tab.scss +7 -7
  235. package/scss/marketing/small/components/table.scss +13 -12
  236. package/scss/product/large/components/container.scss +20 -13
  237. package/scss/product/large/components/form.scss +7 -7
  238. package/scss/product/large/components/link.scss +2 -2
  239. package/scss/product/large/components/nav.scss +5 -5
  240. package/scss/product/large/components/page.scss +1 -1
  241. package/scss/product/large/components/popover.scss +2 -2
  242. package/scss/product/large/components/progress.scss +6 -6
  243. package/scss/product/large/components/status.scss +3 -3
  244. package/scss/product/large/components/tab.scss +7 -7
  245. package/scss/product/large/components/table.scss +13 -12
  246. package/scss/product/small/components/container.scss +10 -3
  247. package/scss/product/small/components/table.scss +3 -2
  248. package/sage-design-tokens-14.6.0.tgz +0 -0
@@ -66,16 +66,23 @@
66
66
  #define containerSizeCopilotEmptystateIllustration 200
67
67
  #define containerSizeCopilotEmptystateContentMaxwidth 600
68
68
  #define containerSizeCopilotOverlayMaxheight 960
69
+ #define containerSizeDialogMaxWidthXxs 300
70
+ #define containerSizeDialogMaxWidthXs 380
71
+ #define containerSizeDialogMaxWidthS 540
72
+ #define containerSizeDialogMaxWidthM 750
73
+ #define containerSizeDialogMaxWidthL 850
74
+ #define containerSizeDialogMaxWidthXl 960
75
+ #define containerSizeDialogMaxWidthXxl 1080
69
76
  #define containerSizeDragDroptarget 2
70
- #define containerSizeGenericEmptystateIllustrationPrimaryS 200
71
- #define containerSizeGenericEmptystateIllustrationPrimaryM 240
72
- #define containerSizeGenericEmptystateIllustrationPrimaryL 320
73
- #define containerSizeGenericEmptystateIllustrationSecondary 60
74
77
  #define containerSizeDrawerMinwidth 288
75
78
  #define containerSizeDrawerMaxwidth 760
76
79
  #define containerSizeDrawerClosedM 40
77
80
  #define containerSizeFooterM 56
78
81
  #define containerSizeFooterL 72
82
+ #define containerSizeGenericEmptystateIllustrationPrimaryS 200
83
+ #define containerSizeGenericEmptystateIllustrationPrimaryM 240
84
+ #define containerSizeGenericEmptystateIllustrationPrimaryL 320
85
+ #define containerSizeGenericEmptystateIllustrationSecondary 60
79
86
  #define containerSizeIconS 20
80
87
  #define containerSizeIconM 20
81
88
  #define containerSizeIconL 20
@@ -43,7 +43,8 @@
43
43
  #define tableBoxshadowColumnStickyRight [object Object],[object Object]
44
44
  #define tableBoxshadowRowDragging [object Object],[object Object]
45
45
  #define tableBorderwidthThin 1
46
- #define tableBorderwidthThick 2
46
+ #define tableBorderwidthMedium 2
47
+ #define tableBorderwidthThick 3
47
48
  #define tableSpaceNone 0
48
49
  #define tableSpaceYg 4
49
50
  #define tableSpaceRowXXs 8
@@ -66,16 +66,23 @@
66
66
  #define containerSizeCopilotEmptystateIllustration 200
67
67
  #define containerSizeCopilotEmptystateContentMaxwidth 600
68
68
  #define containerSizeCopilotOverlayMaxheight 960
69
+ #define containerSizeDialogMaxWidthXxs 300
70
+ #define containerSizeDialogMaxWidthXs 380
71
+ #define containerSizeDialogMaxWidthS 540
72
+ #define containerSizeDialogMaxWidthM 750
73
+ #define containerSizeDialogMaxWidthL 850
74
+ #define containerSizeDialogMaxWidthXl 960
75
+ #define containerSizeDialogMaxWidthXxl 1080
69
76
  #define containerSizeDragDroptarget 2
70
- #define containerSizeGenericEmptystateIllustrationPrimaryS 200
71
- #define containerSizeGenericEmptystateIllustrationPrimaryM 240
72
- #define containerSizeGenericEmptystateIllustrationPrimaryL 320
73
- #define containerSizeGenericEmptystateIllustrationSecondary 60
74
77
  #define containerSizeDrawerMinwidth 288
75
78
  #define containerSizeDrawerMaxwidth 760
76
79
  #define containerSizeDrawerClosedM 40
77
80
  #define containerSizeFooterM 56
78
81
  #define containerSizeFooterL 72
82
+ #define containerSizeGenericEmptystateIllustrationPrimaryS 200
83
+ #define containerSizeGenericEmptystateIllustrationPrimaryM 240
84
+ #define containerSizeGenericEmptystateIllustrationPrimaryL 320
85
+ #define containerSizeGenericEmptystateIllustrationSecondary 60
79
86
  #define containerSizeIconS 20
80
87
  #define containerSizeIconM 20
81
88
  #define containerSizeIconL 20
@@ -43,7 +43,8 @@
43
43
  #define tableBoxshadowColumnStickyRight [object Object],[object Object]
44
44
  #define tableBoxshadowRowDragging [object Object],[object Object]
45
45
  #define tableBorderwidthThin 1
46
- #define tableBorderwidthThick 2
46
+ #define tableBorderwidthMedium 2
47
+ #define tableBorderwidthThick 3
47
48
  #define tableSpaceNone 0
48
49
  #define tableSpaceYg 4
49
50
  #define tableSpaceRowXXs 8
@@ -66,16 +66,23 @@
66
66
  #define containerSizeCopilotEmptystateIllustration 200
67
67
  #define containerSizeCopilotEmptystateContentMaxwidth 600
68
68
  #define containerSizeCopilotOverlayMaxheight 960
69
+ #define containerSizeDialogMaxWidthXxs 300
70
+ #define containerSizeDialogMaxWidthXs 380
71
+ #define containerSizeDialogMaxWidthS 540
72
+ #define containerSizeDialogMaxWidthM 750
73
+ #define containerSizeDialogMaxWidthL 850
74
+ #define containerSizeDialogMaxWidthXl 960
75
+ #define containerSizeDialogMaxWidthXxl 1080
69
76
  #define containerSizeDragDroptarget 2
70
- #define containerSizeGenericEmptystateIllustrationPrimaryS 200
71
- #define containerSizeGenericEmptystateIllustrationPrimaryM 240
72
- #define containerSizeGenericEmptystateIllustrationPrimaryL 320
73
- #define containerSizeGenericEmptystateIllustrationSecondary 60
74
77
  #define containerSizeDrawerMinwidth 288
75
78
  #define containerSizeDrawerMaxwidth 760
76
79
  #define containerSizeDrawerClosedM 40
77
80
  #define containerSizeFooterM 56
78
81
  #define containerSizeFooterL 72
82
+ #define containerSizeGenericEmptystateIllustrationPrimaryS 200
83
+ #define containerSizeGenericEmptystateIllustrationPrimaryM 240
84
+ #define containerSizeGenericEmptystateIllustrationPrimaryL 320
85
+ #define containerSizeGenericEmptystateIllustrationSecondary 60
79
86
  #define containerSizeIconS 20
80
87
  #define containerSizeIconM 20
81
88
  #define containerSizeIconL 20
@@ -43,7 +43,8 @@
43
43
  #define tableBoxshadowColumnStickyRight [object Object],[object Object]
44
44
  #define tableBoxshadowRowDragging [object Object],[object Object]
45
45
  #define tableBorderwidthThin 1
46
- #define tableBorderwidthThick 2
46
+ #define tableBorderwidthMedium 2
47
+ #define tableBorderwidthThick 3
47
48
  #define tableSpaceNone 0
48
49
  #define tableSpaceYg 4
49
50
  #define tableSpaceRowXXs 8
@@ -66,16 +66,23 @@
66
66
  #define containerSizeCopilotEmptystateIllustration 200
67
67
  #define containerSizeCopilotEmptystateContentMaxwidth 600
68
68
  #define containerSizeCopilotOverlayMaxheight 960
69
+ #define containerSizeDialogMaxWidthXxs 300
70
+ #define containerSizeDialogMaxWidthXs 380
71
+ #define containerSizeDialogMaxWidthS 540
72
+ #define containerSizeDialogMaxWidthM 750
73
+ #define containerSizeDialogMaxWidthL 850
74
+ #define containerSizeDialogMaxWidthXl 960
75
+ #define containerSizeDialogMaxWidthXxl 1080
69
76
  #define containerSizeDragDroptarget 2
70
- #define containerSizeGenericEmptystateIllustrationPrimaryS 200
71
- #define containerSizeGenericEmptystateIllustrationPrimaryM 240
72
- #define containerSizeGenericEmptystateIllustrationPrimaryL 320
73
- #define containerSizeGenericEmptystateIllustrationSecondary 60
74
77
  #define containerSizeDrawerMinwidth 288
75
78
  #define containerSizeDrawerMaxwidth 760
76
79
  #define containerSizeDrawerClosedM 40
77
80
  #define containerSizeFooterM 56
78
81
  #define containerSizeFooterL 72
82
+ #define containerSizeGenericEmptystateIllustrationPrimaryS 200
83
+ #define containerSizeGenericEmptystateIllustrationPrimaryM 240
84
+ #define containerSizeGenericEmptystateIllustrationPrimaryL 320
85
+ #define containerSizeGenericEmptystateIllustrationSecondary 60
79
86
  #define containerSizeIconS 20
80
87
  #define containerSizeIconM 20
81
88
  #define containerSizeIconL 20
@@ -43,7 +43,8 @@
43
43
  #define tableBoxshadowColumnStickyRight [object Object],[object Object]
44
44
  #define tableBoxshadowRowDragging [object Object],[object Object]
45
45
  #define tableBorderwidthThin 1
46
- #define tableBorderwidthThick 2
46
+ #define tableBorderwidthMedium 2
47
+ #define tableBorderwidthThick 3
47
48
  #define tableSpaceNone 0
48
49
  #define tableSpaceYg 4
49
50
  #define tableSpaceRowXXs 8
@@ -66,16 +66,23 @@
66
66
  #define containerSizeCopilotEmptystateIllustration 200
67
67
  #define containerSizeCopilotEmptystateContentMaxwidth 600
68
68
  #define containerSizeCopilotOverlayMaxheight 960
69
+ #define containerSizeDialogMaxWidthXxs 300
70
+ #define containerSizeDialogMaxWidthXs 380
71
+ #define containerSizeDialogMaxWidthS 540
72
+ #define containerSizeDialogMaxWidthM 750
73
+ #define containerSizeDialogMaxWidthL 850
74
+ #define containerSizeDialogMaxWidthXl 960
75
+ #define containerSizeDialogMaxWidthXxl 1080
69
76
  #define containerSizeDragDroptarget 2
70
- #define containerSizeGenericEmptystateIllustrationPrimaryS 200
71
- #define containerSizeGenericEmptystateIllustrationPrimaryM 240
72
- #define containerSizeGenericEmptystateIllustrationPrimaryL 320
73
- #define containerSizeGenericEmptystateIllustrationSecondary 60
74
77
  #define containerSizeDrawerMinwidth 288
75
78
  #define containerSizeDrawerMaxwidth 760
76
79
  #define containerSizeDrawerClosedM 40
77
80
  #define containerSizeFooterM 56
78
81
  #define containerSizeFooterL 72
82
+ #define containerSizeGenericEmptystateIllustrationPrimaryS 200
83
+ #define containerSizeGenericEmptystateIllustrationPrimaryM 240
84
+ #define containerSizeGenericEmptystateIllustrationPrimaryL 320
85
+ #define containerSizeGenericEmptystateIllustrationSecondary 60
79
86
  #define containerSizeIconS 20
80
87
  #define containerSizeIconM 20
81
88
  #define containerSizeIconL 20
@@ -43,7 +43,8 @@
43
43
  #define tableBoxshadowColumnStickyRight [object Object],[object Object]
44
44
  #define tableBoxshadowRowDragging [object Object],[object Object]
45
45
  #define tableBorderwidthThin 1
46
- #define tableBorderwidthThick 2
46
+ #define tableBorderwidthMedium 2
47
+ #define tableBorderwidthThick 3
47
48
  #define tableSpaceNone 0
48
49
  #define tableSpaceYg 4
49
50
  #define tableSpaceRowXXs 8
@@ -66,16 +66,23 @@
66
66
  #define containerSizeCopilotEmptystateIllustration 200
67
67
  #define containerSizeCopilotEmptystateContentMaxwidth 600
68
68
  #define containerSizeCopilotOverlayMaxheight 960
69
+ #define containerSizeDialogMaxWidthXxs 300
70
+ #define containerSizeDialogMaxWidthXs 380
71
+ #define containerSizeDialogMaxWidthS 540
72
+ #define containerSizeDialogMaxWidthM 750
73
+ #define containerSizeDialogMaxWidthL 850
74
+ #define containerSizeDialogMaxWidthXl 960
75
+ #define containerSizeDialogMaxWidthXxl 1080
69
76
  #define containerSizeDragDroptarget 2
70
- #define containerSizeGenericEmptystateIllustrationPrimaryS 200
71
- #define containerSizeGenericEmptystateIllustrationPrimaryM 240
72
- #define containerSizeGenericEmptystateIllustrationPrimaryL 320
73
- #define containerSizeGenericEmptystateIllustrationSecondary 60
74
77
  #define containerSizeDrawerMinwidth 288
75
78
  #define containerSizeDrawerMaxwidth 760
76
79
  #define containerSizeDrawerClosedM 40
77
80
  #define containerSizeFooterM 56
78
81
  #define containerSizeFooterL 72
82
+ #define containerSizeGenericEmptystateIllustrationPrimaryS 200
83
+ #define containerSizeGenericEmptystateIllustrationPrimaryM 240
84
+ #define containerSizeGenericEmptystateIllustrationPrimaryL 320
85
+ #define containerSizeGenericEmptystateIllustrationSecondary 60
79
86
  #define containerSizeIconS 20
80
87
  #define containerSizeIconM 20
81
88
  #define containerSizeIconL 20
@@ -43,7 +43,8 @@
43
43
  #define tableBoxshadowColumnStickyRight [object Object],[object Object]
44
44
  #define tableBoxshadowRowDragging [object Object],[object Object]
45
45
  #define tableBorderwidthThin 1
46
- #define tableBorderwidthThick 2
46
+ #define tableBorderwidthMedium 2
47
+ #define tableBorderwidthThick 3
47
48
  #define tableSpaceNone 0
48
49
  #define tableSpaceYg 4
49
50
  #define tableSpaceRowXXs 8
@@ -66,16 +66,23 @@
66
66
  #define containerSizeCopilotEmptystateIllustration 200
67
67
  #define containerSizeCopilotEmptystateContentMaxwidth 600
68
68
  #define containerSizeCopilotOverlayMaxheight 960
69
+ #define containerSizeDialogMaxWidthXxs 300
70
+ #define containerSizeDialogMaxWidthXs 380
71
+ #define containerSizeDialogMaxWidthS 540
72
+ #define containerSizeDialogMaxWidthM 750
73
+ #define containerSizeDialogMaxWidthL 850
74
+ #define containerSizeDialogMaxWidthXl 960
75
+ #define containerSizeDialogMaxWidthXxl 1080
69
76
  #define containerSizeDragDroptarget 2
70
- #define containerSizeGenericEmptystateIllustrationPrimaryS 200
71
- #define containerSizeGenericEmptystateIllustrationPrimaryM 240
72
- #define containerSizeGenericEmptystateIllustrationPrimaryL 320
73
- #define containerSizeGenericEmptystateIllustrationSecondary 60
74
77
  #define containerSizeDrawerMinwidth 288
75
78
  #define containerSizeDrawerMaxwidth 760
76
79
  #define containerSizeDrawerClosedM 40
77
80
  #define containerSizeFooterM 56
78
81
  #define containerSizeFooterL 72
82
+ #define containerSizeGenericEmptystateIllustrationPrimaryS 200
83
+ #define containerSizeGenericEmptystateIllustrationPrimaryM 240
84
+ #define containerSizeGenericEmptystateIllustrationPrimaryL 320
85
+ #define containerSizeGenericEmptystateIllustrationSecondary 60
79
86
  #define containerSizeIconS 20
80
87
  #define containerSizeIconM 20
81
88
  #define containerSizeIconL 20
@@ -43,7 +43,8 @@
43
43
  #define tableBoxshadowColumnStickyRight [object Object],[object Object]
44
44
  #define tableBoxshadowRowDragging [object Object],[object Object]
45
45
  #define tableBorderwidthThin 1
46
- #define tableBorderwidthThick 2
46
+ #define tableBorderwidthMedium 2
47
+ #define tableBorderwidthThick 3
47
48
  #define tableSpaceNone 0
48
49
  #define tableSpaceYg 4
49
50
  #define tableSpaceRowXXs 8
@@ -120,9 +120,31 @@ declare const tokens: {
120
120
  maxheight: DesignToken;
121
121
  };
122
122
  };
123
+ dialog: {
124
+ maxWidth: {
125
+ XXS: DesignToken;
126
+ XS: DesignToken;
127
+ S: DesignToken;
128
+ M: DesignToken;
129
+ L: DesignToken;
130
+ XL: DesignToken;
131
+ XXL: DesignToken;
132
+ };
133
+ };
123
134
  drag: {
124
135
  droptarget: DesignToken;
125
136
  };
137
+ drawer: {
138
+ minwidth: DesignToken;
139
+ maxwidth: DesignToken;
140
+ closed: {
141
+ M: DesignToken;
142
+ };
143
+ };
144
+ footer: {
145
+ M: DesignToken;
146
+ L: DesignToken;
147
+ };
126
148
  generic: {
127
149
  emptystate: {
128
150
  illustration: {
@@ -135,17 +157,6 @@ declare const tokens: {
135
157
  };
136
158
  };
137
159
  };
138
- drawer: {
139
- minwidth: DesignToken;
140
- maxwidth: DesignToken;
141
- closed: {
142
- M: DesignToken;
143
- };
144
- };
145
- footer: {
146
- M: DesignToken;
147
- L: DesignToken;
148
- };
149
160
  icon: {
150
161
  S: DesignToken;
151
162
  M: DesignToken;
@@ -913,6 +913,101 @@ module.exports = {
913
913
  },
914
914
  },
915
915
  },
916
+ dialog: {
917
+ maxWidth: {
918
+ XXS: {
919
+ $type: "sizing",
920
+ $value: "300",
921
+ filePath: "data/tokens/components/container.json",
922
+ isSource: true,
923
+ original: {
924
+ $type: "sizing",
925
+ $value: "300",
926
+ },
927
+ name: "containerSizeDialogMaxWidthXxs",
928
+ attributes: {},
929
+ path: ["container", "size", "dialog", "maxWidth", "XXS"],
930
+ },
931
+ XS: {
932
+ $type: "sizing",
933
+ $value: "380",
934
+ filePath: "data/tokens/components/container.json",
935
+ isSource: true,
936
+ original: {
937
+ $type: "sizing",
938
+ $value: "380",
939
+ },
940
+ name: "containerSizeDialogMaxWidthXs",
941
+ attributes: {},
942
+ path: ["container", "size", "dialog", "maxWidth", "XS"],
943
+ },
944
+ S: {
945
+ $type: "sizing",
946
+ $value: "540",
947
+ filePath: "data/tokens/components/container.json",
948
+ isSource: true,
949
+ original: {
950
+ $type: "sizing",
951
+ $value: "540",
952
+ },
953
+ name: "containerSizeDialogMaxWidthS",
954
+ attributes: {},
955
+ path: ["container", "size", "dialog", "maxWidth", "S"],
956
+ },
957
+ M: {
958
+ $type: "sizing",
959
+ $value: "750",
960
+ filePath: "data/tokens/components/container.json",
961
+ isSource: true,
962
+ original: {
963
+ $type: "sizing",
964
+ $value: "750",
965
+ },
966
+ name: "containerSizeDialogMaxWidthM",
967
+ attributes: {},
968
+ path: ["container", "size", "dialog", "maxWidth", "M"],
969
+ },
970
+ L: {
971
+ $type: "sizing",
972
+ $value: "850",
973
+ filePath: "data/tokens/components/container.json",
974
+ isSource: true,
975
+ original: {
976
+ $type: "sizing",
977
+ $value: "850",
978
+ },
979
+ name: "containerSizeDialogMaxWidthL",
980
+ attributes: {},
981
+ path: ["container", "size", "dialog", "maxWidth", "L"],
982
+ },
983
+ XL: {
984
+ $type: "sizing",
985
+ $value: "960",
986
+ filePath: "data/tokens/components/container.json",
987
+ isSource: true,
988
+ original: {
989
+ $type: "sizing",
990
+ $value: "960",
991
+ },
992
+ name: "containerSizeDialogMaxWidthXl",
993
+ attributes: {},
994
+ path: ["container", "size", "dialog", "maxWidth", "XL"],
995
+ },
996
+ XXL: {
997
+ $type: "sizing",
998
+ $value: "1080",
999
+ filePath: "data/tokens/components/container.json",
1000
+ isSource: true,
1001
+ original: {
1002
+ $type: "sizing",
1003
+ $value: "1080",
1004
+ },
1005
+ name: "containerSizeDialogMaxWidthXxl",
1006
+ attributes: {},
1007
+ path: ["container", "size", "dialog", "maxWidth", "XXL"],
1008
+ },
1009
+ },
1010
+ },
916
1011
  drag: {
917
1012
  droptarget: {
918
1013
  $type: "sizing",
@@ -930,6 +1025,87 @@ module.exports = {
930
1025
  path: ["container", "size", "drag", "droptarget"],
931
1026
  },
932
1027
  },
1028
+ drawer: {
1029
+ minwidth: {
1030
+ $type: "sizing",
1031
+ $value: 288,
1032
+ $description: "min-width for drawer component",
1033
+ filePath: "data/tokens/components/container.json",
1034
+ isSource: true,
1035
+ original: {
1036
+ $type: "sizing",
1037
+ $value: "{container.size.responsive.XL}",
1038
+ $description: "min-width for drawer component",
1039
+ },
1040
+ name: "containerSizeDrawerMinwidth",
1041
+ attributes: {},
1042
+ path: ["container", "size", "drawer", "minwidth"],
1043
+ },
1044
+ maxwidth: {
1045
+ $type: "sizing",
1046
+ $value: 760,
1047
+ $description: "max-width for drawer component",
1048
+ filePath: "data/tokens/components/container.json",
1049
+ isSource: true,
1050
+ original: {
1051
+ $type: "sizing",
1052
+ $value: "{container.size.responsive.XXXXL}",
1053
+ $description: "max-width for drawer component",
1054
+ },
1055
+ name: "containerSizeDrawerMaxwidth",
1056
+ attributes: {},
1057
+ path: ["container", "size", "drawer", "maxwidth"],
1058
+ },
1059
+ closed: {
1060
+ M: {
1061
+ $type: "sizing",
1062
+ $value: 40,
1063
+ $description: "width for the closed drawer state",
1064
+ filePath: "data/tokens/components/container.json",
1065
+ isSource: true,
1066
+ original: {
1067
+ $type: "sizing",
1068
+ $value: "{global.size.macro.M}",
1069
+ $description: "width for the closed drawer state",
1070
+ },
1071
+ name: "containerSizeDrawerClosedM",
1072
+ attributes: {},
1073
+ path: ["container", "size", "drawer", "closed", "M"],
1074
+ },
1075
+ },
1076
+ },
1077
+ footer: {
1078
+ M: {
1079
+ $type: "sizing",
1080
+ $value: 56,
1081
+ $description: "card and tile footers",
1082
+ filePath: "data/tokens/components/container.json",
1083
+ isSource: true,
1084
+ original: {
1085
+ $type: "sizing",
1086
+ $value: "{global.size.macro.XL}",
1087
+ $description: "card and tile footers",
1088
+ },
1089
+ name: "containerSizeFooterM",
1090
+ attributes: {},
1091
+ path: ["container", "size", "footer", "M"],
1092
+ },
1093
+ L: {
1094
+ $type: "sizing",
1095
+ $value: 72,
1096
+ $description: "Dialog, sidebar and drawer footer max-height",
1097
+ filePath: "data/tokens/components/container.json",
1098
+ isSource: true,
1099
+ original: {
1100
+ $type: "sizing",
1101
+ $value: "{global.size.macro.XS} * 3",
1102
+ $description: "Dialog, sidebar and drawer footer max-height",
1103
+ },
1104
+ name: "containerSizeFooterL",
1105
+ attributes: {},
1106
+ path: ["container", "size", "footer", "L"],
1107
+ },
1108
+ },
933
1109
  generic: {
934
1110
  emptystate: {
935
1111
  illustration: {
@@ -1035,87 +1211,6 @@ module.exports = {
1035
1211
  },
1036
1212
  },
1037
1213
  },
1038
- drawer: {
1039
- minwidth: {
1040
- $type: "sizing",
1041
- $value: 288,
1042
- $description: "min-width for drawer component",
1043
- filePath: "data/tokens/components/container.json",
1044
- isSource: true,
1045
- original: {
1046
- $type: "sizing",
1047
- $value: "{container.size.responsive.XL}",
1048
- $description: "min-width for drawer component",
1049
- },
1050
- name: "containerSizeDrawerMinwidth",
1051
- attributes: {},
1052
- path: ["container", "size", "drawer", "minwidth"],
1053
- },
1054
- maxwidth: {
1055
- $type: "sizing",
1056
- $value: 760,
1057
- $description: "max-width for drawer component",
1058
- filePath: "data/tokens/components/container.json",
1059
- isSource: true,
1060
- original: {
1061
- $type: "sizing",
1062
- $value: "{container.size.responsive.XXXXL}",
1063
- $description: "max-width for drawer component",
1064
- },
1065
- name: "containerSizeDrawerMaxwidth",
1066
- attributes: {},
1067
- path: ["container", "size", "drawer", "maxwidth"],
1068
- },
1069
- closed: {
1070
- M: {
1071
- $type: "sizing",
1072
- $value: 40,
1073
- $description: "width for the closed drawer state",
1074
- filePath: "data/tokens/components/container.json",
1075
- isSource: true,
1076
- original: {
1077
- $type: "sizing",
1078
- $value: "{global.size.macro.M}",
1079
- $description: "width for the closed drawer state",
1080
- },
1081
- name: "containerSizeDrawerClosedM",
1082
- attributes: {},
1083
- path: ["container", "size", "drawer", "closed", "M"],
1084
- },
1085
- },
1086
- },
1087
- footer: {
1088
- M: {
1089
- $type: "sizing",
1090
- $value: 56,
1091
- $description: "card and tile footers",
1092
- filePath: "data/tokens/components/container.json",
1093
- isSource: true,
1094
- original: {
1095
- $type: "sizing",
1096
- $value: "{global.size.macro.XL}",
1097
- $description: "card and tile footers",
1098
- },
1099
- name: "containerSizeFooterM",
1100
- attributes: {},
1101
- path: ["container", "size", "footer", "M"],
1102
- },
1103
- L: {
1104
- $type: "sizing",
1105
- $value: 72,
1106
- $description: "Dialog, sidebar and drawer footer max-height",
1107
- filePath: "data/tokens/components/container.json",
1108
- isSource: true,
1109
- original: {
1110
- $type: "sizing",
1111
- $value: "{global.size.macro.XS} * 3",
1112
- $description: "Dialog, sidebar and drawer footer max-height",
1113
- },
1114
- name: "containerSizeFooterL",
1115
- attributes: {},
1116
- path: ["container", "size", "footer", "L"],
1117
- },
1118
- },
1119
1214
  icon: {
1120
1215
  S: {
1121
1216
  $type: "sizing",
@@ -75,6 +75,7 @@ declare const tokens: {
75
75
  };
76
76
  borderwidth: {
77
77
  thin: DesignToken;
78
+ medium: DesignToken;
78
79
  thick: DesignToken;
79
80
  };
80
81
  space: {
@@ -560,28 +560,45 @@ module.exports = {
560
560
  thin: {
561
561
  $type: "borderWidth",
562
562
  $value: 1,
563
- $description: "Table border",
563
+ $description: "Table border. Optional choice of cell border width.",
564
564
  filePath: "data/tokens/components/table.json",
565
565
  isSource: true,
566
566
  original: {
567
567
  $type: "borderWidth",
568
568
  $value: "{global.borderwidth.XS}",
569
- $description: "Table border",
569
+ $description: "Table border. Optional choice of cell border width.",
570
570
  },
571
571
  name: "tableBorderwidthThin",
572
572
  attributes: {},
573
573
  path: ["table", "borderwidth", "thin"],
574
574
  },
575
- thick: {
575
+ medium: {
576
576
  $type: "borderWidth",
577
577
  $value: 2,
578
- $description: "header border for subtle",
578
+ $description:
579
+ "Header border for subtle. Optional choice of cell border width.",
579
580
  filePath: "data/tokens/components/table.json",
580
581
  isSource: true,
581
582
  original: {
582
583
  $type: "borderWidth",
583
584
  $value: "{global.borderwidth.S}",
584
- $description: "header border for subtle",
585
+ $description:
586
+ "Header border for subtle. Optional choice of cell border width.",
587
+ },
588
+ name: "tableBorderwidthMedium",
589
+ attributes: {},
590
+ path: ["table", "borderwidth", "medium"],
591
+ },
592
+ thick: {
593
+ $type: "borderWidth",
594
+ $value: 3,
595
+ $description: "Optional choice of cell border width.",
596
+ filePath: "data/tokens/components/table.json",
597
+ isSource: true,
598
+ original: {
599
+ $type: "borderWidth",
600
+ $value: "{global.borderwidth.M}",
601
+ $description: "Optional choice of cell border width.",
585
602
  },
586
603
  name: "tableBorderwidthThick",
587
604
  attributes: {},