@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
@@ -100,9 +100,31 @@
100
100
  "maxheight": 960
101
101
  }
102
102
  },
103
+ "dialog": {
104
+ "maxWidth": {
105
+ "XXS": "300",
106
+ "XS": "380",
107
+ "S": "540",
108
+ "M": "750",
109
+ "L": "850",
110
+ "XL": "960",
111
+ "XXL": "1080"
112
+ }
113
+ },
103
114
  "drag": {
104
115
  "droptarget": 2
105
116
  },
117
+ "drawer": {
118
+ "minwidth": 288,
119
+ "maxwidth": 760,
120
+ "closed": {
121
+ "M": 40
122
+ }
123
+ },
124
+ "footer": {
125
+ "M": 56,
126
+ "L": 72
127
+ },
106
128
  "generic": {
107
129
  "emptystate": {
108
130
  "illustration": {
@@ -115,17 +137,6 @@
115
137
  }
116
138
  }
117
139
  },
118
- "drawer": {
119
- "minwidth": 288,
120
- "maxwidth": 760,
121
- "closed": {
122
- "M": 40
123
- }
124
- },
125
- "footer": {
126
- "M": 56,
127
- "L": 72
128
- },
129
140
  "icon": {
130
141
  "S": 20,
131
142
  "M": 20,
@@ -100,9 +100,31 @@
100
100
  "maxheight": 960
101
101
  }
102
102
  },
103
+ "dialog": {
104
+ "maxWidth": {
105
+ "XXS": "300",
106
+ "XS": "380",
107
+ "S": "540",
108
+ "M": "750",
109
+ "L": "850",
110
+ "XL": "960",
111
+ "XXL": "1080"
112
+ }
113
+ },
103
114
  "drag": {
104
115
  "droptarget": 2
105
116
  },
117
+ "drawer": {
118
+ "minwidth": 288,
119
+ "maxwidth": 760,
120
+ "closed": {
121
+ "M": 40
122
+ }
123
+ },
124
+ "footer": {
125
+ "M": 56,
126
+ "L": 72
127
+ },
106
128
  "generic": {
107
129
  "emptystate": {
108
130
  "illustration": {
@@ -115,17 +137,6 @@
115
137
  }
116
138
  }
117
139
  },
118
- "drawer": {
119
- "minwidth": 288,
120
- "maxwidth": 760,
121
- "closed": {
122
- "M": 40
123
- }
124
- },
125
- "footer": {
126
- "M": 56,
127
- "L": 72
128
- },
129
140
  "icon": {
130
141
  "S": 20,
131
142
  "M": 20,
@@ -100,9 +100,31 @@
100
100
  "maxheight": 960
101
101
  }
102
102
  },
103
+ "dialog": {
104
+ "maxWidth": {
105
+ "XXS": "300",
106
+ "XS": "380",
107
+ "S": "540",
108
+ "M": "750",
109
+ "L": "850",
110
+ "XL": "960",
111
+ "XXL": "1080"
112
+ }
113
+ },
103
114
  "drag": {
104
115
  "droptarget": 2
105
116
  },
117
+ "drawer": {
118
+ "minwidth": 288,
119
+ "maxwidth": 760,
120
+ "closed": {
121
+ "M": 40
122
+ }
123
+ },
124
+ "footer": {
125
+ "M": 56,
126
+ "L": 72
127
+ },
106
128
  "generic": {
107
129
  "emptystate": {
108
130
  "illustration": {
@@ -115,17 +137,6 @@
115
137
  }
116
138
  }
117
139
  },
118
- "drawer": {
119
- "minwidth": 288,
120
- "maxwidth": 760,
121
- "closed": {
122
- "M": 40
123
- }
124
- },
125
- "footer": {
126
- "M": 56,
127
- "L": 72
128
- },
129
140
  "icon": {
130
141
  "S": 20,
131
142
  "M": 20,
@@ -100,9 +100,31 @@
100
100
  "maxheight": 960
101
101
  }
102
102
  },
103
+ "dialog": {
104
+ "maxWidth": {
105
+ "XXS": "300",
106
+ "XS": "380",
107
+ "S": "540",
108
+ "M": "750",
109
+ "L": "850",
110
+ "XL": "960",
111
+ "XXL": "1080"
112
+ }
113
+ },
103
114
  "drag": {
104
115
  "droptarget": 2
105
116
  },
117
+ "drawer": {
118
+ "minwidth": 288,
119
+ "maxwidth": 760,
120
+ "closed": {
121
+ "M": 40
122
+ }
123
+ },
124
+ "footer": {
125
+ "M": 56,
126
+ "L": 72
127
+ },
106
128
  "generic": {
107
129
  "emptystate": {
108
130
  "illustration": {
@@ -115,17 +137,6 @@
115
137
  }
116
138
  }
117
139
  },
118
- "drawer": {
119
- "minwidth": 288,
120
- "maxwidth": 760,
121
- "closed": {
122
- "M": 40
123
- }
124
- },
125
- "footer": {
126
- "M": 56,
127
- "L": 72
128
- },
129
140
  "icon": {
130
141
  "S": 20,
131
142
  "M": 20,
@@ -100,9 +100,31 @@
100
100
  "maxheight": 960
101
101
  }
102
102
  },
103
+ "dialog": {
104
+ "maxWidth": {
105
+ "XXS": "300",
106
+ "XS": "380",
107
+ "S": "540",
108
+ "M": "750",
109
+ "L": "850",
110
+ "XL": "960",
111
+ "XXL": "1080"
112
+ }
113
+ },
103
114
  "drag": {
104
115
  "droptarget": 2
105
116
  },
117
+ "drawer": {
118
+ "minwidth": 288,
119
+ "maxwidth": 760,
120
+ "closed": {
121
+ "M": 40
122
+ }
123
+ },
124
+ "footer": {
125
+ "M": 56,
126
+ "L": 72
127
+ },
106
128
  "generic": {
107
129
  "emptystate": {
108
130
  "illustration": {
@@ -115,17 +137,6 @@
115
137
  }
116
138
  }
117
139
  },
118
- "drawer": {
119
- "minwidth": 288,
120
- "maxwidth": 760,
121
- "closed": {
122
- "M": 40
123
- }
124
- },
125
- "footer": {
126
- "M": 56,
127
- "L": 72
128
- },
129
140
  "icon": {
130
141
  "S": 20,
131
142
  "M": 20,
@@ -100,9 +100,31 @@
100
100
  "maxheight": 960
101
101
  }
102
102
  },
103
+ "dialog": {
104
+ "maxWidth": {
105
+ "XXS": "300",
106
+ "XS": "380",
107
+ "S": "540",
108
+ "M": "750",
109
+ "L": "850",
110
+ "XL": "960",
111
+ "XXL": "1080"
112
+ }
113
+ },
103
114
  "drag": {
104
115
  "droptarget": 2
105
116
  },
117
+ "drawer": {
118
+ "minwidth": 288,
119
+ "maxwidth": 760,
120
+ "closed": {
121
+ "M": 40
122
+ }
123
+ },
124
+ "footer": {
125
+ "M": 56,
126
+ "L": 72
127
+ },
106
128
  "generic": {
107
129
  "emptystate": {
108
130
  "illustration": {
@@ -115,17 +137,6 @@
115
137
  }
116
138
  }
117
139
  },
118
- "drawer": {
119
- "minwidth": 288,
120
- "maxwidth": 760,
121
- "closed": {
122
- "M": 40
123
- }
124
- },
125
- "footer": {
126
- "M": 56,
127
- "L": 72
128
- },
129
140
  "icon": {
130
141
  "S": 20,
131
142
  "M": 20,
@@ -100,9 +100,31 @@
100
100
  "maxheight": 960
101
101
  }
102
102
  },
103
+ "dialog": {
104
+ "maxWidth": {
105
+ "XXS": "300",
106
+ "XS": "380",
107
+ "S": "540",
108
+ "M": "750",
109
+ "L": "850",
110
+ "XL": "960",
111
+ "XXL": "1080"
112
+ }
113
+ },
103
114
  "drag": {
104
115
  "droptarget": 2
105
116
  },
117
+ "drawer": {
118
+ "minwidth": 288,
119
+ "maxwidth": 760,
120
+ "closed": {
121
+ "M": 40
122
+ }
123
+ },
124
+ "footer": {
125
+ "M": 56,
126
+ "L": 72
127
+ },
106
128
  "generic": {
107
129
  "emptystate": {
108
130
  "illustration": {
@@ -115,17 +137,6 @@
115
137
  }
116
138
  }
117
139
  },
118
- "drawer": {
119
- "minwidth": 288,
120
- "maxwidth": 760,
121
- "closed": {
122
- "M": 40
123
- }
124
- },
125
- "footer": {
126
- "M": 56,
127
- "L": 72
128
- },
129
140
  "icon": {
130
141
  "S": 20,
131
142
  "M": 20,
@@ -100,9 +100,31 @@
100
100
  "maxheight": 960
101
101
  }
102
102
  },
103
+ "dialog": {
104
+ "maxWidth": {
105
+ "XXS": "300",
106
+ "XS": "380",
107
+ "S": "540",
108
+ "M": "750",
109
+ "L": "850",
110
+ "XL": "960",
111
+ "XXL": "1080"
112
+ }
113
+ },
103
114
  "drag": {
104
115
  "droptarget": 2
105
116
  },
117
+ "drawer": {
118
+ "minwidth": 288,
119
+ "maxwidth": 760,
120
+ "closed": {
121
+ "M": 40
122
+ }
123
+ },
124
+ "footer": {
125
+ "M": 56,
126
+ "L": 72
127
+ },
106
128
  "generic": {
107
129
  "emptystate": {
108
130
  "illustration": {
@@ -115,17 +137,6 @@
115
137
  }
116
138
  }
117
139
  },
118
- "drawer": {
119
- "minwidth": 288,
120
- "maxwidth": 760,
121
- "closed": {
122
- "M": 40
123
- }
124
- },
125
- "footer": {
126
- "M": 56,
127
- "L": 72
128
- },
129
140
  "icon": {
130
141
  "S": 20,
131
142
  "M": 20,
@@ -100,9 +100,31 @@
100
100
  "maxheight": 960
101
101
  }
102
102
  },
103
+ "dialog": {
104
+ "maxWidth": {
105
+ "XXS": "300",
106
+ "XS": "380",
107
+ "S": "540",
108
+ "M": "750",
109
+ "L": "850",
110
+ "XL": "960",
111
+ "XXL": "1080"
112
+ }
113
+ },
103
114
  "drag": {
104
115
  "droptarget": 2
105
116
  },
117
+ "drawer": {
118
+ "minwidth": 288,
119
+ "maxwidth": 760,
120
+ "closed": {
121
+ "M": 40
122
+ }
123
+ },
124
+ "footer": {
125
+ "M": 56,
126
+ "L": 72
127
+ },
106
128
  "generic": {
107
129
  "emptystate": {
108
130
  "illustration": {
@@ -115,17 +137,6 @@
115
137
  }
116
138
  }
117
139
  },
118
- "drawer": {
119
- "minwidth": 288,
120
- "maxwidth": 760,
121
- "closed": {
122
- "M": 40
123
- }
124
- },
125
- "footer": {
126
- "M": 56,
127
- "L": 72
128
- },
129
140
  "icon": {
130
141
  "S": 20,
131
142
  "M": 20,
@@ -100,9 +100,31 @@
100
100
  "maxheight": 960
101
101
  }
102
102
  },
103
+ "dialog": {
104
+ "maxWidth": {
105
+ "XXS": "300",
106
+ "XS": "380",
107
+ "S": "540",
108
+ "M": "750",
109
+ "L": "850",
110
+ "XL": "960",
111
+ "XXL": "1080"
112
+ }
113
+ },
103
114
  "drag": {
104
115
  "droptarget": 2
105
116
  },
117
+ "drawer": {
118
+ "minwidth": 288,
119
+ "maxwidth": 760,
120
+ "closed": {
121
+ "M": 40
122
+ }
123
+ },
124
+ "footer": {
125
+ "M": 56,
126
+ "L": 72
127
+ },
106
128
  "generic": {
107
129
  "emptystate": {
108
130
  "illustration": {
@@ -115,17 +137,6 @@
115
137
  }
116
138
  }
117
139
  },
118
- "drawer": {
119
- "minwidth": 288,
120
- "maxwidth": 760,
121
- "closed": {
122
- "M": 40
123
- }
124
- },
125
- "footer": {
126
- "M": 56,
127
- "L": 72
128
- },
129
140
  "icon": {
130
141
  "S": 20,
131
142
  "M": 20,
@@ -100,9 +100,31 @@
100
100
  "maxheight": 960
101
101
  }
102
102
  },
103
+ "dialog": {
104
+ "maxWidth": {
105
+ "XXS": "300",
106
+ "XS": "380",
107
+ "S": "540",
108
+ "M": "750",
109
+ "L": "850",
110
+ "XL": "960",
111
+ "XXL": "1080"
112
+ }
113
+ },
103
114
  "drag": {
104
115
  "droptarget": 2
105
116
  },
117
+ "drawer": {
118
+ "minwidth": 288,
119
+ "maxwidth": 760,
120
+ "closed": {
121
+ "M": 40
122
+ }
123
+ },
124
+ "footer": {
125
+ "M": 56,
126
+ "L": 72
127
+ },
106
128
  "generic": {
107
129
  "emptystate": {
108
130
  "illustration": {
@@ -115,17 +137,6 @@
115
137
  }
116
138
  }
117
139
  },
118
- "drawer": {
119
- "minwidth": 288,
120
- "maxwidth": 760,
121
- "closed": {
122
- "M": 40
123
- }
124
- },
125
- "footer": {
126
- "M": 56,
127
- "L": 72
128
- },
129
140
  "icon": {
130
141
  "S": 20,
131
142
  "M": 20,
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  },
7
7
  "description": "Design tokens for the Sage Design System.",
8
8
  "author": "The Sage Group plc",
9
- "version": "14.6.0",
9
+ "version": "14.7.0",
10
10
  "license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
11
11
  "tags": [
12
12
  "design tokens",
Binary file
@@ -40,6 +40,7 @@ $button-color-typical-secondary-inverse-label-disabled: $modes-color-interactive
40
40
  $button-color-typical-tertiary-inverse-border-disabled: $modes-color-interactive-inactive-inverse-default;
41
41
  $button-color-typical-tertiary-inverse-label-disabled: $modes-color-interactive-inactive-inverse-content;
42
42
  $button-color-typical-subtle-inverse-label-disabled: $modes-color-interactive-inactive-inverse-content;
43
+ $button-color-typical-toggle-bg-active: $modes-color-interactive-monochrome-active;
43
44
  $button-typography-adaptive-primary-s: $global-typography-adaptive-component-firm-s;
44
45
  $button-typography-adaptive-primary-m: $global-typography-adaptive-component-firm-m;
45
46
  $button-typography-adaptive-primary-l: $global-typography-adaptive-component-firm-l;
@@ -71,6 +72,7 @@ $button-typography-responsive-tertiary-s: $global-typography-responsive-componen
71
72
  $button-typography-responsive-tertiary-m: $global-typography-responsive-component-firm-m;
72
73
  $button-typography-responsive-tertiary-l: $global-typography-responsive-component-firm-l;
73
74
  $button-color-ai-label-active: $modes-color-interactive-monochrome-with-active-alt;
75
+ $button-color-ai-label-enabled: $modes-color-interactive-monochrome-default;
74
76
  $button-color-ai-label-hover: $modes-color-interactive-monochrome-with-hover;
75
77
  $button-color-destructive-primary-bg-hover: $modes-color-interactive-danger-hover;
76
78
  $button-color-destructive-secondary-bg-hover: $modes-color-interactive-danger-hover-alt;
@@ -79,18 +81,25 @@ $button-color-destructive-secondary-label-hover: $modes-color-interactive-danger
79
81
  $button-color-typical-primary-bg-enabled: $modes-color-interactive-primary-default;
80
82
  $button-color-typical-primary-inverse-bg-enabled: $modes-color-interactive-primary-inverse-default;
81
83
  $button-color-typical-secondary-label-active: $modes-color-interactive-monochrome-with-active-alt;
84
+ $button-color-typical-secondary-label-enabled: $modes-color-interactive-monochrome-default;
82
85
  $button-color-typical-secondary-label-hover: $modes-color-interactive-monochrome-with-hover;
83
86
  $button-color-typical-tertiary-bg-enabled: $button-color-none;
84
87
  $button-color-typical-tertiary-label-active: $modes-color-interactive-monochrome-with-active-alt;
88
+ $button-color-typical-tertiary-label-enabled: $modes-color-interactive-monochrome-default;
85
89
  $button-color-typical-tertiary-label-hover: $modes-color-interactive-monochrome-with-hover;
86
90
  $button-color-typical-tertiary-inverse-bg-enabled: $button-color-none;
87
91
  $button-color-typical-subtle-bg-hover: $modes-color-interactive-monochrome-hover-alt;
88
92
  $button-color-typical-subtle-label-active: $modes-color-interactive-monochrome-with-active-alt;
93
+ $button-color-typical-subtle-label-enabled: $modes-color-interactive-monochrome-default;
89
94
  $button-color-typical-subtle-label-hover: $modes-color-interactive-monochrome-with-hover;
90
- $button-color-typical-toggle-bg-active: $modes-color-interactive-monochrome-active;
91
95
  $button-color-typical-toggle-bg-hover: $modes-color-interactive-monochrome-hover-alt;
96
+ $button-color-typical-toggle-border-enabled: $modes-color-interactive-monochrome-default;
97
+ $button-color-typical-toggle-label-enabled: $modes-color-interactive-monochrome-default-alt;
92
98
  $button-color-typical-toggle-label-hover: $modes-color-interactive-monochrome-with-hover;
93
99
  $button-color-video-bg-blur: $modes-color-interactive-monochrome-hover-alt;
100
+ $button-color-video-primary-label-enabled: $modes-color-interactive-monochrome-default;
101
+ $button-color-video-primary-label-hover: $modes-color-interactive-monochrome-default;
102
+ $button-color-video-secondary-label-hover: $modes-color-interactive-monochrome-default;
94
103
  $button-size-split: $global-size-micro-xxs; // Split button (divider width)
95
104
  $button-size-xs: $global-size-macro-xs; // min-height on XS Buttons
96
105
  $button-size-s: $global-size-macro-s; // min-height on S Buttons
@@ -228,7 +237,6 @@ $button-space-video-x-s: $global-space-micro-xs; // Left padding on play icon in
228
237
  $button-space-video-x-m: $global-space-micro-xs; // Left padding on play icon in video button
229
238
  $button-space-video-x-l: $global-space-micro-xs; // Left padding on play icon in video button
230
239
  $button-color-ai-label-disabled: $modes-color-interactive-inactive-content;
231
- $button-color-ai-label-enabled: $modes-color-interactive-monochrome-default;
232
240
  $button-color-destructive-primary-label-disabled: $modes-color-interactive-inactive-content-alt;
233
241
  $button-color-destructive-secondary-label-disabled: $modes-color-interactive-inactive-content;
234
242
  $button-color-typical-primary-bg-active: $modes-color-interactive-primary-active;
@@ -243,10 +251,8 @@ $button-color-typical-secondary-border-active: $modes-color-interactive-primary-
243
251
  $button-color-typical-secondary-border-enabled: $modes-color-interactive-primary-default-alt;
244
252
  $button-color-typical-secondary-border-hover: $modes-color-interactive-primary-hover;
245
253
  $button-color-typical-secondary-label-disabled: $modes-color-interactive-inactive-content;
246
- $button-color-typical-secondary-label-enabled: $modes-color-interactive-monochrome-default;
247
254
  $button-color-typical-secondary-inverse-bg-active: $modes-color-interactive-primary-inverse-active-alt;
248
255
  $button-color-typical-secondary-inverse-bg-enabled: $modes-color-interactive-primary-inverse-default-alt3;
249
- $button-color-typical-secondary-inverse-bg-hover: $modes-color-interactive-primary-inverse-hover-alt;
250
256
  $button-color-typical-secondary-inverse-border-active: $modes-color-interactive-primary-inverse-active;
251
257
  $button-color-typical-secondary-inverse-border-enabled: $modes-color-interactive-primary-inverse-default-alt;
252
258
  $button-color-typical-secondary-inverse-border-hover: $modes-color-interactive-primary-inverse-hover;
@@ -259,35 +265,28 @@ $button-color-typical-tertiary-border-active: $modes-color-interactive-primary-a
259
265
  $button-color-typical-tertiary-border-enabled: $modes-color-interactive-primary-default-alt;
260
266
  $button-color-typical-tertiary-border-hover: $modes-color-interactive-primary-hover;
261
267
  $button-color-typical-tertiary-label-disabled: $modes-color-interactive-inactive-content;
262
- $button-color-typical-tertiary-label-enabled: $modes-color-interactive-monochrome-default;
263
268
  $button-color-typical-tertiary-inverse-bg-active: $modes-color-interactive-primary-inverse-active-alt;
264
- $button-color-typical-tertiary-inverse-bg-hover: $modes-color-interactive-primary-inverse-hover-alt;
265
269
  $button-color-typical-tertiary-inverse-border-active: $modes-color-interactive-primary-inverse-active;
266
270
  $button-color-typical-tertiary-inverse-border-enabled: $modes-color-interactive-primary-inverse-default-alt;
267
271
  $button-color-typical-tertiary-inverse-border-hover: $modes-color-interactive-primary-inverse-hover;
268
272
  $button-color-typical-tertiary-inverse-label-active: $modes-color-interactive-monochrome-inverse-with-active-alt;
269
273
  $button-color-typical-tertiary-inverse-label-enabled: $modes-color-interactive-monochrome-inverse-default;
270
274
  $button-color-typical-tertiary-inverse-label-hover: $modes-color-interactive-monochrome-inverse-with-hover;
275
+ $button-color-typical-subtle-bg-active: $modes-color-interactive-monochrome-active-alt;
271
276
  $button-color-typical-subtle-label-disabled: $modes-color-interactive-inactive-content;
272
- $button-color-typical-subtle-label-enabled: $modes-color-interactive-monochrome-default;
273
277
  $button-color-typical-subtle-inverse-bg-hover: $modes-color-interactive-monochrome-inverse-hover-alt;
274
278
  $button-color-typical-subtle-inverse-label-active: $modes-color-interactive-monochrome-inverse-with-active-alt;
275
279
  $button-color-typical-subtle-inverse-label-enabled: $modes-color-interactive-monochrome-inverse-default;
276
280
  $button-color-typical-subtle-inverse-label-hover: $modes-color-interactive-monochrome-inverse-with-hover;
277
281
  $button-color-typical-toggle-label-active-disabled: $modes-color-interactive-inactive-content-alt;
278
- $button-color-typical-toggle-border-enabled: $modes-color-interactive-monochrome-default;
279
282
  $button-color-typical-toggle-label-active: $modes-color-interactive-monochrome-with-active;
280
283
  $button-color-typical-toggle-label-disabled: $modes-color-interactive-inactive-content;
281
- $button-color-typical-toggle-label-enabled: $modes-color-interactive-monochrome-default-alt;
282
284
  $button-color-video-primary-bg-enabled: $modes-color-interactive-monochrome-with-default;
283
285
  $button-color-video-primary-bg-hover: $modes-color-interactive-monochrome-with-default;
284
- $button-color-video-primary-label-enabled: $modes-color-interactive-monochrome-default;
285
- $button-color-video-primary-label-hover: $modes-color-interactive-monochrome-default;
286
286
  $button-color-video-secondary-bg-hover: $modes-color-interactive-monochrome-with-default;
287
287
  $button-color-video-secondary-border-enabled: $modes-color-interactive-monochrome-with-default;
288
288
  $button-color-video-secondary-border-hover: $modes-color-interactive-monochrome-with-default;
289
289
  $button-color-video-secondary-label-enabled: $modes-color-interactive-monochrome-with-default;
290
- $button-color-video-secondary-label-hover: $modes-color-interactive-monochrome-default;
291
290
  $button-radius-s: $global-radius-interactive-l; // Buttons S (typical and destructive, and inc bar, split and multi), Button toggle M (parent container)
292
291
  $button-radius-m: $global-radius-interactive-xl; // Buttons M (typical and destructive, and inc bar, split and multi), Button toggle L (parent container), Button toggle M (parent container)
293
292
  $button-radius-l: $global-radius-interactive-xxl; // Buttons L (typical and destructive, and inc bar, split and multi), Button toggle L (parent container)
@@ -323,8 +322,9 @@ $button-color-destructive-primary-bg-disabled: $modes-color-interactive-inactive
323
322
  $button-color-destructive-secondary-border-disabled: $modes-color-interactive-inactive-default;
324
323
  $button-color-typical-primary-bg-disabled: $modes-color-interactive-inactive-default;
325
324
  $button-color-typical-secondary-border-disabled: $modes-color-interactive-inactive-default;
325
+ $button-color-typical-secondary-inverse-bg-hover: $modes-color-interactive-primary-inverse-hover-alt;
326
326
  $button-color-typical-tertiary-border-disabled: $modes-color-interactive-inactive-default;
327
- $button-color-typical-subtle-bg-active: $modes-color-interactive-monochrome-active-alt;
327
+ $button-color-typical-tertiary-inverse-bg-hover: $modes-color-interactive-primary-inverse-hover-alt;
328
328
  $button-color-typical-subtle-inverse-bg-active: $modes-color-interactive-monochrome-inverse-active-alt;
329
329
  $button-color-typical-toggle-bg-active-disabled: $modes-color-interactive-inactive-default;
330
330
  $button-color-typical-toggle-border-disabled: $modes-color-interactive-inactive-default;