@cloudscape-design/components 3.0.23 → 3.0.26

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 (163) hide show
  1. package/alert/styles.scoped.css +0 -34
  2. package/annotation-context/annotation/styles.scoped.css +0 -18
  3. package/app-layout/content-wrapper/styles.scoped.css +0 -4
  4. package/app-layout/mobile-toolbar/styles.scoped.css +0 -9
  5. package/app-layout/styles.scoped.css +0 -20
  6. package/app-layout/toggles/styles.scoped.css +0 -16
  7. package/app-layout/visual-refresh/styles.scoped.css +0 -71
  8. package/area-chart/styles.scoped.css +0 -13
  9. package/attribute-editor/styles.scoped.css +0 -23
  10. package/badge/styles.scoped.css +0 -15
  11. package/bar-chart/interfaces.d.ts +1 -1
  12. package/bar-chart/interfaces.d.ts.map +1 -1
  13. package/bar-chart/interfaces.js.map +1 -1
  14. package/box/styles.scoped.css +0 -171
  15. package/breadcrumb-group/item/styles.scoped.css +0 -11
  16. package/breadcrumb-group/styles.scoped.css +0 -10
  17. package/button/styles.scoped.css +0 -264
  18. package/button-dropdown/category-elements/styles.scoped.css +0 -26
  19. package/button-dropdown/item-element/styles.scoped.css +0 -22
  20. package/button-dropdown/mobile-expandable-group/styles.scoped.css +0 -5
  21. package/button-dropdown/styles.scoped.css +0 -7
  22. package/cards/styles.scoped.css +0 -45
  23. package/checkbox/styles.scoped.css +0 -11
  24. package/code-editor/styles.scoped.css +0 -87
  25. package/collection-preferences/styles.scoped.css +0 -12
  26. package/column-layout/styles.scoped.css +0 -12
  27. package/container/styles.scoped.css +0 -27
  28. package/date-picker/styles.scoped.css +0 -45
  29. package/date-range-picker/calendar/grids/day/styles.scoped.css +0 -45
  30. package/date-range-picker/index.d.ts.map +1 -1
  31. package/date-range-picker/index.js +13 -15
  32. package/date-range-picker/index.js.map +1 -1
  33. package/date-range-picker/relative-range/styles.scoped.css +0 -3
  34. package/date-range-picker/styles.css.js +41 -42
  35. package/date-range-picker/styles.scoped.css +49 -92
  36. package/date-range-picker/styles.selectors.js +41 -42
  37. package/expandable-section/styles.scoped.css +0 -33
  38. package/flashbar/styles.scoped.css +0 -36
  39. package/form/styles.scoped.css +0 -12
  40. package/form-field/styles.scoped.css +0 -26
  41. package/grid/styles.scoped.css +0 -6
  42. package/header/styles.scoped.css +0 -51
  43. package/help-panel/styles.scoped.css +0 -73
  44. package/hotspot/styles.scoped.css +0 -3
  45. package/icon/styles.scoped.css +0 -33
  46. package/input/styles.scoped.css +0 -49
  47. package/internal/base-component/styles.scoped.css +0 -1
  48. package/internal/components/abstract-switch/styles.scoped.css +0 -7
  49. package/internal/components/button-trigger/styles.scoped.css +0 -42
  50. package/internal/components/cartesian-chart/styles.scoped.css +0 -10
  51. package/internal/components/chart-filter/styles.scoped.css +0 -4
  52. package/internal/components/chart-legend/styles.scoped.css +0 -8
  53. package/internal/components/chart-plot/styles.scoped.css +0 -1
  54. package/internal/components/chart-popover/styles.scoped.css +0 -4
  55. package/internal/components/chart-series-details/styles.scoped.css +0 -12
  56. package/internal/components/chart-series-marker/styles.scoped.css +0 -7
  57. package/internal/components/chart-status-container/styles.scoped.css +0 -1
  58. package/internal/components/checkbox-icon/styles.scoped.css +0 -10
  59. package/internal/components/content-layout/styles.scoped.css +0 -5
  60. package/internal/components/dark-ribbon/styles.scoped.css +0 -1
  61. package/internal/components/dropdown/styles.scoped.css +0 -17
  62. package/internal/components/dropdown-footer/styles.scoped.css +0 -6
  63. package/internal/components/dropdown-status/styles.scoped.css +0 -6
  64. package/internal/components/filtering-token/styles.scoped.css +0 -21
  65. package/internal/components/menu-dropdown/styles.scoped.css +0 -17
  66. package/internal/components/option/styles.scoped.css +0 -16
  67. package/internal/components/options-list/styles.scoped.css +0 -5
  68. package/internal/components/selectable-item/styles.scoped.css +0 -44
  69. package/internal/environment.js +1 -1
  70. package/line-chart/interfaces.d.ts +1 -1
  71. package/line-chart/interfaces.d.ts.map +1 -1
  72. package/line-chart/interfaces.js.map +1 -1
  73. package/link/styles.scoped.css +0 -77
  74. package/mixed-line-bar-chart/bar-series.d.ts +1 -1
  75. package/mixed-line-bar-chart/bar-series.d.ts.map +1 -1
  76. package/mixed-line-bar-chart/bar-series.js.map +1 -1
  77. package/mixed-line-bar-chart/chart-container.d.ts.map +1 -1
  78. package/mixed-line-bar-chart/chart-container.js +9 -10
  79. package/mixed-line-bar-chart/chart-container.js.map +1 -1
  80. package/mixed-line-bar-chart/chart-filters.d.ts +2 -2
  81. package/mixed-line-bar-chart/chart-filters.d.ts.map +1 -1
  82. package/mixed-line-bar-chart/chart-filters.js +1 -2
  83. package/mixed-line-bar-chart/chart-filters.js.map +1 -1
  84. package/mixed-line-bar-chart/chart-legend.d.ts +2 -2
  85. package/mixed-line-bar-chart/chart-legend.d.ts.map +1 -1
  86. package/mixed-line-bar-chart/chart-legend.js +1 -2
  87. package/mixed-line-bar-chart/chart-legend.js.map +1 -1
  88. package/mixed-line-bar-chart/domain.d.ts +4 -0
  89. package/mixed-line-bar-chart/domain.d.ts.map +1 -0
  90. package/mixed-line-bar-chart/domain.js +138 -0
  91. package/mixed-line-bar-chart/domain.js.map +1 -0
  92. package/mixed-line-bar-chart/format-highlighted.d.ts +2 -4
  93. package/mixed-line-bar-chart/format-highlighted.d.ts.map +1 -1
  94. package/mixed-line-bar-chart/format-highlighted.js +26 -15
  95. package/mixed-line-bar-chart/format-highlighted.js.map +1 -1
  96. package/mixed-line-bar-chart/hooks/use-mouse-hover.d.ts.map +1 -1
  97. package/mixed-line-bar-chart/hooks/use-mouse-hover.js +3 -2
  98. package/mixed-line-bar-chart/hooks/use-mouse-hover.js.map +1 -1
  99. package/mixed-line-bar-chart/hooks/use-navigation.d.ts.map +1 -1
  100. package/mixed-line-bar-chart/hooks/use-navigation.js +23 -35
  101. package/mixed-line-bar-chart/hooks/use-navigation.js.map +1 -1
  102. package/mixed-line-bar-chart/interfaces.d.ts +12 -2
  103. package/mixed-line-bar-chart/interfaces.d.ts.map +1 -1
  104. package/mixed-line-bar-chart/interfaces.js.map +1 -1
  105. package/mixed-line-bar-chart/internal.d.ts.map +1 -1
  106. package/mixed-line-bar-chart/internal.js +14 -6
  107. package/mixed-line-bar-chart/internal.js.map +1 -1
  108. package/mixed-line-bar-chart/line-series.d.ts +2 -2
  109. package/mixed-line-bar-chart/line-series.d.ts.map +1 -1
  110. package/mixed-line-bar-chart/line-series.js +21 -9
  111. package/mixed-line-bar-chart/line-series.js.map +1 -1
  112. package/mixed-line-bar-chart/make-scaled-bar-groups.d.ts.map +1 -1
  113. package/mixed-line-bar-chart/make-scaled-bar-groups.js +11 -4
  114. package/mixed-line-bar-chart/make-scaled-bar-groups.js.map +1 -1
  115. package/mixed-line-bar-chart/make-scaled-series.d.ts +2 -4
  116. package/mixed-line-bar-chart/make-scaled-series.d.ts.map +1 -1
  117. package/mixed-line-bar-chart/make-scaled-series.js +89 -25
  118. package/mixed-line-bar-chart/make-scaled-series.js.map +1 -1
  119. package/mixed-line-bar-chart/styles.scoped.css +0 -13
  120. package/mixed-line-bar-chart/utils.d.ts +5 -6
  121. package/mixed-line-bar-chart/utils.d.ts.map +1 -1
  122. package/mixed-line-bar-chart/utils.js +11 -112
  123. package/mixed-line-bar-chart/utils.js.map +1 -1
  124. package/modal/styles.scoped.css +0 -31
  125. package/multiselect/styles.scoped.css +0 -4
  126. package/package.json +1 -1
  127. package/pagination/styles.scoped.css +0 -22
  128. package/pie-chart/styles.scoped.css +0 -25
  129. package/popover/styles.scoped.css +0 -35
  130. package/progress-bar/styles.scoped.css +0 -25
  131. package/property-filter/styles.scoped.css +0 -22
  132. package/radio-group/styles.scoped.css +0 -22
  133. package/s3-resource-selector/s3-in-context/styles.scoped.css +0 -6
  134. package/segmented-control/styles.scoped.css +0 -36
  135. package/select/parts/styles.scoped.css +0 -6
  136. package/select/styles.scoped.css +0 -4
  137. package/side-navigation/styles.scoped.css +0 -38
  138. package/space-between/styles.scoped.css +0 -40
  139. package/spinner/styles.scoped.css +0 -17
  140. package/split-panel/styles.scoped.css +0 -65
  141. package/status-indicator/styles.scoped.css +0 -20
  142. package/table/body-cell/styles.scoped.css +0 -29
  143. package/table/header-cell/styles.scoped.css +0 -32
  144. package/table/resizer/styles.scoped.css +0 -6
  145. package/table/selection-control/styles.scoped.css +0 -3
  146. package/table/styles.scoped.css +0 -39
  147. package/table/use-selection.d.ts.map +1 -1
  148. package/table/use-selection.js +5 -5
  149. package/table/use-selection.js.map +1 -1
  150. package/tabs/styles.scoped.css +0 -41
  151. package/tag-editor/styles.scoped.css +0 -12
  152. package/text-content/styles.scoped.css +0 -54
  153. package/text-filter/styles.scoped.css +0 -7
  154. package/textarea/styles.scoped.css +0 -30
  155. package/tiles/styles.scoped.css +0 -55
  156. package/toggle/styles.scoped.css +0 -14
  157. package/token-group/styles.scoped.css +0 -35
  158. package/top-navigation/1.0-beta/styles.scoped.css +0 -40
  159. package/top-navigation/styles.scoped.css +0 -75
  160. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +0 -22
  161. package/tutorial-panel/components/tutorial-list/styles.scoped.css +0 -24
  162. package/tutorial-panel/styles.scoped.css +0 -5
  163. package/wizard/styles.scoped.css +0 -54
@@ -91,7 +91,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
93
  .awsui_alert_mx3cw_wdted_93:not(#\9) {
94
- animation: awsui_awsui-motion-fade-in_mx3cw_wdted_1 180ms ease-out;
95
94
  animation: awsui_awsui-motion-fade-in_mx3cw_wdted_1 var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
96
95
  }
97
96
  @keyframes awsui_awsui-motion-fade-in_mx3cw_wdted_1 {
@@ -147,14 +146,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
147
146
  widows: 2;
148
147
  word-spacing: normal;
149
148
  box-sizing: border-box;
150
- font-size: 14px;
151
149
  font-size: var(--font-body-m-size-sregvd, 14px);
152
- line-height: 22px;
153
150
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
154
- color: #000716;
155
151
  color: var(--color-text-body-default-ajf1h5, #000716);
156
152
  font-weight: 400;
157
- font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
158
153
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
159
154
  word-wrap: break-word;
160
155
  max-width: 100%;
@@ -195,26 +190,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
195
190
  widows: 2;
196
191
  word-spacing: normal;
197
192
  box-sizing: border-box;
198
- font-size: 14px;
199
193
  font-size: var(--font-body-m-size-sregvd, 14px);
200
- line-height: 22px;
201
194
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
202
- color: #000716;
203
195
  color: var(--color-text-body-default-ajf1h5, #000716);
204
196
  font-weight: 400;
205
- font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
206
197
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
207
198
  position: relative;
208
199
  display: flex;
209
200
  justify-content: flex-start;
210
201
  align-items: flex-start;
211
- border-radius: 12px;
212
202
  border-radius: var(--border-radius-alert-n0skwy, 12px);
213
- border: 2px solid;
214
203
  border: var(--border-field-width-idlekx, 2px) solid;
215
- padding: 8px 16px;
216
204
  padding: var(--space-alert-vertical-jbva6z, 8px) var(--space-alert-horizontal-ulbnu9, 16px);
217
- background-color: #ffffff;
218
205
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
219
206
  }
220
207
 
@@ -230,7 +217,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
230
217
 
231
218
  .awsui_action_mx3cw_wdted_166:not(#\9) {
232
219
  white-space: nowrap;
233
- margin-left: 12px;
234
220
  margin-left: var(--space-s-hv8c1d, 12px);
235
221
  }
236
222
 
@@ -239,20 +225,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
239
225
  }
240
226
 
241
227
  .awsui_text_mx3cw_wdted_175:not(#\9) {
242
- padding: 2px 0;
243
228
  padding: var(--border-field-width-idlekx, 2px) 0;
244
- margin: 4px 4px;
245
229
  margin: var(--space-scaled-xxs-95dhkm, 4px) var(--space-xxs-ynfts5, 4px);
246
230
  }
247
231
  .awsui_text_mx3cw_wdted_175.awsui_icon_mx3cw_wdted_179:not(#\9) {
248
232
  margin-left: 0;
249
233
  }
250
234
  .awsui_text_mx3cw_wdted_175.awsui_message_mx3cw_wdted_182:not(#\9) {
251
- margin-right: 4px;
252
235
  margin-right: var(--space-alert-message-right-qop1p1, 4px);
253
236
  }
254
237
  .awsui_text_mx3cw_wdted_175.awsui_message_mx3cw_wdted_182 + .awsui_action_mx3cw_wdted_166:not(#\9) {
255
- margin-left: 12px;
256
238
  margin-left: var(--space-alert-action-left-hi50rw, 12px);
257
239
  }
258
240
 
@@ -261,9 +243,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
261
243
  display: block;
262
244
  }
263
245
  .awsui_root_mx3cw_wdted_119.awsui_breakpoint-default_mx3cw_wdted_190 > div > .awsui_alert_mx3cw_wdted_93 > .awsui_body_mx3cw_wdted_156 > .awsui_action_mx3cw_wdted_166:not(#\9) {
264
- margin-left: 4px;
265
246
  margin-left: var(--space-xxs-ynfts5, 4px);
266
- margin-bottom: 4px;
267
247
  margin-bottom: var(--space-xxs-ynfts5, 4px);
268
248
  }
269
249
 
@@ -279,9 +259,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
279
259
 
280
260
  .awsui_dismiss_mx3cw_wdted_208:not(#\9) {
281
261
  flex: 0 0 auto;
282
- margin-right: calc(-1 * 4px);
283
262
  margin-right: calc(-1 * var(--space-xxs-ynfts5, 4px));
284
- margin-left: 12px;
285
263
  margin-left: var(--space-s-hv8c1d, 12px);
286
264
  }
287
265
 
@@ -294,45 +272,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
294
272
  }
295
273
 
296
274
  .awsui_type-error_mx3cw_wdted_222:not(#\9) {
297
- border-color: #d91515;
298
275
  border-color: var(--color-border-status-error-mfrddc, #d91515);
299
- background-color: #fff7f7;
300
276
  background-color: var(--color-background-status-error-pe1hux, #fff7f7);
301
277
  }
302
278
  .awsui_type-error_mx3cw_wdted_222 > .awsui_icon_mx3cw_wdted_179:not(#\9) {
303
- color: #d91515;
304
279
  color: var(--color-text-status-error-5sesl6, #d91515);
305
280
  }
306
281
 
307
282
  .awsui_type-warning_mx3cw_wdted_230:not(#\9) {
308
- border-color: #7d8998;
309
283
  border-color: var(--color-border-status-warning-hg85ut, #7d8998);
310
- background-color: #ffffff;
311
284
  background-color: var(--color-background-status-warning-zz4oi6, #ffffff);
312
285
  }
313
286
  .awsui_type-warning_mx3cw_wdted_230 > .awsui_icon_mx3cw_wdted_179:not(#\9) {
314
- color: #d91515;
315
287
  color: var(--color-text-status-warning-27nlyh, #d91515);
316
288
  }
317
289
 
318
290
  .awsui_type-success_mx3cw_wdted_238:not(#\9) {
319
- border-color: #037f0c;
320
291
  border-color: var(--color-border-status-success-cqi45f, #037f0c);
321
- background-color: #f2fcf3;
322
292
  background-color: var(--color-background-status-success-xnxxn4, #f2fcf3);
323
293
  }
324
294
  .awsui_type-success_mx3cw_wdted_238 > .awsui_icon_mx3cw_wdted_179:not(#\9) {
325
- color: #037f0c;
326
295
  color: var(--color-text-status-success-0fzhv9, #037f0c);
327
296
  }
328
297
 
329
298
  .awsui_type-info_mx3cw_wdted_246:not(#\9) {
330
- border-color: #0972d3;
331
299
  border-color: var(--color-border-status-info-546i7i, #0972d3);
332
- background-color: #f2f8fd;
333
300
  background-color: var(--color-background-status-info-usb30e, #f2f8fd);
334
301
  }
335
302
  .awsui_type-info_mx3cw_wdted_246 > .awsui_icon_mx3cw_wdted_179:not(#\9) {
336
- color: #0972d3;
337
303
  color: var(--color-text-status-info-utupcz, #0972d3);
338
304
  }
@@ -116,7 +116,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
116
116
  transform-origin: 0 100%;
117
117
  }
118
118
  .awsui_arrow-outer_1hpp3_o51ma_97:not(#\9)::after {
119
- background-color: #0972d3;
120
119
  background-color: var(--color-border-status-info-546i7i, #0972d3);
121
120
  }
122
121
  .awsui_arrow-inner_1hpp3_o51ma_97:not(#\9) {
@@ -124,23 +123,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
124
123
  }
125
124
  .awsui_arrow-inner_1hpp3_o51ma_97:not(#\9)::after {
126
125
  border-radius: 1px 0 0 0;
127
- background-color: #f2f8fd;
128
126
  background-color: var(--color-background-status-info-usb30e, #f2f8fd);
129
127
  }
130
128
  .awsui_arrow-position-right-top_1hpp3_o51ma_128 > .awsui_arrow-outer_1hpp3_o51ma_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_o51ma_128 > .awsui_arrow-outer_1hpp3_o51ma_97:not(#\9)::after {
131
- box-shadow: -0.71px 0.71px 4px -2px rgba(0, 7, 22, 0.12);
132
129
  box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-3se70f, rgba(0, 7, 22, 0.12));
133
130
  }
134
131
  .awsui_arrow-position-left-top_1hpp3_o51ma_131 > .awsui_arrow-outer_1hpp3_o51ma_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_o51ma_131 > .awsui_arrow-outer_1hpp3_o51ma_97:not(#\9)::after {
135
- box-shadow: 0.71px -0.71px 4px -2px rgba(0, 7, 22, 0.12);
136
132
  box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-3se70f, rgba(0, 7, 22, 0.12));
137
133
  }
138
134
  .awsui_arrow-position-top-center_1hpp3_o51ma_134 > .awsui_arrow-outer_1hpp3_o51ma_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_o51ma_134 > .awsui_arrow-outer_1hpp3_o51ma_97:not(#\9)::after {
139
- box-shadow: -0.71px -0.71px 4px -2px rgba(0, 7, 22, 0.12);
140
135
  box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-3se70f, rgba(0, 7, 22, 0.12));
141
136
  }
142
137
  .awsui_arrow-position-bottom-center_1hpp3_o51ma_137 > .awsui_arrow-outer_1hpp3_o51ma_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_o51ma_137 > .awsui_arrow-outer_1hpp3_o51ma_97:not(#\9)::after {
143
- box-shadow: 0.71px 0.71px 4px -2px rgba(0, 7, 22, 0.12);
144
138
  box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-3se70f, rgba(0, 7, 22, 0.12));
145
139
  }
146
140
 
@@ -160,7 +154,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
160
154
 
161
155
  .awsui_description_1hpp3_o51ma_155:not(#\9) {
162
156
  overflow: hidden;
163
- margin-top: 4px;
164
157
  margin-top: var(--space-xxs-ynfts5, 4px);
165
158
  }
166
159
 
@@ -176,7 +169,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
176
169
  }
177
170
 
178
171
  .awsui_divider_1hpp3_o51ma_171:not(#\9) {
179
- border-bottom: 2px solid #e9ebed;
180
172
  border-bottom: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
181
173
  }
182
174
 
@@ -210,20 +202,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
210
202
  widows: 2;
211
203
  word-spacing: normal;
212
204
  box-sizing: border-box;
213
- font-size: 14px;
214
205
  font-size: var(--font-body-m-size-sregvd, 14px);
215
- line-height: 22px;
216
206
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
217
- color: #000716;
218
207
  color: var(--color-text-body-default-ajf1h5, #000716);
219
208
  font-weight: 400;
220
- font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
221
209
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
222
210
  background: transparent;
223
211
  border: none;
224
212
  padding: 0;
225
213
  cursor: pointer;
226
- scroll-margin: 40px 0 0 0;
227
214
  scroll-margin: var(--awsui-content-scroll-margin-ujkcpl, 40px 0 0 0);
228
215
  width: 16px;
229
216
  height: 16px;
@@ -246,21 +233,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
246
233
  top: calc(-1 * 2px);
247
234
  width: calc(100% + 2 * 2px);
248
235
  height: calc(100% + 2 * 2px);
249
- border-radius: 4px;
250
236
  border-radius: var(--border-radius-control-circular-focus-ring-qawzn7, 4px);
251
- box-shadow: 0 0 0 2px #0972d3;
252
237
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
253
238
  }
254
239
  .awsui_hotspot_1hpp3_o51ma_175 > .awsui_icon_1hpp3_o51ma_213:not(#\9) {
255
240
  position: relative;
256
- stroke: #0972d3;
257
241
  stroke: var(--color-text-link-default-5f186r, #0972d3);
258
242
  }
259
243
  .awsui_hotspot_1hpp3_o51ma_175:not(#\9):hover > .awsui_icon_1hpp3_o51ma_213 {
260
- stroke: #033160;
261
244
  stroke: var(--color-text-link-hover-kololx, #033160);
262
245
  }
263
246
  .awsui_hotspot_1hpp3_o51ma_175:not(#\9):active > .awsui_icon_1hpp3_o51ma_213 {
264
- stroke: #0972d3;
265
247
  stroke: var(--color-text-link-default-5f186r, #0972d3);
266
248
  }
@@ -91,14 +91,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
93
  .awsui_content-wrapper_zycdx_s6r07_93:not(#\9) {
94
- padding-left: 40px;
95
94
  padding-left: var(--space-scaled-2x-xxxl-lbp35j, 40px);
96
- padding-right: 40px;
97
95
  padding-right: var(--space-scaled-2x-xxxl-lbp35j, 40px);
98
96
  }
99
97
  .awsui_content-wrapper-mobile_zycdx_s6r07_97:not(#\9) {
100
- padding-left: 20px;
101
98
  padding-left: var(--space-l-4vl6xu, 20px);
102
- padding-right: 20px;
103
99
  padding-right: var(--space-l-4vl6xu, 20px);
104
100
  }
@@ -107,20 +107,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
107
107
  z-index: 1000;
108
108
  width: 100%;
109
109
  box-sizing: border-box;
110
- background-color: #000716;
111
110
  background-color: var(--color-background-layout-mobile-panel-9vweqk, #000716);
112
- box-shadow: 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1);
113
111
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
114
- height: calc(2 * 16px + 8px);
115
112
  height: calc(2 * var(--space-m-17eucw, 16px) + var(--space-scaled-xs-6859qs, 8px));
116
113
  }
117
114
 
118
115
  .awsui_mobile-bar-breadcrumbs_19d8l_l5x8d_115:not(#\9) {
119
116
  min-width: 0;
120
117
  flex: 1;
121
- margin-left: 16px;
122
118
  margin-left: var(--space-m-17eucw, 16px);
123
- margin-right: 16px;
124
119
  margin-right: var(--space-m-17eucw, 16px);
125
120
  }
126
121
 
@@ -128,19 +123,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
128
123
  box-sizing: border-box;
129
124
  cursor: pointer;
130
125
  z-index: 1;
131
- padding: 4px 7px;
132
126
  padding: var(--space-xxs-ynfts5, 4px) 7px;
133
127
  width: 40px;
134
128
  }
135
129
  .awsui_mobile-toggle_19d8l_l5x8d_122:not(#\9):first-child {
136
- border-right: 1px solid #d1d5db;
137
130
  border-right: 1px solid var(--color-border-layout-wf5alz, #d1d5db);
138
131
  }
139
132
  .awsui_mobile-toggle_19d8l_l5x8d_122:not(#\9):last-child {
140
- border-left: 1px solid #d1d5db;
141
133
  border-left: 1px solid var(--color-border-layout-wf5alz, #d1d5db);
142
134
  }
143
135
  .awsui_mobile-toggle_19d8l_l5x8d_122:not(#\9):hover {
144
- background: #e9ebed;
145
136
  background: var(--color-background-layout-panel-hover-0bg3gq, #e9ebed);
146
137
  }
@@ -110,7 +110,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
110
110
  flex: 1 1 auto;
111
111
  display: flex;
112
112
  align-items: stretch;
113
- background-color: #ffffff;
114
113
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
115
114
  }
116
115
  .awsui_layout-no-scroll_lm6vo_d9e10_115:not(#\9) {
@@ -120,7 +119,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
120
119
  .awsui_layout-main_lm6vo_d9e10_119:not(#\9) {
121
120
  flex: 1;
122
121
  min-width: 0;
123
- background-color: #ffffff;
124
122
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
125
123
  position: relative;
126
124
  }
@@ -137,7 +135,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
137
135
  flex-shrink: 0;
138
136
  position: relative;
139
137
  word-wrap: break-word;
140
- box-shadow: 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1);
141
138
  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
142
139
  }
143
140
  .awsui_drawer_lm6vo_d9e10_134:not(#\9):not(.awsui_drawer-mobile_lm6vo_d9e10_140) {
@@ -151,18 +148,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
151
148
  display: none;
152
149
  }
153
150
  .awsui_drawer_lm6vo_d9e10_134.awsui_opaque-background_lm6vo_d9e10_150:not(#\9) {
154
- background: #ffffff;
155
151
  background: var(--color-background-layout-panel-content-808qum, #ffffff);
156
152
  }
157
153
 
158
154
  .awsui_drawer-content_lm6vo_d9e10_154:not(#\9) {
159
155
  position: fixed;
160
156
  overflow: auto;
161
- background-color: #ffffff;
162
157
  background-color: var(--color-background-layout-panel-content-808qum, #ffffff);
163
158
  }
164
159
  .awsui_opaque-background_lm6vo_d9e10_150 > .awsui_drawer-content_lm6vo_d9e10_154:not(#\9) {
165
- border-right: 2px solid #e9ebed;
166
160
  border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-panel-side-yjkfcr, #e9ebed);
167
161
  }
168
162
  .awsui_drawer-mobile_lm6vo_d9e10_140 > .awsui_drawer-content_lm6vo_d9e10_154:not(#\9) {
@@ -176,7 +170,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
176
170
  width: 40px;
177
171
  }
178
172
  .awsui_drawer-closed_lm6vo_d9e10_143 > .awsui_drawer-content_lm6vo_d9e10_154:not(#\9):hover {
179
- background: #e9ebed;
180
173
  background: var(--color-background-layout-panel-hover-0bg3gq, #e9ebed);
181
174
  }
182
175
  .awsui_drawer-content_lm6vo_d9e10_154 > [aria-hidden=true]:not(#\9) {
@@ -185,13 +178,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
185
178
 
186
179
  .awsui_toggle_lm6vo_d9e10_179:not(#\9) {
187
180
  box-sizing: border-box;
188
- padding: 4px 7px;
189
181
  padding: var(--space-xxs-ynfts5, 4px) 7px;
190
182
  }
191
183
 
192
184
  .awsui_visual-refresh-toggle_lm6vo_d9e10_184:not(#\9) {
193
185
  position: fixed;
194
- padding: 12px 20px;
195
186
  padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
196
187
  }
197
188
  .awsui_visual-refresh-toggle-type-tools_lm6vo_d9e10_188:not(#\9) {
@@ -208,7 +199,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
208
199
  }
209
200
 
210
201
  .awsui_button-toggles-container_lm6vo_d9e10_201:not(#\9) {
211
- min-width: calc(40px + 2 * 20px);
212
202
  min-width: calc(var(--space-layout-toggle-diameter-hzvqtj, 40px) + 2 * var(--space-layout-toggle-padding-axl9jr, 20px));
213
203
  position: relative;
214
204
  z-index: 851;
@@ -222,38 +212,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
222
212
  top: 0;
223
213
  bottom: 0;
224
214
  right: 0;
225
- width: calc(40px + 2 * 20px);
226
215
  width: calc(var(--space-layout-toggle-diameter-hzvqtj, 40px) + 2 * var(--space-layout-toggle-padding-axl9jr, 20px));
227
- background: #ffffff;
228
216
  background: var(--color-background-layout-panel-content-808qum, #ffffff);
229
- border-left: 2px solid #e9ebed;
230
217
  border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-panel-side-yjkfcr, #e9ebed);
231
218
  }
232
219
 
233
220
  .awsui_breadcrumbs-desktop_lm6vo_d9e10_220:not(#\9) {
234
- padding-top: 16px;
235
221
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
236
- padding-bottom: 12px;
237
222
  padding-bottom: var(--space-scaled-s-cu1hzn, 12px);
238
223
  }
239
224
 
240
225
  .awsui_content-header-wrapper_lm6vo_d9e10_225:not(#\9) {
241
- padding-bottom: 16px;
242
226
  padding-bottom: var(--space-scaled-m-pv0fmt, 16px);
243
227
  }
244
228
 
245
229
  .awsui_content-wrapper_lm6vo_d9e10_229:not(#\9) {
246
- padding-bottom: 40px;
247
230
  padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
248
231
  }
249
232
 
250
233
  .awsui_content-overlapped_lm6vo_d9e10_233:not(#\9) {
251
- margin-top: calc(-1 * 36px);
252
234
  margin-top: calc(-1 * var(--space-dark-header-overlap-distance-hfejul, 36px));
253
235
  }
254
236
 
255
237
  .awsui_content-extra-top-padding_lm6vo_d9e10_237:not(#\9) {
256
- padding-top: 16px;
257
238
  padding-top: var(--space-scaled-m-pv0fmt, 16px);
258
239
  }
259
240
 
@@ -326,6 +307,5 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
326
307
  }
327
308
 
328
309
  .awsui_panel-wrapper-inner_lm6vo_d9e10_288:not(#\9) {
329
- background: #ffffff;
330
310
  background: var(--color-background-layout-panel-content-808qum, #ffffff);
331
311
  }
@@ -93,9 +93,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
93
93
  .awsui_close-button_16w0h_kzvce_93:not(#\9) {
94
94
  position: absolute;
95
95
  outline: none;
96
- right: 16px;
97
96
  right: var(--space-m-17eucw, 16px);
98
- top: 15px;
99
97
  top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
100
98
  z-index: 1;
101
99
  }
@@ -104,17 +102,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
104
102
  cursor: pointer;
105
103
  border-radius: 50%;
106
104
  border: none;
107
- width: 40px;
108
105
  width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
109
- height: 40px;
110
106
  height: var(--space-layout-toggle-diameter-hzvqtj, 40px);
111
- padding: 0 12px;
112
107
  padding: 0 var(--space-s-hv8c1d, 12px);
113
- background: #192534;
114
108
  background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
115
- color: #ffffff;
116
109
  color: var(--color-text-layout-toggle-20sb9r, #ffffff);
117
- box-shadow: 0px 6px 12px 1px rgba(0, 7, 22, 0.12);
118
110
  box-shadow: var(--shadow-panel-toggle-3fk0ch, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
119
111
  }
120
112
  .awsui_circular-toggle_16w0h_kzvce_101:not(#\9):focus {
@@ -135,30 +127,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
135
127
  top: calc(-1 * 3px);
136
128
  width: calc(100% + 2 * 3px);
137
129
  height: calc(100% + 2 * 3px);
138
- border-radius: 4px;
139
130
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
140
- box-shadow: 0 0 0 2px #0972d3;
141
131
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
142
132
  }
143
133
  .awsui_circular-toggle_16w0h_kzvce_101:not(#\9):hover {
144
- background: #354150;
145
134
  background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
146
135
  }
147
136
  .awsui_circular-toggle_16w0h_kzvce_101:not(#\9):active {
148
- background: #354150;
149
137
  background: var(--color-background-layout-toggle-active-d15dki, #354150);
150
138
  }
151
139
  .awsui_circular-toggle-selected_16w0h_kzvce_139:not(#\9) {
152
- background: #0972d3;
153
140
  background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
154
- color: #ffffff;
155
141
  color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
156
142
  }
157
143
  .awsui_circular-toggle-selected_16w0h_kzvce_139:not(#\9):hover {
158
- background: #065299;
159
144
  background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
160
145
  }
161
146
  .awsui_circular-toggle-selected_16w0h_kzvce_139:not(#\9):active {
162
- background: #0972d3;
163
147
  background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
164
148
  }