@sage/design-tokens 14.6.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 (144) hide show
  1. package/css/frozenproduct/all.css +10 -3
  2. package/css/frozenproduct/large/components/container.css +10 -3
  3. package/css/frozenproduct/small/components/container.css +10 -3
  4. package/css/marketing/all.css +10 -3
  5. package/css/marketing/large/components/container.css +10 -3
  6. package/css/marketing/small/components/container.css +10 -3
  7. package/css/product/all.css +20 -13
  8. package/css/product/large/components/container.css +10 -3
  9. package/css/product/small/components/container.css +10 -3
  10. package/css/product/small/components/table.css +10 -10
  11. package/ios/frozenproduct/large/dark/components/container.h +11 -4
  12. package/ios/frozenproduct/large/light/components/container.h +11 -4
  13. package/ios/frozenproduct/small/dark/components/container.h +11 -4
  14. package/ios/frozenproduct/small/light/components/container.h +11 -4
  15. package/ios/marketing/large/dark/components/container.h +11 -4
  16. package/ios/marketing/large/light/components/container.h +11 -4
  17. package/ios/marketing/small/dark/components/container.h +11 -4
  18. package/ios/marketing/small/light/components/container.h +11 -4
  19. package/ios/product/large/dark/components/container.h +11 -4
  20. package/ios/product/large/light/components/container.h +11 -4
  21. package/ios/product/small/dark/components/container.h +11 -4
  22. package/ios/product/small/light/components/container.h +11 -4
  23. package/js/common/frozenproduct/large/dark/components/container.d.ts +22 -11
  24. package/js/common/frozenproduct/large/dark/components/container.js +176 -81
  25. package/js/common/frozenproduct/large/light/components/container.d.ts +22 -11
  26. package/js/common/frozenproduct/large/light/components/container.js +176 -81
  27. package/js/common/frozenproduct/small/dark/components/container.d.ts +22 -11
  28. package/js/common/frozenproduct/small/dark/components/container.js +176 -81
  29. package/js/common/frozenproduct/small/light/components/container.d.ts +22 -11
  30. package/js/common/frozenproduct/small/light/components/container.js +176 -81
  31. package/js/common/marketing/large/dark/components/container.d.ts +22 -11
  32. package/js/common/marketing/large/dark/components/container.js +176 -81
  33. package/js/common/marketing/large/light/components/container.d.ts +22 -11
  34. package/js/common/marketing/large/light/components/container.js +176 -81
  35. package/js/common/marketing/small/dark/components/container.d.ts +22 -11
  36. package/js/common/marketing/small/dark/components/container.js +176 -81
  37. package/js/common/marketing/small/light/components/container.d.ts +22 -11
  38. package/js/common/marketing/small/light/components/container.js +176 -81
  39. package/js/common/product/large/dark/components/container.d.ts +22 -11
  40. package/js/common/product/large/dark/components/container.js +176 -81
  41. package/js/common/product/large/light/components/container.d.ts +22 -11
  42. package/js/common/product/large/light/components/container.js +176 -81
  43. package/js/common/product/small/dark/components/container.d.ts +22 -11
  44. package/js/common/product/small/dark/components/container.js +176 -81
  45. package/js/common/product/small/light/components/container.d.ts +22 -11
  46. package/js/common/product/small/light/components/container.js +176 -81
  47. package/js/es6/frozenproduct/large/dark/components/container.d.ts +11 -4
  48. package/js/es6/frozenproduct/large/dark/components/container.js +11 -4
  49. package/js/es6/frozenproduct/large/light/components/container.d.ts +11 -4
  50. package/js/es6/frozenproduct/large/light/components/container.js +11 -4
  51. package/js/es6/frozenproduct/small/dark/components/container.d.ts +11 -4
  52. package/js/es6/frozenproduct/small/dark/components/container.js +11 -4
  53. package/js/es6/frozenproduct/small/light/components/container.d.ts +11 -4
  54. package/js/es6/frozenproduct/small/light/components/container.js +11 -4
  55. package/js/es6/marketing/large/dark/components/container.d.ts +11 -4
  56. package/js/es6/marketing/large/dark/components/container.js +11 -4
  57. package/js/es6/marketing/large/light/components/container.d.ts +11 -4
  58. package/js/es6/marketing/large/light/components/container.js +11 -4
  59. package/js/es6/marketing/small/dark/components/container.d.ts +11 -4
  60. package/js/es6/marketing/small/dark/components/container.js +11 -4
  61. package/js/es6/marketing/small/light/components/container.d.ts +11 -4
  62. package/js/es6/marketing/small/light/components/container.js +11 -4
  63. package/js/es6/product/large/dark/components/container.d.ts +11 -4
  64. package/js/es6/product/large/dark/components/container.js +11 -4
  65. package/js/es6/product/large/light/components/container.d.ts +11 -4
  66. package/js/es6/product/large/light/components/container.js +11 -4
  67. package/js/es6/product/small/dark/components/container.d.ts +11 -4
  68. package/js/es6/product/small/dark/components/container.js +11 -4
  69. package/js/es6/product/small/light/components/container.d.ts +11 -4
  70. package/js/es6/product/small/light/components/container.js +11 -4
  71. package/js/umd/frozenproduct/large/dark/components/container.js +176 -81
  72. package/js/umd/frozenproduct/large/light/components/container.js +176 -81
  73. package/js/umd/frozenproduct/small/dark/components/container.js +176 -81
  74. package/js/umd/frozenproduct/small/light/components/container.js +176 -81
  75. package/js/umd/marketing/large/dark/components/container.js +176 -81
  76. package/js/umd/marketing/large/light/components/container.js +176 -81
  77. package/js/umd/marketing/small/dark/components/container.js +176 -81
  78. package/js/umd/marketing/small/light/components/container.js +176 -81
  79. package/js/umd/product/large/dark/components/container.js +176 -81
  80. package/js/umd/product/large/light/components/container.js +176 -81
  81. package/js/umd/product/small/dark/components/container.js +176 -81
  82. package/js/umd/product/small/light/components/container.js +176 -81
  83. package/json/flat/frozenproduct/large/dark/components/container.json +11 -4
  84. package/json/flat/frozenproduct/large/light/components/container.json +11 -4
  85. package/json/flat/frozenproduct/small/dark/components/container.json +11 -4
  86. package/json/flat/frozenproduct/small/light/components/container.json +11 -4
  87. package/json/flat/marketing/large/dark/components/container.json +11 -4
  88. package/json/flat/marketing/large/light/components/container.json +11 -4
  89. package/json/flat/marketing/small/dark/components/container.json +11 -4
  90. package/json/flat/marketing/small/light/components/container.json +11 -4
  91. package/json/flat/product/large/dark/components/container.json +11 -4
  92. package/json/flat/product/large/light/components/container.json +11 -4
  93. package/json/flat/product/small/dark/components/container.json +11 -4
  94. package/json/flat/product/small/light/components/container.json +11 -4
  95. package/json/nested/frozenproduct/large/dark/components/container.json +22 -11
  96. package/json/nested/frozenproduct/large/light/components/container.json +22 -11
  97. package/json/nested/frozenproduct/small/dark/components/container.json +22 -11
  98. package/json/nested/frozenproduct/small/light/components/container.json +22 -11
  99. package/json/nested/marketing/large/dark/components/container.json +22 -11
  100. package/json/nested/marketing/large/light/components/container.json +22 -11
  101. package/json/nested/marketing/small/dark/components/container.json +22 -11
  102. package/json/nested/marketing/small/light/components/container.json +22 -11
  103. package/json/nested/product/large/dark/components/container.json +22 -11
  104. package/json/nested/product/large/light/components/container.json +22 -11
  105. package/json/nested/product/small/dark/components/container.json +22 -11
  106. package/json/nested/product/small/light/components/container.json +22 -11
  107. package/package.json +1 -1
  108. package/sage-design-tokens-14.7.0.tgz +0 -0
  109. package/scss/frozenproduct/large/components/button.scss +13 -13
  110. package/scss/frozenproduct/large/components/container.scss +20 -13
  111. package/scss/frozenproduct/large/components/form.scss +7 -7
  112. package/scss/frozenproduct/large/components/link.scss +2 -2
  113. package/scss/frozenproduct/large/components/nav.scss +5 -5
  114. package/scss/frozenproduct/large/components/page.scss +1 -1
  115. package/scss/frozenproduct/large/components/popover.scss +2 -2
  116. package/scss/frozenproduct/large/components/progress.scss +6 -6
  117. package/scss/frozenproduct/large/components/status.scss +3 -3
  118. package/scss/frozenproduct/large/components/tab.scss +7 -7
  119. package/scss/frozenproduct/large/components/table.scss +10 -10
  120. package/scss/frozenproduct/small/components/button.scss +13 -13
  121. package/scss/frozenproduct/small/components/container.scss +20 -13
  122. package/scss/frozenproduct/small/components/form.scss +7 -7
  123. package/scss/frozenproduct/small/components/link.scss +2 -2
  124. package/scss/frozenproduct/small/components/nav.scss +5 -5
  125. package/scss/frozenproduct/small/components/page.scss +1 -1
  126. package/scss/frozenproduct/small/components/popover.scss +2 -2
  127. package/scss/frozenproduct/small/components/progress.scss +6 -6
  128. package/scss/frozenproduct/small/components/status.scss +3 -3
  129. package/scss/frozenproduct/small/components/tab.scss +7 -7
  130. package/scss/frozenproduct/small/components/table.scss +10 -10
  131. package/scss/marketing/large/components/container.scss +10 -3
  132. package/scss/marketing/small/components/container.scss +10 -3
  133. package/scss/product/large/components/container.scss +20 -13
  134. package/scss/product/large/components/form.scss +7 -7
  135. package/scss/product/large/components/link.scss +2 -2
  136. package/scss/product/large/components/nav.scss +5 -5
  137. package/scss/product/large/components/page.scss +1 -1
  138. package/scss/product/large/components/popover.scss +2 -2
  139. package/scss/product/large/components/progress.scss +6 -6
  140. package/scss/product/large/components/status.scss +3 -3
  141. package/scss/product/large/components/tab.scss +7 -7
  142. package/scss/product/large/components/table.scss +10 -10
  143. package/scss/product/small/components/container.scss +10 -3
  144. package/sage-design-tokens-14.6.0.tgz +0 -0
@@ -1113,6 +1113,13 @@
1113
1113
 
1114
1114
  /* container component tokens */
1115
1115
  --container-size-carousel-mediaslide-minheight: 300; /* max height for media visual */
1116
+ --container-size-dialog-max-width-xxs: 300;
1117
+ --container-size-dialog-max-width-xs: 380;
1118
+ --container-size-dialog-max-width-s: 540;
1119
+ --container-size-dialog-max-width-m: 750;
1120
+ --container-size-dialog-max-width-l: 850;
1121
+ --container-size-dialog-max-width-xl: 960;
1122
+ --container-size-dialog-max-width-xxl: 1080;
1116
1123
  --container-opacity-carousel-hidden: 0.3; /* opacity applied to next and previous carousel slides */
1117
1124
  --container-opacity-dialog-dimmer: 0.4; /* dimmer opacity value */
1118
1125
  --container-opacity-drag-ghost: 0.5; /* drag ghost state opacity value */
@@ -1196,13 +1203,13 @@
1196
1203
  --container-size-copilot-emptystate-content-maxwidth: calc(var(--global-size-macro-xxxxl) * 5); /* max-width of the insight empty state content area */
1197
1204
  --container-size-copilot-overlay-maxheight: calc(var(--global-size-macro-xxxxl) * 8); /* max-height of the copilot container overlay */
1198
1205
  --container-size-drag-droptarget: var(--global-size-micro-xxs); /* drop target width or height */
1206
+ --container-size-drawer-closed-m: var(--global-size-macro-m); /* width for the closed drawer state */
1207
+ --container-size-footer-m: var(--global-size-macro-xl); /* card and tile footers */
1208
+ --container-size-footer-l: calc(var(--global-size-macro-xs) * 3); /* Dialog, sidebar and drawer footer max-height */
1199
1209
  --container-size-generic-emptystate-illustration-primary-s: calc(var(--global-size-macro-m) * 5); /* Illustration size for small error and empty states */
1200
1210
  --container-size-generic-emptystate-illustration-primary-m: calc(var(--global-size-macro-m) * 6); /* Illustration size for medium error and empty states */
1201
1211
  --container-size-generic-emptystate-illustration-primary-l: calc(var(--global-size-macro-m) * 8); /* Illustration size for large error and empty states */
1202
1212
  --container-size-generic-emptystate-illustration-secondary: calc(var(--global-size-macro-m) + var(--button-size-icon-m)); /* Illustration size for secondary empty states */
1203
- --container-size-drawer-closed-m: var(--global-size-macro-m); /* width for the closed drawer state */
1204
- --container-size-footer-m: var(--global-size-macro-xl); /* card and tile footers */
1205
- --container-size-footer-l: calc(var(--global-size-macro-xs) * 3); /* Dialog, sidebar and drawer footer max-height */
1206
1213
  --container-size-icon-s: var(--global-size-icon-m);
1207
1214
  --container-size-icon-m: var(--global-size-icon-m);
1208
1215
  --container-size-icon-l: var(--global-size-icon-m); /* Deliberately referencing global M (20px). Accordion chevron. */
@@ -4,6 +4,13 @@
4
4
 
5
5
  :root {
6
6
  --container-size-carousel-mediaslide-minheight: 300; /* max height for media visual */
7
+ --container-size-dialog-max-width-xxs: 300;
8
+ --container-size-dialog-max-width-xs: 380;
9
+ --container-size-dialog-max-width-s: 540;
10
+ --container-size-dialog-max-width-m: 750;
11
+ --container-size-dialog-max-width-l: 850;
12
+ --container-size-dialog-max-width-xl: 960;
13
+ --container-size-dialog-max-width-xxl: 1080;
7
14
  --container-opacity-carousel-hidden: 0.3; /* opacity applied to next and previous carousel slides */
8
15
  --container-opacity-dialog-dimmer: 0.4; /* dimmer opacity value */
9
16
  --container-opacity-drag-ghost: 0.5; /* drag ghost state opacity value */
@@ -96,13 +103,13 @@
96
103
  --container-size-copilot-emptystate-content-maxwidth: calc(var(--global-size-macro-xxxxl) * 5); /* max-width of the insight empty state content area */
97
104
  --container-size-copilot-overlay-maxheight: calc(var(--global-size-macro-xxxxl) * 8); /* max-height of the copilot container overlay */
98
105
  --container-size-drag-droptarget: var(--global-size-micro-xxs); /* drop target width or height */
106
+ --container-size-drawer-closed-m: var(--global-size-macro-m); /* width for the closed drawer state */
107
+ --container-size-footer-m: var(--global-size-macro-xl); /* card and tile footers */
108
+ --container-size-footer-l: calc(var(--global-size-macro-xs) * 3); /* Dialog, sidebar and drawer footer max-height */
99
109
  --container-size-generic-emptystate-illustration-primary-s: calc(var(--global-size-macro-m) * 5); /* Illustration size for small error and empty states */
100
110
  --container-size-generic-emptystate-illustration-primary-m: calc(var(--global-size-macro-m) * 6); /* Illustration size for medium error and empty states */
101
111
  --container-size-generic-emptystate-illustration-primary-l: calc(var(--global-size-macro-m) * 8); /* Illustration size for large error and empty states */
102
112
  --container-size-generic-emptystate-illustration-secondary: calc(var(--global-size-macro-m) + var(--button-size-icon-m)); /* Illustration size for secondary empty states */
103
- --container-size-drawer-closed-m: var(--global-size-macro-m); /* width for the closed drawer state */
104
- --container-size-footer-m: var(--global-size-macro-xl); /* card and tile footers */
105
- --container-size-footer-l: calc(var(--global-size-macro-xs) * 3); /* Dialog, sidebar and drawer footer max-height */
106
113
  --container-size-icon-s: var(--global-size-icon-m);
107
114
  --container-size-icon-m: var(--global-size-icon-m);
108
115
  --container-size-icon-l: var(--global-size-icon-m); /* Deliberately referencing global M (20px). Accordion chevron. */
@@ -4,6 +4,13 @@
4
4
 
5
5
  :root {
6
6
  --container-size-carousel-mediaslide-minheight: 300; /* max height for media visual */
7
+ --container-size-dialog-max-width-xxs: 300;
8
+ --container-size-dialog-max-width-xs: 380;
9
+ --container-size-dialog-max-width-s: 540;
10
+ --container-size-dialog-max-width-m: 750;
11
+ --container-size-dialog-max-width-l: 850;
12
+ --container-size-dialog-max-width-xl: 960;
13
+ --container-size-dialog-max-width-xxl: 1080;
7
14
  --container-opacity-carousel-hidden: 0.3; /* opacity applied to next and previous carousel slides */
8
15
  --container-opacity-dialog-dimmer: 0.4; /* dimmer opacity value */
9
16
  --container-opacity-drag-ghost: 0.5; /* drag ghost state opacity value */
@@ -96,13 +103,13 @@
96
103
  --container-size-copilot-emptystate-content-maxwidth: calc(var(--global-size-macro-xxxxl) * 5); /* max-width of the insight empty state content area */
97
104
  --container-size-copilot-overlay-maxheight: calc(var(--global-size-macro-xxxxl) * 8); /* max-height of the copilot container overlay */
98
105
  --container-size-drag-droptarget: var(--global-size-micro-xxs); /* drop target width or height */
106
+ --container-size-drawer-closed-m: var(--global-size-macro-m); /* width for the closed drawer state */
107
+ --container-size-footer-m: var(--global-size-macro-xl); /* card and tile footers */
108
+ --container-size-footer-l: calc(var(--global-size-macro-xs) * 3); /* Dialog, sidebar and drawer footer max-height */
99
109
  --container-size-generic-emptystate-illustration-primary-s: calc(var(--global-size-macro-m) * 5); /* Illustration size for small error and empty states */
100
110
  --container-size-generic-emptystate-illustration-primary-m: calc(var(--global-size-macro-m) * 6); /* Illustration size for medium error and empty states */
101
111
  --container-size-generic-emptystate-illustration-primary-l: calc(var(--global-size-macro-m) * 8); /* Illustration size for large error and empty states */
102
112
  --container-size-generic-emptystate-illustration-secondary: calc(var(--global-size-macro-m) + var(--button-size-icon-m)); /* Illustration size for secondary empty states */
103
- --container-size-drawer-closed-m: var(--global-size-macro-m); /* width for the closed drawer state */
104
- --container-size-footer-m: var(--global-size-macro-xl); /* card and tile footers */
105
- --container-size-footer-l: calc(var(--global-size-macro-xs) * 3); /* Dialog, sidebar and drawer footer max-height */
106
113
  --container-size-icon-s: var(--global-size-icon-m);
107
114
  --container-size-icon-m: var(--global-size-icon-m);
108
115
  --container-size-icon-l: var(--global-size-icon-m); /* Deliberately referencing global M (20px). Accordion chevron. */
@@ -1113,6 +1113,13 @@
1113
1113
 
1114
1114
  /* container component tokens */
1115
1115
  --container-size-carousel-mediaslide-minheight: 300; /* max height for media visual */
1116
+ --container-size-dialog-max-width-xxs: 300;
1117
+ --container-size-dialog-max-width-xs: 380;
1118
+ --container-size-dialog-max-width-s: 540;
1119
+ --container-size-dialog-max-width-m: 750;
1120
+ --container-size-dialog-max-width-l: 850;
1121
+ --container-size-dialog-max-width-xl: 960;
1122
+ --container-size-dialog-max-width-xxl: 1080;
1116
1123
  --container-opacity-carousel-hidden: 0.3; /* opacity applied to next and previous carousel slides */
1117
1124
  --container-opacity-dialog-dimmer: 0.4; /* dimmer opacity value */
1118
1125
  --container-opacity-drag-ghost: 0.5; /* drag ghost state opacity value */
@@ -1196,13 +1203,13 @@
1196
1203
  --container-size-copilot-emptystate-content-maxwidth: calc(var(--global-size-macro-xxxxl) * 5); /* max-width of the insight empty state content area */
1197
1204
  --container-size-copilot-overlay-maxheight: calc(var(--global-size-macro-xxxxl) * 8); /* max-height of the copilot container overlay */
1198
1205
  --container-size-drag-droptarget: var(--global-size-micro-xxs); /* drop target width or height */
1206
+ --container-size-drawer-closed-m: var(--global-size-macro-m); /* width for the closed drawer state */
1207
+ --container-size-footer-m: var(--global-size-macro-xl); /* card and tile footers */
1208
+ --container-size-footer-l: calc(var(--global-size-macro-xs) * 3); /* Dialog, sidebar and drawer footer max-height */
1199
1209
  --container-size-generic-emptystate-illustration-primary-s: calc(var(--global-size-macro-m) * 5); /* Illustration size for small error and empty states */
1200
1210
  --container-size-generic-emptystate-illustration-primary-m: calc(var(--global-size-macro-m) * 6); /* Illustration size for medium error and empty states */
1201
1211
  --container-size-generic-emptystate-illustration-primary-l: calc(var(--global-size-macro-m) * 8); /* Illustration size for large error and empty states */
1202
1212
  --container-size-generic-emptystate-illustration-secondary: calc(var(--global-size-macro-m) + var(--button-size-icon-m)); /* Illustration size for secondary empty states */
1203
- --container-size-drawer-closed-m: var(--global-size-macro-m); /* width for the closed drawer state */
1204
- --container-size-footer-m: var(--global-size-macro-xl); /* card and tile footers */
1205
- --container-size-footer-l: calc(var(--global-size-macro-xs) * 3); /* Dialog, sidebar and drawer footer max-height */
1206
1213
  --container-size-icon-s: var(--global-size-icon-m);
1207
1214
  --container-size-icon-m: var(--global-size-icon-m);
1208
1215
  --container-size-icon-l: var(--global-size-icon-m); /* Deliberately referencing global M (20px). Accordion chevron. */
@@ -4,6 +4,13 @@
4
4
 
5
5
  :root {
6
6
  --container-size-carousel-mediaslide-minheight: 300; /* max height for media visual */
7
+ --container-size-dialog-max-width-xxs: 300;
8
+ --container-size-dialog-max-width-xs: 380;
9
+ --container-size-dialog-max-width-s: 540;
10
+ --container-size-dialog-max-width-m: 750;
11
+ --container-size-dialog-max-width-l: 850;
12
+ --container-size-dialog-max-width-xl: 960;
13
+ --container-size-dialog-max-width-xxl: 1080;
7
14
  --container-opacity-carousel-hidden: 0.3; /* opacity applied to next and previous carousel slides */
8
15
  --container-opacity-dialog-dimmer: 0.4; /* dimmer opacity value */
9
16
  --container-opacity-drag-ghost: 0.5; /* drag ghost state opacity value */
@@ -96,13 +103,13 @@
96
103
  --container-size-copilot-emptystate-content-maxwidth: calc(var(--global-size-macro-xxxxl) * 5); /* max-width of the insight empty state content area */
97
104
  --container-size-copilot-overlay-maxheight: calc(var(--global-size-macro-xxxxl) * 8); /* max-height of the copilot container overlay */
98
105
  --container-size-drag-droptarget: var(--global-size-micro-xxs); /* drop target width or height */
106
+ --container-size-drawer-closed-m: var(--global-size-macro-m); /* width for the closed drawer state */
107
+ --container-size-footer-m: var(--global-size-macro-xl); /* card and tile footers */
108
+ --container-size-footer-l: calc(var(--global-size-macro-xs) * 3); /* Dialog, sidebar and drawer footer max-height */
99
109
  --container-size-generic-emptystate-illustration-primary-s: calc(var(--global-size-macro-m) * 5); /* Illustration size for small error and empty states */
100
110
  --container-size-generic-emptystate-illustration-primary-m: calc(var(--global-size-macro-m) * 6); /* Illustration size for medium error and empty states */
101
111
  --container-size-generic-emptystate-illustration-primary-l: calc(var(--global-size-macro-m) * 8); /* Illustration size for large error and empty states */
102
112
  --container-size-generic-emptystate-illustration-secondary: calc(var(--global-size-macro-m) + var(--button-size-icon-m)); /* Illustration size for secondary empty states */
103
- --container-size-drawer-closed-m: var(--global-size-macro-m); /* width for the closed drawer state */
104
- --container-size-footer-m: var(--global-size-macro-xl); /* card and tile footers */
105
- --container-size-footer-l: calc(var(--global-size-macro-xs) * 3); /* Dialog, sidebar and drawer footer max-height */
106
113
  --container-size-icon-s: var(--global-size-icon-m);
107
114
  --container-size-icon-m: var(--global-size-icon-m);
108
115
  --container-size-icon-l: var(--global-size-icon-m); /* Deliberately referencing global M (20px). Accordion chevron. */
@@ -4,6 +4,13 @@
4
4
 
5
5
  :root {
6
6
  --container-size-carousel-mediaslide-minheight: 300; /* max height for media visual */
7
+ --container-size-dialog-max-width-xxs: 300;
8
+ --container-size-dialog-max-width-xs: 380;
9
+ --container-size-dialog-max-width-s: 540;
10
+ --container-size-dialog-max-width-m: 750;
11
+ --container-size-dialog-max-width-l: 850;
12
+ --container-size-dialog-max-width-xl: 960;
13
+ --container-size-dialog-max-width-xxl: 1080;
7
14
  --container-opacity-carousel-hidden: 0.3; /* opacity applied to next and previous carousel slides */
8
15
  --container-opacity-dialog-dimmer: 0.4; /* dimmer opacity value */
9
16
  --container-opacity-drag-ghost: 0.5; /* drag ghost state opacity value */
@@ -96,13 +103,13 @@
96
103
  --container-size-copilot-emptystate-content-maxwidth: calc(var(--global-size-macro-xxxxl) * 5); /* max-width of the insight empty state content area */
97
104
  --container-size-copilot-overlay-maxheight: calc(var(--global-size-macro-xxxxl) * 8); /* max-height of the copilot container overlay */
98
105
  --container-size-drag-droptarget: var(--global-size-micro-xxs); /* drop target width or height */
106
+ --container-size-drawer-closed-m: var(--global-size-macro-m); /* width for the closed drawer state */
107
+ --container-size-footer-m: var(--global-size-macro-xl); /* card and tile footers */
108
+ --container-size-footer-l: calc(var(--global-size-macro-xs) * 3); /* Dialog, sidebar and drawer footer max-height */
99
109
  --container-size-generic-emptystate-illustration-primary-s: calc(var(--global-size-macro-m) * 5); /* Illustration size for small error and empty states */
100
110
  --container-size-generic-emptystate-illustration-primary-m: calc(var(--global-size-macro-m) * 6); /* Illustration size for medium error and empty states */
101
111
  --container-size-generic-emptystate-illustration-primary-l: calc(var(--global-size-macro-m) * 8); /* Illustration size for large error and empty states */
102
112
  --container-size-generic-emptystate-illustration-secondary: calc(var(--global-size-macro-m) + var(--button-size-icon-m)); /* Illustration size for secondary empty states */
103
- --container-size-drawer-closed-m: var(--global-size-macro-m); /* width for the closed drawer state */
104
- --container-size-footer-m: var(--global-size-macro-xl); /* card and tile footers */
105
- --container-size-footer-l: calc(var(--global-size-macro-xs) * 3); /* Dialog, sidebar and drawer footer max-height */
106
113
  --container-size-icon-s: var(--global-size-icon-m);
107
114
  --container-size-icon-m: var(--global-size-icon-m);
108
115
  --container-size-icon-l: var(--global-size-icon-m); /* Deliberately referencing global M (20px). Accordion chevron. */
@@ -1113,6 +1113,13 @@
1113
1113
 
1114
1114
  /* container component tokens */
1115
1115
  --container-size-carousel-mediaslide-minheight: 300; /* max height for media visual */
1116
+ --container-size-dialog-max-width-xxs: 300;
1117
+ --container-size-dialog-max-width-xs: 380;
1118
+ --container-size-dialog-max-width-s: 540;
1119
+ --container-size-dialog-max-width-m: 750;
1120
+ --container-size-dialog-max-width-l: 850;
1121
+ --container-size-dialog-max-width-xl: 960;
1122
+ --container-size-dialog-max-width-xxl: 1080;
1116
1123
  --container-opacity-carousel-hidden: 0.3; /* opacity applied to next and previous carousel slides */
1117
1124
  --container-opacity-dialog-dimmer: 0.4; /* dimmer opacity value */
1118
1125
  --container-opacity-drag-ghost: 0.5; /* drag ghost state opacity value */
@@ -1196,13 +1203,13 @@
1196
1203
  --container-size-copilot-emptystate-content-maxwidth: calc(var(--global-size-macro-xxxxl) * 5); /* max-width of the insight empty state content area */
1197
1204
  --container-size-copilot-overlay-maxheight: calc(var(--global-size-macro-xxxxl) * 8); /* max-height of the copilot container overlay */
1198
1205
  --container-size-drag-droptarget: var(--global-size-micro-xxs); /* drop target width or height */
1206
+ --container-size-drawer-closed-m: var(--global-size-macro-m); /* width for the closed drawer state */
1207
+ --container-size-footer-m: var(--global-size-macro-xl); /* card and tile footers */
1208
+ --container-size-footer-l: calc(var(--global-size-macro-xs) * 3); /* Dialog, sidebar and drawer footer max-height */
1199
1209
  --container-size-generic-emptystate-illustration-primary-s: calc(var(--global-size-macro-m) * 5); /* Illustration size for small error and empty states */
1200
1210
  --container-size-generic-emptystate-illustration-primary-m: calc(var(--global-size-macro-m) * 6); /* Illustration size for medium error and empty states */
1201
1211
  --container-size-generic-emptystate-illustration-primary-l: calc(var(--global-size-macro-m) * 8); /* Illustration size for large error and empty states */
1202
1212
  --container-size-generic-emptystate-illustration-secondary: calc(var(--global-size-macro-m) + var(--button-size-icon-m)); /* Illustration size for secondary empty states */
1203
- --container-size-drawer-closed-m: var(--global-size-macro-m); /* width for the closed drawer state */
1204
- --container-size-footer-m: var(--global-size-macro-xl); /* card and tile footers */
1205
- --container-size-footer-l: calc(var(--global-size-macro-xs) * 3); /* Dialog, sidebar and drawer footer max-height */
1206
1213
  --container-size-icon-s: var(--global-size-icon-m);
1207
1214
  --container-size-icon-m: var(--global-size-icon-m);
1208
1215
  --container-size-icon-l: var(--global-size-icon-m); /* Deliberately referencing global M (20px). Accordion chevron. */
@@ -2475,6 +2482,7 @@
2475
2482
 
2476
2483
  /* table component tokens */
2477
2484
  --table-color-header-subtle-bg-default: light-dark(var(--modes-color-none-light), var(--modes-color-none-dark));
2485
+ --table-color-row-bg-active: light-dark(var(--modes-color-interactive-monochrome-active-light), var(--modes-color-interactive-monochrome-active-dark));
2478
2486
  --table-color-row-bg-default: light-dark(var(--modes-color-generic-bg-nought-light), var(--modes-color-generic-bg-nought-dark));
2479
2487
  --table-color-row-label-hover: light-dark(var(--modes-color-generic-content-extreme-light), var(--modes-color-generic-content-extreme-dark));
2480
2488
  --table-typography-heading-s: var(--global-typography-component-firm-s);
@@ -2486,35 +2494,34 @@
2486
2494
  --table-typography-label-s: var(--global-typography-component-firm-s);
2487
2495
  --table-typography-label-m: var(--global-typography-component-firm-m);
2488
2496
  --table-typography-label-l: var(--global-typography-component-firm-l);
2497
+ --table-color-header-subtle-bg-alt: light-dark(var(--modes-color-interactive-monochrome-subtle-default-light), var(--modes-color-interactive-monochrome-subtle-default-dark)); /* header alt */
2498
+ --table-color-header-subtle-bg-hover: light-dark(var(--modes-color-interactive-monochrome-hover-light), var(--modes-color-interactive-monochrome-hover-dark));
2499
+ --table-color-header-subtle-label-default: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark));
2500
+ --table-color-header-subtle-label-hover: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark));
2501
+ --table-color-header-harsh-bg-alt: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark)); /* header alt */
2502
+ --table-color-header-harsh-bg-default: light-dark(var(--modes-color-interactive-monochrome-default-alt-light), var(--modes-color-interactive-monochrome-default-alt-dark));
2503
+ --table-color-header-harsh-bg-hover: light-dark(var(--modes-color-interactive-monochrome-hover-light), var(--modes-color-interactive-monochrome-hover-dark));
2504
+ --table-color-header-harsh-label-hover: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark));
2489
2505
  --table-color-row-bg-activated: light-dark(var(--modes-color-interactive-primary-default-light), var(--modes-color-interactive-primary-default-dark));
2490
- --table-color-row-bg-active: light-dark(var(--modes-color-interactive-monochrome-active-light), var(--modes-color-interactive-monochrome-active-dark));
2491
2506
  --table-color-row-bg-alt: light-dark(var(--modes-color-generic-bg-delicate-light), var(--modes-color-generic-bg-delicate-dark)); /* Zebra stripes */
2492
2507
  --table-color-row-bg-alt2: light-dark(var(--modes-color-generic-bg-soft-light), var(--modes-color-generic-bg-soft-dark)); /* Zebra stripes combined with child rows. */
2493
2508
  --table-color-row-bg-alt3: light-dark(var(--modes-color-generic-bg-faint-light), var(--modes-color-generic-bg-faint-dark)); /* Child rows. */
2494
2509
  --table-color-row-bg-hover: light-dark(var(--modes-color-generic-bg-soft-light), var(--modes-color-generic-bg-soft-dark));
2495
2510
  --table-color-row-label-default: light-dark(var(--modes-color-generic-content-harsh-light), var(--modes-color-generic-content-harsh-dark));
2496
2511
  --table-color-footer-bg-default: light-dark(var(--modes-color-generic-bg-soft-light), var(--modes-color-generic-bg-soft-dark));
2512
+ --table-color-footer-label-default: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark));
2497
2513
  --table-boxshadow-parentrow: var(--global-boxshadow-container-far);
2498
2514
  --table-boxshadow-firstchild: var(--global-boxshadow-inner-near);
2499
2515
  --table-boxshadow-column-sticky-left: var(--global-boxshadow-cleanedge-near-right); /* Right shadow on left hand sticky column. */
2500
2516
  --table-boxshadow-column-sticky-right: var(--global-boxshadow-cleanedge-near-left); /* Left shadow on right hand sticky column. */
2501
2517
  --table-boxshadow-row-dragging: var(--global-boxshadow-interactive-drag); /* dragging state for a table row */
2502
- --table-color-header-subtle-bg-alt: light-dark(var(--modes-color-interactive-monochrome-subtle-default-light), var(--modes-color-interactive-monochrome-subtle-default-dark)); /* header alt */
2503
- --table-color-header-subtle-bg-hover: light-dark(var(--modes-color-interactive-monochrome-hover-light), var(--modes-color-interactive-monochrome-hover-dark));
2504
2518
  --table-color-header-subtle-border-default: light-dark(var(--modes-color-generic-fg-delicate-light), var(--modes-color-generic-fg-delicate-dark)); /* Header borders */
2505
- --table-color-header-subtle-label-default: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark));
2506
- --table-color-header-subtle-label-hover: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark));
2507
- --table-color-header-harsh-bg-alt: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark)); /* header alt */
2508
- --table-color-header-harsh-bg-default: light-dark(var(--modes-color-interactive-monochrome-default-alt-light), var(--modes-color-interactive-monochrome-default-alt-dark));
2509
- --table-color-header-harsh-bg-hover: light-dark(var(--modes-color-interactive-monochrome-hover-light), var(--modes-color-interactive-monochrome-hover-dark));
2510
2519
  --table-color-header-harsh-border-default: light-dark(var(--modes-color-generic-fg-soft-light), var(--modes-color-generic-fg-soft-dark));
2511
2520
  --table-color-header-harsh-label-default: light-dark(var(--modes-color-interactive-monochrome-with-default-light), var(--modes-color-interactive-monochrome-with-default-dark));
2512
- --table-color-header-harsh-label-hover: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark));
2513
2521
  --table-color-row-border-default: light-dark(var(--modes-color-generic-fg-delicate-light), var(--modes-color-generic-fg-delicate-dark));
2514
2522
  --table-color-row-label-activated: light-dark(var(--modes-color-interactive-monochrome-with-active-light), var(--modes-color-interactive-monochrome-with-active-dark));
2515
2523
  --table-color-row-label-active: light-dark(var(--modes-color-interactive-monochrome-with-active-light), var(--modes-color-interactive-monochrome-with-active-dark));
2516
2524
  --table-color-footer-border-default: light-dark(var(--modes-color-generic-fg-delicate-light), var(--modes-color-generic-fg-delicate-dark)); /* Header borders */
2517
- --table-color-footer-label-default: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark));
2518
2525
  --table-radius-container: var(--global-radius-container-m); /* Table (parent container) */
2519
2526
  --table-borderwidth-thin: var(--global-borderwidth-xs); /* Table border */
2520
2527
  --table-borderwidth-thick: var(--global-borderwidth-s); /* header border for subtle */
@@ -4,6 +4,13 @@
4
4
 
5
5
  :root {
6
6
  --container-size-carousel-mediaslide-minheight: 300; /* max height for media visual */
7
+ --container-size-dialog-max-width-xxs: 300;
8
+ --container-size-dialog-max-width-xs: 380;
9
+ --container-size-dialog-max-width-s: 540;
10
+ --container-size-dialog-max-width-m: 750;
11
+ --container-size-dialog-max-width-l: 850;
12
+ --container-size-dialog-max-width-xl: 960;
13
+ --container-size-dialog-max-width-xxl: 1080;
7
14
  --container-opacity-carousel-hidden: 0.3; /* opacity applied to next and previous carousel slides */
8
15
  --container-opacity-dialog-dimmer: 0.4; /* dimmer opacity value */
9
16
  --container-opacity-drag-ghost: 0.5; /* drag ghost state opacity value */
@@ -96,13 +103,13 @@
96
103
  --container-size-copilot-emptystate-content-maxwidth: calc(var(--global-size-macro-xxxxl) * 5); /* max-width of the insight empty state content area */
97
104
  --container-size-copilot-overlay-maxheight: calc(var(--global-size-macro-xxxxl) * 8); /* max-height of the copilot container overlay */
98
105
  --container-size-drag-droptarget: var(--global-size-micro-xxs); /* drop target width or height */
106
+ --container-size-drawer-closed-m: var(--global-size-macro-m); /* width for the closed drawer state */
107
+ --container-size-footer-m: var(--global-size-macro-xl); /* card and tile footers */
108
+ --container-size-footer-l: calc(var(--global-size-macro-xs) * 3); /* Dialog, sidebar and drawer footer max-height */
99
109
  --container-size-generic-emptystate-illustration-primary-s: calc(var(--global-size-macro-m) * 5); /* Illustration size for small error and empty states */
100
110
  --container-size-generic-emptystate-illustration-primary-m: calc(var(--global-size-macro-m) * 6); /* Illustration size for medium error and empty states */
101
111
  --container-size-generic-emptystate-illustration-primary-l: calc(var(--global-size-macro-m) * 8); /* Illustration size for large error and empty states */
102
112
  --container-size-generic-emptystate-illustration-secondary: calc(var(--global-size-macro-m) + var(--button-size-icon-m)); /* Illustration size for secondary empty states */
103
- --container-size-drawer-closed-m: var(--global-size-macro-m); /* width for the closed drawer state */
104
- --container-size-footer-m: var(--global-size-macro-xl); /* card and tile footers */
105
- --container-size-footer-l: calc(var(--global-size-macro-xs) * 3); /* Dialog, sidebar and drawer footer max-height */
106
113
  --container-size-icon-s: var(--global-size-icon-m);
107
114
  --container-size-icon-m: var(--global-size-icon-m);
108
115
  --container-size-icon-l: var(--global-size-icon-m); /* Deliberately referencing global M (20px). Accordion chevron. */
@@ -4,6 +4,13 @@
4
4
 
5
5
  :root {
6
6
  --container-size-carousel-mediaslide-minheight: 300; /* max height for media visual */
7
+ --container-size-dialog-max-width-xxs: 300;
8
+ --container-size-dialog-max-width-xs: 380;
9
+ --container-size-dialog-max-width-s: 540;
10
+ --container-size-dialog-max-width-m: 750;
11
+ --container-size-dialog-max-width-l: 850;
12
+ --container-size-dialog-max-width-xl: 960;
13
+ --container-size-dialog-max-width-xxl: 1080;
7
14
  --container-opacity-carousel-hidden: 0.3; /* opacity applied to next and previous carousel slides */
8
15
  --container-opacity-dialog-dimmer: 0.4; /* dimmer opacity value */
9
16
  --container-opacity-drag-ghost: 0.5; /* drag ghost state opacity value */
@@ -96,13 +103,13 @@
96
103
  --container-size-copilot-emptystate-content-maxwidth: calc(var(--global-size-macro-xxxxl) * 5); /* max-width of the insight empty state content area */
97
104
  --container-size-copilot-overlay-maxheight: calc(var(--global-size-macro-xxxxl) * 8); /* max-height of the copilot container overlay */
98
105
  --container-size-drag-droptarget: var(--global-size-micro-xxs); /* drop target width or height */
106
+ --container-size-drawer-closed-m: var(--global-size-macro-m); /* width for the closed drawer state */
107
+ --container-size-footer-m: var(--global-size-macro-xl); /* card and tile footers */
108
+ --container-size-footer-l: calc(var(--global-size-macro-xs) * 3); /* Dialog, sidebar and drawer footer max-height */
99
109
  --container-size-generic-emptystate-illustration-primary-s: calc(var(--global-size-macro-m) * 5); /* Illustration size for small error and empty states */
100
110
  --container-size-generic-emptystate-illustration-primary-m: calc(var(--global-size-macro-m) * 6); /* Illustration size for medium error and empty states */
101
111
  --container-size-generic-emptystate-illustration-primary-l: calc(var(--global-size-macro-m) * 8); /* Illustration size for large error and empty states */
102
112
  --container-size-generic-emptystate-illustration-secondary: calc(var(--global-size-macro-m) + var(--button-size-icon-m)); /* Illustration size for secondary empty states */
103
- --container-size-drawer-closed-m: var(--global-size-macro-m); /* width for the closed drawer state */
104
- --container-size-footer-m: var(--global-size-macro-xl); /* card and tile footers */
105
- --container-size-footer-l: calc(var(--global-size-macro-xs) * 3); /* Dialog, sidebar and drawer footer max-height */
106
113
  --container-size-icon-s: var(--global-size-icon-m);
107
114
  --container-size-icon-m: var(--global-size-icon-m);
108
115
  --container-size-icon-l: var(--global-size-icon-m); /* Deliberately referencing global M (20px). Accordion chevron. */
@@ -4,6 +4,7 @@
4
4
 
5
5
  :root {
6
6
  --table-color-header-subtle-bg-default: var(--modes-color-none);
7
+ --table-color-row-bg-active: var(--modes-color-interactive-monochrome-active);
7
8
  --table-color-row-bg-default: var(--modes-color-generic-bg-nought);
8
9
  --table-color-row-label-hover: var(--modes-color-generic-content-extreme);
9
10
  --table-typography-adaptive-heading-s: var(--global-typography-adaptive-component-firm-s);
@@ -24,35 +25,34 @@
24
25
  --table-typography-responsive-label-s: var(--global-typography-responsive-component-firm-s);
25
26
  --table-typography-responsive-label-m: var(--global-typography-responsive-component-firm-m);
26
27
  --table-typography-responsive-label-l: var(--global-typography-responsive-component-firm-l);
28
+ --table-color-header-subtle-bg-alt: var(--modes-color-interactive-monochrome-subtle-default); /* header alt */
29
+ --table-color-header-subtle-bg-hover: var(--modes-color-interactive-monochrome-hover);
30
+ --table-color-header-subtle-label-default: var(--modes-color-interactive-monochrome-default);
31
+ --table-color-header-subtle-label-hover: var(--modes-color-interactive-monochrome-default);
32
+ --table-color-header-harsh-bg-alt: var(--modes-color-interactive-monochrome-default); /* header alt */
33
+ --table-color-header-harsh-bg-default: var(--modes-color-interactive-monochrome-default-alt);
34
+ --table-color-header-harsh-bg-hover: var(--modes-color-interactive-monochrome-hover);
35
+ --table-color-header-harsh-label-hover: var(--modes-color-interactive-monochrome-default);
27
36
  --table-color-row-bg-activated: var(--modes-color-interactive-primary-default);
28
- --table-color-row-bg-active: var(--modes-color-interactive-monochrome-active);
29
37
  --table-color-row-bg-alt: var(--modes-color-generic-bg-delicate); /* Zebra stripes */
30
38
  --table-color-row-bg-alt2: var(--modes-color-generic-bg-soft); /* Zebra stripes combined with child rows. */
31
39
  --table-color-row-bg-alt3: var(--modes-color-generic-bg-faint); /* Child rows. */
32
40
  --table-color-row-bg-hover: var(--modes-color-generic-bg-soft);
33
41
  --table-color-row-label-default: var(--modes-color-generic-content-harsh);
34
42
  --table-color-footer-bg-default: var(--modes-color-generic-bg-soft);
43
+ --table-color-footer-label-default: var(--modes-color-interactive-monochrome-default);
35
44
  --table-boxshadow-parentrow: var(--global-boxshadow-container-far);
36
45
  --table-boxshadow-firstchild: var(--global-boxshadow-inner-near);
37
46
  --table-boxshadow-column-sticky-left: var(--global-boxshadow-cleanedge-near-right); /* Right shadow on left hand sticky column. */
38
47
  --table-boxshadow-column-sticky-right: var(--global-boxshadow-cleanedge-near-left); /* Left shadow on right hand sticky column. */
39
48
  --table-boxshadow-row-dragging: var(--global-boxshadow-interactive-drag); /* dragging state for a table row */
40
- --table-color-header-subtle-bg-alt: var(--modes-color-interactive-monochrome-subtle-default); /* header alt */
41
- --table-color-header-subtle-bg-hover: var(--modes-color-interactive-monochrome-hover);
42
49
  --table-color-header-subtle-border-default: var(--modes-color-generic-fg-delicate); /* Header borders */
43
- --table-color-header-subtle-label-default: var(--modes-color-interactive-monochrome-default);
44
- --table-color-header-subtle-label-hover: var(--modes-color-interactive-monochrome-default);
45
- --table-color-header-harsh-bg-alt: var(--modes-color-interactive-monochrome-default); /* header alt */
46
- --table-color-header-harsh-bg-default: var(--modes-color-interactive-monochrome-default-alt);
47
- --table-color-header-harsh-bg-hover: var(--modes-color-interactive-monochrome-hover);
48
50
  --table-color-header-harsh-border-default: var(--modes-color-generic-fg-soft);
49
51
  --table-color-header-harsh-label-default: var(--modes-color-interactive-monochrome-with-default);
50
- --table-color-header-harsh-label-hover: var(--modes-color-interactive-monochrome-default);
51
52
  --table-color-row-border-default: var(--modes-color-generic-fg-delicate);
52
53
  --table-color-row-label-activated: var(--modes-color-interactive-monochrome-with-active);
53
54
  --table-color-row-label-active: var(--modes-color-interactive-monochrome-with-active);
54
55
  --table-color-footer-border-default: var(--modes-color-generic-fg-delicate); /* Header borders */
55
- --table-color-footer-label-default: var(--modes-color-interactive-monochrome-default);
56
56
  --table-radius-container: var(--global-radius-container-m); /* Table (parent container) */
57
57
  --table-borderwidth-thin: var(--global-borderwidth-xs); /* Table border */
58
58
  --table-borderwidth-thick: var(--global-borderwidth-s); /* header border for subtle */
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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