@cloudscape-design/components 3.0.175 → 3.0.177
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 +19 -19
- package/alert/styles.scoped.css +35 -31
- package/alert/styles.selectors.js +19 -19
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +31 -29
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/area-chart/styles.css.js +13 -13
- package/area-chart/styles.scoped.css +18 -16
- package/area-chart/styles.selectors.js +13 -13
- package/attribute-editor/styles.css.js +14 -14
- package/attribute-editor/styles.scoped.css +26 -24
- package/attribute-editor/styles.selectors.js +14 -14
- package/autosuggest/internal.d.ts.map +1 -1
- package/autosuggest/internal.js +2 -2
- package/autosuggest/internal.js.map +1 -1
- package/badge/styles.css.js +5 -5
- package/badge/styles.scoped.css +7 -5
- package/badge/styles.selectors.js +5 -5
- package/box/styles.css.js +189 -189
- package/box/styles.scoped.css +236 -234
- package/box/styles.selectors.js +189 -189
- package/breadcrumb-group/styles.css.js +6 -6
- package/breadcrumb-group/styles.scoped.css +15 -11
- package/breadcrumb-group/styles.selectors.js +6 -6
- package/button/styles.css.js +18 -18
- package/button/styles.scoped.css +138 -136
- package/button/styles.selectors.js +18 -18
- package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
- package/button-dropdown/mobile-expandable-group/styles.scoped.css +7 -5
- package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
- package/calendar/styles.css.js +18 -18
- package/calendar/styles.scoped.css +40 -38
- package/calendar/styles.selectors.js +18 -18
- package/cards/styles.css.js +37 -37
- package/cards/styles.scoped.css +48 -44
- package/cards/styles.selectors.js +37 -37
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +7 -5
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/styles.css.js +32 -32
- package/code-editor/styles.scoped.css +111 -109
- package/code-editor/styles.selectors.js +32 -32
- package/column-layout/styles.css.js +13 -13
- package/column-layout/styles.scoped.css +45 -43
- package/column-layout/styles.selectors.js +13 -13
- package/container/index.d.ts.map +1 -1
- package/container/index.js +1 -1
- package/container/index.js.map +1 -1
- package/container/styles.css.js +17 -17
- package/container/styles.scoped.css +29 -27
- package/container/styles.selectors.js +17 -17
- package/date-picker/styles.css.js +7 -7
- package/date-picker/styles.scoped.css +11 -9
- package/date-picker/styles.selectors.js +7 -7
- package/date-range-picker/styles.css.js +38 -38
- package/date-range-picker/styles.scoped.css +47 -45
- package/date-range-picker/styles.selectors.js +38 -38
- package/expandable-section/styles.css.js +21 -21
- package/expandable-section/styles.scoped.css +44 -42
- package/expandable-section/styles.selectors.js +21 -21
- package/flashbar/styles.css.js +33 -33
- package/flashbar/styles.scoped.css +117 -115
- package/flashbar/styles.selectors.js +33 -33
- package/form/styles.css.js +8 -8
- package/form/styles.scoped.css +10 -8
- package/form/styles.selectors.js +8 -8
- package/form-field/styles.css.js +19 -19
- package/form-field/styles.scoped.css +31 -29
- package/form-field/styles.selectors.js +19 -19
- package/grid/styles.css.js +53 -53
- package/grid/styles.scoped.css +56 -54
- package/grid/styles.selectors.js +53 -53
- package/header/styles.css.js +44 -44
- package/header/styles.scoped.css +49 -47
- package/header/styles.selectors.js +44 -44
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +60 -58
- package/help-panel/styles.selectors.js +4 -4
- package/icon/icons.js +1 -1
- package/input/index.d.ts.map +1 -1
- package/input/index.js +2 -2
- package/input/index.js.map +1 -1
- package/input/interfaces.d.ts +4 -0
- package/input/interfaces.d.ts.map +1 -1
- package/input/interfaces.js.map +1 -1
- package/input/internal.d.ts +0 -1
- package/input/internal.d.ts.map +1 -1
- package/input/internal.js +16 -14
- package/input/internal.js.map +1 -1
- package/input/styles.css.js +12 -13
- package/input/styles.scoped.css +35 -41
- package/input/styles.selectors.js +12 -13
- package/internal/components/autosuggest-input/index.d.ts +1 -0
- package/internal/components/autosuggest-input/index.d.ts.map +1 -1
- package/internal/components/autosuggest-input/index.js +2 -2
- package/internal/components/autosuggest-input/index.js.map +1 -1
- package/internal/components/button-trigger/styles.css.js +9 -9
- package/internal/components/button-trigger/styles.scoped.css +25 -23
- package/internal/components/button-trigger/styles.selectors.js +9 -9
- package/internal/components/chart-filter/styles.css.js +3 -3
- package/internal/components/chart-filter/styles.scoped.css +5 -3
- package/internal/components/chart-filter/styles.selectors.js +3 -3
- package/internal/components/chart-legend/styles.css.js +6 -6
- package/internal/components/chart-legend/styles.scoped.css +17 -15
- package/internal/components/chart-legend/styles.selectors.js +6 -6
- package/internal/components/chart-popover/styles.css.js +3 -3
- package/internal/components/chart-popover/styles.scoped.css +5 -3
- package/internal/components/chart-popover/styles.selectors.js +3 -3
- package/internal/components/chart-series-details/styles.css.js +5 -5
- package/internal/components/chart-series-details/styles.scoped.css +12 -8
- package/internal/components/chart-series-details/styles.selectors.js +5 -5
- package/internal/components/chart-series-marker/styles.css.js +5 -5
- package/internal/components/chart-series-marker/styles.scoped.css +9 -7
- package/internal/components/chart-series-marker/styles.selectors.js +5 -5
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +37 -35
- 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 -3
- 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 +4 -2
- package/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/internal/components/focus-lock/index.d.ts +2 -1
- package/internal/components/focus-lock/index.d.ts.map +1 -1
- package/internal/components/focus-lock/index.js +28 -5
- package/internal/components/focus-lock/index.js.map +1 -1
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +15 -13
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/components/option/styles.css.js +15 -15
- package/internal/components/option/styles.scoped.css +27 -25
- package/internal/components/option/styles.selectors.js +15 -15
- package/internal/components/options-list/styles.css.js +2 -2
- package/internal/components/options-list/styles.scoped.css +4 -2
- package/internal/components/options-list/styles.selectors.js +2 -2
- package/internal/components/selectable-item/styles.css.js +16 -16
- package/internal/components/selectable-item/styles.scoped.css +29 -27
- package/internal/components/selectable-item/styles.selectors.js +16 -16
- package/internal/components/tab-trap/index.d.ts +7 -4
- package/internal/components/tab-trap/index.d.ts.map +1 -1
- package/internal/components/tab-trap/index.js +5 -3
- package/internal/components/tab-trap/index.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/hooks/use-merge-refs/index.d.ts +1 -1
- package/internal/hooks/use-merge-refs/index.d.ts.map +1 -1
- package/internal/hooks/use-merge-refs/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +73 -71
- package/link/styles.selectors.js +20 -20
- package/mixed-line-bar-chart/styles.css.js +19 -19
- package/mixed-line-bar-chart/styles.scoped.css +28 -26
- package/mixed-line-bar-chart/styles.selectors.js +19 -19
- package/modal/internal.d.ts.map +1 -1
- package/modal/internal.js +2 -9
- package/modal/internal.js.map +1 -1
- package/modal/styles.css.js +22 -22
- package/modal/styles.scoped.css +42 -38
- package/modal/styles.selectors.js +22 -22
- package/multiselect/internal.d.ts.map +1 -1
- package/multiselect/internal.js +2 -2
- package/multiselect/internal.js.map +1 -1
- package/multiselect/styles.css.js +1 -1
- package/multiselect/styles.scoped.css +3 -1
- package/multiselect/styles.selectors.js +1 -1
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +25 -23
- package/pagination/styles.selectors.js +9 -9
- package/pie-chart/styles.css.js +27 -27
- package/pie-chart/styles.scoped.css +45 -43
- package/pie-chart/styles.selectors.js +27 -27
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +69 -63
- package/popover/styles.selectors.js +50 -50
- package/progress-bar/styles.css.js +18 -18
- package/progress-bar/styles.scoped.css +34 -32
- package/progress-bar/styles.selectors.js +18 -18
- package/property-filter/interfaces.d.ts +1 -0
- package/property-filter/interfaces.d.ts.map +1 -1
- package/property-filter/interfaces.js.map +1 -1
- package/property-filter/styles.css.js +33 -33
- package/property-filter/styles.scoped.css +37 -35
- package/property-filter/styles.selectors.js +33 -33
- package/property-filter/token-editor.d.ts.map +1 -1
- package/property-filter/token-editor.js +1 -1
- package/property-filter/token-editor.js.map +1 -1
- package/radio-group/styles.css.js +9 -9
- package/radio-group/styles.scoped.css +17 -15
- package/radio-group/styles.selectors.js +9 -9
- package/s3-resource-selector/interfaces.d.ts +1 -0
- package/s3-resource-selector/interfaces.d.ts.map +1 -1
- package/s3-resource-selector/interfaces.js.map +1 -1
- package/s3-resource-selector/s3-in-context/index.d.ts.map +1 -1
- package/s3-resource-selector/s3-in-context/index.js +1 -1
- package/s3-resource-selector/s3-in-context/index.js.map +1 -1
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +35 -33
- package/segmented-control/styles.selectors.js +14 -14
- package/select/interfaces.d.ts +4 -0
- package/select/interfaces.d.ts.map +1 -1
- package/select/interfaces.js.map +1 -1
- package/select/internal.d.ts.map +1 -1
- package/select/internal.js +2 -2
- package/select/internal.js.map +1 -1
- package/select/parts/filter.d.ts +1 -1
- package/select/parts/filter.d.ts.map +1 -1
- package/select/styles.css.js +1 -1
- package/select/styles.scoped.css +3 -1
- package/select/styles.selectors.js +1 -1
- package/side-navigation/internal.js +1 -1
- package/side-navigation/internal.js.map +1 -1
- package/side-navigation/styles.css.js +22 -22
- package/side-navigation/styles.scoped.css +37 -32
- package/side-navigation/styles.selectors.js +22 -22
- package/split-panel/styles.css.js +59 -59
- package/split-panel/styles.scoped.css +83 -81
- package/split-panel/styles.selectors.js +59 -59
- package/status-indicator/styles.css.js +20 -20
- package/status-indicator/styles.scoped.css +28 -26
- package/status-indicator/styles.selectors.js +20 -20
- package/table/styles.css.js +33 -33
- package/table/styles.scoped.css +41 -39
- package/table/styles.selectors.js +33 -33
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +40 -38
- package/tabs/styles.selectors.js +21 -21
- package/tag-editor/index.d.ts.map +1 -1
- package/tag-editor/index.js +2 -2
- package/tag-editor/index.js.map +1 -1
- package/tag-editor/interfaces.d.ts +1 -0
- package/tag-editor/interfaces.d.ts.map +1 -1
- package/tag-editor/interfaces.js.map +1 -1
- package/tag-editor/internal.d.ts +1 -0
- package/tag-editor/internal.d.ts.map +1 -1
- package/tag-editor/internal.js +2 -2
- package/tag-editor/internal.js.map +1 -1
- package/test-utils/dom/input/index.js +1 -1
- package/test-utils/dom/input/index.js.map +1 -1
- package/test-utils/selectors/input/index.js +1 -1
- package/test-utils/selectors/input/index.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +62 -60
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/interfaces.d.ts +4 -0
- package/text-filter/interfaces.d.ts.map +1 -1
- package/text-filter/interfaces.js.map +1 -1
- package/text-filter/internal.d.ts.map +1 -1
- package/text-filter/internal.js +3 -3
- package/text-filter/internal.js.map +1 -1
- package/text-filter/styles.css.js +4 -4
- package/text-filter/styles.scoped.css +6 -4
- package/text-filter/styles.selectors.js +4 -4
- package/textarea/styles.css.js +4 -4
- package/textarea/styles.scoped.css +14 -12
- package/textarea/styles.selectors.js +4 -4
- package/tiles/styles.css.js +28 -28
- package/tiles/styles.scoped.css +72 -68
- package/tiles/styles.selectors.js +28 -28
- package/toggle/styles.css.js +8 -8
- package/toggle/styles.scoped.css +15 -13
- package/toggle/styles.selectors.js +8 -8
- package/token-group/styles.css.js +7 -7
- package/token-group/styles.scoped.css +26 -22
- package/token-group/styles.selectors.js +7 -7
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +44 -42
- 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 +72 -66
- 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 +23 -21
- 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 +33 -27
- 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 +3 -1
- package/tutorial-panel/styles.selectors.js +1 -1
- package/wizard/styles.css.js +32 -32
- package/wizard/styles.scoped.css +62 -60
- package/wizard/styles.selectors.js +32 -32
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"selectable-item": "awsui_selectable-
|
|
5
|
-
"pad-bottom": "awsui_pad-
|
|
6
|
-
"has-background": "awsui_has-
|
|
7
|
-
"highlighted": "
|
|
8
|
-
"selected": "
|
|
9
|
-
"disabled": "
|
|
10
|
-
"next-item-selected": "awsui_next-item-
|
|
11
|
-
"is-keyboard": "awsui_is-
|
|
12
|
-
"parent": "
|
|
13
|
-
"interactiveGroups": "
|
|
14
|
-
"child": "
|
|
15
|
-
"virtual": "
|
|
16
|
-
"measure-strut": "awsui_measure-
|
|
17
|
-
"measure-strut-first": "awsui_measure-strut-
|
|
18
|
-
"screenreader-content": "awsui_screenreader-
|
|
19
|
-
"option-content": "awsui_option-
|
|
4
|
+
"selectable-item": "awsui_selectable-item_15o6u_cy5yq_93",
|
|
5
|
+
"pad-bottom": "awsui_pad-bottom_15o6u_cy5yq_115",
|
|
6
|
+
"has-background": "awsui_has-background_15o6u_cy5yq_124",
|
|
7
|
+
"highlighted": "awsui_highlighted_15o6u_cy5yq_127",
|
|
8
|
+
"selected": "awsui_selected_15o6u_cy5yq_127",
|
|
9
|
+
"disabled": "awsui_disabled_15o6u_cy5yq_141",
|
|
10
|
+
"next-item-selected": "awsui_next-item-selected_15o6u_cy5yq_149",
|
|
11
|
+
"is-keyboard": "awsui_is-keyboard_15o6u_cy5yq_157",
|
|
12
|
+
"parent": "awsui_parent_15o6u_cy5yq_161",
|
|
13
|
+
"interactiveGroups": "awsui_interactiveGroups_15o6u_cy5yq_165",
|
|
14
|
+
"child": "awsui_child_15o6u_cy5yq_177",
|
|
15
|
+
"virtual": "awsui_virtual_15o6u_cy5yq_192",
|
|
16
|
+
"measure-strut": "awsui_measure-strut_15o6u_cy5yq_203",
|
|
17
|
+
"measure-strut-first": "awsui_measure-strut-first_15o6u_cy5yq_212",
|
|
18
|
+
"screenreader-content": "awsui_screenreader-content_15o6u_cy5yq_216",
|
|
19
|
+
"option-content": "awsui_option-content_15o6u_cy5yq_222"
|
|
20
20
|
};
|
|
21
21
|
|
|
@@ -90,12 +90,14 @@ 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
|
-
.awsui_selectable-
|
|
93
|
+
.awsui_selectable-item_15o6u_cy5yq_93:not(#\9) {
|
|
94
94
|
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
95
95
|
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
96
96
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
97
97
|
font-weight: 400;
|
|
98
98
|
font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
99
|
+
-webkit-font-smoothing: auto;
|
|
100
|
+
-moz-osx-font-smoothing: auto;
|
|
99
101
|
position: relative;
|
|
100
102
|
list-style: none;
|
|
101
103
|
z-index: 1;
|
|
@@ -110,95 +112,95 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
110
112
|
var(--space-xxs-ynfts5, 4px) + (var(--border-item-width-qbbbsa, 2px) - var(--border-divider-list-width-hacikr, 1px))
|
|
111
113
|
) calc(var(--space-field-horizontal-89h2yr, 12px) + var(--border-item-width-qbbbsa, 2px));
|
|
112
114
|
}
|
|
113
|
-
.awsui_selectable-
|
|
115
|
+
.awsui_selectable-item_15o6u_cy5yq_93.awsui_pad-bottom_15o6u_cy5yq_115:not(#\9) {
|
|
114
116
|
padding-bottom: calc(calc(
|
|
115
117
|
var(--space-xxs-ynfts5, 4px) + (var(--border-item-width-qbbbsa, 2px) - var(--border-divider-list-width-hacikr, 1px))
|
|
116
118
|
) + var(--space-xxxs-k2w98v, 2px));
|
|
117
119
|
border-bottom-color: transparent;
|
|
118
120
|
}
|
|
119
|
-
.awsui_selectable-
|
|
121
|
+
.awsui_selectable-item_15o6u_cy5yq_93:not(#\9):not(:first-child) {
|
|
120
122
|
margin-top: calc(-1 * var(--border-item-width-qbbbsa, 2px));
|
|
121
123
|
}
|
|
122
|
-
.awsui_selectable-
|
|
124
|
+
.awsui_selectable-item_15o6u_cy5yq_93.awsui_has-background_15o6u_cy5yq_124:not(#\9) {
|
|
123
125
|
background-color: var(--color-background-dropdown-item-hover-mqsxkv, #f4f4f4);
|
|
124
126
|
}
|
|
125
|
-
.awsui_selectable-
|
|
127
|
+
.awsui_selectable-item_15o6u_cy5yq_93.awsui_highlighted_15o6u_cy5yq_127:not(#\9), .awsui_selectable-item_15o6u_cy5yq_93.awsui_selected_15o6u_cy5yq_127:not(#\9) {
|
|
126
128
|
color: var(--color-text-dropdown-item-highlighted-oaabyk, #000716);
|
|
127
129
|
border-width: var(--border-item-width-qbbbsa, 2px);
|
|
128
130
|
border-radius: var(--border-radius-item-u2ibpi, 8px);
|
|
129
131
|
padding: var(--space-xxs-ynfts5, 4px) var(--space-field-horizontal-89h2yr, 12px);
|
|
130
132
|
}
|
|
131
|
-
.awsui_selectable-
|
|
133
|
+
.awsui_selectable-item_15o6u_cy5yq_93.awsui_highlighted_15o6u_cy5yq_127.awsui_pad-bottom_15o6u_cy5yq_115:not(#\9), .awsui_selectable-item_15o6u_cy5yq_93.awsui_selected_15o6u_cy5yq_127.awsui_pad-bottom_15o6u_cy5yq_115:not(#\9) {
|
|
132
134
|
padding-bottom: calc(var(--space-xxs-ynfts5, 4px) + var(--space-xxxs-k2w98v, 2px));
|
|
133
135
|
}
|
|
134
|
-
.awsui_selectable-
|
|
136
|
+
.awsui_selectable-item_15o6u_cy5yq_93.awsui_highlighted_15o6u_cy5yq_127:not(#\9) {
|
|
135
137
|
z-index: 2;
|
|
136
138
|
background-color: var(--color-background-dropdown-item-hover-mqsxkv, #f4f4f4);
|
|
137
139
|
border-color: var(--color-border-dropdown-item-hover-tyzq9m, #7d8998);
|
|
138
140
|
}
|
|
139
|
-
.awsui_selectable-
|
|
141
|
+
.awsui_selectable-item_15o6u_cy5yq_93.awsui_highlighted_15o6u_cy5yq_127.awsui_disabled_15o6u_cy5yq_141:not(#\9) {
|
|
140
142
|
color: var(--color-text-dropdown-item-dimmed-jyqdrs, #9ba7b6);
|
|
141
143
|
border-color: var(--color-border-dropdown-item-dimmed-hover-6dhy15, #7d8998);
|
|
142
144
|
background-color: var(--color-background-dropdown-item-dimmed-qw48ma, transparent);
|
|
143
145
|
}
|
|
144
|
-
.awsui_selectable-
|
|
146
|
+
.awsui_selectable-item_15o6u_cy5yq_93.awsui_selected_15o6u_cy5yq_127:not(#\9) {
|
|
145
147
|
background-color: var(--color-background-dropdown-item-selected-8l4mpk, #f2f8fd);
|
|
146
148
|
}
|
|
147
|
-
.awsui_selectable-
|
|
149
|
+
.awsui_selectable-item_15o6u_cy5yq_93.awsui_selected_15o6u_cy5yq_127.awsui_next-item-selected_15o6u_cy5yq_149:not(#\9) {
|
|
148
150
|
border-bottom-left-radius: 0;
|
|
149
151
|
border-bottom-right-radius: 0;
|
|
150
152
|
}
|
|
151
|
-
.awsui_selectable-
|
|
153
|
+
.awsui_selectable-item_15o6u_cy5yq_93.awsui_selected_15o6u_cy5yq_127 + .awsui_selectable-item_15o6u_cy5yq_93.awsui_selected_15o6u_cy5yq_127:not(#\9) {
|
|
152
154
|
border-top-left-radius: 0;
|
|
153
155
|
border-top-right-radius: 0;
|
|
154
156
|
}
|
|
155
|
-
.awsui_selectable-
|
|
157
|
+
.awsui_selectable-item_15o6u_cy5yq_93.awsui_highlighted_15o6u_cy5yq_127.awsui_is-keyboard_15o6u_cy5yq_157:not(#\9) {
|
|
156
158
|
border-color: var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
157
159
|
box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-srzyiu, 0px) var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
158
160
|
}
|
|
159
|
-
.awsui_selectable-
|
|
161
|
+
.awsui_selectable-item_15o6u_cy5yq_93.awsui_parent_15o6u_cy5yq_161:not(#\9) {
|
|
160
162
|
font-weight: bold;
|
|
161
163
|
color: var(--color-text-dropdown-group-label-eaqlcl, #414d5c);
|
|
162
164
|
}
|
|
163
|
-
.awsui_selectable-
|
|
165
|
+
.awsui_selectable-item_15o6u_cy5yq_93.awsui_parent_15o6u_cy5yq_161:not(#\9):not(.awsui_interactiveGroups_15o6u_cy5yq_165) {
|
|
164
166
|
border-top-color: var(--color-border-dropdown-group-0utpsr, #e9ebed);
|
|
165
167
|
padding: var(--space-xs-rsr2qu, 8px);
|
|
166
168
|
}
|
|
167
|
-
.awsui_selectable-
|
|
169
|
+
.awsui_selectable-item_15o6u_cy5yq_93.awsui_parent_15o6u_cy5yq_161.awsui_interactiveGroups_15o6u_cy5yq_165:not(#\9) {
|
|
168
170
|
padding: calc(
|
|
169
171
|
var(--space-xs-rsr2qu, 8px) + (var(--border-item-width-qbbbsa, 2px) - var(--border-divider-list-width-hacikr, 1px))
|
|
170
172
|
) calc(var(--space-field-horizontal-89h2yr, 12px) + var(--border-item-width-qbbbsa, 2px));
|
|
171
173
|
}
|
|
172
|
-
.awsui_selectable-
|
|
174
|
+
.awsui_selectable-item_15o6u_cy5yq_93.awsui_parent_15o6u_cy5yq_161.awsui_interactiveGroups_15o6u_cy5yq_165.awsui_highlighted_15o6u_cy5yq_127:not(#\9), .awsui_selectable-item_15o6u_cy5yq_93.awsui_parent_15o6u_cy5yq_161.awsui_interactiveGroups_15o6u_cy5yq_165.awsui_selected_15o6u_cy5yq_127:not(#\9) {
|
|
173
175
|
padding: var(--space-xs-rsr2qu, 8px) var(--space-field-horizontal-89h2yr, 12px);
|
|
174
176
|
}
|
|
175
|
-
.awsui_selectable-
|
|
177
|
+
.awsui_selectable-item_15o6u_cy5yq_93.awsui_child_15o6u_cy5yq_177:not(#\9) {
|
|
176
178
|
padding-left: calc(var(--space-xxl-2nvmf1, 32px) + var(--border-item-width-qbbbsa, 2px));
|
|
177
179
|
}
|
|
178
|
-
.awsui_selectable-
|
|
180
|
+
.awsui_selectable-item_15o6u_cy5yq_93.awsui_child_15o6u_cy5yq_177.awsui_highlighted_15o6u_cy5yq_127:not(#\9), .awsui_selectable-item_15o6u_cy5yq_93.awsui_child_15o6u_cy5yq_177.awsui_selected_15o6u_cy5yq_127:not(#\9) {
|
|
179
181
|
padding-left: var(--space-xxl-2nvmf1, 32px);
|
|
180
182
|
}
|
|
181
|
-
.awsui_selectable-
|
|
183
|
+
.awsui_selectable-item_15o6u_cy5yq_93.awsui_disabled_15o6u_cy5yq_141:not(#\9) {
|
|
182
184
|
color: var(--color-text-dropdown-item-disabled-varol7, #9ba7b6);
|
|
183
185
|
}
|
|
184
|
-
.awsui_selectable-
|
|
186
|
+
.awsui_selectable-item_15o6u_cy5yq_93:not(#\9):not(.awsui_disabled_15o6u_cy5yq_141):not(.awsui_parent_15o6u_cy5yq_161) {
|
|
185
187
|
cursor: pointer;
|
|
186
188
|
}
|
|
187
|
-
.awsui_selectable-
|
|
189
|
+
.awsui_selectable-item_15o6u_cy5yq_93.awsui_interactiveGroups_15o6u_cy5yq_165:not(#\9):not(.awsui_disabled_15o6u_cy5yq_141) {
|
|
188
190
|
cursor: pointer;
|
|
189
191
|
}
|
|
190
|
-
.awsui_selectable-
|
|
192
|
+
.awsui_selectable-item_15o6u_cy5yq_93.awsui_virtual_15o6u_cy5yq_192:not(#\9) {
|
|
191
193
|
position: absolute;
|
|
192
194
|
top: var(--border-dropdown-virtual-offset-width-fzhepk, 2px);
|
|
193
195
|
left: 0;
|
|
194
196
|
width: 100%;
|
|
195
197
|
box-sizing: border-box;
|
|
196
198
|
}
|
|
197
|
-
.awsui_selectable-
|
|
199
|
+
.awsui_selectable-item_15o6u_cy5yq_93.awsui_virtual_15o6u_cy5yq_192:not(#\9):first-of-type:not(.awsui_selected_15o6u_cy5yq_127, .awsui_highlighted_15o6u_cy5yq_127) {
|
|
198
200
|
border-top-color: var(--color-border-dropdown-item-top-xnzq48, transparent);
|
|
199
201
|
}
|
|
200
202
|
|
|
201
|
-
.awsui_measure-
|
|
203
|
+
.awsui_measure-strut_15o6u_cy5yq_203:not(#\9) {
|
|
202
204
|
position: absolute;
|
|
203
205
|
pointer-events: none;
|
|
204
206
|
height: 100%;
|
|
@@ -207,16 +209,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
207
209
|
left: 0;
|
|
208
210
|
padding-top: var(--border-divider-list-width-hacikr, 1px);
|
|
209
211
|
}
|
|
210
|
-
.awsui_measure-strut-
|
|
212
|
+
.awsui_measure-strut-first_15o6u_cy5yq_212:not(#\9) {
|
|
211
213
|
padding-bottom: var(--border-divider-list-width-hacikr, 1px);
|
|
212
214
|
}
|
|
213
215
|
|
|
214
|
-
.awsui_screenreader-
|
|
216
|
+
.awsui_screenreader-content_15o6u_cy5yq_216:not(#\9) {
|
|
215
217
|
position: absolute !important;
|
|
216
218
|
top: -9999px !important;
|
|
217
219
|
left: -9999px !important;
|
|
218
220
|
}
|
|
219
221
|
|
|
220
|
-
.awsui_option-
|
|
222
|
+
.awsui_option-content_15o6u_cy5yq_222:not(#\9) {
|
|
221
223
|
/* used in test-utils */
|
|
222
224
|
}
|
|
@@ -2,21 +2,21 @@
|
|
|
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
|
-
"pad-bottom": "awsui_pad-
|
|
7
|
-
"has-background": "awsui_has-
|
|
8
|
-
"highlighted": "
|
|
9
|
-
"selected": "
|
|
10
|
-
"disabled": "
|
|
11
|
-
"next-item-selected": "awsui_next-item-
|
|
12
|
-
"is-keyboard": "awsui_is-
|
|
13
|
-
"parent": "
|
|
14
|
-
"interactiveGroups": "
|
|
15
|
-
"child": "
|
|
16
|
-
"virtual": "
|
|
17
|
-
"measure-strut": "awsui_measure-
|
|
18
|
-
"measure-strut-first": "awsui_measure-strut-
|
|
19
|
-
"screenreader-content": "awsui_screenreader-
|
|
20
|
-
"option-content": "awsui_option-
|
|
5
|
+
"selectable-item": "awsui_selectable-item_15o6u_cy5yq_93",
|
|
6
|
+
"pad-bottom": "awsui_pad-bottom_15o6u_cy5yq_115",
|
|
7
|
+
"has-background": "awsui_has-background_15o6u_cy5yq_124",
|
|
8
|
+
"highlighted": "awsui_highlighted_15o6u_cy5yq_127",
|
|
9
|
+
"selected": "awsui_selected_15o6u_cy5yq_127",
|
|
10
|
+
"disabled": "awsui_disabled_15o6u_cy5yq_141",
|
|
11
|
+
"next-item-selected": "awsui_next-item-selected_15o6u_cy5yq_149",
|
|
12
|
+
"is-keyboard": "awsui_is-keyboard_15o6u_cy5yq_157",
|
|
13
|
+
"parent": "awsui_parent_15o6u_cy5yq_161",
|
|
14
|
+
"interactiveGroups": "awsui_interactiveGroups_15o6u_cy5yq_165",
|
|
15
|
+
"child": "awsui_child_15o6u_cy5yq_177",
|
|
16
|
+
"virtual": "awsui_virtual_15o6u_cy5yq_192",
|
|
17
|
+
"measure-strut": "awsui_measure-strut_15o6u_cy5yq_203",
|
|
18
|
+
"measure-strut-first": "awsui_measure-strut-first_15o6u_cy5yq_212",
|
|
19
|
+
"screenreader-content": "awsui_screenreader-content_15o6u_cy5yq_216",
|
|
20
|
+
"option-content": "awsui_option-content_15o6u_cy5yq_222"
|
|
21
21
|
};
|
|
22
22
|
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
export interface TabTrapProps {
|
|
2
|
-
focusNextCallback:
|
|
3
|
+
focusNextCallback: (event: React.FocusEvent) => void;
|
|
3
4
|
disabled?: boolean;
|
|
4
5
|
}
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
/**
|
|
7
|
+
* This component handles focus-forwarding when using keyboard tab navigation.
|
|
8
|
+
* When the user focuses this component, the `focusNextCallback` function is called
|
|
9
|
+
* which can forward the focus to another element.
|
|
10
|
+
*/
|
|
8
11
|
export default function TabTrap({ focusNextCallback, disabled }: TabTrapProps): JSX.Element;
|
|
9
12
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/tab-trap/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/tab-trap/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,YAAY;IAC3B,iBAAiB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,iBAAiB,EAAE,QAAgB,EAAE,EAAE,YAAY,eAEpF"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
2
|
// SPDX-License-Identifier: Apache-2.0
|
|
3
3
|
import React from 'react';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
/**
|
|
5
|
+
* This component handles focus-forwarding when using keyboard tab navigation.
|
|
6
|
+
* When the user focuses this component, the `focusNextCallback` function is called
|
|
7
|
+
* which can forward the focus to another element.
|
|
8
|
+
*/
|
|
7
9
|
export default function TabTrap(_a) {
|
|
8
10
|
var focusNextCallback = _a.focusNextCallback, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
|
|
9
11
|
return React.createElement("div", { tabIndex: disabled ? -1 : 0, onFocus: focusNextCallback });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/tab-trap/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/tab-trap/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAqD;QAAnD,iBAAiB,uBAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IACnE,OAAO,6BAAK,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,iBAAiB,GAAI,CAAC;AAC1E,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nexport interface TabTrapProps {\n focusNextCallback: (event: React.FocusEvent) => void;\n disabled?: boolean;\n}\n\n/**\n * This component handles focus-forwarding when using keyboard tab navigation.\n * When the user focuses this component, the `focusNextCallback` function is called\n * which can forward the focus to another element.\n */\nexport default function TabTrap({ focusNextCallback, disabled = false }: TabTrapProps) {\n return <div tabIndex={disabled ? -1 : 0} onFocus={focusNextCallback} />;\n}\n"]}
|
package/internal/environment.js
CHANGED
|
@@ -6,5 +6,5 @@ import React from 'react';
|
|
|
6
6
|
* const mergedRef = useMergeRefs(ref1, ref2, ref3)
|
|
7
7
|
* <div ref={refs}>...</div>
|
|
8
8
|
*/
|
|
9
|
-
export declare function useMergeRefs(...refs: Array<React.RefCallback<
|
|
9
|
+
export declare function useMergeRefs<T = any>(...refs: Array<React.RefCallback<T> | React.MutableRefObject<T> | null | undefined>): React.RefCallback<T> | null;
|
|
10
10
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-merge-refs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-merge-refs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,CAAC,GAAG,GAAG,EAClC,GAAG,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,GAClF,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,CAiB7B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-merge-refs/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;GAMG;AACH,MAAM,UAAU,YAAY;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-merge-refs/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;GAMG;AACH,MAAM,UAAU,YAAY;IAC1B,cAAmF;SAAnF,UAAmF,EAAnF,qBAAmF,EAAnF,IAAmF;QAAnF,yBAAmF;;IAEnF,OAAO,OAAO,CAAC;QACb,IAAI,IAAI,CAAC,KAAK,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,EAAjC,CAAiC,CAAC,EAAE;YACxD,OAAO,IAAI,CAAC;SACb;QACD,OAAO,UAAC,KAAe;YACrB,IAAI,CAAC,OAAO,CAAC,UAAA,GAAG;gBACd,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;oBAC7B,GAAG,CAAC,KAAK,CAAC,CAAC;iBACZ;qBAAM,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,EAAE;oBAC3C,GAAmC,CAAC,OAAO,GAAG,KAAK,CAAC;iBACtD;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QACF,gEAAgE;QAChE,uDAAuD;IACzD,CAAC,EAAE,IAAI,CAAC,CAAC;AACX,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useMemo } from 'react';\n\n/**\n * useMergeRefs merges multiple refs into single ref callback.\n *\n * For example\n * const mergedRef = useMergeRefs(ref1, ref2, ref3)\n * <div ref={refs}>...</div>\n */\nexport function useMergeRefs<T = any>(\n ...refs: Array<React.RefCallback<T> | React.MutableRefObject<T> | null | undefined>\n): React.RefCallback<T> | null {\n return useMemo(() => {\n if (refs.every(ref => ref === null || ref === undefined)) {\n return null;\n }\n return (value: T | null) => {\n refs.forEach(ref => {\n if (typeof ref === 'function') {\n ref(value);\n } else if (ref !== null && ref !== undefined) {\n (ref as React.MutableRefObject<any>).current = value;\n }\n });\n };\n // ESLint expects an array literal which we can not provide here\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, refs);\n}\n"]}
|
package/internal/manifest.json
CHANGED
package/link/styles.css.js
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"link": "
|
|
5
|
-
"variant-secondary": "awsui_variant-
|
|
6
|
-
"variant-primary": "awsui_variant-
|
|
7
|
-
"variant-info": "awsui_variant-
|
|
8
|
-
"variant-value-large": "awsui_variant-value-
|
|
9
|
-
"variant-top-navigation": "awsui_variant-top-
|
|
10
|
-
"variant-recovery": "awsui_variant-
|
|
11
|
-
"button": "
|
|
12
|
-
"color-inverted": "awsui_color-
|
|
13
|
-
"font-size-body-s": "awsui_font-size-body-
|
|
14
|
-
"font-size-body-m": "awsui_font-size-body-
|
|
15
|
-
"font-size-heading-xs": "awsui_font-size-heading-
|
|
16
|
-
"font-size-heading-s": "awsui_font-size-heading-
|
|
17
|
-
"font-size-heading-m": "awsui_font-size-heading-
|
|
18
|
-
"font-size-heading-l": "awsui_font-size-heading-
|
|
19
|
-
"font-size-heading-xl": "awsui_font-size-heading-
|
|
20
|
-
"font-size-display-l": "awsui_font-size-display-
|
|
21
|
-
"font-size-inherit": "awsui_font-size-
|
|
22
|
-
"icon-wrapper": "awsui_icon-
|
|
23
|
-
"icon": "
|
|
4
|
+
"link": "awsui_link_4c84z_1uewr_93",
|
|
5
|
+
"variant-secondary": "awsui_variant-secondary_4c84z_1uewr_140",
|
|
6
|
+
"variant-primary": "awsui_variant-primary_4c84z_1uewr_175",
|
|
7
|
+
"variant-info": "awsui_variant-info_4c84z_1uewr_210",
|
|
8
|
+
"variant-value-large": "awsui_variant-value-large_4c84z_1uewr_247",
|
|
9
|
+
"variant-top-navigation": "awsui_variant-top-navigation_4c84z_1uewr_281",
|
|
10
|
+
"variant-recovery": "awsui_variant-recovery_4c84z_1uewr_316",
|
|
11
|
+
"button": "awsui_button_4c84z_1uewr_351",
|
|
12
|
+
"color-inverted": "awsui_color-inverted_4c84z_1uewr_388",
|
|
13
|
+
"font-size-body-s": "awsui_font-size-body-s_4c84z_1uewr_407",
|
|
14
|
+
"font-size-body-m": "awsui_font-size-body-m_4c84z_1uewr_412",
|
|
15
|
+
"font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1uewr_416",
|
|
16
|
+
"font-size-heading-s": "awsui_font-size-heading-s_4c84z_1uewr_420",
|
|
17
|
+
"font-size-heading-m": "awsui_font-size-heading-m_4c84z_1uewr_425",
|
|
18
|
+
"font-size-heading-l": "awsui_font-size-heading-l_4c84z_1uewr_430",
|
|
19
|
+
"font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1uewr_435",
|
|
20
|
+
"font-size-display-l": "awsui_font-size-display-l_4c84z_1uewr_440",
|
|
21
|
+
"font-size-inherit": "awsui_font-size-inherit_4c84z_1uewr_445",
|
|
22
|
+
"icon-wrapper": "awsui_icon-wrapper_4c84z_1uewr_451",
|
|
23
|
+
"icon": "awsui_icon_4c84z_1uewr_451"
|
|
24
24
|
};
|
|
25
25
|
|