@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
@@ -95,24 +95,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
95
95
  SPDX-License-Identifier: Apache-2.0
96
96
  */
97
97
  .awsui_segment_8cbea_1d363_97:not(#\9) {
98
- font-size: 14px;
99
98
  font-size: var(--font-body-m-size-sregvd, 14px);
100
- line-height: 22px;
101
99
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
102
100
  word-wrap: break-word;
103
101
  max-width: 100%;
104
102
  overflow: hidden;
105
- border: 2px solid #414d5c;
106
103
  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-segment-default-091088, #414d5c);
107
- padding: 4px 20px;
108
104
  padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-l-4vl6xu, 20px);
109
105
  border-right-width: 0;
110
- font-weight: 800;
111
106
  font-weight: var(--font-button-weight-7rj5fx, 800);
112
107
  letter-spacing: 0.25px;
113
- background: #ffffff;
114
108
  background: var(--color-background-segment-default-5k37bj, #ffffff);
115
- color: #414d5c;
116
109
  color: var(--color-text-segment-default-bf7rka, #414d5c);
117
110
  overflow: visible;
118
111
  }
@@ -148,75 +141,52 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
148
141
  }
149
142
  .awsui_segment_8cbea_1d363_97[data-awsui-focus-visible=true]:not(#\9):focus {
150
143
  outline: 2px dotted transparent;
151
- outline-offset: calc(4px - 1px);
152
144
  outline-offset: calc(var(--space-segmented-control-focus-outline-gutter-99x5b9, 4px) - 1px);
153
145
  }
154
146
  .awsui_segment_8cbea_1d363_97[data-awsui-focus-visible=true]:not(#\9):focus::before {
155
147
  content: " ";
156
148
  display: block;
157
149
  position: absolute;
158
- left: calc(-1 * 4px);
159
150
  left: calc(-1 * var(--space-segmented-control-focus-outline-gutter-99x5b9, 4px));
160
- top: calc(-1 * 4px);
161
151
  top: calc(-1 * var(--space-segmented-control-focus-outline-gutter-99x5b9, 4px));
162
- width: calc(100% + 2 * 4px);
163
152
  width: calc(100% + 2 * var(--space-segmented-control-focus-outline-gutter-99x5b9, 4px));
164
- height: calc(100% + 2 * 4px);
165
153
  height: calc(100% + 2 * var(--space-segmented-control-focus-outline-gutter-99x5b9, 4px));
166
- border-radius: 4px;
167
154
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
168
- box-shadow: 0 0 0 2px #0972d3;
169
155
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
170
156
  }
171
157
  .awsui_segment_8cbea_1d363_97:not(#\9):last-child {
172
- border-right-width: 2px;
173
158
  border-right-width: var(--border-field-width-idlekx, 2px);
174
- border-radius: 0 20px 20px 0;
175
159
  border-radius: 0 var(--border-radius-button-axewzv, 20px) var(--border-radius-button-axewzv, 20px) 0;
176
160
  }
177
161
  .awsui_segment_8cbea_1d363_97:not(#\9):first-child {
178
- border-radius: 20px 0 0 20px;
179
162
  border-radius: var(--border-radius-button-axewzv, 20px) 0 0 var(--border-radius-button-axewzv, 20px);
180
163
  }
181
164
  .awsui_segment_8cbea_1d363_97.awsui_disabled_8cbea_1d363_164:not(#\9) {
182
- background: #ffffff;
183
165
  background: var(--color-background-segment-disabled-hgka10, #ffffff);
184
- border-color: #414d5c;
185
166
  border-color: var(--color-border-segment-disabled-6v5zlt, #414d5c);
186
- color: #9ba7b6;
187
167
  color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
188
168
  }
189
169
  .awsui_segment_8cbea_1d363_97:not(#\9):not(.awsui_disabled_8cbea_1d363_164) + .awsui_segment_8cbea_1d363_97.awsui_disabled_8cbea_1d363_164 {
190
- border-left-color: #414d5c;
191
170
  border-left-color: var(--color-border-segment-default-091088, #414d5c);
192
171
  }
193
172
  .awsui_segment_8cbea_1d363_97.awsui_selected_8cbea_1d363_172:not(#\9) {
194
- background: #0972d3;
195
173
  background: var(--color-background-segment-active-bl0u6r, #0972d3);
196
- border-color: #414d5c;
197
174
  border-color: var(--color-border-segment-active-kdy5tm, #414d5c);
198
- color: #ffffff;
199
175
  color: var(--color-text-segment-active-gc2jjl, #ffffff);
200
176
  }
201
177
  .awsui_segment_8cbea_1d363_97.awsui_selected_8cbea_1d363_172 + .awsui_segment_8cbea_1d363_97:not(#\9), .awsui_segment_8cbea_1d363_97.awsui_selected_8cbea_1d363_172 + .awsui_segment_8cbea_1d363_97.awsui_disabled_8cbea_1d363_164:not(#\9) {
202
- border-left-color: #414d5c;
203
178
  border-left-color: var(--color-border-segment-active-kdy5tm, #414d5c);
204
179
  }
205
180
  .awsui_segment_8cbea_1d363_97:not(#\9):hover:not(.awsui_selected_8cbea_1d363_172):not(.awsui_disabled_8cbea_1d363_164):not(:focus) {
206
- background: #ffffff;
207
181
  background: var(--color-background-segment-hover-s3f27a, #ffffff);
208
- color: #0972d3;
209
182
  color: var(--color-text-segment-hover-5pccvg, #0972d3);
210
- border-color: #414d5c;
211
183
  border-color: var(--color-border-segment-hover-9notuw, #414d5c);
212
184
  cursor: pointer;
213
185
  }
214
186
  .awsui_segment_8cbea_1d363_97:not(#\9):hover:not(.awsui_selected_8cbea_1d363_172):not(.awsui_disabled_8cbea_1d363_164):not(:focus) + .awsui_segment_8cbea_1d363_97:not(.awsui_selected_8cbea_1d363_172) {
215
- border-left-color: #414d5c;
216
187
  border-left-color: var(--color-border-segment-hover-9notuw, #414d5c);
217
188
  }
218
189
  .awsui_segment_8cbea_1d363_97.awsui_selected_8cbea_1d363_172 + .awsui_segment_8cbea_1d363_97:not(#\9):hover:not(.awsui_selected_8cbea_1d363_172):not(.awsui_disabled_8cbea_1d363_164):not(:focus) {
219
- border-left-color: #414d5c;
220
190
  border-left-color: var(--color-border-segment-active-kdy5tm, #414d5c);
221
191
  }
222
192
 
@@ -226,9 +196,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
226
196
 
227
197
  .awsui_with-text_8cbea_1d363_197:not(#\9) {
228
198
  position: relative;
229
- left: calc(-1 * 4px);
230
199
  left: calc(-1 * var(--space-xxs-ynfts5, 4px));
231
- margin-right: 4px;
232
200
  margin-right: var(--space-xxs-ynfts5, 4px);
233
201
  }
234
202
 
@@ -273,14 +241,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
273
241
  widows: 2;
274
242
  word-spacing: normal;
275
243
  box-sizing: border-box;
276
- font-size: 14px;
277
244
  font-size: var(--font-body-m-size-sregvd, 14px);
278
- line-height: 22px;
279
245
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
280
- color: #000716;
281
246
  color: var(--color-text-body-default-ajf1h5, #000716);
282
247
  font-weight: 400;
283
- font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
284
248
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
285
249
  }
286
250
 
@@ -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_placeholder_dwuol_192xm_93:not(#\9) {
94
- color: #5f6b7a;
95
94
  color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
96
95
  font-style: italic;
97
96
  }
@@ -102,15 +101,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
102
101
  }
103
102
  .awsui_item_dwuol_192xm_98 > .awsui_checkbox_dwuol_192xm_102:not(#\9) {
104
103
  position: relative;
105
- min-height: 16px;
106
104
  min-height: var(--size-control-n9i4yo, 16px);
107
- min-width: 16px;
108
105
  min-width: var(--size-control-n9i4yo, 16px);
109
- height: 16px;
110
106
  height: var(--size-control-n9i4yo, 16px);
111
- width: 16px;
112
107
  width: var(--size-control-n9i4yo, 16px);
113
- margin-right: 12px;
114
108
  margin-right: var(--space-field-horizontal-89h2yr, 12px);
115
109
  }
116
110
 
@@ -120,13 +120,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
120
120
  widows: 2;
121
121
  word-spacing: normal;
122
122
  box-sizing: border-box;
123
- font-size: 14px;
124
123
  font-size: var(--font-body-m-size-sregvd, 14px);
125
- line-height: 22px;
126
124
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
127
- color: #000716;
128
125
  color: var(--color-text-body-default-ajf1h5, #000716);
129
126
  font-weight: 400;
130
- font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
131
127
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
132
128
  }
@@ -120,14 +120,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
120
120
  widows: 2;
121
121
  word-spacing: normal;
122
122
  box-sizing: border-box;
123
- font-size: 14px;
124
123
  font-size: var(--font-body-m-size-sregvd, 14px);
125
- line-height: 22px;
126
124
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
127
- color: #000716;
128
125
  color: var(--color-text-body-default-ajf1h5, #000716);
129
126
  font-weight: 400;
130
- font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
131
127
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
132
128
  min-width: 0;
133
129
  -ms-word-break: break-all;
@@ -135,22 +131,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
135
131
  }
136
132
 
137
133
  .awsui_header_l0dv0_1mtlo_107:not(#\9) {
138
- padding: 20px 28px;
139
134
  padding: var(--space-scaled-l-t03y3z, 20px) var(--space-panel-nav-left-o5fvw3, 28px);
140
- padding-right: calc(32px + 24px);
141
135
  padding-right: calc(var(--space-scaled-xxl-pfgv96, 32px) + var(--space-xl-a39hup, 24px));
142
136
  }
143
137
 
144
138
  .awsui_header-link_l0dv0_1mtlo_112:not(#\9) {
145
- font-size: 20px;
146
139
  font-size: var(--font-panel-header-size-0vdgjc, 20px);
147
- line-height: 24px;
148
140
  line-height: var(--font-panel-header-line-height-x2226j, 24px);
149
- font-weight: 800;
150
141
  font-weight: var(--font-heading-l-weight-xm7ks9, 800);
151
- color: #000716;
152
142
  color: var(--color-text-heading-default-jopz0f, #000716);
153
- min-height: 24px;
154
143
  min-height: var(--font-panel-header-line-height-x2226j, 24px);
155
144
  display: flex;
156
145
  }
@@ -159,11 +148,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
159
148
  }
160
149
 
161
150
  .awsui_header-logo_l0dv0_1mtlo_124:not(#\9) {
162
- margin-right: 12px;
163
151
  margin-right: var(--space-s-hv8c1d, 12px);
164
- margin-top: 2px;
165
152
  margin-top: var(--space-xxxs-k2w98v, 2px);
166
- max-width: calc(1.25 * 32px);
167
153
  max-width: calc(1.25 * var(--size-icon-big-cu55wt, 32px));
168
154
  align-self: flex-start;
169
155
  }
@@ -173,32 +159,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
173
159
  }
174
160
 
175
161
  .awsui_list-container_l0dv0_1mtlo_135:not(#\9) {
176
- margin-top: 20px;
177
162
  margin-top: var(--space-scaled-l-t03y3z, 20px);
178
163
  }
179
164
 
180
165
  .awsui_list_l0dv0_1mtlo_135:not(#\9) {
181
166
  margin: 0;
182
167
  padding: 0;
183
- padding-left: 20px;
184
168
  padding-left: var(--space-l-4vl6xu, 20px);
185
169
  }
186
170
 
187
171
  .awsui_list-variant-root_l0dv0_1mtlo_145:not(#\9) {
188
172
  margin: 0;
189
- margin-bottom: 40px;
190
173
  margin-bottom: var(--space-scaled-xxxl-ffokcj, 40px);
191
- padding: 0 24px 0 28px;
192
174
  padding: 0 var(--space-panel-side-right-kev4k9, 24px) 0 var(--space-panel-nav-left-o5fvw3, 28px);
193
175
  }
194
176
 
195
177
  .awsui_list-variant-expandable-link-group_l0dv0_1mtlo_151:not(#\9) {
196
- padding-left: 40px;
197
178
  padding-left: var(--space-xxxl-bo9z7f, 40px);
198
179
  }
199
180
 
200
181
  .awsui_list-item_l0dv0_1mtlo_155:not(#\9) {
201
- margin: 8px 0;
202
182
  margin: var(--space-scaled-xs-6859qs, 8px) 0;
203
183
  padding: 0;
204
184
  list-style: none;
@@ -206,14 +186,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
206
186
 
207
187
  .awsui_section_l0dv0_1mtlo_161:not(#\9),
208
188
  .awsui_expandable-link-group_l0dv0_1mtlo_162:not(#\9) {
209
- margin-left: calc(-1 * 20px);
210
189
  margin-left: calc(-1 * var(--space-l-4vl6xu, 20px));
211
190
  }
212
191
 
213
192
  .awsui_section_l0dv0_1mtlo_161:not(#\9) {
214
- margin-top: calc(20px - 2px);
215
193
  margin-top: calc(var(--space-scaled-2x-l-yejodm, 20px) - var(--border-divider-section-width-4wm2it, 2px));
216
- margin-bottom: calc(20px - 2px);
217
194
  margin-bottom: calc(var(--space-scaled-2x-l-yejodm, 20px) - var(--border-divider-section-width-4wm2it, 2px));
218
195
  /* stylelint-disable-next-line selector-max-type */
219
196
  }
@@ -222,25 +199,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
222
199
  }
223
200
 
224
201
  .awsui_section-header_l0dv0_1mtlo_175:not(#\9) {
225
- color: #414d5c;
226
202
  color: var(--color-text-body-secondary-fdstdf, #414d5c);
227
203
  font-weight: 700;
228
204
  }
229
205
 
230
206
  .awsui_link_l0dv0_1mtlo_180:not(#\9) {
231
- font-size: 14px;
232
207
  font-size: var(--font-body-m-size-sregvd, 14px);
233
- line-height: 22px;
234
208
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
235
- color: #414d5c;
236
209
  color: var(--color-text-body-secondary-fdstdf, #414d5c);
237
210
  font-weight: 400;
238
211
  }
239
212
 
240
213
  .awsui_link-active_l0dv0_1mtlo_187:not(#\9) {
241
- font-weight: 800;
242
214
  font-weight: var(--font-wayfinding-link-active-weight-l3fid7, 800);
243
- color: #0972d3;
244
215
  color: var(--color-text-accent-s1eqko, #0972d3);
245
216
  }
246
217
 
@@ -250,7 +221,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
250
221
  }
251
222
  .awsui_header-link_l0dv0_1mtlo_112:not(#\9):hover,
252
223
  .awsui_link_l0dv0_1mtlo_180:not(#\9):hover {
253
- color: #0972d3;
254
224
  color: var(--color-text-accent-s1eqko, #0972d3);
255
225
  }
256
226
  .awsui_header-link_l0dv0_1mtlo_112:not(#\9):focus,
@@ -263,35 +233,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
263
233
  .awsui_header-link_l0dv0_1mtlo_112[data-awsui-focus-visible=true]:not(#\9):focus,
264
234
  .awsui_link_l0dv0_1mtlo_180[data-awsui-focus-visible=true]:not(#\9):focus {
265
235
  outline: thin dotted;
266
- outline: 0;
267
236
  outline: var(--border-link-focus-ring-outline-k2wccv, 0);
268
237
  outline-offset: 2px;
269
- outline-color: #0972d3;
270
238
  outline-color: var(--color-border-item-focused-ap3b6s, #0972d3);
271
- border-radius: 4px;
272
239
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
273
- box-shadow: 0 0 0 2px #0972d3;
274
240
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-nv4ahb, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
275
241
  }
276
242
 
277
243
  .awsui_info_l0dv0_1mtlo_219:not(#\9) {
278
- margin-left: 8px;
279
244
  margin-left: var(--space-xs-rsr2qu, 8px);
280
245
  }
281
246
 
282
247
  .awsui_external-icon_l0dv0_1mtlo_223:not(#\9) {
283
- margin-left: 4px;
284
248
  margin-left: var(--space-xxs-ynfts5, 4px);
285
249
  }
286
250
 
287
251
  .awsui_divider_l0dv0_1mtlo_227:not(#\9) {
288
252
  border: none;
289
- border-top: 2px solid #e9ebed;
290
253
  border-top: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
291
254
  }
292
255
 
293
256
  .awsui_divider-default_l0dv0_1mtlo_232:not(#\9) {
294
- margin: 24px calc(-1 * 12px);
295
257
  margin: var(--space-scaled-2x-xl-x30c9w, 24px) calc(-1 * var(--space-s-hv8c1d, 12px));
296
258
  }
297
259
 
@@ -110,114 +110,82 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
110
110
  flex-wrap: wrap;
111
111
  }
112
112
  .awsui_horizontal-xxxs_18582_66aol_112:not(#\9) {
113
- margin-left: calc(-1 * 2px);
114
113
  margin-left: calc(-1 * var(--space-xxxs-k2w98v, 2px));
115
- margin-bottom: calc(-1 * 2px);
116
114
  margin-bottom: calc(-1 * var(--space-xxxs-k2w98v, 2px));
117
115
  }
118
116
  .awsui_horizontal-xxs_18582_66aol_116:not(#\9) {
119
- margin-left: calc(-1 * 4px);
120
117
  margin-left: calc(-1 * var(--space-xxs-ynfts5, 4px));
121
- margin-bottom: calc(-1 * 4px);
122
118
  margin-bottom: calc(-1 * var(--space-xxs-ynfts5, 4px));
123
119
  }
124
120
  .awsui_horizontal-xs_18582_66aol_120:not(#\9) {
125
- margin-left: calc(-1 * 8px);
126
121
  margin-left: calc(-1 * var(--space-xs-rsr2qu, 8px));
127
- margin-bottom: calc(-1 * 8px);
128
122
  margin-bottom: calc(-1 * var(--space-xs-rsr2qu, 8px));
129
123
  }
130
124
  .awsui_horizontal-s_18582_66aol_124:not(#\9) {
131
- margin-left: calc(-1 * 12px);
132
125
  margin-left: calc(-1 * var(--space-s-hv8c1d, 12px));
133
- margin-bottom: calc(-1 * 12px);
134
126
  margin-bottom: calc(-1 * var(--space-s-hv8c1d, 12px));
135
127
  }
136
128
  .awsui_horizontal-m_18582_66aol_128:not(#\9) {
137
- margin-left: calc(-1 * 16px);
138
129
  margin-left: calc(-1 * var(--space-m-17eucw, 16px));
139
- margin-bottom: calc(-1 * 16px);
140
130
  margin-bottom: calc(-1 * var(--space-m-17eucw, 16px));
141
131
  }
142
132
  .awsui_horizontal-l_18582_66aol_132:not(#\9) {
143
- margin-left: calc(-1 * 20px);
144
133
  margin-left: calc(-1 * var(--space-l-4vl6xu, 20px));
145
- margin-bottom: calc(-1 * 20px);
146
134
  margin-bottom: calc(-1 * var(--space-l-4vl6xu, 20px));
147
135
  }
148
136
  .awsui_horizontal-xl_18582_66aol_136:not(#\9) {
149
- margin-left: calc(-1 * 24px);
150
137
  margin-left: calc(-1 * var(--space-xl-a39hup, 24px));
151
- margin-bottom: calc(-1 * 24px);
152
138
  margin-bottom: calc(-1 * var(--space-xl-a39hup, 24px));
153
139
  }
154
140
  .awsui_horizontal-xxl_18582_66aol_140:not(#\9) {
155
- margin-left: calc(-1 * 32px);
156
141
  margin-left: calc(-1 * var(--space-xxl-2nvmf1, 32px));
157
- margin-bottom: calc(-1 * 32px);
158
142
  margin-bottom: calc(-1 * var(--space-xxl-2nvmf1, 32px));
159
143
  }
160
144
 
161
145
  .awsui_child-horizontal-xxxs_18582_66aol_145:not(#\9) {
162
- margin-left: 2px;
163
146
  margin-left: var(--space-xxxs-k2w98v, 2px);
164
- margin-bottom: 2px;
165
147
  margin-bottom: var(--space-xxxs-k2w98v, 2px);
166
148
  min-width: 1px;
167
149
  }
168
150
 
169
151
  .awsui_child-horizontal-xxs_18582_66aol_151:not(#\9) {
170
- margin-left: 4px;
171
152
  margin-left: var(--space-xxs-ynfts5, 4px);
172
- margin-bottom: 4px;
173
153
  margin-bottom: var(--space-xxs-ynfts5, 4px);
174
154
  min-width: 1px;
175
155
  }
176
156
 
177
157
  .awsui_child-horizontal-xs_18582_66aol_157:not(#\9) {
178
- margin-left: 8px;
179
158
  margin-left: var(--space-xs-rsr2qu, 8px);
180
- margin-bottom: 8px;
181
159
  margin-bottom: var(--space-xs-rsr2qu, 8px);
182
160
  min-width: 1px;
183
161
  }
184
162
 
185
163
  .awsui_child-horizontal-s_18582_66aol_163:not(#\9) {
186
- margin-left: 12px;
187
164
  margin-left: var(--space-s-hv8c1d, 12px);
188
- margin-bottom: 12px;
189
165
  margin-bottom: var(--space-s-hv8c1d, 12px);
190
166
  min-width: 1px;
191
167
  }
192
168
 
193
169
  .awsui_child-horizontal-m_18582_66aol_169:not(#\9) {
194
- margin-left: 16px;
195
170
  margin-left: var(--space-m-17eucw, 16px);
196
- margin-bottom: 16px;
197
171
  margin-bottom: var(--space-m-17eucw, 16px);
198
172
  min-width: 1px;
199
173
  }
200
174
 
201
175
  .awsui_child-horizontal-l_18582_66aol_175:not(#\9) {
202
- margin-left: 20px;
203
176
  margin-left: var(--space-l-4vl6xu, 20px);
204
- margin-bottom: 20px;
205
177
  margin-bottom: var(--space-l-4vl6xu, 20px);
206
178
  min-width: 1px;
207
179
  }
208
180
 
209
181
  .awsui_child-horizontal-xl_18582_66aol_181:not(#\9) {
210
- margin-left: 24px;
211
182
  margin-left: var(--space-xl-a39hup, 24px);
212
- margin-bottom: 24px;
213
183
  margin-bottom: var(--space-xl-a39hup, 24px);
214
184
  min-width: 1px;
215
185
  }
216
186
 
217
187
  .awsui_child-horizontal-xxl_18582_66aol_187:not(#\9) {
218
- margin-left: 32px;
219
188
  margin-left: var(--space-xxl-2nvmf1, 32px);
220
- margin-bottom: 32px;
221
189
  margin-bottom: var(--space-xxl-2nvmf1, 32px);
222
190
  min-width: 1px;
223
191
  }
@@ -230,41 +198,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
230
198
  }
231
199
 
232
200
  .awsui_child-vertical-xxxs_18582_66aol_200:not(#\9):not(:last-child) {
233
- margin-bottom: 2px;
234
201
  margin-bottom: var(--space-xxxs-k2w98v, 2px);
235
202
  }
236
203
 
237
204
  .awsui_child-vertical-xxs_18582_66aol_204:not(#\9):not(:last-child) {
238
- margin-bottom: 4px;
239
205
  margin-bottom: var(--space-xxs-ynfts5, 4px);
240
206
  }
241
207
 
242
208
  .awsui_child-vertical-xs_18582_66aol_208:not(#\9):not(:last-child) {
243
- margin-bottom: 8px;
244
209
  margin-bottom: var(--space-xs-rsr2qu, 8px);
245
210
  }
246
211
 
247
212
  .awsui_child-vertical-s_18582_66aol_212:not(#\9):not(:last-child) {
248
- margin-bottom: 12px;
249
213
  margin-bottom: var(--space-scaled-s-cu1hzn, 12px);
250
214
  }
251
215
 
252
216
  .awsui_child-vertical-m_18582_66aol_216:not(#\9):not(:last-child) {
253
- margin-bottom: 16px;
254
217
  margin-bottom: var(--space-scaled-m-pv0fmt, 16px);
255
218
  }
256
219
 
257
220
  .awsui_child-vertical-l_18582_66aol_220:not(#\9):not(:last-child) {
258
- margin-bottom: 20px;
259
221
  margin-bottom: var(--space-scaled-l-t03y3z, 20px);
260
222
  }
261
223
 
262
224
  .awsui_child-vertical-xl_18582_66aol_224:not(#\9):not(:last-child) {
263
- margin-bottom: 24px;
264
225
  margin-bottom: var(--space-scaled-xl-w2t504, 24px);
265
226
  }
266
227
 
267
228
  .awsui_child-vertical-xxl_18582_66aol_228:not(#\9):not(:last-child) {
268
- margin-bottom: 32px;
269
229
  margin-bottom: var(--space-scaled-xxl-pfgv96, 32px);
270
230
  }
@@ -133,41 +133,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
133
133
  line-height: 0;
134
134
  }
135
135
  .awsui_root_1612d_9hw1o_127.awsui_size-normal_1612d_9hw1o_135:not(#\9) {
136
- width: 16px;
137
136
  width: var(--size-icon-normal-j1z5fn, 16px);
138
- height: 16px;
139
137
  height: var(--size-icon-normal-j1z5fn, 16px);
140
- padding: calc((16px - 12px) / 2);
141
138
  padding: calc((var(--size-icon-normal-j1z5fn, 16px) - 12px) / 2);
142
- margin-top: calc((22px - 16px) / 2);
143
139
  margin-top: calc((var(--font-body-m-line-height-i7xxvv, 22px) - var(--size-icon-normal-j1z5fn, 16px)) / 2);
144
- margin-bottom: calc((22px - 16px) / 2);
145
140
  margin-bottom: calc((var(--font-body-m-line-height-i7xxvv, 22px) - var(--size-icon-normal-j1z5fn, 16px)) / 2);
146
141
  box-sizing: border-box;
147
142
  }
148
143
  .awsui_root_1612d_9hw1o_127.awsui_size-big_1612d_9hw1o_143:not(#\9) {
149
- width: 32px;
150
144
  width: var(--size-icon-big-cu55wt, 32px);
151
- height: 32px;
152
145
  height: var(--size-icon-big-cu55wt, 32px);
153
- padding: calc((32px - 24px) / 2);
154
146
  padding: calc((var(--size-icon-big-cu55wt, 32px) - 24px) / 2);
155
- margin-top: calc((40px - 32px) / 2);
156
147
  margin-top: calc((var(--font-heading-xl-line-height-doxfdj, 40px) - var(--size-icon-big-cu55wt, 32px)) / 2);
157
- margin-bottom: calc((40px - 32px) / 2);
158
148
  margin-bottom: calc((var(--font-heading-xl-line-height-doxfdj, 40px) - var(--size-icon-big-cu55wt, 32px)) / 2);
159
149
  box-sizing: border-box;
160
150
  }
161
151
  .awsui_root_1612d_9hw1o_127.awsui_size-large_1612d_9hw1o_151:not(#\9) {
162
- width: 48px;
163
152
  width: var(--size-icon-large-9vh494, 48px);
164
- height: 48px;
165
153
  height: var(--size-icon-large-9vh494, 48px);
166
- padding: calc((48px - 36px) / 2);
167
154
  padding: calc((var(--size-icon-large-9vh494, 48px) - 36px) / 2);
168
- margin-top: calc((54px - 48px) / 2);
169
155
  margin-top: calc((var(--font-display-l-line-height-71tnj3, 54px) - var(--size-icon-large-9vh494, 48px)) / 2);
170
- margin-bottom: calc((54px - 48px) / 2);
171
156
  margin-bottom: calc((var(--font-display-l-line-height-71tnj3, 54px) - var(--size-icon-large-9vh494, 48px)) / 2);
172
157
  box-sizing: border-box;
173
158
  }
@@ -175,11 +160,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
175
160
  color: currentColor;
176
161
  }
177
162
  .awsui_root_1612d_9hw1o_127.awsui_variant-disabled_1612d_9hw1o_162:not(#\9) {
178
- color: #9ba7b6;
179
163
  color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
180
164
  }
181
165
  .awsui_root_1612d_9hw1o_127.awsui_variant-inverted_1612d_9hw1o_165:not(#\9) {
182
- color: #ffffff;
183
166
  color: var(--color-text-inverted-821sko, #ffffff);
184
167
  }
185
168