@cloudscape-design/components 3.0.518 → 3.0.520
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.
- package/alert/styles.css.js +25 -25
- package/alert/styles.scoped.css +48 -45
- package/alert/styles.selectors.js +25 -25
- package/anchor-navigation/styles.css.js +8 -8
- package/anchor-navigation/styles.scoped.css +22 -19
- package/anchor-navigation/styles.selectors.js +8 -8
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +37 -34
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/toggles/styles.css.js +2 -2
- package/app-layout/toggles/styles.scoped.css +14 -11
- package/app-layout/toggles/styles.selectors.js +2 -2
- package/app-layout/visual-refresh/styles.css.js +81 -81
- package/app-layout/visual-refresh/styles.scoped.css +179 -176
- package/app-layout/visual-refresh/styles.selectors.js +81 -81
- package/breadcrumb-group/item/styles.css.js +9 -9
- package/breadcrumb-group/item/styles.scoped.css +23 -20
- package/breadcrumb-group/item/styles.selectors.js +9 -9
- package/button/styles.css.js +20 -20
- package/button/styles.scoped.css +392 -302
- package/button/styles.selectors.js +20 -20
- package/button-dropdown/item-element/styles.css.js +15 -15
- package/button-dropdown/item-element/styles.scoped.css +19 -19
- package/button-dropdown/item-element/styles.selectors.js +15 -15
- package/calendar/styles.css.js +18 -18
- package/calendar/styles.scoped.css +54 -48
- package/calendar/styles.selectors.js +18 -18
- package/cards/styles.css.js +40 -40
- package/cards/styles.scoped.css +58 -58
- package/cards/styles.selectors.js +40 -40
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +18 -15
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/styles.css.js +32 -32
- package/code-editor/styles.scoped.css +165 -153
- package/code-editor/styles.selectors.js +32 -32
- package/collection-preferences/content-display/styles.css.js +11 -11
- package/collection-preferences/content-display/styles.scoped.css +26 -23
- package/collection-preferences/content-display/styles.selectors.js +11 -11
- package/collection-preferences/styles.css.js +37 -37
- package/collection-preferences/styles.scoped.css +53 -50
- package/collection-preferences/styles.selectors.js +37 -37
- package/container/styles.css.js +30 -30
- package/container/styles.scoped.css +100 -80
- package/container/styles.selectors.js +30 -30
- package/date-picker/styles.css.js +7 -7
- package/date-picker/styles.scoped.css +13 -10
- package/date-picker/styles.selectors.js +7 -7
- package/date-range-picker/calendar/grids/styles.css.js +25 -25
- package/date-range-picker/calendar/grids/styles.scoped.css +58 -52
- package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
- package/date-range-picker/styles.css.js +38 -38
- package/date-range-picker/styles.scoped.css +50 -47
- package/date-range-picker/styles.selectors.js +38 -38
- package/expandable-section/interfaces.d.ts +3 -2
- package/expandable-section/interfaces.d.ts.map +1 -1
- package/expandable-section/interfaces.js.map +1 -1
- package/expandable-section/styles.css.js +32 -32
- package/expandable-section/styles.scoped.css +85 -75
- package/expandable-section/styles.selectors.js +32 -32
- package/file-upload/file-input/styles.css.js +4 -4
- package/file-upload/file-input/styles.scoped.css +15 -12
- package/file-upload/file-input/styles.selectors.js +4 -4
- package/flashbar/styles.css.js +47 -47
- package/flashbar/styles.scoped.css +168 -162
- package/flashbar/styles.selectors.js +47 -47
- package/form-field/styles.css.js +19 -19
- package/form-field/styles.scoped.css +35 -34
- package/form-field/styles.selectors.js +19 -19
- package/grid/styles.css.js +53 -53
- package/grid/styles.scoped.css +112 -108
- package/grid/styles.selectors.js +53 -53
- package/header/interfaces.d.ts +1 -1
- package/header/interfaces.js.map +1 -1
- package/header/styles.css.js +34 -34
- package/header/styles.scoped.css +92 -83
- package/header/styles.selectors.js +34 -34
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +127 -108
- package/help-panel/styles.selectors.js +4 -4
- package/hotspot/styles.css.js +7 -7
- package/hotspot/styles.scoped.css +13 -13
- package/hotspot/styles.selectors.js +7 -7
- package/icon/styles.css.js +21 -21
- package/icon/styles.scoped.css +86 -78
- package/icon/styles.selectors.js +21 -21
- package/input/styles.css.js +12 -12
- package/input/styles.scoped.css +63 -49
- package/input/styles.selectors.js +12 -12
- package/internal/components/abstract-switch/styles.css.js +13 -13
- package/internal/components/abstract-switch/styles.scoped.css +31 -30
- package/internal/components/abstract-switch/styles.selectors.js +13 -13
- package/internal/components/button-trigger/styles.css.js +10 -10
- package/internal/components/button-trigger/styles.scoped.css +61 -48
- package/internal/components/button-trigger/styles.selectors.js +10 -10
- package/internal/components/cartesian-chart/styles.css.js +27 -27
- package/internal/components/cartesian-chart/styles.scoped.css +38 -41
- package/internal/components/cartesian-chart/styles.selectors.js +27 -27
- package/internal/components/chart-legend/styles.css.js +6 -6
- package/internal/components/chart-legend/styles.scoped.css +33 -26
- package/internal/components/chart-legend/styles.selectors.js +6 -6
- package/internal/components/chart-plot/styles.css.js +5 -5
- package/internal/components/chart-plot/styles.scoped.css +7 -7
- package/internal/components/chart-plot/styles.selectors.js +5 -5
- package/internal/components/chart-popover/styles.css.js +3 -3
- package/internal/components/chart-popover/styles.scoped.css +7 -5
- package/internal/components/chart-popover/styles.selectors.js +3 -3
- package/internal/components/chart-popover-footer/styles.css.js +1 -1
- package/internal/components/chart-popover-footer/styles.scoped.css +8 -6
- package/internal/components/chart-popover-footer/styles.selectors.js +1 -1
- package/internal/components/chart-series-details/styles.css.js +20 -20
- package/internal/components/chart-series-details/styles.scoped.css +74 -59
- package/internal/components/chart-series-details/styles.selectors.js +20 -20
- package/internal/components/chart-series-marker/styles.css.js +5 -5
- package/internal/components/chart-series-marker/styles.scoped.css +40 -27
- package/internal/components/chart-series-marker/styles.selectors.js +5 -5
- package/internal/components/chart-wrapper/styles.css.js +9 -9
- package/internal/components/chart-wrapper/styles.scoped.css +13 -13
- package/internal/components/chart-wrapper/styles.selectors.js +9 -9
- package/internal/components/checkbox-icon/styles.css.js +7 -7
- package/internal/components/checkbox-icon/styles.scoped.css +12 -12
- package/internal/components/checkbox-icon/styles.selectors.js +7 -7
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +64 -56
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/components/dropdown-footer/styles.css.js +3 -3
- package/internal/components/dropdown-footer/styles.scoped.css +5 -5
- package/internal/components/dropdown-footer/styles.selectors.js +3 -3
- package/internal/components/dropdown-status/styles.css.js +2 -2
- package/internal/components/dropdown-status/styles.scoped.css +5 -3
- package/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/internal/components/filtering-token/styles.css.js +7 -7
- package/internal/components/filtering-token/styles.scoped.css +41 -30
- package/internal/components/filtering-token/styles.selectors.js +7 -7
- package/internal/components/handle/styles.css.js +2 -2
- package/internal/components/handle/styles.scoped.css +20 -14
- package/internal/components/handle/styles.selectors.js +2 -2
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +31 -28
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/components/option/styles.css.js +17 -17
- package/internal/components/option/styles.scoped.css +39 -39
- package/internal/components/option/styles.selectors.js +17 -17
- package/internal/components/options-list/styles.css.js +2 -2
- package/internal/components/options-list/styles.scoped.css +14 -8
- package/internal/components/options-list/styles.selectors.js +2 -2
- package/internal/components/screenreader-only/styles.css.js +1 -1
- package/internal/components/screenreader-only/styles.scoped.css +3 -3
- package/internal/components/screenreader-only/styles.selectors.js +1 -1
- package/internal/components/selectable-item/styles.css.js +16 -16
- package/internal/components/selectable-item/styles.scoped.css +74 -65
- package/internal/components/selectable-item/styles.selectors.js +16 -16
- package/internal/components/token-list/styles.css.js +9 -9
- package/internal/components/token-list/styles.scoped.css +44 -33
- package/internal/components/token-list/styles.selectors.js +9 -9
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +75 -72
- package/link/styles.selectors.js +20 -20
- package/modal/styles.css.js +23 -23
- package/modal/styles.scoped.css +76 -61
- package/modal/styles.selectors.js +23 -23
- package/multiselect/styles.css.js +2 -2
- package/multiselect/styles.scoped.css +3 -3
- package/multiselect/styles.selectors.js +2 -2
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +29 -25
- package/pagination/styles.selectors.js +9 -9
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +75 -72
- package/popover/styles.selectors.js +50 -50
- package/progress-bar/styles.css.js +18 -18
- package/progress-bar/styles.scoped.css +33 -33
- package/progress-bar/styles.selectors.js +18 -18
- package/property-filter/styles.css.js +31 -31
- package/property-filter/styles.scoped.css +34 -34
- package/property-filter/styles.selectors.js +31 -31
- package/radio-group/styles.css.js +9 -9
- package/radio-group/styles.scoped.css +28 -25
- package/radio-group/styles.selectors.js +9 -9
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +42 -39
- package/segmented-control/styles.selectors.js +14 -14
- package/select/parts/styles.css.js +16 -16
- package/select/parts/styles.scoped.css +18 -18
- package/select/parts/styles.selectors.js +16 -16
- package/side-navigation/styles.css.js +28 -28
- package/side-navigation/styles.scoped.css +43 -40
- package/side-navigation/styles.selectors.js +28 -28
- package/split-panel/styles.css.js +55 -55
- package/split-panel/styles.scoped.css +84 -81
- package/split-panel/styles.selectors.js +55 -55
- package/status-indicator/styles.css.js +23 -23
- package/status-indicator/styles.scoped.css +30 -30
- package/status-indicator/styles.selectors.js +23 -23
- package/table/body-cell/styles.css.js +30 -30
- package/table/body-cell/styles.scoped.css +166 -153
- package/table/body-cell/styles.selectors.js +30 -30
- package/table/header-cell/styles.css.js +24 -24
- package/table/header-cell/styles.scoped.css +77 -70
- package/table/header-cell/styles.selectors.js +24 -24
- package/table/resizer/styles.css.js +8 -8
- package/table/resizer/styles.scoped.css +43 -40
- package/table/resizer/styles.selectors.js +8 -8
- package/table/selection/styles.css.js +3 -3
- package/table/selection/styles.scoped.css +9 -9
- package/table/selection/styles.selectors.js +3 -3
- package/table/sticky-scrollbar/styles.css.js +6 -6
- package/table/sticky-scrollbar/styles.scoped.css +16 -16
- package/table/sticky-scrollbar/styles.selectors.js +6 -6
- package/table/styles.css.js +35 -35
- package/table/styles.scoped.css +94 -87
- package/table/styles.selectors.js +35 -35
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +104 -79
- package/tabs/styles.selectors.js +21 -21
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +14 -11
- package/tag-editor/styles.selectors.js +3 -3
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +74 -67
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/styles.css.js +3 -3
- package/text-filter/styles.scoped.css +5 -5
- package/text-filter/styles.selectors.js +3 -3
- package/textarea/styles.css.js +4 -4
- package/textarea/styles.scoped.css +34 -23
- package/textarea/styles.selectors.js +4 -4
- package/tiles/styles.css.js +29 -29
- package/tiles/styles.scoped.css +112 -99
- package/tiles/styles.selectors.js +29 -29
- package/toggle/styles.css.js +8 -8
- package/toggle/styles.scoped.css +38 -29
- package/toggle/styles.selectors.js +8 -8
- package/token-group/styles.css.js +8 -8
- package/token-group/styles.scoped.css +46 -31
- package/token-group/styles.selectors.js +8 -8
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +90 -83
- package/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +149 -130
- package/top-navigation/styles.selectors.js +47 -47
- package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +36 -32
- package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
- package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/tutorial-panel/components/tutorial-list/styles.scoped.css +47 -36
- package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/tutorial-panel/styles.css.js +1 -1
- package/tutorial-panel/styles.scoped.css +4 -2
- package/tutorial-panel/styles.selectors.js +1 -1
- package/wizard/styles.css.js +32 -32
- package/wizard/styles.scoped.css +145 -117
- package/wizard/styles.selectors.js +32 -32
package/tabs/styles.scoped.css
CHANGED
|
@@ -183,82 +183,93 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
183
183
|
SPDX-License-Identifier: Apache-2.0
|
|
184
184
|
*/
|
|
185
185
|
/* stylelint-disable selector-max-type */
|
|
186
|
-
.awsui_tabs-
|
|
187
|
-
margin: 0;
|
|
188
|
-
|
|
186
|
+
.awsui_tabs-header_14rmt_10qvl_186:not(#\9) {
|
|
187
|
+
margin-block: 0;
|
|
188
|
+
margin-inline: 0;
|
|
189
|
+
padding-block: 0;
|
|
190
|
+
padding-inline: 0;
|
|
189
191
|
display: flex;
|
|
190
192
|
}
|
|
191
193
|
|
|
192
|
-
.awsui_tabs-header-
|
|
193
|
-
margin: 0;
|
|
194
|
-
|
|
194
|
+
.awsui_tabs-header-list_14rmt_10qvl_194:not(#\9) {
|
|
195
|
+
margin-block: 0;
|
|
196
|
+
margin-inline: 0;
|
|
197
|
+
padding-block: 0;
|
|
198
|
+
padding-inline: 0;
|
|
195
199
|
display: flex;
|
|
196
200
|
overflow-x: scroll;
|
|
197
201
|
overflow-y: hidden;
|
|
198
202
|
position: relative;
|
|
199
|
-
|
|
203
|
+
inline-size: 100%;
|
|
200
204
|
-ms-overflow-style: none; /* Internet Explorer 10+ */
|
|
201
205
|
scrollbar-width: none; /* Firefox */
|
|
202
206
|
}
|
|
203
|
-
.awsui_tabs-header-
|
|
207
|
+
.awsui_tabs-header-list_14rmt_10qvl_194:not(#\9)::-webkit-scrollbar {
|
|
204
208
|
display: none; /* Safari and Chrome */
|
|
205
209
|
}
|
|
206
210
|
|
|
207
|
-
.awsui_pagination-
|
|
208
|
-
margin: var(--space-scaled-s-aqzyko, 12px)
|
|
209
|
-
|
|
211
|
+
.awsui_pagination-button_14rmt_10qvl_211:not(#\9) {
|
|
212
|
+
margin-block: var(--space-scaled-s-aqzyko, 12px);
|
|
213
|
+
margin-inline: 0;
|
|
214
|
+
padding-block: 0;
|
|
215
|
+
padding-inline: var(--space-xxs-p8yyaw, 4px);
|
|
210
216
|
display: flex;
|
|
211
217
|
}
|
|
212
|
-
.awsui_pagination-button-
|
|
213
|
-
border-
|
|
218
|
+
.awsui_pagination-button-left_14rmt_10qvl_218:not(#\9) {
|
|
219
|
+
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-control-disabled-bv2kkn, #d1d5db);
|
|
214
220
|
}
|
|
215
|
-
.awsui_pagination-button-left-
|
|
221
|
+
.awsui_pagination-button-left-scrollable_14rmt_10qvl_221:not(#\9) {
|
|
216
222
|
z-index: 1;
|
|
217
223
|
box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-w5xpb4, rgba(0, 7, 22, 0.12)), 1px 0px 0px 0px var(--color-border-tabs-shadow-w5xpb4, rgba(0, 7, 22, 0.12));
|
|
218
224
|
}
|
|
219
|
-
.awsui_pagination-button-
|
|
220
|
-
border-
|
|
225
|
+
.awsui_pagination-button-right_14rmt_10qvl_225:not(#\9) {
|
|
226
|
+
border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-control-disabled-bv2kkn, #d1d5db);
|
|
221
227
|
}
|
|
222
|
-
.awsui_pagination-button-right-
|
|
228
|
+
.awsui_pagination-button-right-scrollable_14rmt_10qvl_228:not(#\9) {
|
|
223
229
|
z-index: 1;
|
|
224
230
|
box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-w5xpb4, rgba(0, 7, 22, 0.12)), -1px 0px 0px 0 var(--color-border-tabs-shadow-w5xpb4, rgba(0, 7, 22, 0.12));
|
|
225
231
|
}
|
|
226
232
|
|
|
227
|
-
.awsui_tabs-
|
|
233
|
+
.awsui_tabs-tab_14rmt_10qvl_233:not(#\9) {
|
|
228
234
|
list-style: none;
|
|
229
|
-
padding: 0;
|
|
235
|
+
padding-block: 0;
|
|
236
|
+
padding-inline: 0;
|
|
230
237
|
flex-shrink: 0;
|
|
231
238
|
display: flex;
|
|
232
|
-
max-
|
|
239
|
+
max-inline-size: calc(90% - var(--space-l-t419sm, 20px));
|
|
233
240
|
}
|
|
234
|
-
.awsui_tabs-
|
|
241
|
+
.awsui_tabs-tab_14rmt_10qvl_233 > button:not(#\9) {
|
|
235
242
|
background-color: transparent;
|
|
236
243
|
}
|
|
237
244
|
|
|
238
|
-
.awsui_tabs-tab-
|
|
245
|
+
.awsui_tabs-tab-label_14rmt_10qvl_245:not(#\9) {
|
|
239
246
|
display: flex;
|
|
240
247
|
align-items: center;
|
|
241
|
-
padding: var(--space-scaled-2x-xxs-7v8ivz, 4px)
|
|
242
|
-
|
|
248
|
+
padding-block: var(--space-scaled-2x-xxs-7v8ivz, 4px);
|
|
249
|
+
padding-inline: var(--space-l-t419sm, 20px);
|
|
250
|
+
text-align: start;
|
|
243
251
|
position: relative;
|
|
244
|
-
min-
|
|
252
|
+
min-inline-size: 0;
|
|
245
253
|
word-break: break-word;
|
|
246
254
|
}
|
|
247
255
|
|
|
248
|
-
.awsui_tabs-
|
|
249
|
-
margin-
|
|
250
|
-
border-
|
|
256
|
+
.awsui_tabs-tab_14rmt_10qvl_233:not(#\9):not(:last-child) > a > .awsui_tabs-tab-label_14rmt_10qvl_245, .awsui_tabs-tab_14rmt_10qvl_233:not(#\9):not(:last-child) > button > .awsui_tabs-tab-label_14rmt_10qvl_245 {
|
|
257
|
+
margin-inline-end: calc(-1 * var(--border-divider-section-width-1061zr, 1px));
|
|
258
|
+
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-tabs-divider-6vpso4, #b6bec9);
|
|
251
259
|
}
|
|
252
260
|
|
|
253
|
-
.awsui_tabs-tab-
|
|
261
|
+
.awsui_tabs-tab-link_14rmt_10qvl_261:not(#\9) {
|
|
254
262
|
position: relative;
|
|
255
263
|
display: flex;
|
|
256
264
|
align-items: stretch;
|
|
257
265
|
text-decoration: none;
|
|
258
266
|
cursor: pointer;
|
|
259
|
-
padding: calc(var(--space-scaled-s-aqzyko, 12px) - 1px)
|
|
260
|
-
|
|
261
|
-
|
|
267
|
+
padding-block-start: calc(var(--space-scaled-s-aqzyko, 12px) - 1px);
|
|
268
|
+
padding-block-end: var(--space-scaled-s-aqzyko, 12px);
|
|
269
|
+
padding-inline: 0;
|
|
270
|
+
margin-block-start: 1px;
|
|
271
|
+
border-block: var(--border-divider-section-width-1061zr, 1px) solid transparent;
|
|
272
|
+
border-inline: var(--border-divider-section-width-1061zr, 1px) solid transparent;
|
|
262
273
|
font-size: var(--font-tabs-size-8zzqp2, 16px);
|
|
263
274
|
line-height: var(--font-tabs-line-height-dzo7k3, 20px);
|
|
264
275
|
font-weight: var(--font-wayfinding-link-active-weight-rbmzei, 700);
|
|
@@ -266,100 +277,108 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
266
277
|
-webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
|
|
267
278
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
|
|
268
279
|
}
|
|
269
|
-
.awsui_tabs-tab-
|
|
270
|
-
padding: calc(var(--space-static-xs-7sfb63, 8px) - 1px)
|
|
280
|
+
.awsui_tabs-tab-link_14rmt_10qvl_261.awsui_refresh_14rmt_10qvl_280:not(#\9) {
|
|
281
|
+
padding-block-start: calc(var(--space-static-xs-7sfb63, 8px) - 1px);
|
|
282
|
+
padding-block-end: var(--space-static-xs-7sfb63, 8px);
|
|
283
|
+
padding-inline: 0;
|
|
271
284
|
}
|
|
272
|
-
.awsui_tabs-tab-
|
|
285
|
+
.awsui_tabs-tab-link_14rmt_10qvl_261:not(#\9):hover {
|
|
273
286
|
color: var(--color-text-accent-n2acxv, #0972d3);
|
|
274
287
|
}
|
|
275
|
-
.awsui_tabs-tab-
|
|
288
|
+
.awsui_tabs-tab-link_14rmt_10qvl_261:not(#\9):focus {
|
|
276
289
|
outline: none;
|
|
277
290
|
}
|
|
278
|
-
body[data-awsui-focus-visible=true] .awsui_tabs-tab-
|
|
291
|
+
body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_10qvl_261:not(#\9):focus {
|
|
279
292
|
z-index: 1;
|
|
280
293
|
position: relative;
|
|
281
294
|
}
|
|
282
|
-
body[data-awsui-focus-visible=true] .awsui_tabs-tab-
|
|
295
|
+
body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_10qvl_261:not(#\9):focus {
|
|
283
296
|
outline: 2px dotted transparent;
|
|
284
297
|
outline-offset: calc(var(--space-tabs-focus-outline-gutter-xm37ly, -8px) - 1px);
|
|
285
298
|
}
|
|
286
|
-
body[data-awsui-focus-visible=true] .awsui_tabs-tab-
|
|
299
|
+
body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_10qvl_261:not(#\9):focus::before {
|
|
287
300
|
content: " ";
|
|
288
301
|
display: block;
|
|
289
302
|
position: absolute;
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
303
|
+
inset-inline-start: calc(-1 * var(--space-tabs-focus-outline-gutter-xm37ly, -8px));
|
|
304
|
+
inset-block-start: calc(-1 * var(--space-tabs-focus-outline-gutter-xm37ly, -8px));
|
|
305
|
+
inline-size: calc(100% + 2 * var(--space-tabs-focus-outline-gutter-xm37ly, -8px));
|
|
306
|
+
block-size: calc(100% + 2 * var(--space-tabs-focus-outline-gutter-xm37ly, -8px));
|
|
307
|
+
border-start-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
308
|
+
border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
309
|
+
border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
310
|
+
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
295
311
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
296
312
|
}
|
|
297
|
-
body[data-awsui-focus-visible=true] .awsui_tabs-tab-
|
|
298
|
-
border-
|
|
313
|
+
body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_10qvl_261:not(#\9):focus > a > .awsui_tabs-tab-label_14rmt_10qvl_245, body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_10qvl_261:not(#\9):focus > button > .awsui_tabs-tab-label_14rmt_10qvl_245 {
|
|
314
|
+
border-inline-end-color: transparent;
|
|
299
315
|
}
|
|
300
316
|
|
|
301
|
-
.awsui_tabs-
|
|
302
|
-
margin-
|
|
317
|
+
.awsui_tabs-tab_14rmt_10qvl_233:not(#\9):first-child {
|
|
318
|
+
margin-inline-start: 1px;
|
|
303
319
|
}
|
|
304
|
-
.awsui_tabs-
|
|
305
|
-
padding-
|
|
320
|
+
.awsui_tabs-tab_14rmt_10qvl_233:not(#\9):first-child > a > .awsui_tabs-tab-label_14rmt_10qvl_245, .awsui_tabs-tab_14rmt_10qvl_233:not(#\9):first-child > button > .awsui_tabs-tab-label_14rmt_10qvl_245 {
|
|
321
|
+
padding-inline-start: calc(var(--space-l-t419sm, 20px) - 1px);
|
|
306
322
|
}
|
|
307
323
|
|
|
308
|
-
.awsui_tabs-
|
|
309
|
-
margin-
|
|
324
|
+
.awsui_tabs-tab_14rmt_10qvl_233:not(#\9):last-child {
|
|
325
|
+
margin-inline-end: 1px;
|
|
310
326
|
}
|
|
311
|
-
.awsui_tabs-
|
|
312
|
-
padding-
|
|
327
|
+
.awsui_tabs-tab_14rmt_10qvl_233:not(#\9):last-child > a > .awsui_tabs-tab-label_14rmt_10qvl_245, .awsui_tabs-tab_14rmt_10qvl_233:not(#\9):last-child > button > .awsui_tabs-tab-label_14rmt_10qvl_245 {
|
|
328
|
+
padding-inline-end: calc(var(--space-l-t419sm, 20px) - 1px);
|
|
313
329
|
}
|
|
314
330
|
|
|
315
|
-
.awsui_tabs-tab-
|
|
331
|
+
.awsui_tabs-tab-disabled_14rmt_10qvl_331:not(#\9), .awsui_tabs-tab-disabled_14rmt_10qvl_331:not(#\9):hover {
|
|
316
332
|
pointer-events: none;
|
|
317
333
|
cursor: default;
|
|
318
334
|
color: var(--color-text-interactive-disabled-z7a3t4, #9ba7b6);
|
|
319
335
|
font-weight: var(--font-tabs-disabled-weight-1xcs5l, 700);
|
|
320
336
|
}
|
|
321
337
|
|
|
322
|
-
.awsui_tabs-tab-
|
|
338
|
+
.awsui_tabs-tab-link_14rmt_10qvl_261:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_10qvl_331):after {
|
|
323
339
|
content: "";
|
|
324
340
|
position: absolute;
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
border-radius: var(--border-radius-tabs-focus-ring-1q0rjo, 20px);
|
|
341
|
+
inset-inline-start: 0;
|
|
342
|
+
inline-size: 100%;
|
|
343
|
+
inset-block-end: calc(-1 * var(--border-divider-section-width-1061zr, 1px));
|
|
344
|
+
block-size: var(--border-active-width-9dmqf4, 4px);
|
|
345
|
+
border-start-start-radius: var(--border-radius-tabs-focus-ring-1q0rjo, 20px);
|
|
346
|
+
border-start-end-radius: var(--border-radius-tabs-focus-ring-1q0rjo, 20px);
|
|
347
|
+
border-end-start-radius: var(--border-radius-tabs-focus-ring-1q0rjo, 20px);
|
|
348
|
+
border-end-end-radius: var(--border-radius-tabs-focus-ring-1q0rjo, 20px);
|
|
330
349
|
background: var(--color-border-tabs-underline-f1qo5r, #0972d3);
|
|
331
350
|
opacity: 0;
|
|
332
351
|
}
|
|
333
|
-
.awsui_tabs-tab-
|
|
352
|
+
.awsui_tabs-tab-link_14rmt_10qvl_261:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_10qvl_331).awsui_refresh_14rmt_10qvl_280:after {
|
|
334
353
|
transition: opacity var(--motion-duration-refresh-only-medium-nf6485, 165ms) var(--motion-easing-refresh-only-c-vg1m9h, cubic-bezier(0.84, 0, 0.16, 1));
|
|
335
354
|
}
|
|
336
355
|
@media (prefers-reduced-motion: reduce) {
|
|
337
|
-
.awsui_tabs-tab-
|
|
356
|
+
.awsui_tabs-tab-link_14rmt_10qvl_261:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_10qvl_331).awsui_refresh_14rmt_10qvl_280:after {
|
|
338
357
|
animation: none;
|
|
339
358
|
transition: none;
|
|
340
359
|
}
|
|
341
360
|
}
|
|
342
|
-
.awsui-motion-disabled .awsui_tabs-tab-
|
|
361
|
+
.awsui-motion-disabled .awsui_tabs-tab-link_14rmt_10qvl_261:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_10qvl_331).awsui_refresh_14rmt_10qvl_280:after, .awsui-mode-entering .awsui_tabs-tab-link_14rmt_10qvl_261:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_10qvl_331).awsui_refresh_14rmt_10qvl_280:after {
|
|
343
362
|
animation: none;
|
|
344
363
|
transition: none;
|
|
345
364
|
}
|
|
346
365
|
|
|
347
|
-
.awsui_tabs-tab-
|
|
366
|
+
.awsui_tabs-tab-active_14rmt_10qvl_366:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_10qvl_331) {
|
|
348
367
|
color: var(--color-text-accent-n2acxv, #0972d3);
|
|
349
368
|
}
|
|
350
|
-
.awsui_tabs-tab-
|
|
369
|
+
.awsui_tabs-tab-active_14rmt_10qvl_366:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_10qvl_331):after {
|
|
351
370
|
opacity: 1;
|
|
352
371
|
}
|
|
353
372
|
|
|
354
|
-
.awsui_tabs-header-with-
|
|
355
|
-
border-
|
|
373
|
+
.awsui_tabs-header-with-divider_14rmt_10qvl_373:not(#\9) {
|
|
374
|
+
border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-tabs-divider-6vpso4, #b6bec9);
|
|
356
375
|
}
|
|
357
376
|
|
|
358
|
-
.
|
|
377
|
+
.awsui_root_14rmt_10qvl_377:not(#\9) {
|
|
359
378
|
/* used in test-utils or tests */
|
|
360
379
|
}
|
|
361
380
|
|
|
362
|
-
.
|
|
381
|
+
.awsui_tabs_14rmt_10qvl_186:not(#\9) {
|
|
363
382
|
border-collapse: separate;
|
|
364
383
|
border-spacing: 0;
|
|
365
384
|
box-sizing: border-box;
|
|
@@ -394,27 +413,33 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_c84jr_253:not(#\9
|
|
|
394
413
|
-webkit-font-smoothing: auto;
|
|
395
414
|
-moz-osx-font-smoothing: auto;
|
|
396
415
|
display: block;
|
|
397
|
-
|
|
416
|
+
inline-size: 100%;
|
|
398
417
|
}
|
|
399
418
|
|
|
400
|
-
.awsui_tabs-
|
|
419
|
+
.awsui_tabs-content_14rmt_10qvl_418:not(#\9) {
|
|
401
420
|
display: none;
|
|
402
421
|
}
|
|
403
422
|
|
|
404
|
-
.awsui_tabs-content-
|
|
423
|
+
.awsui_tabs-content-active_14rmt_10qvl_422:not(#\9) {
|
|
405
424
|
display: block;
|
|
406
425
|
}
|
|
407
|
-
body[data-awsui-focus-visible=true] .awsui_tabs-content-
|
|
426
|
+
body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_10qvl_422:not(#\9):focus {
|
|
408
427
|
outline: 2px dotted transparent;
|
|
409
428
|
outline-offset: 2px;
|
|
410
|
-
border-radius: var(--border-radius-container-wqv1zi, 16px);
|
|
429
|
+
border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
|
|
430
|
+
border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
|
|
431
|
+
border-end-start-radius: var(--border-radius-container-wqv1zi, 16px);
|
|
432
|
+
border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
|
|
411
433
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
412
434
|
}
|
|
413
435
|
|
|
414
|
-
.awsui_tabs-content-
|
|
415
|
-
padding: var(--space-scaled-m-mo5yse, 16px)
|
|
436
|
+
.awsui_tabs-content-wrapper_14rmt_10qvl_435.awsui_with-paddings_14rmt_10qvl_435 > .awsui_tabs-content_14rmt_10qvl_418:not(#\9) {
|
|
437
|
+
padding-block: var(--space-scaled-m-mo5yse, 16px);
|
|
438
|
+
padding-inline: 0;
|
|
416
439
|
}
|
|
417
440
|
|
|
418
|
-
.awsui_tabs-container-content-
|
|
419
|
-
padding: var(--space-tabs-content-top-dedu0k, 12px)
|
|
441
|
+
.awsui_tabs-container-content-wrapper_14rmt_10qvl_440.awsui_with-paddings_14rmt_10qvl_435 > .awsui_tabs-content_14rmt_10qvl_418:not(#\9) {
|
|
442
|
+
padding-block-start: var(--space-tabs-content-top-dedu0k, 12px);
|
|
443
|
+
padding-block-end: var(--space-scaled-l-0hpmd7, 20px);
|
|
444
|
+
padding-inline: var(--space-container-horizontal-wfukh3, 20px);
|
|
420
445
|
}
|
package/tabs/styles.selectors.js
CHANGED
|
@@ -2,26 +2,26 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"tabs-header": "awsui_tabs-
|
|
6
|
-
"tabs-header-list": "awsui_tabs-header-
|
|
7
|
-
"pagination-button": "awsui_pagination-
|
|
8
|
-
"pagination-button-left": "awsui_pagination-button-
|
|
9
|
-
"pagination-button-left-scrollable": "awsui_pagination-button-left-
|
|
10
|
-
"pagination-button-right": "awsui_pagination-button-
|
|
11
|
-
"pagination-button-right-scrollable": "awsui_pagination-button-right-
|
|
12
|
-
"tabs-tab": "awsui_tabs-
|
|
13
|
-
"tabs-tab-label": "awsui_tabs-tab-
|
|
14
|
-
"tabs-tab-link": "awsui_tabs-tab-
|
|
15
|
-
"refresh": "
|
|
16
|
-
"tabs-tab-disabled": "awsui_tabs-tab-
|
|
17
|
-
"tabs-tab-active": "awsui_tabs-tab-
|
|
18
|
-
"tabs-header-with-divider": "awsui_tabs-header-with-
|
|
19
|
-
"root": "
|
|
20
|
-
"tabs": "
|
|
21
|
-
"tabs-content": "awsui_tabs-
|
|
22
|
-
"tabs-content-active": "awsui_tabs-content-
|
|
23
|
-
"tabs-content-wrapper": "awsui_tabs-content-
|
|
24
|
-
"with-paddings": "awsui_with-
|
|
25
|
-
"tabs-container-content-wrapper": "awsui_tabs-container-content-
|
|
5
|
+
"tabs-header": "awsui_tabs-header_14rmt_10qvl_186",
|
|
6
|
+
"tabs-header-list": "awsui_tabs-header-list_14rmt_10qvl_194",
|
|
7
|
+
"pagination-button": "awsui_pagination-button_14rmt_10qvl_211",
|
|
8
|
+
"pagination-button-left": "awsui_pagination-button-left_14rmt_10qvl_218",
|
|
9
|
+
"pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_10qvl_221",
|
|
10
|
+
"pagination-button-right": "awsui_pagination-button-right_14rmt_10qvl_225",
|
|
11
|
+
"pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_10qvl_228",
|
|
12
|
+
"tabs-tab": "awsui_tabs-tab_14rmt_10qvl_233",
|
|
13
|
+
"tabs-tab-label": "awsui_tabs-tab-label_14rmt_10qvl_245",
|
|
14
|
+
"tabs-tab-link": "awsui_tabs-tab-link_14rmt_10qvl_261",
|
|
15
|
+
"refresh": "awsui_refresh_14rmt_10qvl_280",
|
|
16
|
+
"tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_10qvl_331",
|
|
17
|
+
"tabs-tab-active": "awsui_tabs-tab-active_14rmt_10qvl_366",
|
|
18
|
+
"tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_10qvl_373",
|
|
19
|
+
"root": "awsui_root_14rmt_10qvl_377",
|
|
20
|
+
"tabs": "awsui_tabs_14rmt_10qvl_186",
|
|
21
|
+
"tabs-content": "awsui_tabs-content_14rmt_10qvl_418",
|
|
22
|
+
"tabs-content-active": "awsui_tabs-content-active_14rmt_10qvl_422",
|
|
23
|
+
"tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_10qvl_435",
|
|
24
|
+
"with-paddings": "awsui_with-paddings_14rmt_10qvl_435",
|
|
25
|
+
"tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_10qvl_440"
|
|
26
26
|
};
|
|
27
27
|
|
package/tag-editor/styles.css.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"loading": "
|
|
6
|
-
"undo-button": "awsui_undo-
|
|
4
|
+
"root": "awsui_root_brdst_5cqco_93",
|
|
5
|
+
"loading": "awsui_loading_brdst_5cqco_97",
|
|
6
|
+
"undo-button": "awsui_undo-button_brdst_5cqco_101"
|
|
7
7
|
};
|
|
8
8
|
|
|
@@ -90,15 +90,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
.
|
|
93
|
+
.awsui_root_brdst_5cqco_93:not(#\9) {
|
|
94
94
|
/* used in test utils */
|
|
95
95
|
}
|
|
96
96
|
|
|
97
|
-
.
|
|
97
|
+
.awsui_loading_brdst_5cqco_97:not(#\9) {
|
|
98
98
|
/* used in test utils */
|
|
99
99
|
}
|
|
100
100
|
|
|
101
|
-
.awsui_undo-
|
|
101
|
+
.awsui_undo-button_brdst_5cqco_101:not(#\9) {
|
|
102
102
|
-webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
|
|
103
103
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
|
|
104
104
|
color: var(--color-text-link-default-latg1a, #0972d3);
|
|
@@ -114,34 +114,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
114
114
|
text-decoration-thickness: 1px;
|
|
115
115
|
}
|
|
116
116
|
@media (prefers-reduced-motion: reduce) {
|
|
117
|
-
.awsui_undo-
|
|
117
|
+
.awsui_undo-button_brdst_5cqco_101:not(#\9) {
|
|
118
118
|
animation: none;
|
|
119
119
|
transition: none;
|
|
120
120
|
}
|
|
121
121
|
}
|
|
122
|
-
.awsui-motion-disabled .awsui_undo-
|
|
122
|
+
.awsui-motion-disabled .awsui_undo-button_brdst_5cqco_101:not(#\9), .awsui-mode-entering .awsui_undo-button_brdst_5cqco_101:not(#\9) {
|
|
123
123
|
animation: none;
|
|
124
124
|
transition: none;
|
|
125
125
|
}
|
|
126
|
-
.awsui_undo-
|
|
126
|
+
.awsui_undo-button_brdst_5cqco_101:not(#\9):hover {
|
|
127
127
|
cursor: pointer;
|
|
128
128
|
color: var(--color-text-link-hover-8j6p14, #033160);
|
|
129
129
|
}
|
|
130
|
-
.awsui_undo-
|
|
130
|
+
.awsui_undo-button_brdst_5cqco_101:not(#\9):focus {
|
|
131
131
|
outline: none;
|
|
132
132
|
}
|
|
133
|
-
.awsui_undo-
|
|
133
|
+
.awsui_undo-button_brdst_5cqco_101:not(#\9):active {
|
|
134
134
|
color: var(--color-text-link-hover-8j6p14, #033160);
|
|
135
135
|
}
|
|
136
|
-
.awsui_undo-
|
|
136
|
+
.awsui_undo-button_brdst_5cqco_101:not(#\9):active, .awsui_undo-button_brdst_5cqco_101:not(#\9):focus, .awsui_undo-button_brdst_5cqco_101:not(#\9):hover {
|
|
137
137
|
text-decoration-line: underline;
|
|
138
138
|
text-decoration-color: var(--color-text-link-button-underline-hover-gyir88, transparent);
|
|
139
139
|
}
|
|
140
|
-
body[data-awsui-focus-visible=true] .awsui_undo-
|
|
140
|
+
body[data-awsui-focus-visible=true] .awsui_undo-button_brdst_5cqco_101:not(#\9):focus {
|
|
141
141
|
outline: thin dotted;
|
|
142
142
|
outline: var(--border-link-focus-ring-outline-kkfop6, 0);
|
|
143
143
|
outline-offset: 2px;
|
|
144
144
|
outline-color: var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
145
|
-
border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
145
|
+
border-start-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
146
|
+
border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
147
|
+
border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
148
|
+
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
146
149
|
box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
147
150
|
}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"loading": "
|
|
7
|
-
"undo-button": "awsui_undo-
|
|
5
|
+
"root": "awsui_root_brdst_5cqco_93",
|
|
6
|
+
"loading": "awsui_loading_brdst_5cqco_97",
|
|
7
|
+
"undo-button": "awsui_undo-button_brdst_5cqco_101"
|
|
8
8
|
};
|
|
9
9
|
|