@cloudscape-design/components-themeable 3.0.1162 → 3.0.1164
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/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/app-layout/visual-refresh/drawers.scss +1 -0
- package/lib/internal/scss/app-layout/visual-refresh-toolbar/drawer/styles.scss +3 -0
- package/lib/internal/scss/drawer/styles.scss +25 -0
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/template/anchor-navigation/styles.css.js +8 -8
- package/lib/internal/template/anchor-navigation/styles.scoped.css +21 -21
- package/lib/internal/template/anchor-navigation/styles.selectors.js +8 -8
- package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
- package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +164 -163
- package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +30 -30
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +84 -81
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +30 -30
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js.map +1 -1
- package/lib/internal/template/attribute-editor/styles.css.js +15 -15
- package/lib/internal/template/attribute-editor/styles.scoped.css +28 -28
- package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
- package/lib/internal/template/box/styles.css.js +192 -192
- package/lib/internal/template/box/styles.scoped.css +242 -242
- package/lib/internal/template/box/styles.selectors.js +192 -192
- package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
- package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
- package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
- package/lib/internal/template/button/styles.css.js +22 -22
- package/lib/internal/template/button/styles.scoped.css +96 -96
- package/lib/internal/template/button/styles.selectors.js +22 -22
- package/lib/internal/template/button-dropdown/category-elements/styles.css.js +17 -17
- package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +27 -27
- package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +17 -17
- package/lib/internal/template/button-dropdown/item-element/styles.css.js +20 -20
- package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +35 -35
- package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +20 -20
- package/lib/internal/template/calendar/styles.css.js +21 -21
- package/lib/internal/template/calendar/styles.scoped.css +44 -44
- package/lib/internal/template/calendar/styles.selectors.js +21 -21
- package/lib/internal/template/cards/styles.css.js +39 -39
- package/lib/internal/template/cards/styles.scoped.css +51 -51
- package/lib/internal/template/cards/styles.selectors.js +39 -39
- package/lib/internal/template/code-editor/styles.css.js +33 -33
- package/lib/internal/template/code-editor/styles.scoped.css +187 -187
- package/lib/internal/template/code-editor/styles.selectors.js +33 -33
- package/lib/internal/template/collection-preferences/styles.css.js +36 -36
- package/lib/internal/template/collection-preferences/styles.scoped.css +38 -38
- package/lib/internal/template/collection-preferences/styles.selectors.js +36 -36
- package/lib/internal/template/date-range-picker/calendar/grids/styles.css.js +30 -30
- package/lib/internal/template/date-range-picker/calendar/grids/styles.scoped.css +56 -56
- package/lib/internal/template/date-range-picker/calendar/grids/styles.selectors.js +30 -30
- package/lib/internal/template/drawer/implementation.d.ts +1 -1
- package/lib/internal/template/drawer/implementation.d.ts.map +1 -1
- package/lib/internal/template/drawer/implementation.js +13 -4
- package/lib/internal/template/drawer/implementation.js.map +1 -1
- package/lib/internal/template/drawer/interfaces.d.ts +7 -0
- package/lib/internal/template/drawer/interfaces.d.ts.map +1 -1
- package/lib/internal/template/drawer/interfaces.js.map +1 -1
- package/lib/internal/template/drawer/styles.css.js +12 -8
- package/lib/internal/template/drawer/styles.scoped.css +35 -13
- package/lib/internal/template/drawer/styles.selectors.js +12 -8
- package/lib/internal/template/drawer/use-sticky-footer.d.ts +9 -0
- package/lib/internal/template/drawer/use-sticky-footer.d.ts.map +1 -0
- package/lib/internal/template/drawer/use-sticky-footer.js +35 -0
- package/lib/internal/template/drawer/use-sticky-footer.js.map +1 -0
- package/lib/internal/template/expandable-section/styles.css.js +35 -35
- package/lib/internal/template/expandable-section/styles.scoped.css +68 -68
- package/lib/internal/template/expandable-section/styles.selectors.js +35 -35
- package/lib/internal/template/help-panel/styles.css.js +6 -6
- package/lib/internal/template/help-panel/styles.scoped.css +75 -75
- package/lib/internal/template/help-panel/styles.selectors.js +6 -6
- package/lib/internal/template/icon/styles.css.js +39 -39
- package/lib/internal/template/icon/styles.scoped.css +87 -87
- package/lib/internal/template/icon/styles.selectors.js +39 -39
- package/lib/internal/template/internal/base-component/styles.scoped.css +504 -437
- package/lib/internal/template/internal/components/button-trigger/styles.css.js +13 -13
- package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +29 -29
- package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +13 -13
- package/lib/internal/template/internal/components/cartesian-chart/styles.css.js +28 -28
- package/lib/internal/template/internal/components/cartesian-chart/styles.scoped.css +33 -33
- package/lib/internal/template/internal/components/cartesian-chart/styles.selectors.js +28 -28
- package/lib/internal/template/internal/components/chart-series-details/styles.css.js +19 -19
- package/lib/internal/template/internal/components/chart-series-details/styles.scoped.css +33 -33
- package/lib/internal/template/internal/components/chart-series-details/styles.selectors.js +19 -19
- package/lib/internal/template/internal/components/option/styles.css.js +16 -16
- package/lib/internal/template/internal/components/option/styles.scoped.css +29 -29
- package/lib/internal/template/internal/components/option/styles.selectors.js +16 -16
- package/lib/internal/template/internal/components/selectable-item/styles.css.js +23 -23
- package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +54 -54
- package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +23 -23
- package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
- package/lib/internal/template/internal/components/token-list/styles.scoped.css +25 -25
- package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
- package/lib/internal/template/internal/environment.js +2 -2
- package/lib/internal/template/internal/environment.json +2 -2
- package/lib/internal/template/internal/generated/styles/tokens.js +8 -8
- package/lib/internal/template/internal/generated/theming/index.cjs +24 -24
- package/lib/internal/template/internal/generated/theming/index.js +24 -24
- package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.d.ts +3 -1
- package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.d.ts.map +1 -1
- package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.js +2 -2
- package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.js.map +1 -1
- package/lib/internal/template/key-value-pairs/styles.css.js +8 -8
- package/lib/internal/template/key-value-pairs/styles.scoped.css +10 -10
- package/lib/internal/template/key-value-pairs/styles.selectors.js +8 -8
- package/lib/internal/template/link/styles.css.js +20 -20
- package/lib/internal/template/link/styles.scoped.css +92 -92
- package/lib/internal/template/link/styles.selectors.js +20 -20
- package/lib/internal/template/pagination/styles.css.js +9 -9
- package/lib/internal/template/pagination/styles.scoped.css +24 -24
- package/lib/internal/template/pagination/styles.selectors.js +9 -9
- package/lib/internal/template/pie-chart/styles.css.js +27 -27
- package/lib/internal/template/pie-chart/styles.scoped.css +50 -50
- package/lib/internal/template/pie-chart/styles.selectors.js +27 -27
- package/lib/internal/template/popover/internal.js +1 -1
- package/lib/internal/template/popover/internal.js.map +1 -1
- package/lib/internal/template/popover/styles.css.js +57 -57
- package/lib/internal/template/popover/styles.scoped.css +87 -87
- package/lib/internal/template/popover/styles.selectors.js +57 -57
- package/lib/internal/template/progress-bar/styles.css.js +19 -19
- package/lib/internal/template/progress-bar/styles.scoped.css +31 -31
- package/lib/internal/template/progress-bar/styles.selectors.js +19 -19
- package/lib/internal/template/property-filter/styles.css.js +39 -39
- package/lib/internal/template/property-filter/styles.scoped.css +42 -42
- package/lib/internal/template/property-filter/styles.selectors.js +39 -39
- package/lib/internal/template/segmented-control/styles.css.js +16 -16
- package/lib/internal/template/segmented-control/styles.scoped.css +36 -36
- package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
- package/lib/internal/template/side-navigation/styles.css.js +30 -30
- package/lib/internal/template/side-navigation/styles.scoped.css +47 -47
- package/lib/internal/template/side-navigation/styles.selectors.js +30 -30
- package/lib/internal/template/split-panel/icons/styles.css.js +22 -22
- package/lib/internal/template/split-panel/icons/styles.scoped.css +27 -27
- package/lib/internal/template/split-panel/icons/styles.selectors.js +22 -22
- package/lib/internal/template/table/body-cell/styles.css.js +47 -47
- package/lib/internal/template/table/body-cell/styles.scoped.css +377 -377
- package/lib/internal/template/table/body-cell/styles.selectors.js +47 -47
- package/lib/internal/template/tag-editor/styles.css.js +3 -3
- package/lib/internal/template/tag-editor/styles.scoped.css +13 -13
- package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
- package/lib/internal/template/test-utils/dom/drawer/index.d.ts +1 -0
- package/lib/internal/template/test-utils/dom/drawer/index.js +3 -0
- package/lib/internal/template/test-utils/dom/drawer/index.js.map +1 -1
- package/lib/internal/template/test-utils/selectors/drawer/index.d.ts +1 -0
- package/lib/internal/template/test-utils/selectors/drawer/index.js +3 -0
- package/lib/internal/template/test-utils/selectors/drawer/index.js.map +1 -1
- package/lib/internal/template/text-content/styles.css.js +1 -1
- package/lib/internal/template/text-content/styles.scoped.css +66 -66
- package/lib/internal/template/text-content/styles.selectors.js +1 -1
- package/lib/internal/template/token/styles.css.js +14 -14
- package/lib/internal/template/token/styles.scoped.css +29 -29
- package/lib/internal/template/token/styles.selectors.js +14 -14
- package/lib/internal/template/top-navigation/styles.css.js +47 -47
- package/lib/internal/template/top-navigation/styles.scoped.css +66 -66
- package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css +28 -28
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/package.json +1 -1
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
*/
|
|
143
143
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
144
144
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
145
|
-
.awsui_selectable-
|
|
145
|
+
.awsui_selectable-item_15o6u_lur60_145:not(#\9) {
|
|
146
146
|
font-size: var(--font-size-body-m-vv54cm, 14px);
|
|
147
147
|
line-height: var(--line-height-body-m-bedeoh, 22px);
|
|
148
148
|
color: var(--color-text-body-default-5qid0u, #16191f);
|
|
@@ -165,33 +165,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
165
165
|
padding-inline: var(--border-item-width-acvlhx, 1px);
|
|
166
166
|
overflow: hidden;
|
|
167
167
|
}
|
|
168
|
-
.awsui_selectable-
|
|
168
|
+
.awsui_selectable-item_15o6u_lur60_145 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9) {
|
|
169
169
|
padding-block: var(--space-xxs-jnczic, 4px);
|
|
170
170
|
padding-inline: var(--space-field-horizontal-n5peob, 8px);
|
|
171
171
|
}
|
|
172
|
-
.awsui_selectable-
|
|
172
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_pad-bottom_15o6u_lur60_172:not(#\9) {
|
|
173
173
|
padding-block-end: calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px));
|
|
174
174
|
border-block-end-color: transparent;
|
|
175
175
|
}
|
|
176
|
-
.awsui_selectable-
|
|
176
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_pad-bottom_15o6u_lur60_172 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9) {
|
|
177
177
|
padding-block-end: calc(var(--space-xxs-jnczic, 4px) + var(--space-xxxs-3w1kr2, 2px));
|
|
178
178
|
}
|
|
179
|
-
.awsui_selectable-
|
|
179
|
+
.awsui_selectable-item_15o6u_lur60_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_lur60_145.awsui_virtual_15o6u_lur60_179:not(#\9) {
|
|
180
180
|
margin-block-start: calc(-1 * var(--border-item-width-acvlhx, 1px));
|
|
181
181
|
}
|
|
182
|
-
.awsui_selectable-
|
|
182
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_has-background_15o6u_lur60_182:not(#\9) {
|
|
183
183
|
background-color: var(--color-background-dropdown-item-hover-353r6f, #f2f3f3);
|
|
184
184
|
}
|
|
185
|
-
.awsui_selectable-
|
|
185
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_child_15o6u_lur60_185:not(#\9) {
|
|
186
186
|
padding-inline-start: var(--border-item-width-acvlhx, 1px);
|
|
187
187
|
}
|
|
188
|
-
.awsui_selectable-
|
|
188
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_child_15o6u_lur60_185 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9) {
|
|
189
189
|
padding-inline-start: var(--space-xxl-q0lyvp, 32px);
|
|
190
190
|
}
|
|
191
|
-
.awsui_selectable-
|
|
191
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_disabled_15o6u_lur60_191 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9) {
|
|
192
192
|
color: var(--color-text-dropdown-item-disabled-oysy8n, #aab7b8);
|
|
193
193
|
}
|
|
194
|
-
.awsui_selectable-
|
|
194
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_highlighted_15o6u_lur60_194:not(#\9), .awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194:not(#\9) {
|
|
195
195
|
color: var(--color-text-dropdown-item-highlighted-bchk26, #16191f);
|
|
196
196
|
border-width: var(--border-item-width-acvlhx, 1px);
|
|
197
197
|
border-start-start-radius: var(--border-radius-item-xggxkd, 0px);
|
|
@@ -201,157 +201,157 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
201
201
|
padding-block: 0;
|
|
202
202
|
padding-inline: 0;
|
|
203
203
|
}
|
|
204
|
-
.awsui_selectable-
|
|
204
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_highlighted_15o6u_lur60_194 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9), .awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9) {
|
|
205
205
|
padding-block: var(--space-xxs-jnczic, 4px);
|
|
206
206
|
padding-inline: var(--space-field-horizontal-n5peob, 8px);
|
|
207
207
|
}
|
|
208
|
-
.awsui_selectable-
|
|
208
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_highlighted_15o6u_lur60_194.awsui_child_15o6u_lur60_185:not(#\9), .awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194.awsui_child_15o6u_lur60_185:not(#\9) {
|
|
209
209
|
padding-inline-start: 0;
|
|
210
210
|
}
|
|
211
|
-
.awsui_selectable-
|
|
211
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_highlighted_15o6u_lur60_194.awsui_child_15o6u_lur60_185 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9), .awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194.awsui_child_15o6u_lur60_185 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9) {
|
|
212
212
|
padding-inline-start: var(--space-xxl-q0lyvp, 32px);
|
|
213
213
|
}
|
|
214
|
-
.awsui_selectable-
|
|
214
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_highlighted_15o6u_lur60_194.awsui_pad-bottom_15o6u_lur60_172:not(#\9), .awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194.awsui_pad-bottom_15o6u_lur60_172:not(#\9) {
|
|
215
215
|
padding-block-end: 0;
|
|
216
216
|
}
|
|
217
|
-
.awsui_selectable-
|
|
217
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_highlighted_15o6u_lur60_194.awsui_pad-bottom_15o6u_lur60_172 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9), .awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194.awsui_pad-bottom_15o6u_lur60_172 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9) {
|
|
218
218
|
padding-block-end: calc(var(--space-xxs-jnczic, 4px) + var(--space-xxxs-3w1kr2, 2px));
|
|
219
219
|
}
|
|
220
|
-
.awsui_selectable-
|
|
220
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_highlighted_15o6u_lur60_194:not(#\9) {
|
|
221
221
|
z-index: 3;
|
|
222
222
|
background-color: var(--color-background-dropdown-item-hover-353r6f, #f2f3f3);
|
|
223
223
|
border-color: var(--color-border-dropdown-item-hover-vony6u, #879596);
|
|
224
224
|
}
|
|
225
|
-
.awsui_selectable-
|
|
225
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_highlighted_15o6u_lur60_194.awsui_disabled_15o6u_lur60_191:not(#\9) {
|
|
226
226
|
border-color: var(--color-border-dropdown-item-dimmed-hover-twsd8z, #879596);
|
|
227
227
|
background-color: var(--color-background-dropdown-item-dimmed-2hwvu9, transparent);
|
|
228
228
|
}
|
|
229
|
-
.awsui_selectable-
|
|
229
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_highlighted_15o6u_lur60_194.awsui_disabled_15o6u_lur60_191 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9) {
|
|
230
230
|
color: var(--color-text-dropdown-item-dimmed-0xf8v3, #aab7b8);
|
|
231
231
|
}
|
|
232
|
-
.awsui_selectable-
|
|
232
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_highlighted_15o6u_lur60_194.awsui_is-keyboard_15o6u_lur60_232:not(#\9) {
|
|
233
233
|
border-color: var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
|
|
234
234
|
}
|
|
235
|
-
.awsui_selectable-
|
|
235
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_highlighted_15o6u_lur60_194.awsui_is-keyboard_15o6u_lur60_232:not(#\9):not(.awsui_visual-refresh_15o6u_lur60_235) {
|
|
236
236
|
box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
237
237
|
}
|
|
238
|
-
.awsui_selectable-
|
|
238
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194:not(#\9) {
|
|
239
239
|
z-index: 2;
|
|
240
240
|
background-color: var(--color-background-dropdown-item-selected-1c9k0x, #f1faff);
|
|
241
241
|
border-color: var(--color-border-dropdown-item-selected-88v7h2, #eaeded);
|
|
242
242
|
}
|
|
243
|
-
.awsui_selectable-
|
|
243
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194.awsui_next-item-selected_15o6u_lur60_243:not(#\9) {
|
|
244
244
|
border-end-start-radius: 0;
|
|
245
245
|
border-end-end-radius: 0;
|
|
246
246
|
}
|
|
247
|
-
.awsui_selectable-
|
|
247
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194.awsui_highlighted_15o6u_lur60_194:not(#\9) {
|
|
248
248
|
border-color: var(--color-border-dropdown-item-selected-88v7h2, #eaeded);
|
|
249
249
|
z-index: 3;
|
|
250
250
|
outline: var(--border-item-width-acvlhx, 1px) solid var(--color-border-dropdown-item-hover-vony6u, #879596);
|
|
251
251
|
outline-offset: calc(-2 * var(--border-item-width-acvlhx, 1px));
|
|
252
252
|
}
|
|
253
|
-
.awsui_selectable-
|
|
253
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194.awsui_highlighted_15o6u_lur60_194.awsui_is-keyboard_15o6u_lur60_232:not(#\9) {
|
|
254
254
|
border-color: var(--color-border-dropdown-item-selected-88v7h2, #eaeded);
|
|
255
255
|
outline-color: var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
|
|
256
256
|
}
|
|
257
|
-
.awsui_selectable-
|
|
257
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194.awsui_highlighted_15o6u_lur60_194:not(#\9):not(.awsui_visual-refresh_15o6u_lur60_235) {
|
|
258
258
|
border-color: var(--color-border-dropdown-item-hover-vony6u, #879596);
|
|
259
259
|
outline: none;
|
|
260
260
|
}
|
|
261
|
-
.awsui_selectable-
|
|
261
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194.awsui_highlighted_15o6u_lur60_194:not(#\9):not(.awsui_visual-refresh_15o6u_lur60_235).awsui_is-keyboard_15o6u_lur60_232 {
|
|
262
262
|
border-color: var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
|
|
263
263
|
}
|
|
264
|
-
.awsui_selectable-
|
|
264
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194 + .awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194:not(#\9), .awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194.awsui_previous-item-selected_15o6u_lur60_264:not(#\9) {
|
|
265
265
|
border-start-start-radius: 0;
|
|
266
266
|
border-start-end-radius: 0;
|
|
267
267
|
}
|
|
268
|
-
.awsui_selectable-
|
|
269
|
-
color: var(--color-text-dropdown-group-label-
|
|
268
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_parent_15o6u_lur60_268:not(#\9):not(.awsui_disabled_15o6u_lur60_191) > .awsui_selectable-item-content_15o6u_lur60_168 {
|
|
269
|
+
color: var(--color-text-dropdown-group-label-m31yo5, #545b64);
|
|
270
270
|
}
|
|
271
|
-
.awsui_selectable-
|
|
271
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_parent_15o6u_lur60_268:not(#\9):not(.awsui_interactiveGroups_15o6u_lur60_271) {
|
|
272
272
|
border-block-start-color: var(--color-border-dropdown-group-dg9zg5, #eaeded);
|
|
273
273
|
padding-block: 0;
|
|
274
274
|
padding-inline: 0;
|
|
275
275
|
}
|
|
276
|
-
.awsui_selectable-
|
|
276
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_parent_15o6u_lur60_268:not(#\9):not(.awsui_interactiveGroups_15o6u_lur60_271):not(:has(> .awsui_selectable-item-content_15o6u_lur60_168)) {
|
|
277
277
|
padding-block: calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px));
|
|
278
278
|
padding-inline: var(--border-item-width-acvlhx, 1px);
|
|
279
279
|
}
|
|
280
|
-
.awsui_selectable-
|
|
280
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_parent_15o6u_lur60_268:not(#\9):not(.awsui_interactiveGroups_15o6u_lur60_271) > .awsui_selectable-item-content_15o6u_lur60_168 {
|
|
281
281
|
padding-block: var(--space-xs-kw7k3v, 8px);
|
|
282
282
|
padding-inline: var(--space-xs-kw7k3v, 8px);
|
|
283
283
|
font-weight: bold;
|
|
284
284
|
}
|
|
285
|
-
.awsui_selectable-
|
|
285
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_parent_15o6u_lur60_268.awsui_interactiveGroups_15o6u_lur60_271 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9) {
|
|
286
286
|
padding-block: var(--space-xs-kw7k3v, 8px);
|
|
287
287
|
padding-inline: var(--space-field-horizontal-n5peob, 8px);
|
|
288
288
|
font-weight: bold;
|
|
289
289
|
}
|
|
290
|
-
.awsui_selectable-
|
|
290
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_parent_15o6u_lur60_268.awsui_interactiveGroups_15o6u_lur60_271.awsui_highlighted_15o6u_lur60_194 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9) {
|
|
291
291
|
color: var(--color-text-dropdown-item-highlighted-bchk26, #16191f);
|
|
292
292
|
}
|
|
293
|
-
.awsui_selectable-
|
|
293
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_parent_15o6u_lur60_268.awsui_interactiveGroups_15o6u_lur60_271.awsui_highlighted_15o6u_lur60_194:not(#\9), .awsui_selectable-item_15o6u_lur60_145.awsui_parent_15o6u_lur60_268.awsui_interactiveGroups_15o6u_lur60_271.awsui_selected_15o6u_lur60_194:not(#\9) {
|
|
294
294
|
padding-block: 0;
|
|
295
295
|
padding-inline: 0;
|
|
296
296
|
}
|
|
297
|
-
.awsui_selectable-
|
|
297
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_parent_15o6u_lur60_268.awsui_interactiveGroups_15o6u_lur60_271.awsui_highlighted_15o6u_lur60_194 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9), .awsui_selectable-item_15o6u_lur60_145.awsui_parent_15o6u_lur60_268.awsui_interactiveGroups_15o6u_lur60_271.awsui_selected_15o6u_lur60_194 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9) {
|
|
298
298
|
padding-block: var(--space-xs-kw7k3v, 8px);
|
|
299
299
|
padding-inline: var(--space-field-horizontal-n5peob, 8px);
|
|
300
300
|
}
|
|
301
|
-
.awsui_selectable-
|
|
301
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_sticky_15o6u_lur60_301:not(#\9) {
|
|
302
302
|
position: sticky;
|
|
303
303
|
inset-block-start: 0;
|
|
304
304
|
margin-block-end: calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px));
|
|
305
305
|
z-index: 4;
|
|
306
306
|
}
|
|
307
|
-
.awsui_selectable-
|
|
307
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_sticky_15o6u_lur60_301:not(#\9):not(.awsui_highlighted_15o6u_lur60_194):not(.awsui_selected_15o6u_lur60_194) {
|
|
308
308
|
border-inline-start-width: var(--border-item-width-acvlhx, 1px);
|
|
309
309
|
border-inline-start-color: var(--color-border-dropdown-container-w99bbi, transparent);
|
|
310
310
|
border-inline-end-color: var(--color-border-dropdown-container-w99bbi, transparent);
|
|
311
311
|
padding-inline: 0;
|
|
312
312
|
}
|
|
313
|
-
.awsui_selectable-
|
|
313
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_sticky_15o6u_lur60_301:not(#\9):not(.awsui_highlighted_15o6u_lur60_194):not(.awsui_selected_15o6u_lur60_194) > .awsui_selectable-item-content_15o6u_lur60_168 {
|
|
314
314
|
padding-inline: var(--space-field-horizontal-n5peob, 8px);
|
|
315
315
|
}
|
|
316
|
-
.awsui_selectable-
|
|
316
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_sticky_15o6u_lur60_301:not(#\9):not(.awsui_highlighted_15o6u_lur60_194):not(.awsui_selected_15o6u_lur60_194):not(.awsui_with-scrollbar_15o6u_lur60_316) {
|
|
317
317
|
border-inline-end-width: var(--border-item-width-acvlhx, 1px);
|
|
318
318
|
}
|
|
319
|
-
.awsui_selectable-
|
|
319
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_sticky_15o6u_lur60_301:not(#\9):not(.awsui_highlighted_15o6u_lur60_194):not(.awsui_selected_15o6u_lur60_194).awsui_with-scrollbar_15o6u_lur60_316 {
|
|
320
320
|
border-inline-end-width: 0;
|
|
321
321
|
}
|
|
322
|
-
.awsui_selectable-
|
|
322
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_sticky_15o6u_lur60_301:not(#\9):not(.awsui_highlighted_15o6u_lur60_194):not(.awsui_selected_15o6u_lur60_194):not(.awsui_after-header_15o6u_lur60_322) {
|
|
323
323
|
border-start-start-radius: var(--border-radius-item-xggxkd, 0px);
|
|
324
324
|
}
|
|
325
|
-
.awsui_selectable-
|
|
325
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_sticky_15o6u_lur60_301:not(#\9):not(.awsui_highlighted_15o6u_lur60_194):not(.awsui_selected_15o6u_lur60_194):not(.awsui_after-header_15o6u_lur60_322):not(.awsui_selectable-item_15o6u_lur60_145.awsui_sticky_15o6u_lur60_301:not(.awsui_highlighted_15o6u_lur60_194):not(.awsui_selected_15o6u_lur60_194):not(.awsui_after-header_15o6u_lur60_322).awsui_with-scrollbar_15o6u_lur60_316) {
|
|
326
326
|
border-start-end-radius: var(--border-radius-item-xggxkd, 0px);
|
|
327
327
|
}
|
|
328
|
-
.awsui_selectable-
|
|
328
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_sticky_15o6u_lur60_301:not(#\9):not(.awsui_highlighted_15o6u_lur60_194):not(.awsui_selected_15o6u_lur60_194).awsui_after-header_15o6u_lur60_322 {
|
|
329
329
|
border-block-start-color: var(--color-background-dropdown-item-default-fhmksr, #ffffff);
|
|
330
330
|
}
|
|
331
|
-
.awsui_selectable-
|
|
331
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_sticky_15o6u_lur60_301.awsui_disabled_15o6u_lur60_191.awsui_highlighted_15o6u_lur60_194:not(#\9), .awsui_selectable-item_15o6u_lur60_145.awsui_sticky_15o6u_lur60_301.awsui_disabled_15o6u_lur60_191.awsui_selected_15o6u_lur60_194:not(#\9) {
|
|
332
332
|
border-block-end-color: transparent;
|
|
333
333
|
border-block-start-color: transparent;
|
|
334
334
|
border-inline-start-color: transparent;
|
|
335
335
|
border-inline-end-color: transparent;
|
|
336
336
|
}
|
|
337
|
-
.awsui_selectable-
|
|
337
|
+
.awsui_selectable-item_15o6u_lur60_145:not(#\9):not(.awsui_disabled_15o6u_lur60_191):not(.awsui_parent_15o6u_lur60_268) {
|
|
338
338
|
cursor: pointer;
|
|
339
339
|
}
|
|
340
|
-
.awsui_selectable-
|
|
340
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_interactiveGroups_15o6u_lur60_271:not(#\9):not(.awsui_disabled_15o6u_lur60_191) {
|
|
341
341
|
cursor: pointer;
|
|
342
342
|
}
|
|
343
|
-
.awsui_selectable-
|
|
343
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_virtual_15o6u_lur60_179:not(#\9) {
|
|
344
344
|
position: absolute;
|
|
345
345
|
inset-block-start: var(--border-dropdown-virtual-offset-width-1fzwg5, 0px);
|
|
346
346
|
inset-inline-start: 0;
|
|
347
347
|
inline-size: 100%;
|
|
348
348
|
box-sizing: border-box;
|
|
349
349
|
}
|
|
350
|
-
.awsui_selectable-
|
|
350
|
+
.awsui_selectable-item_15o6u_lur60_145.awsui_virtual_15o6u_lur60_179:not(#\9):first-of-type:not(.awsui_selected_15o6u_lur60_194, .awsui_highlighted_15o6u_lur60_194) {
|
|
351
351
|
border-block-start-color: var(--color-border-dropdown-item-top-znzfoj, #eaeded);
|
|
352
352
|
}
|
|
353
353
|
|
|
354
|
-
.awsui_measure-
|
|
354
|
+
.awsui_measure-strut_15o6u_lur60_354:not(#\9) {
|
|
355
355
|
position: absolute;
|
|
356
356
|
pointer-events: none;
|
|
357
357
|
block-size: 100%;
|
|
@@ -360,20 +360,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
360
360
|
inset-inline-start: 0;
|
|
361
361
|
padding-block-start: var(--border-divider-list-width-8ggz94, 1px);
|
|
362
362
|
}
|
|
363
|
-
.awsui_measure-strut-
|
|
363
|
+
.awsui_measure-strut-first_15o6u_lur60_363:not(#\9) {
|
|
364
364
|
padding-block-end: var(--border-divider-list-width-8ggz94, 1px);
|
|
365
365
|
}
|
|
366
366
|
|
|
367
|
-
.awsui_screenreader-
|
|
367
|
+
.awsui_screenreader-content_15o6u_lur60_367:not(#\9) {
|
|
368
368
|
position: absolute !important;
|
|
369
369
|
inset-block-start: -9999px !important;
|
|
370
370
|
inset-inline-start: -9999px !important;
|
|
371
371
|
}
|
|
372
372
|
|
|
373
|
-
.awsui_option-
|
|
373
|
+
.awsui_option-content_15o6u_lur60_373:not(#\9) {
|
|
374
374
|
/* used in test-utils */
|
|
375
375
|
}
|
|
376
376
|
|
|
377
|
-
.awsui_select-
|
|
377
|
+
.awsui_select-all_15o6u_lur60_377:not(#\9) {
|
|
378
378
|
/* used in test-utils */
|
|
379
379
|
}
|
|
@@ -2,28 +2,28 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"selectable-item": "awsui_selectable-
|
|
6
|
-
"selectable-item-content": "awsui_selectable-item-
|
|
7
|
-
"pad-bottom": "awsui_pad-
|
|
8
|
-
"virtual": "
|
|
9
|
-
"has-background": "awsui_has-
|
|
10
|
-
"child": "
|
|
11
|
-
"disabled": "
|
|
12
|
-
"highlighted": "
|
|
13
|
-
"selected": "
|
|
14
|
-
"is-keyboard": "awsui_is-
|
|
15
|
-
"visual-refresh": "awsui_visual-
|
|
16
|
-
"next-item-selected": "awsui_next-item-
|
|
17
|
-
"previous-item-selected": "awsui_previous-item-
|
|
18
|
-
"parent": "
|
|
19
|
-
"interactiveGroups": "
|
|
20
|
-
"sticky": "
|
|
21
|
-
"with-scrollbar": "awsui_with-
|
|
22
|
-
"after-header": "awsui_after-
|
|
23
|
-
"measure-strut": "awsui_measure-
|
|
24
|
-
"measure-strut-first": "awsui_measure-strut-
|
|
25
|
-
"screenreader-content": "awsui_screenreader-
|
|
26
|
-
"option-content": "awsui_option-
|
|
27
|
-
"select-all": "awsui_select-
|
|
5
|
+
"selectable-item": "awsui_selectable-item_15o6u_lur60_145",
|
|
6
|
+
"selectable-item-content": "awsui_selectable-item-content_15o6u_lur60_168",
|
|
7
|
+
"pad-bottom": "awsui_pad-bottom_15o6u_lur60_172",
|
|
8
|
+
"virtual": "awsui_virtual_15o6u_lur60_179",
|
|
9
|
+
"has-background": "awsui_has-background_15o6u_lur60_182",
|
|
10
|
+
"child": "awsui_child_15o6u_lur60_185",
|
|
11
|
+
"disabled": "awsui_disabled_15o6u_lur60_191",
|
|
12
|
+
"highlighted": "awsui_highlighted_15o6u_lur60_194",
|
|
13
|
+
"selected": "awsui_selected_15o6u_lur60_194",
|
|
14
|
+
"is-keyboard": "awsui_is-keyboard_15o6u_lur60_232",
|
|
15
|
+
"visual-refresh": "awsui_visual-refresh_15o6u_lur60_235",
|
|
16
|
+
"next-item-selected": "awsui_next-item-selected_15o6u_lur60_243",
|
|
17
|
+
"previous-item-selected": "awsui_previous-item-selected_15o6u_lur60_264",
|
|
18
|
+
"parent": "awsui_parent_15o6u_lur60_268",
|
|
19
|
+
"interactiveGroups": "awsui_interactiveGroups_15o6u_lur60_271",
|
|
20
|
+
"sticky": "awsui_sticky_15o6u_lur60_301",
|
|
21
|
+
"with-scrollbar": "awsui_with-scrollbar_15o6u_lur60_316",
|
|
22
|
+
"after-header": "awsui_after-header_15o6u_lur60_322",
|
|
23
|
+
"measure-strut": "awsui_measure-strut_15o6u_lur60_354",
|
|
24
|
+
"measure-strut-first": "awsui_measure-strut-first_15o6u_lur60_363",
|
|
25
|
+
"screenreader-content": "awsui_screenreader-content_15o6u_lur60_367",
|
|
26
|
+
"option-content": "awsui_option-content_15o6u_lur60_373",
|
|
27
|
+
"select-all": "awsui_select-all_15o6u_lur60_377"
|
|
28
28
|
};
|
|
29
29
|
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"horizontal": "
|
|
6
|
-
"vertical": "
|
|
7
|
-
"list": "
|
|
8
|
-
"grid": "
|
|
9
|
-
"list-item": "awsui_list-
|
|
10
|
-
"toggle-container-inline": "awsui_toggle-container-
|
|
11
|
-
"toggle": "
|
|
12
|
-
"description": "
|
|
13
|
-
"separator": "
|
|
4
|
+
"root": "awsui_root_gfwv3_gpty1_193",
|
|
5
|
+
"horizontal": "awsui_horizontal_gfwv3_gpty1_196",
|
|
6
|
+
"vertical": "awsui_vertical_gfwv3_gpty1_202",
|
|
7
|
+
"list": "awsui_list_gfwv3_gpty1_207",
|
|
8
|
+
"grid": "awsui_grid_gfwv3_gpty1_226",
|
|
9
|
+
"list-item": "awsui_list-item_gfwv3_gpty1_238",
|
|
10
|
+
"toggle-container-inline": "awsui_toggle-container-inline_gfwv3_gpty1_245",
|
|
11
|
+
"toggle": "awsui_toggle_gfwv3_gpty1_245",
|
|
12
|
+
"description": "awsui_description_gfwv3_gpty1_337",
|
|
13
|
+
"separator": "awsui_separator_gfwv3_gpty1_341"
|
|
14
14
|
};
|
|
15
15
|
|
|
@@ -190,21 +190,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
190
190
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
191
191
|
SPDX-License-Identifier: Apache-2.0
|
|
192
192
|
*/
|
|
193
|
-
.
|
|
193
|
+
.awsui_root_gfwv3_gpty1_193:not(#\9) {
|
|
194
194
|
gap: var(--space-scaled-xs-sppte9, 8px);
|
|
195
195
|
}
|
|
196
|
-
.
|
|
196
|
+
.awsui_root_gfwv3_gpty1_193.awsui_horizontal_gfwv3_gpty1_196:not(#\9) {
|
|
197
197
|
display: flex;
|
|
198
198
|
gap: var(--space-xs-kw7k3v, 8px);
|
|
199
199
|
flex-direction: row;
|
|
200
200
|
flex-wrap: wrap;
|
|
201
201
|
}
|
|
202
|
-
.
|
|
202
|
+
.awsui_root_gfwv3_gpty1_193.awsui_vertical_gfwv3_gpty1_202:not(#\9) {
|
|
203
203
|
display: flex;
|
|
204
204
|
flex-direction: column;
|
|
205
205
|
}
|
|
206
206
|
|
|
207
|
-
.
|
|
207
|
+
.awsui_list_gfwv3_gpty1_207:not(#\9) {
|
|
208
208
|
display: contents;
|
|
209
209
|
list-style: none;
|
|
210
210
|
padding-block: 0;
|
|
@@ -212,43 +212,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
212
212
|
margin-block: 0;
|
|
213
213
|
margin-inline: 0;
|
|
214
214
|
}
|
|
215
|
-
.
|
|
215
|
+
.awsui_list_gfwv3_gpty1_207.awsui_horizontal_gfwv3_gpty1_196:not(#\9), .awsui_list_gfwv3_gpty1_207.awsui_vertical_gfwv3_gpty1_202:not(#\9) {
|
|
216
216
|
display: flex;
|
|
217
217
|
gap: var(--space-xs-kw7k3v, 8px);
|
|
218
218
|
}
|
|
219
|
-
.
|
|
219
|
+
.awsui_list_gfwv3_gpty1_207.awsui_horizontal_gfwv3_gpty1_196:not(#\9) {
|
|
220
220
|
flex-direction: row;
|
|
221
221
|
flex-wrap: wrap;
|
|
222
222
|
}
|
|
223
|
-
.
|
|
223
|
+
.awsui_list_gfwv3_gpty1_207.awsui_vertical_gfwv3_gpty1_202:not(#\9) {
|
|
224
224
|
flex-direction: column;
|
|
225
225
|
}
|
|
226
|
-
.
|
|
226
|
+
.awsui_list_gfwv3_gpty1_207.awsui_grid_gfwv3_gpty1_226:not(#\9) {
|
|
227
227
|
display: grid;
|
|
228
228
|
gap: var(--space-xs-kw7k3v, 8px);
|
|
229
229
|
grid-template-columns: repeat(auto-fill, 230px);
|
|
230
230
|
}
|
|
231
231
|
@media (max-width: 688px) {
|
|
232
|
-
.
|
|
232
|
+
.awsui_list_gfwv3_gpty1_207.awsui_grid_gfwv3_gpty1_226:not(#\9) {
|
|
233
233
|
display: flex;
|
|
234
234
|
flex-direction: column;
|
|
235
235
|
}
|
|
236
236
|
}
|
|
237
237
|
|
|
238
|
-
.awsui_list-
|
|
238
|
+
.awsui_list-item_gfwv3_gpty1_238:not(#\9) {
|
|
239
239
|
padding-block: 0;
|
|
240
240
|
padding-inline: 0;
|
|
241
241
|
margin-block: 0;
|
|
242
242
|
margin-inline: 0;
|
|
243
243
|
}
|
|
244
244
|
|
|
245
|
-
.awsui_toggle-container-
|
|
245
|
+
.awsui_toggle-container-inline_gfwv3_gpty1_245:not(#\9) {
|
|
246
246
|
padding-inline-start: var(--space-xs-kw7k3v, 8px);
|
|
247
247
|
display: flex;
|
|
248
248
|
align-items: center;
|
|
249
249
|
}
|
|
250
250
|
|
|
251
|
-
.
|
|
251
|
+
.awsui_toggle_gfwv3_gpty1_245:not(#\9) {
|
|
252
252
|
border-collapse: separate;
|
|
253
253
|
border-spacing: 0;
|
|
254
254
|
box-sizing: border-box;
|
|
@@ -288,7 +288,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
288
288
|
margin-inline-start: -1px;
|
|
289
289
|
text-underline-offset: 0.25em;
|
|
290
290
|
text-decoration-thickness: 1px;
|
|
291
|
-
color: var(--awsui-style-color-default-d43v8n, var(--color-text-link-default-
|
|
291
|
+
color: var(--awsui-style-color-default-d43v8n, var(--color-text-link-default-z7zuy8, #0073bb));
|
|
292
292
|
font-weight: inherit;
|
|
293
293
|
letter-spacing: normal;
|
|
294
294
|
text-decoration-line: none;
|
|
@@ -299,34 +299,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
299
299
|
transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
|
|
300
300
|
}
|
|
301
301
|
@media (prefers-reduced-motion: reduce) {
|
|
302
|
-
.
|
|
302
|
+
.awsui_toggle_gfwv3_gpty1_245:not(#\9) {
|
|
303
303
|
animation: none;
|
|
304
304
|
transition: none;
|
|
305
305
|
}
|
|
306
306
|
}
|
|
307
|
-
.awsui-motion-disabled .
|
|
307
|
+
.awsui-motion-disabled .awsui_toggle_gfwv3_gpty1_245:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_gpty1_245:not(#\9) {
|
|
308
308
|
animation: none;
|
|
309
309
|
transition: none;
|
|
310
310
|
}
|
|
311
|
-
.
|
|
311
|
+
.awsui_toggle_gfwv3_gpty1_245:not(#\9):hover {
|
|
312
312
|
cursor: pointer;
|
|
313
|
-
color: var(--awsui-style-color-hover-d43v8n, var(--color-text-link-hover-
|
|
313
|
+
color: var(--awsui-style-color-hover-d43v8n, var(--color-text-link-hover-pqxtsy, #0a4a74));
|
|
314
314
|
}
|
|
315
|
-
.
|
|
315
|
+
.awsui_toggle_gfwv3_gpty1_245:not(#\9):focus {
|
|
316
316
|
outline: none;
|
|
317
317
|
}
|
|
318
|
-
.
|
|
319
|
-
color: var(--awsui-style-color-active-d43v8n, var(--color-text-link-hover-
|
|
318
|
+
.awsui_toggle_gfwv3_gpty1_245:not(#\9):active {
|
|
319
|
+
color: var(--awsui-style-color-active-d43v8n, var(--color-text-link-hover-pqxtsy, #0a4a74));
|
|
320
320
|
}
|
|
321
|
-
.
|
|
321
|
+
.awsui_toggle_gfwv3_gpty1_245:not(#\9):active, .awsui_toggle_gfwv3_gpty1_245:not(#\9):focus, .awsui_toggle_gfwv3_gpty1_245:not(#\9):hover {
|
|
322
322
|
text-decoration-line: underline;
|
|
323
323
|
text-decoration-color: currentColor;
|
|
324
324
|
}
|
|
325
|
-
.
|
|
325
|
+
.awsui_toggle_gfwv3_gpty1_245:not(#\9):active, .awsui_toggle_gfwv3_gpty1_245:not(#\9):focus, .awsui_toggle_gfwv3_gpty1_245:not(#\9):hover {
|
|
326
326
|
text-decoration: none;
|
|
327
327
|
text-decoration-color: transparent;
|
|
328
328
|
}
|
|
329
|
-
body[data-awsui-focus-visible=true] .
|
|
329
|
+
body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_gpty1_245:not(#\9):focus {
|
|
330
330
|
outline: 2px dotted transparent;
|
|
331
331
|
border-block: var(--border-width-button-40y1n5, 1px) solid var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
332
332
|
border-inline: var(--border-width-button-40y1n5, 1px) solid var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
@@ -336,11 +336,11 @@ body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_p9rru_245:not(#\9):focus
|
|
|
336
336
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
|
|
337
337
|
box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
338
338
|
}
|
|
339
|
-
.
|
|
339
|
+
.awsui_toggle_gfwv3_gpty1_245 > .awsui_description_gfwv3_gpty1_337:not(#\9) {
|
|
340
340
|
margin-inline-start: var(--space-xxs-jnczic, 4px);
|
|
341
341
|
}
|
|
342
342
|
|
|
343
|
-
.
|
|
343
|
+
.awsui_separator_gfwv3_gpty1_341:not(#\9) {
|
|
344
344
|
margin-block: 0;
|
|
345
345
|
margin-inline: var(--space-scaled-m-sw9kcx, 16px);
|
|
346
346
|
inline-size: var(--border-divider-section-width-sznrdy, 1px);
|
|
@@ -2,15 +2,15 @@
|
|
|
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
|
-
"horizontal": "
|
|
7
|
-
"vertical": "
|
|
8
|
-
"list": "
|
|
9
|
-
"grid": "
|
|
10
|
-
"list-item": "awsui_list-
|
|
11
|
-
"toggle-container-inline": "awsui_toggle-container-
|
|
12
|
-
"toggle": "
|
|
13
|
-
"description": "
|
|
14
|
-
"separator": "
|
|
5
|
+
"root": "awsui_root_gfwv3_gpty1_193",
|
|
6
|
+
"horizontal": "awsui_horizontal_gfwv3_gpty1_196",
|
|
7
|
+
"vertical": "awsui_vertical_gfwv3_gpty1_202",
|
|
8
|
+
"list": "awsui_list_gfwv3_gpty1_207",
|
|
9
|
+
"grid": "awsui_grid_gfwv3_gpty1_226",
|
|
10
|
+
"list-item": "awsui_list-item_gfwv3_gpty1_238",
|
|
11
|
+
"toggle-container-inline": "awsui_toggle-container-inline_gfwv3_gpty1_245",
|
|
12
|
+
"toggle": "awsui_toggle_gfwv3_gpty1_245",
|
|
13
|
+
"description": "awsui_description_gfwv3_gpty1_337",
|
|
14
|
+
"separator": "awsui_separator_gfwv3_gpty1_341"
|
|
15
15
|
};
|
|
16
16
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export var PACKAGE_SOURCE = "components";
|
|
2
|
-
export var PACKAGE_VERSION = "3.0.0 (
|
|
3
|
-
export var GIT_SHA = "
|
|
2
|
+
export var PACKAGE_VERSION = "3.0.0 (6d73d510)";
|
|
3
|
+
export var GIT_SHA = "6d73d510";
|
|
4
4
|
export var THEME = "open-source-visual-refresh";
|
|
5
5
|
export var SYSTEM = "console";
|
|
6
6
|
export var ALWAYS_VISUAL_REFRESH = true;
|
|
@@ -444,18 +444,18 @@ export var colorStrokeCodeEditorGutterActiveLineDefault = "var(--color-stroke-co
|
|
|
444
444
|
export var colorStrokeCodeEditorGutterActiveLineHover = "var(--color-stroke-code-editor-gutter-active-line-hover-vqrb6s, #f9f9fa)";
|
|
445
445
|
export var colorTextAccent = "var(--color-text-accent-n1kmht, #006ce0)";
|
|
446
446
|
export var colorTextBodyDefault = "var(--color-text-body-default-vvtq8u, #0f141a)";
|
|
447
|
-
export var colorTextBodySecondary = "var(--color-text-body-secondary-
|
|
447
|
+
export var colorTextBodySecondary = "var(--color-text-body-secondary-yna5sb, #424650)";
|
|
448
448
|
export var colorTextBreadcrumbCurrent = "var(--color-text-breadcrumb-current-2mqnkk, #656871)";
|
|
449
449
|
export var colorTextBreadcrumbIcon = "var(--color-text-breadcrumb-icon-9j48ot, #8c8c94)";
|
|
450
|
-
export var colorTextButtonInlineIconDefault = "var(--color-text-button-inline-icon-default-
|
|
450
|
+
export var colorTextButtonInlineIconDefault = "var(--color-text-button-inline-icon-default-sm4ql6, #006ce0)";
|
|
451
451
|
export var colorTextButtonInlineIconDisabled = "var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb)";
|
|
452
|
-
export var colorTextButtonInlineIconHover = "var(--color-text-button-inline-icon-hover-
|
|
452
|
+
export var colorTextButtonInlineIconHover = "var(--color-text-button-inline-icon-hover-rbyzfc, #002b66)";
|
|
453
453
|
export var colorTextButtonNormalActive = "var(--color-text-button-normal-active-vihsxh, #002b66)";
|
|
454
454
|
export var colorTextToggleButtonNormalPressed = "var(--color-text-toggle-button-normal-pressed-wnx2zl, #002b66)";
|
|
455
455
|
export var colorTextButtonNormalDefault = "var(--color-text-button-normal-default-nzalii, #006ce0)";
|
|
456
456
|
export var colorTextButtonNormalHover = "var(--color-text-button-normal-hover-gusgyv, #002b66)";
|
|
457
|
-
export var colorTextLinkButtonNormalDefault = "var(--color-text-link-button-normal-default-
|
|
458
|
-
export var colorTextLinkButtonNormalHover = "var(--color-text-link-button-normal-hover-
|
|
457
|
+
export var colorTextLinkButtonNormalDefault = "var(--color-text-link-button-normal-default-srprth, #006ce0)";
|
|
458
|
+
export var colorTextLinkButtonNormalHover = "var(--color-text-link-button-normal-hover-jrnyw3, #002b66)";
|
|
459
459
|
export var colorTextLinkButtonNormalActive = "var(--color-text-link-button-normal-active-js9ryu, #002b66)";
|
|
460
460
|
export var colorTextButtonPrimaryActive = "var(--color-text-button-primary-active-refmba, #ffffff)";
|
|
461
461
|
export var colorTextButtonPrimaryDefault = "var(--color-text-button-primary-default-mwl31m, #ffffff)";
|
|
@@ -507,13 +507,13 @@ export var colorTextToggleButtonIconPressed = "var(--color-text-toggle-button-ic
|
|
|
507
507
|
export var colorTextInteractiveInvertedDefault = "var(--color-text-interactive-inverted-default-xlc0d5, #dedee3)";
|
|
508
508
|
export var colorTextInteractiveInvertedHover = "var(--color-text-interactive-inverted-hover-65rnp7, #f9f9fa)";
|
|
509
509
|
export var colorTextInverted = "var(--color-text-inverted-4v4dmq, #ffffff)";
|
|
510
|
-
export var colorTextLabel = "var(--color-text-label-
|
|
510
|
+
export var colorTextLabel = "var(--color-text-label-28gfmc, #0f141a)";
|
|
511
511
|
export var colorTextLayoutToggle = "var(--color-text-layout-toggle-1a15s3, #ffffff)";
|
|
512
512
|
export var colorTextLayoutToggleActive = "var(--color-text-layout-toggle-active-ifu7qp, #ffffff)";
|
|
513
513
|
export var colorTextLayoutToggleHover = "var(--color-text-layout-toggle-hover-9jwdce, #006ce0)";
|
|
514
514
|
export var colorTextLayoutToggleSelected = "var(--color-text-layout-toggle-selected-xpximc, #ffffff)";
|
|
515
|
-
export var colorTextLinkDefault = "var(--color-text-link-default-
|
|
516
|
-
export var colorTextLinkHover = "var(--color-text-link-hover-
|
|
515
|
+
export var colorTextLinkDefault = "var(--color-text-link-default-hude44, #006ce0)";
|
|
516
|
+
export var colorTextLinkHover = "var(--color-text-link-hover-2hfec2, #002b66)";
|
|
517
517
|
export var colorTextLinkInvertedHover = "var(--color-text-link-inverted-hover-ocd3u3, #ffffff)";
|
|
518
518
|
export var colorTextLinkButtonUnderline = "var(--color-text-link-button-underline-z4wjnv, transparent)";
|
|
519
519
|
export var colorTextLinkButtonUnderlineHover = "var(--color-text-link-button-underline-hover-cn3mqh, transparent)";
|