@cloudscape-design/components-themeable 3.0.3 → 3.0.6
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/scss/container/styles.scss +4 -1
- package/lib/internal/template/alert/interfaces.d.ts +1 -0
- package/lib/internal/template/alert/interfaces.d.ts.map +1 -1
- package/lib/internal/template/alert/interfaces.js.map +1 -1
- package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
- package/lib/internal/template/annotation-context/annotation/styles.scoped.css +31 -31
- package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
- package/lib/internal/template/app-layout/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/index.js +14 -11
- package/lib/internal/template/app-layout/index.js.map +1 -1
- package/lib/internal/template/app-layout/toggles/styles.css.js +3 -3
- package/lib/internal/template/app-layout/toggles/styles.scoped.css +13 -13
- package/lib/internal/template/app-layout/toggles/styles.selectors.js +3 -3
- package/lib/internal/template/app-layout/visual-refresh/context.d.ts +4 -2
- package/lib/internal/template/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/context.js +31 -21
- package/lib/internal/template/app-layout/visual-refresh/context.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/layout.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/layout.js +2 -13
- package/lib/internal/template/app-layout/visual-refresh/layout.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/split-panel.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/split-panel.js +6 -2
- package/lib/internal/template/app-layout/visual-refresh/split-panel.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/styles.css.js +59 -59
- package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +153 -153
- package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +59 -59
- package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
- package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +19 -19
- package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
- package/lib/internal/template/button/styles.css.js +18 -18
- package/lib/internal/template/button/styles.scoped.css +190 -190
- package/lib/internal/template/button/styles.selectors.js +18 -18
- package/lib/internal/template/checkbox/styles.css.js +3 -3
- package/lib/internal/template/checkbox/styles.scoped.css +8 -8
- package/lib/internal/template/checkbox/styles.selectors.js +3 -3
- package/lib/internal/template/code-editor/preferences-modal.js +2 -2
- package/lib/internal/template/code-editor/preferences-modal.js.map +1 -1
- package/lib/internal/template/code-editor/styles.css.js +33 -33
- package/lib/internal/template/code-editor/styles.scoped.css +168 -168
- package/lib/internal/template/code-editor/styles.selectors.js +33 -33
- package/lib/internal/template/container/styles.css.js +15 -14
- package/lib/internal/template/container/styles.scoped.css +27 -23
- package/lib/internal/template/container/styles.selectors.js +15 -14
- package/lib/internal/template/date-picker/styles.css.js +24 -24
- package/lib/internal/template/date-picker/styles.scoped.css +45 -45
- package/lib/internal/template/date-picker/styles.selectors.js +24 -24
- package/lib/internal/template/date-range-picker/calendar/grids/day/styles.css.js +21 -21
- package/lib/internal/template/date-range-picker/calendar/grids/day/styles.scoped.css +42 -42
- package/lib/internal/template/date-range-picker/calendar/grids/day/styles.selectors.js +21 -21
- package/lib/internal/template/date-range-picker/styles.css.js +42 -42
- package/lib/internal/template/date-range-picker/styles.scoped.css +53 -53
- package/lib/internal/template/date-range-picker/styles.selectors.js +42 -42
- package/lib/internal/template/expandable-section/styles.css.js +20 -20
- package/lib/internal/template/expandable-section/styles.scoped.css +46 -46
- package/lib/internal/template/expandable-section/styles.selectors.js +20 -20
- package/lib/internal/template/flashbar/interfaces.d.ts +4 -4
- package/lib/internal/template/flashbar/interfaces.js.map +1 -1
- package/lib/internal/template/form-field/internal.js +3 -3
- package/lib/internal/template/form-field/internal.js.map +1 -1
- package/lib/internal/template/help-panel/styles.css.js +4 -4
- package/lib/internal/template/help-panel/styles.scoped.css +62 -62
- package/lib/internal/template/help-panel/styles.selectors.js +4 -4
- package/lib/internal/template/input/styles.css.js +13 -13
- package/lib/internal/template/input/styles.scoped.css +39 -39
- package/lib/internal/template/input/styles.selectors.js +13 -13
- package/lib/internal/template/internal/base-component/styles.scoped.css +28 -18
- package/lib/internal/template/internal/components/button-trigger/styles.css.js +9 -9
- package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +31 -31
- package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +9 -9
- package/lib/internal/template/internal/components/cartesian-chart/styles.css.js +21 -21
- package/lib/internal/template/internal/components/cartesian-chart/styles.scoped.css +26 -26
- package/lib/internal/template/internal/components/cartesian-chart/styles.selectors.js +21 -21
- package/lib/internal/template/internal/components/chart-legend/styles.css.js +7 -7
- package/lib/internal/template/internal/components/chart-legend/styles.scoped.css +17 -17
- package/lib/internal/template/internal/components/chart-legend/styles.selectors.js +7 -7
- package/lib/internal/template/internal/components/chart-plot/styles.css.js +5 -5
- package/lib/internal/template/internal/components/chart-plot/styles.scoped.css +7 -7
- package/lib/internal/template/internal/components/chart-plot/styles.selectors.js +5 -5
- package/lib/internal/template/internal/components/filtering-token/styles.css.js +7 -7
- package/lib/internal/template/internal/components/filtering-token/styles.scoped.css +15 -15
- package/lib/internal/template/internal/components/filtering-token/styles.selectors.js +7 -7
- package/lib/internal/template/internal/components/menu-dropdown/styles.css.js +7 -7
- package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css +15 -15
- package/lib/internal/template/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/lib/internal/template/internal/components/selectable-item/styles.css.js +16 -16
- package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +29 -29
- package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +16 -16
- package/lib/internal/template/internal/context/app-layout-context.d.ts +1 -1
- package/lib/internal/template/internal/context/app-layout-context.d.ts.map +1 -1
- package/lib/internal/template/internal/context/app-layout-context.js +3 -4
- package/lib/internal/template/internal/context/app-layout-context.js.map +1 -1
- package/lib/internal/template/internal/context/form-field-context.d.ts +1 -1
- package/lib/internal/template/internal/context/form-field-context.d.ts.map +1 -1
- package/lib/internal/template/internal/context/form-field-context.js +3 -4
- package/lib/internal/template/internal/context/form-field-context.js.map +1 -1
- package/lib/internal/template/internal/environment.js +1 -1
- package/lib/internal/template/internal/generated/theming/index.cjs +14 -3
- package/lib/internal/template/internal/generated/theming/index.js +14 -3
- package/lib/internal/template/link/styles.css.js +18 -18
- package/lib/internal/template/link/styles.scoped.css +73 -73
- package/lib/internal/template/link/styles.selectors.js +18 -18
- package/lib/internal/template/pagination/styles.css.js +9 -9
- package/lib/internal/template/pagination/styles.scoped.css +27 -27
- package/lib/internal/template/pagination/styles.selectors.js +9 -9
- package/lib/internal/template/popover/styles.css.js +48 -48
- package/lib/internal/template/popover/styles.scoped.css +64 -64
- package/lib/internal/template/popover/styles.selectors.js +48 -48
- package/lib/internal/template/radio-group/styles.css.js +9 -9
- package/lib/internal/template/radio-group/styles.scoped.css +18 -18
- package/lib/internal/template/radio-group/styles.selectors.js +9 -9
- package/lib/internal/template/segmented-control/styles.css.js +14 -14
- package/lib/internal/template/segmented-control/styles.scoped.css +35 -35
- package/lib/internal/template/segmented-control/styles.selectors.js +14 -14
- package/lib/internal/template/select/utils/use-select.d.ts.map +1 -1
- package/lib/internal/template/select/utils/use-select.js +1 -0
- package/lib/internal/template/select/utils/use-select.js.map +1 -1
- package/lib/internal/template/side-navigation/styles.css.js +22 -22
- package/lib/internal/template/side-navigation/styles.scoped.css +36 -36
- package/lib/internal/template/side-navigation/styles.selectors.js +22 -22
- package/lib/internal/template/split-panel/index.js +2 -2
- package/lib/internal/template/split-panel/index.js.map +1 -1
- package/lib/internal/template/split-panel/styles.css.js +58 -58
- package/lib/internal/template/split-panel/styles.scoped.css +82 -82
- package/lib/internal/template/split-panel/styles.selectors.js +58 -58
- package/lib/internal/template/split-panel/utils/size-utils.d.ts +11 -0
- package/lib/internal/template/split-panel/utils/size-utils.d.ts.map +1 -1
- package/lib/internal/template/split-panel/utils/size-utils.js +12 -1
- package/lib/internal/template/split-panel/utils/size-utils.js.map +1 -1
- package/lib/internal/template/table/header-cell/styles.css.js +14 -14
- package/lib/internal/template/table/header-cell/styles.scoped.css +28 -28
- package/lib/internal/template/table/header-cell/styles.selectors.js +14 -14
- package/lib/internal/template/table/styles.css.js +32 -32
- package/lib/internal/template/table/styles.scoped.css +39 -39
- package/lib/internal/template/table/styles.selectors.js +32 -32
- package/lib/internal/template/tabs/styles.css.js +21 -21
- package/lib/internal/template/tabs/styles.scoped.css +39 -39
- package/lib/internal/template/tabs/styles.selectors.js +21 -21
- package/lib/internal/template/tag-editor/index.js +1 -1
- package/lib/internal/template/tag-editor/index.js.map +1 -1
- package/lib/internal/template/tag-editor/interfaces.d.ts +1 -1
- package/lib/internal/template/tag-editor/interfaces.d.ts.map +1 -1
- package/lib/internal/template/tag-editor/interfaces.js.map +1 -1
- package/lib/internal/template/tag-editor/styles.css.js +3 -3
- package/lib/internal/template/tag-editor/styles.scoped.css +14 -14
- package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
- package/lib/internal/template/text-content/styles.css.js +1 -1
- package/lib/internal/template/text-content/styles.scoped.css +64 -64
- package/lib/internal/template/text-content/styles.selectors.js +1 -1
- package/lib/internal/template/textarea/styles.css.js +4 -4
- package/lib/internal/template/textarea/styles.scoped.css +20 -20
- package/lib/internal/template/textarea/styles.selectors.js +4 -4
- package/lib/internal/template/toggle/styles.css.js +8 -8
- package/lib/internal/template/toggle/styles.scoped.css +16 -16
- package/lib/internal/template/toggle/styles.selectors.js +8 -8
- package/lib/internal/template/token-group/styles.css.js +7 -7
- package/lib/internal/template/token-group/styles.scoped.css +28 -28
- package/lib/internal/template/token-group/styles.selectors.js +7 -7
- package/lib/internal/template/top-navigation/1.0-beta/styles.css.js +25 -25
- package/lib/internal/template/top-navigation/1.0-beta/styles.scoped.css +46 -46
- package/lib/internal/template/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/lib/internal/template/top-navigation/styles.css.js +47 -47
- package/lib/internal/template/top-navigation/styles.scoped.css +72 -72
- package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
- package/lib/internal/template/tutorial-panel/components/tutorial-list/index.js +1 -1
- package/lib/internal/template/tutorial-panel/components/tutorial-list/index.js.map +1 -1
- 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 +32 -32
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/lib/internal/template/wizard/styles.css.js +31 -31
- package/lib/internal/template/wizard/styles.scoped.css +62 -62
- package/lib/internal/template/wizard/styles.selectors.js +31 -31
- package/package.json +1 -1
- package/lib/internal/template/internal/hooks/dom-context/index.d.ts +0 -14
- package/lib/internal/template/internal/hooks/dom-context/index.d.ts.map +0 -1
- package/lib/internal/template/internal/hooks/dom-context/index.js +0 -70
- package/lib/internal/template/internal/hooks/dom-context/index.js.map +0 -1
|
@@ -90,7 +90,7 @@ 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_1mabk_ggr01_93:not(#\9) {
|
|
94
94
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
95
95
|
border-collapse: separate;
|
|
96
96
|
border-spacing: 0;
|
|
@@ -133,21 +133,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
133
133
|
display: block;
|
|
134
134
|
}
|
|
135
135
|
|
|
136
|
-
.
|
|
136
|
+
.awsui_radio_1mabk_ggr01_105:not(#\9) {
|
|
137
137
|
/*used in test-utils*/
|
|
138
138
|
}
|
|
139
139
|
|
|
140
|
-
.
|
|
140
|
+
.awsui_radio_1mabk_ggr01_105 + .awsui_radio_1mabk_ggr01_105:not(#\9) {
|
|
141
141
|
margin-top: 4px;
|
|
142
142
|
margin-top: var(--space-scaled-xxs-95dhkm, 4px);
|
|
143
143
|
}
|
|
144
144
|
|
|
145
|
-
.awsui_radio--has-
|
|
145
|
+
.awsui_radio--has-description_1mabk_ggr01_113 + .awsui_radio_1mabk_ggr01_105:not(#\9) {
|
|
146
146
|
margin-top: 8px;
|
|
147
147
|
margin-top: var(--space-scaled-xs-6859qs, 8px);
|
|
148
148
|
}
|
|
149
149
|
|
|
150
|
-
.awsui_radio-
|
|
150
|
+
.awsui_radio-control_1mabk_ggr01_117:not(#\9) {
|
|
151
151
|
margin-top: calc((22px - 14px) / 2);
|
|
152
152
|
margin-top: calc((var(--font-body-m-line-height-i7xxvv, 22px) - var(--size-control-eyly4k, 14px)) / 2);
|
|
153
153
|
min-height: 14px;
|
|
@@ -160,17 +160,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
160
160
|
width: var(--size-control-eyly4k, 14px);
|
|
161
161
|
}
|
|
162
162
|
|
|
163
|
-
.
|
|
163
|
+
.awsui_input_1mabk_ggr01_125[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
164
164
|
/* stylelint-disable-next-line selector-max-type, @cloudscape-design/no-implicit-descendant */
|
|
165
165
|
}
|
|
166
|
-
.
|
|
166
|
+
.awsui_input_1mabk_ggr01_125[data-awsui-focus-visible=true]:not(#\9):focus + div {
|
|
167
167
|
position: relative;
|
|
168
168
|
}
|
|
169
|
-
.
|
|
169
|
+
.awsui_input_1mabk_ggr01_125[data-awsui-focus-visible=true]:not(#\9):focus + div {
|
|
170
170
|
outline: 2px dotted transparent;
|
|
171
171
|
outline-offset: calc(2px - 1px);
|
|
172
172
|
}
|
|
173
|
-
.
|
|
173
|
+
.awsui_input_1mabk_ggr01_125[data-awsui-focus-visible=true]:not(#\9):focus + div::before {
|
|
174
174
|
content: " ";
|
|
175
175
|
display: block;
|
|
176
176
|
position: absolute;
|
|
@@ -180,24 +180,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
180
180
|
height: calc(100% + 2 * 2px);
|
|
181
181
|
border-radius: 50%;
|
|
182
182
|
border-radius: var(--border-control-focus-ring-radius-circle-tb29p3, 50%);
|
|
183
|
-
box-shadow: 0 0 0 2px #
|
|
184
|
-
box-shadow: 0 0 0 2px var(--color-border-item-focused-
|
|
183
|
+
box-shadow: 0 0 0 2px #0073bb;
|
|
184
|
+
box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
|
|
185
185
|
}
|
|
186
186
|
|
|
187
|
-
.awsui_styled-circle-
|
|
187
|
+
.awsui_styled-circle-border_1mabk_ggr01_147:not(#\9) {
|
|
188
188
|
stroke: #aab7b8;
|
|
189
189
|
stroke: var(--color-border-control-default-jt0hca, #aab7b8);
|
|
190
190
|
fill: #ffffff;
|
|
191
191
|
fill: var(--color-background-control-default-8xmy94, #ffffff);
|
|
192
192
|
}
|
|
193
|
-
.awsui_styled-circle-
|
|
193
|
+
.awsui_styled-circle-border_1mabk_ggr01_147.awsui_styled-circle-disabled_1mabk_ggr01_151:not(#\9) {
|
|
194
194
|
fill: #d5dbdb;
|
|
195
195
|
fill: var(--color-background-control-disabled-0y91m8, #d5dbdb);
|
|
196
196
|
stroke: #d5dbdb;
|
|
197
197
|
stroke: var(--color-background-control-disabled-0y91m8, #d5dbdb);
|
|
198
198
|
}
|
|
199
199
|
|
|
200
|
-
.awsui_styled-circle-
|
|
200
|
+
.awsui_styled-circle-fill_1mabk_ggr01_156:not(#\9) {
|
|
201
201
|
stroke: #0073bb;
|
|
202
202
|
stroke: var(--color-background-control-checked-dyuc53, #0073bb);
|
|
203
203
|
fill: #ffffff;
|
|
@@ -206,22 +206,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
206
206
|
transition: opacity 90ms linear;
|
|
207
207
|
transition: opacity var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
|
|
208
208
|
}
|
|
209
|
-
.awsui_styled-circle-
|
|
209
|
+
.awsui_styled-circle-fill_1mabk_ggr01_156.awsui_styled-circle-checked_1mabk_ggr01_162:not(#\9) {
|
|
210
210
|
opacity: 1;
|
|
211
211
|
}
|
|
212
|
-
.awsui_styled-circle-
|
|
212
|
+
.awsui_styled-circle-fill_1mabk_ggr01_156.awsui_styled-circle-disabled_1mabk_ggr01_151:not(#\9) {
|
|
213
213
|
fill: #ffffff;
|
|
214
214
|
fill: var(--color-foreground-control-disabled-84rf4t, #ffffff);
|
|
215
215
|
stroke: #d5dbdb;
|
|
216
216
|
stroke: var(--color-background-control-disabled-0y91m8, #d5dbdb);
|
|
217
217
|
}
|
|
218
218
|
@media (prefers-reduced-motion: reduce) {
|
|
219
|
-
.awsui_styled-circle-
|
|
219
|
+
.awsui_styled-circle-fill_1mabk_ggr01_156:not(#\9) {
|
|
220
220
|
animation: none;
|
|
221
221
|
transition: none;
|
|
222
222
|
}
|
|
223
223
|
}
|
|
224
|
-
.awsui-motion-disabled .awsui_styled-circle-
|
|
224
|
+
.awsui-motion-disabled .awsui_styled-circle-fill_1mabk_ggr01_156:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1mabk_ggr01_156:not(#\9) {
|
|
225
225
|
animation: none;
|
|
226
226
|
transition: none;
|
|
227
227
|
}
|
|
@@ -2,14 +2,14 @@
|
|
|
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
|
-
"radio": "
|
|
7
|
-
"radio--has-description": "awsui_radio--has-
|
|
8
|
-
"radio-control": "awsui_radio-
|
|
9
|
-
"input": "
|
|
10
|
-
"styled-circle-border": "awsui_styled-circle-
|
|
11
|
-
"styled-circle-disabled": "awsui_styled-circle-
|
|
12
|
-
"styled-circle-fill": "awsui_styled-circle-
|
|
13
|
-
"styled-circle-checked": "awsui_styled-circle-
|
|
5
|
+
"root": "awsui_root_1mabk_ggr01_93",
|
|
6
|
+
"radio": "awsui_radio_1mabk_ggr01_105",
|
|
7
|
+
"radio--has-description": "awsui_radio--has-description_1mabk_ggr01_113",
|
|
8
|
+
"radio-control": "awsui_radio-control_1mabk_ggr01_117",
|
|
9
|
+
"input": "awsui_input_1mabk_ggr01_125",
|
|
10
|
+
"styled-circle-border": "awsui_styled-circle-border_1mabk_ggr01_147",
|
|
11
|
+
"styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_ggr01_151",
|
|
12
|
+
"styled-circle-fill": "awsui_styled-circle-fill_1mabk_ggr01_156",
|
|
13
|
+
"styled-circle-checked": "awsui_styled-circle-checked_1mabk_ggr01_162"
|
|
14
14
|
};
|
|
15
15
|
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"segment": "
|
|
5
|
-
"disabled": "
|
|
6
|
-
"selected": "
|
|
7
|
-
"icon": "
|
|
8
|
-
"with-text": "awsui_with-
|
|
9
|
-
"with-no-text": "awsui_with-no-
|
|
10
|
-
"root": "
|
|
11
|
-
"segment-part": "awsui_segment-
|
|
12
|
-
"select": "
|
|
13
|
-
"segment-count-2": "awsui_segment-count-
|
|
14
|
-
"segment-count-3": "awsui_segment-count-
|
|
15
|
-
"segment-count-4": "awsui_segment-count-
|
|
16
|
-
"segment-count-5": "awsui_segment-count-
|
|
17
|
-
"segment-count-6": "awsui_segment-count-
|
|
4
|
+
"segment": "awsui_segment_8cbea_1lf7u_97",
|
|
5
|
+
"disabled": "awsui_disabled_8cbea_1lf7u_164",
|
|
6
|
+
"selected": "awsui_selected_8cbea_1lf7u_172",
|
|
7
|
+
"icon": "awsui_icon_8cbea_1lf7u_193",
|
|
8
|
+
"with-text": "awsui_with-text_8cbea_1lf7u_197",
|
|
9
|
+
"with-no-text": "awsui_with-no-text_8cbea_1lf7u_203",
|
|
10
|
+
"root": "awsui_root_8cbea_1lf7u_214",
|
|
11
|
+
"segment-part": "awsui_segment-part_8cbea_1lf7u_225",
|
|
12
|
+
"select": "awsui_select_8cbea_1lf7u_172",
|
|
13
|
+
"segment-count-2": "awsui_segment-count-2_8cbea_1lf7u_244",
|
|
14
|
+
"segment-count-3": "awsui_segment-count-3_8cbea_1lf7u_249",
|
|
15
|
+
"segment-count-4": "awsui_segment-count-4_8cbea_1lf7u_254",
|
|
16
|
+
"segment-count-5": "awsui_segment-count-5_8cbea_1lf7u_259",
|
|
17
|
+
"segment-count-6": "awsui_segment-count-6_8cbea_1lf7u_264"
|
|
18
18
|
};
|
|
19
19
|
|
|
@@ -94,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
94
94
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
95
95
|
SPDX-License-Identifier: Apache-2.0
|
|
96
96
|
*/
|
|
97
|
-
.
|
|
97
|
+
.awsui_segment_8cbea_1lf7u_97:not(#\9) {
|
|
98
98
|
font-size: 14px;
|
|
99
99
|
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
100
100
|
line-height: 22px;
|
|
@@ -116,42 +116,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
116
116
|
color: var(--color-text-segment-default-9k644f, #545b64);
|
|
117
117
|
overflow: visible;
|
|
118
118
|
}
|
|
119
|
-
.
|
|
119
|
+
.awsui_segment_8cbea_1lf7u_97:not(#\9):focus {
|
|
120
120
|
outline: none;
|
|
121
121
|
}
|
|
122
|
-
.
|
|
122
|
+
.awsui_segment_8cbea_1lf7u_97:not(#\9):nth-child(1) {
|
|
123
123
|
grid-column: 1;
|
|
124
124
|
-ms-grid-column: 1;
|
|
125
125
|
}
|
|
126
|
-
.
|
|
126
|
+
.awsui_segment_8cbea_1lf7u_97:not(#\9):nth-child(2) {
|
|
127
127
|
grid-column: 2;
|
|
128
128
|
-ms-grid-column: 2;
|
|
129
129
|
}
|
|
130
|
-
.
|
|
130
|
+
.awsui_segment_8cbea_1lf7u_97:not(#\9):nth-child(3) {
|
|
131
131
|
grid-column: 3;
|
|
132
132
|
-ms-grid-column: 3;
|
|
133
133
|
}
|
|
134
|
-
.
|
|
134
|
+
.awsui_segment_8cbea_1lf7u_97:not(#\9):nth-child(4) {
|
|
135
135
|
grid-column: 4;
|
|
136
136
|
-ms-grid-column: 4;
|
|
137
137
|
}
|
|
138
|
-
.
|
|
138
|
+
.awsui_segment_8cbea_1lf7u_97:not(#\9):nth-child(5) {
|
|
139
139
|
grid-column: 5;
|
|
140
140
|
-ms-grid-column: 5;
|
|
141
141
|
}
|
|
142
|
-
.
|
|
142
|
+
.awsui_segment_8cbea_1lf7u_97:not(#\9):nth-child(6) {
|
|
143
143
|
grid-column: 6;
|
|
144
144
|
-ms-grid-column: 6;
|
|
145
145
|
}
|
|
146
|
-
.
|
|
146
|
+
.awsui_segment_8cbea_1lf7u_97[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
147
147
|
position: relative;
|
|
148
148
|
}
|
|
149
|
-
.
|
|
149
|
+
.awsui_segment_8cbea_1lf7u_97[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
150
150
|
outline: 2px dotted transparent;
|
|
151
151
|
outline-offset: calc(0px - 1px);
|
|
152
152
|
outline-offset: calc(var(--space-segmented-control-focus-outline-gutter-82bijn, 0px) - 1px);
|
|
153
153
|
}
|
|
154
|
-
.
|
|
154
|
+
.awsui_segment_8cbea_1lf7u_97[data-awsui-focus-visible=true]:not(#\9):focus::before {
|
|
155
155
|
content: " ";
|
|
156
156
|
display: block;
|
|
157
157
|
position: absolute;
|
|
@@ -165,20 +165,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
165
165
|
height: calc(100% + 2 * var(--space-segmented-control-focus-outline-gutter-82bijn, 0px));
|
|
166
166
|
border-radius: 2px;
|
|
167
167
|
border-radius: var(--border-control-focus-ring-radius-default-9royjh, 2px);
|
|
168
|
-
box-shadow: 0 0 0 2px #
|
|
169
|
-
box-shadow: 0 0 0 2px var(--color-border-item-focused-
|
|
168
|
+
box-shadow: 0 0 0 2px #0073bb;
|
|
169
|
+
box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
|
|
170
170
|
}
|
|
171
|
-
.
|
|
171
|
+
.awsui_segment_8cbea_1lf7u_97:not(#\9):last-child {
|
|
172
172
|
border-right-width: 1px;
|
|
173
173
|
border-right-width: var(--border-field-width-y6x4sn, 1px);
|
|
174
174
|
border-radius: 0 2px 2px 0;
|
|
175
175
|
border-radius: 0 var(--border-button-radius-no6fc3, 2px) var(--border-button-radius-no6fc3, 2px) 0;
|
|
176
176
|
}
|
|
177
|
-
.
|
|
177
|
+
.awsui_segment_8cbea_1lf7u_97:not(#\9):first-child {
|
|
178
178
|
border-radius: 2px 0 0 2px;
|
|
179
179
|
border-radius: var(--border-button-radius-no6fc3, 2px) 0 0 var(--border-button-radius-no6fc3, 2px);
|
|
180
180
|
}
|
|
181
|
-
.
|
|
181
|
+
.awsui_segment_8cbea_1lf7u_97.awsui_disabled_8cbea_1lf7u_164:not(#\9) {
|
|
182
182
|
background: #ffffff;
|
|
183
183
|
background: var(--color-background-segment-disabled-gcpwaz, #ffffff);
|
|
184
184
|
border-color: #d5dbdb;
|
|
@@ -186,11 +186,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
186
186
|
color: #aab7b8;
|
|
187
187
|
color: var(--color-text-interactive-disabled-jcikk2, #aab7b8);
|
|
188
188
|
}
|
|
189
|
-
.
|
|
189
|
+
.awsui_segment_8cbea_1lf7u_97:not(#\9):not(.awsui_disabled_8cbea_1lf7u_164) + .awsui_segment_8cbea_1lf7u_97.awsui_disabled_8cbea_1lf7u_164 {
|
|
190
190
|
border-left-color: #687078;
|
|
191
191
|
border-left-color: var(--color-border-segment-default-zm0agy, #687078);
|
|
192
192
|
}
|
|
193
|
-
.
|
|
193
|
+
.awsui_segment_8cbea_1lf7u_97.awsui_selected_8cbea_1lf7u_172:not(#\9) {
|
|
194
194
|
background: #eaeded;
|
|
195
195
|
background: var(--color-background-segment-active-khzpn5, #eaeded);
|
|
196
196
|
border-color: #16191f;
|
|
@@ -198,11 +198,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
198
198
|
color: #16191f;
|
|
199
199
|
color: var(--color-text-segment-active-o087le, #16191f);
|
|
200
200
|
}
|
|
201
|
-
.
|
|
201
|
+
.awsui_segment_8cbea_1lf7u_97.awsui_selected_8cbea_1lf7u_172 + .awsui_segment_8cbea_1lf7u_97:not(#\9), .awsui_segment_8cbea_1lf7u_97.awsui_selected_8cbea_1lf7u_172 + .awsui_segment_8cbea_1lf7u_97.awsui_disabled_8cbea_1lf7u_164:not(#\9) {
|
|
202
202
|
border-left-color: #16191f;
|
|
203
203
|
border-left-color: var(--color-border-segment-active-9wobfw, #16191f);
|
|
204
204
|
}
|
|
205
|
-
.
|
|
205
|
+
.awsui_segment_8cbea_1lf7u_97:not(#\9):hover:not(.awsui_selected_8cbea_1lf7u_172):not(.awsui_disabled_8cbea_1lf7u_164):not(:focus) {
|
|
206
206
|
background: #fafafa;
|
|
207
207
|
background: var(--color-background-segment-hover-p2rkog, #fafafa);
|
|
208
208
|
color: #16191f;
|
|
@@ -211,20 +211,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
211
211
|
border-color: var(--color-border-segment-hover-0iwmji, #16191f);
|
|
212
212
|
cursor: pointer;
|
|
213
213
|
}
|
|
214
|
-
.
|
|
214
|
+
.awsui_segment_8cbea_1lf7u_97:not(#\9):hover:not(.awsui_selected_8cbea_1lf7u_172):not(.awsui_disabled_8cbea_1lf7u_164):not(:focus) + .awsui_segment_8cbea_1lf7u_97:not(.awsui_selected_8cbea_1lf7u_172) {
|
|
215
215
|
border-left-color: #16191f;
|
|
216
216
|
border-left-color: var(--color-border-segment-hover-0iwmji, #16191f);
|
|
217
217
|
}
|
|
218
|
-
.
|
|
218
|
+
.awsui_segment_8cbea_1lf7u_97.awsui_selected_8cbea_1lf7u_172 + .awsui_segment_8cbea_1lf7u_97:not(#\9):hover:not(.awsui_selected_8cbea_1lf7u_172):not(.awsui_disabled_8cbea_1lf7u_164):not(:focus) {
|
|
219
219
|
border-left-color: #16191f;
|
|
220
220
|
border-left-color: var(--color-border-segment-active-9wobfw, #16191f);
|
|
221
221
|
}
|
|
222
222
|
|
|
223
|
-
.
|
|
223
|
+
.awsui_icon_8cbea_1lf7u_193:not(#\9) {
|
|
224
224
|
/* used in test-utils */
|
|
225
225
|
}
|
|
226
226
|
|
|
227
|
-
.awsui_with-
|
|
227
|
+
.awsui_with-text_8cbea_1lf7u_197:not(#\9) {
|
|
228
228
|
position: relative;
|
|
229
229
|
left: calc(-1 * 4px);
|
|
230
230
|
left: calc(-1 * var(--space-xxs-ynfts5, 4px));
|
|
@@ -232,7 +232,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
232
232
|
margin-right: var(--space-xxs-ynfts5, 4px);
|
|
233
233
|
}
|
|
234
234
|
|
|
235
|
-
.awsui_with-no-
|
|
235
|
+
.awsui_with-no-text_8cbea_1lf7u_203:not(#\9) {
|
|
236
236
|
margin-right: auto;
|
|
237
237
|
margin-left: auto;
|
|
238
238
|
right: 0;
|
|
@@ -243,7 +243,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
243
243
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
244
244
|
SPDX-License-Identifier: Apache-2.0
|
|
245
245
|
*/
|
|
246
|
-
.
|
|
246
|
+
.awsui_root_8cbea_1lf7u_214:not(#\9) {
|
|
247
247
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
248
248
|
border-collapse: separate;
|
|
249
249
|
border-spacing: 0;
|
|
@@ -285,46 +285,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
285
285
|
font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
286
286
|
}
|
|
287
287
|
|
|
288
|
-
.awsui_segment-
|
|
288
|
+
.awsui_segment-part_8cbea_1lf7u_225:not(#\9) {
|
|
289
289
|
display: -ms-inline-grid;
|
|
290
290
|
display: inline-grid;
|
|
291
291
|
}
|
|
292
292
|
@media (max-width: 688px) {
|
|
293
|
-
.awsui_segment-
|
|
293
|
+
.awsui_segment-part_8cbea_1lf7u_225:not(#\9) {
|
|
294
294
|
display: none;
|
|
295
295
|
}
|
|
296
296
|
}
|
|
297
297
|
|
|
298
|
-
.
|
|
298
|
+
.awsui_select_8cbea_1lf7u_172:not(#\9) {
|
|
299
299
|
display: none;
|
|
300
300
|
}
|
|
301
301
|
@media (max-width: 688px) {
|
|
302
|
-
.
|
|
302
|
+
.awsui_select_8cbea_1lf7u_172:not(#\9) {
|
|
303
303
|
display: block;
|
|
304
304
|
}
|
|
305
305
|
}
|
|
306
306
|
|
|
307
|
-
.awsui_segment-count-
|
|
307
|
+
.awsui_segment-count-2_8cbea_1lf7u_244:not(#\9) {
|
|
308
308
|
-ms-grid-columns: 1fr 1fr;
|
|
309
309
|
grid-template-columns: 1fr 1fr;
|
|
310
310
|
}
|
|
311
311
|
|
|
312
|
-
.awsui_segment-count-
|
|
312
|
+
.awsui_segment-count-3_8cbea_1lf7u_249:not(#\9) {
|
|
313
313
|
-ms-grid-columns: 1fr 1fr 1fr;
|
|
314
314
|
grid-template-columns: 1fr 1fr 1fr;
|
|
315
315
|
}
|
|
316
316
|
|
|
317
|
-
.awsui_segment-count-
|
|
317
|
+
.awsui_segment-count-4_8cbea_1lf7u_254:not(#\9) {
|
|
318
318
|
-ms-grid-columns: 1fr 1fr 1fr 1fr;
|
|
319
319
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
|
320
320
|
}
|
|
321
321
|
|
|
322
|
-
.awsui_segment-count-
|
|
322
|
+
.awsui_segment-count-5_8cbea_1lf7u_259:not(#\9) {
|
|
323
323
|
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
|
|
324
324
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
|
|
325
325
|
}
|
|
326
326
|
|
|
327
|
-
.awsui_segment-count-
|
|
327
|
+
.awsui_segment-count-6_8cbea_1lf7u_264:not(#\9) {
|
|
328
328
|
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
|
|
329
329
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
|
|
330
330
|
}
|
|
@@ -2,19 +2,19 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"segment": "
|
|
6
|
-
"disabled": "
|
|
7
|
-
"selected": "
|
|
8
|
-
"icon": "
|
|
9
|
-
"with-text": "awsui_with-
|
|
10
|
-
"with-no-text": "awsui_with-no-
|
|
11
|
-
"root": "
|
|
12
|
-
"segment-part": "awsui_segment-
|
|
13
|
-
"select": "
|
|
14
|
-
"segment-count-2": "awsui_segment-count-
|
|
15
|
-
"segment-count-3": "awsui_segment-count-
|
|
16
|
-
"segment-count-4": "awsui_segment-count-
|
|
17
|
-
"segment-count-5": "awsui_segment-count-
|
|
18
|
-
"segment-count-6": "awsui_segment-count-
|
|
5
|
+
"segment": "awsui_segment_8cbea_1lf7u_97",
|
|
6
|
+
"disabled": "awsui_disabled_8cbea_1lf7u_164",
|
|
7
|
+
"selected": "awsui_selected_8cbea_1lf7u_172",
|
|
8
|
+
"icon": "awsui_icon_8cbea_1lf7u_193",
|
|
9
|
+
"with-text": "awsui_with-text_8cbea_1lf7u_197",
|
|
10
|
+
"with-no-text": "awsui_with-no-text_8cbea_1lf7u_203",
|
|
11
|
+
"root": "awsui_root_8cbea_1lf7u_214",
|
|
12
|
+
"segment-part": "awsui_segment-part_8cbea_1lf7u_225",
|
|
13
|
+
"select": "awsui_select_8cbea_1lf7u_172",
|
|
14
|
+
"segment-count-2": "awsui_segment-count-2_8cbea_1lf7u_244",
|
|
15
|
+
"segment-count-3": "awsui_segment-count-3_8cbea_1lf7u_249",
|
|
16
|
+
"segment-count-4": "awsui_segment-count-4_8cbea_1lf7u_254",
|
|
17
|
+
"segment-count-5": "awsui_segment-count-5_8cbea_1lf7u_259",
|
|
18
|
+
"segment-count-6": "awsui_segment-count-6_8cbea_1lf7u_264"
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["../../../../src/select/utils/use-select.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAe,MAAM,6CAA6C,CAAC;AAS5G,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAuB,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAGrH,oBAAY,SAAS,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG;IAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;CAAE,CAAC;AACxG,oBAAY,cAAc,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;AAElF,UAAU,cAAc;IACtB,eAAe,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACjD,oBAAoB,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACzD,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5B,aAAa,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,iBAAiB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACxD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,yBAAyB,CAAC;IACnC,MAAM,EAAE,yBAAyB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;CACnE;AAED,wBAAgB,SAAS,CAAC,EACxB,eAAe,EACf,oBAAoB,EACpB,OAAO,EACP,aAAa,EACb,MAAM,EACN,OAAO,EACP,WAAW,EACX,QAAQ,EACR,aAAa,EACb,iBAAiB,EACjB,oBAA4B,GAC7B,EAAE,cAAc;;;;;;0BAuHY,QAAQ,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["../../../../src/select/utils/use-select.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAe,MAAM,6CAA6C,CAAC;AAS5G,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAuB,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAGrH,oBAAY,SAAS,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG;IAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;CAAE,CAAC;AACxG,oBAAY,cAAc,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;AAElF,UAAU,cAAc;IACtB,eAAe,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACjD,oBAAoB,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACzD,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5B,aAAa,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,iBAAiB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACxD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,yBAAyB,CAAC;IACnC,MAAM,EAAE,yBAAyB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;CACnE;AAED,wBAAgB,SAAS,CAAC,EACxB,eAAe,EACf,oBAAoB,EACpB,OAAO,EACP,aAAa,EACb,MAAM,EACN,OAAO,EACP,WAAW,EACX,QAAQ,EACR,aAAa,EACb,iBAAiB,EACjB,oBAA4B,GAC7B,EAAE,cAAc;;;;;;0BAuHY,QAAQ,WAAW,CAAC;6BAiEf,cAAc,SAAS,MAAM;;;;;EA4D9D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-select.js","sourceRoot":"","sources":["../../../../src/select/utils/use-select.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { RefObject } from 'react';\nimport { DropdownOption, OptionDefinition, OptionGroup } from '../../internal/components/option/interfaces';\nimport { isInteractive, isGroupInteractive, isGroup } from '../../internal/components/option/utils/filter-options';\nimport { useEffect, useRef, MutableRefObject } from 'react';\nimport { createHighlightedOptionHook } from '../../internal/components/options-list/utils/use-highlight-option';\nimport { useOpenState } from '../../internal/components/options-list/utils/use-open-state';\nimport { useMenuKeyboard, useTriggerKeyboard } from '../../internal/components/options-list/utils/use-keyboard';\nimport { useIds, getOptionId } from '../../internal/components/options-list/utils/use-ids';\nimport { connectOptionsByValue } from './connect-options';\nimport useForwardFocus from '../../internal/hooks/forward-focus';\nimport { OptionsListProps } from '../../internal/components/options-list';\nimport { FilterProps } from '../parts/filter';\nimport { ItemProps } from '../parts/item';\nimport { usePrevious } from '../../internal/hooks/use-previous';\nimport { BaseKeyDetail } from '../../internal/events';\nimport { CancelableEventHandler, fireCancelableEvent, NonCancelableEventHandler } from '../../internal/events/index';\nimport { containsOrEqual } from '../../internal/utils/dom';\n\nexport type MenuProps = Omit<OptionsListProps, 'children'> & { ref: React.RefObject<HTMLUListElement> };\nexport type GetOptionProps = (option: DropdownOption, index: number) => ItemProps;\n\ninterface UseSelectProps {\n selectedOptions: ReadonlyArray<OptionDefinition>;\n updateSelectedOption: (option: OptionDefinition) => void;\n options: ReadonlyArray<DropdownOption>;\n filteringType: string;\n keepOpen?: boolean;\n onBlur?: CancelableEventHandler;\n onFocus?: CancelableEventHandler;\n externalRef: React.Ref<any>;\n fireLoadItems: (filteringText: string) => void;\n setFilteringValue: (filteringText: string) => void;\n useInteractiveGroups?: boolean;\n}\n\nexport interface SelectTriggerProps {\n ref: RefObject<HTMLButtonElement>;\n onMouseDown?: (event: CustomEvent) => void;\n onKeyDown?: (event: CustomEvent<BaseKeyDetail>) => void;\n ariaLabelledby?: string;\n onFocus: NonCancelableEventHandler;\n onBlur: NonCancelableEventHandler<{ relatedTarget: Node | null }>;\n}\n\nexport function useSelect({\n selectedOptions,\n updateSelectedOption,\n options,\n filteringType,\n onBlur,\n onFocus,\n externalRef,\n keepOpen,\n fireLoadItems,\n setFilteringValue,\n useInteractiveGroups = false,\n}: UseSelectProps) {\n const interactivityCheck = useInteractiveGroups ? isGroupInteractive : isInteractive;\n\n const isHighlightable = (option?: DropdownOption) => !!option && (useInteractiveGroups || option.type !== 'parent');\n const useHighlightedOption = createHighlightedOptionHook({ isHighlightable: isHighlightable });\n\n const filterRef = useRef<HTMLInputElement>(null);\n const triggerRef = useRef<HTMLButtonElement>(null);\n const menuRef = useRef<HTMLUListElement>(null);\n const hasFilter = filteringType !== 'none';\n const activeRef = hasFilter ? filterRef : menuRef;\n const isKeyboard = useRef<boolean>(false);\n const isSelectingUsingSpace = useRef<boolean>(false);\n const __selectedOptions = connectOptionsByValue(options, selectedOptions);\n const __selectedValuesSet = selectedOptions.reduce((selectedValuesSet: Set<string>, item: OptionDefinition) => {\n if (item.value) {\n selectedValuesSet.add(item.value);\n }\n return selectedValuesSet;\n }, new Set<string>());\n const {\n highlightedOption,\n highlightedIndex,\n moveHighlight,\n resetHighlight,\n setHighlightedIndex,\n highlightOption,\n goHome,\n goEnd,\n } = useHighlightedOption(options);\n\n const { isOpen, openDropdown, closeDropdown, toggleDropdown } = useOpenState({\n onOpen: () => fireLoadItems(''),\n onClose: () => {\n resetHighlight();\n setFilteringValue('');\n },\n });\n\n const focused: MutableRefObject<boolean> = useRef<boolean>(false);\n const handleFocus = () => {\n if (!focused.current) {\n fireCancelableEvent(onFocus, {});\n focused.current = true;\n }\n };\n const handleBlur = ({ detail }: { detail: { relatedTarget: Node | null } }) => {\n const { relatedTarget } = detail;\n const nextFocusedIsTrigger = relatedTarget ? containsOrEqual(triggerRef.current, relatedTarget) : false;\n const nextFocusedInsideDropdown = relatedTarget\n ? containsOrEqual(menuRef.current, relatedTarget) || containsOrEqual(filterRef.current, relatedTarget)\n : false;\n const nextFocusedInsideComponent = nextFocusedIsTrigger || nextFocusedInsideDropdown;\n const focusingOut = focused.current && !nextFocusedInsideComponent;\n\n if (nextFocusedIsTrigger || focusingOut) {\n closeDropdown();\n }\n if (focusingOut) {\n fireCancelableEvent(onBlur, {});\n focused.current = false;\n }\n };\n\n const hasSelectedOption = __selectedOptions.length > 0;\n const { selectedOptionId, menuId } = useIds({ hasSelectedOption });\n const highlightedOptionId = getOptionId(menuId, highlightedIndex);\n\n const selectOption = (option?: DropdownOption) => {\n isSelectingUsingSpace.current = false;\n const optionToSelect = option || highlightedOption;\n if (!optionToSelect || !interactivityCheck(optionToSelect)) {\n return;\n }\n updateSelectedOption(optionToSelect.option);\n if (!keepOpen) {\n triggerRef.current?.focus();\n closeDropdown();\n }\n };\n\n const activeKeyDownHandler = useMenuKeyboard({\n moveHighlight,\n selectOption,\n goHome,\n goEnd,\n closeDropdown: () => {\n triggerRef.current?.focus();\n closeDropdown();\n },\n isKeyboard,\n isSelectingUsingSpace,\n preventNativeSpace: !hasFilter,\n });\n\n const triggerKeyDownHandler = useTriggerKeyboard({ openDropdown, goHome, isKeyboard });\n\n const getTriggerProps = (disabled = false) => {\n const triggerProps: SelectTriggerProps = {\n ref: triggerRef,\n onFocus: handleFocus,\n onBlur: handleBlur,\n };\n if (!disabled) {\n triggerProps.onMouseDown = (event: CustomEvent) => {\n event.preventDefault(); // prevent current focus from blurring as it immediately closes the dropdown\n if (isOpen) {\n triggerRef.current?.focus();\n }\n toggleDropdown();\n };\n triggerProps.onKeyDown = triggerKeyDownHandler;\n }\n if (hasSelectedOption) {\n triggerProps.ariaLabelledby = selectedOptionId;\n }\n return triggerProps;\n };\n\n const getFilterProps = (): Partial<FilterProps> => {\n if (!hasFilter) {\n return {};\n }\n\n return {\n ref: filterRef,\n onKeyDown: activeKeyDownHandler,\n __onBlurWithDetail: handleBlur,\n onFocus: handleFocus,\n onChange: event => {\n setFilteringValue(event.detail.value);\n resetHighlight();\n },\n __onDelayedInput: event => {\n fireLoadItems(event.detail.value);\n },\n __nativeAttributes: {\n 'aria-activedescendant': highlightedOptionId,\n ['aria-owns']: menuId,\n },\n };\n };\n\n const getMenuProps = () => {\n const menuProps: MenuProps = {\n id: menuId,\n ref: menuRef,\n open: isOpen,\n onFocus: handleFocus,\n onBlur: handleBlur,\n onMouseUp: itemIndex => {\n isKeyboard.current = false;\n if (itemIndex > -1) {\n selectOption(options[itemIndex]);\n }\n },\n onMouseMove: itemIndex => {\n isKeyboard.current = false;\n if (itemIndex > -1) {\n setHighlightedIndex(itemIndex);\n }\n },\n };\n if (!hasFilter) {\n menuProps.onKeyDown = activeKeyDownHandler;\n menuProps.onBlur = handleBlur;\n menuProps.onFocus = handleFocus;\n menuProps.nativeAttributes = {\n 'aria-activedescendant': highlightedOptionId,\n };\n }\n return menuProps;\n };\n const getGroupState = (option: OptionGroup) => {\n const totalSelected = option.options.filter(item => !!item.value && __selectedValuesSet.has(item.value)).length;\n const hasSelected = totalSelected > 0;\n const allSelected = totalSelected === option.options.length;\n return {\n selected: hasSelected && allSelected,\n indeterminate: hasSelected && !allSelected,\n };\n };\n\n const getOptionProps = (option: DropdownOption, index: number) => {\n const highlighted = option === highlightedOption;\n const groupState = isGroup(option.option) ? getGroupState(option.option) : undefined;\n const selected = __selectedOptions.indexOf(option) > -1 || !!groupState?.selected;\n const nextOption = options[index + 1]?.option;\n const isNextSelected =\n !!nextOption && isGroup(nextOption)\n ? getGroupState(nextOption).selected\n : __selectedOptions.indexOf(options[index + 1]) > -1;\n\n const optionProps: any = {\n key: index,\n option,\n highlighted,\n selected,\n isNextSelected,\n indeterminate: !!groupState?.indeterminate,\n ['data-mouse-target']: isHighlightable(option) ? index : -1,\n id: getOptionId(menuId, index),\n };\n\n return optionProps;\n };\n\n const prevOpen = usePrevious<boolean>(isOpen);\n useEffect(() => {\n // highlight the first selected option, when opening the Select component\n if (isOpen && !prevOpen && hasSelectedOption) {\n setHighlightedIndex(options.indexOf(__selectedOptions[0]));\n }\n }, [isOpen, __selectedOptions, hasSelectedOption, setHighlightedIndex, options, prevOpen]);\n\n useEffect(() => {\n if (isOpen) {\n // dropdown-fit calculations ensure that the dropdown will fit inside the current\n // viewport, so prevent the browser from trying to scroll it into view (e.g. if\n // scroll-padding-top is set on a parent)\n activeRef.current?.focus({ preventScroll: true });\n }\n }, [isOpen, activeRef]);\n\n useForwardFocus(externalRef, triggerRef as React.RefObject<HTMLElement>);\n const highlightedGroupSelected =\n !!highlightedOption && isGroup(highlightedOption.option) && getGroupState(highlightedOption.option).selected;\n const announceSelected =\n !!highlightedOption && (__selectedOptions.indexOf(highlightedOption) > -1 || highlightedGroupSelected);\n\n return {\n isOpen,\n highlightedOption,\n highlightedIndex,\n getTriggerProps,\n getMenuProps,\n getFilterProps,\n getOptionProps,\n isKeyboard,\n highlightOption,\n selectOption,\n announceSelected,\n };\n}\n"]}
|
|
1
|
+
{"version":3,"file":"use-select.js","sourceRoot":"","sources":["../../../../src/select/utils/use-select.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { RefObject } from 'react';\nimport { DropdownOption, OptionDefinition, OptionGroup } from '../../internal/components/option/interfaces';\nimport { isInteractive, isGroupInteractive, isGroup } from '../../internal/components/option/utils/filter-options';\nimport { useEffect, useRef, MutableRefObject } from 'react';\nimport { createHighlightedOptionHook } from '../../internal/components/options-list/utils/use-highlight-option';\nimport { useOpenState } from '../../internal/components/options-list/utils/use-open-state';\nimport { useMenuKeyboard, useTriggerKeyboard } from '../../internal/components/options-list/utils/use-keyboard';\nimport { useIds, getOptionId } from '../../internal/components/options-list/utils/use-ids';\nimport { connectOptionsByValue } from './connect-options';\nimport useForwardFocus from '../../internal/hooks/forward-focus';\nimport { OptionsListProps } from '../../internal/components/options-list';\nimport { FilterProps } from '../parts/filter';\nimport { ItemProps } from '../parts/item';\nimport { usePrevious } from '../../internal/hooks/use-previous';\nimport { BaseKeyDetail } from '../../internal/events';\nimport { CancelableEventHandler, fireCancelableEvent, NonCancelableEventHandler } from '../../internal/events/index';\nimport { containsOrEqual } from '../../internal/utils/dom';\n\nexport type MenuProps = Omit<OptionsListProps, 'children'> & { ref: React.RefObject<HTMLUListElement> };\nexport type GetOptionProps = (option: DropdownOption, index: number) => ItemProps;\n\ninterface UseSelectProps {\n selectedOptions: ReadonlyArray<OptionDefinition>;\n updateSelectedOption: (option: OptionDefinition) => void;\n options: ReadonlyArray<DropdownOption>;\n filteringType: string;\n keepOpen?: boolean;\n onBlur?: CancelableEventHandler;\n onFocus?: CancelableEventHandler;\n externalRef: React.Ref<any>;\n fireLoadItems: (filteringText: string) => void;\n setFilteringValue: (filteringText: string) => void;\n useInteractiveGroups?: boolean;\n}\n\nexport interface SelectTriggerProps {\n ref: RefObject<HTMLButtonElement>;\n onMouseDown?: (event: CustomEvent) => void;\n onKeyDown?: (event: CustomEvent<BaseKeyDetail>) => void;\n ariaLabelledby?: string;\n onFocus: NonCancelableEventHandler;\n onBlur: NonCancelableEventHandler<{ relatedTarget: Node | null }>;\n}\n\nexport function useSelect({\n selectedOptions,\n updateSelectedOption,\n options,\n filteringType,\n onBlur,\n onFocus,\n externalRef,\n keepOpen,\n fireLoadItems,\n setFilteringValue,\n useInteractiveGroups = false,\n}: UseSelectProps) {\n const interactivityCheck = useInteractiveGroups ? isGroupInteractive : isInteractive;\n\n const isHighlightable = (option?: DropdownOption) => !!option && (useInteractiveGroups || option.type !== 'parent');\n const useHighlightedOption = createHighlightedOptionHook({ isHighlightable: isHighlightable });\n\n const filterRef = useRef<HTMLInputElement>(null);\n const triggerRef = useRef<HTMLButtonElement>(null);\n const menuRef = useRef<HTMLUListElement>(null);\n const hasFilter = filteringType !== 'none';\n const activeRef = hasFilter ? filterRef : menuRef;\n const isKeyboard = useRef<boolean>(false);\n const isSelectingUsingSpace = useRef<boolean>(false);\n const __selectedOptions = connectOptionsByValue(options, selectedOptions);\n const __selectedValuesSet = selectedOptions.reduce((selectedValuesSet: Set<string>, item: OptionDefinition) => {\n if (item.value) {\n selectedValuesSet.add(item.value);\n }\n return selectedValuesSet;\n }, new Set<string>());\n const {\n highlightedOption,\n highlightedIndex,\n moveHighlight,\n resetHighlight,\n setHighlightedIndex,\n highlightOption,\n goHome,\n goEnd,\n } = useHighlightedOption(options);\n\n const { isOpen, openDropdown, closeDropdown, toggleDropdown } = useOpenState({\n onOpen: () => fireLoadItems(''),\n onClose: () => {\n resetHighlight();\n setFilteringValue('');\n },\n });\n\n const focused: MutableRefObject<boolean> = useRef<boolean>(false);\n const handleFocus = () => {\n if (!focused.current) {\n fireCancelableEvent(onFocus, {});\n focused.current = true;\n }\n };\n const handleBlur = ({ detail }: { detail: { relatedTarget: Node | null } }) => {\n const { relatedTarget } = detail;\n const nextFocusedIsTrigger = relatedTarget ? containsOrEqual(triggerRef.current, relatedTarget) : false;\n const nextFocusedInsideDropdown = relatedTarget\n ? containsOrEqual(menuRef.current, relatedTarget) || containsOrEqual(filterRef.current, relatedTarget)\n : false;\n const nextFocusedInsideComponent = nextFocusedIsTrigger || nextFocusedInsideDropdown;\n const focusingOut = focused.current && !nextFocusedInsideComponent;\n\n if (nextFocusedIsTrigger || focusingOut) {\n closeDropdown();\n }\n if (focusingOut) {\n fireCancelableEvent(onBlur, {});\n focused.current = false;\n }\n };\n\n const hasSelectedOption = __selectedOptions.length > 0;\n const { selectedOptionId, menuId } = useIds({ hasSelectedOption });\n const highlightedOptionId = getOptionId(menuId, highlightedIndex);\n\n const selectOption = (option?: DropdownOption) => {\n isSelectingUsingSpace.current = false;\n const optionToSelect = option || highlightedOption;\n if (!optionToSelect || !interactivityCheck(optionToSelect)) {\n return;\n }\n updateSelectedOption(optionToSelect.option);\n if (!keepOpen) {\n triggerRef.current?.focus();\n closeDropdown();\n }\n };\n\n const activeKeyDownHandler = useMenuKeyboard({\n moveHighlight,\n selectOption,\n goHome,\n goEnd,\n closeDropdown: () => {\n triggerRef.current?.focus();\n closeDropdown();\n },\n isKeyboard,\n isSelectingUsingSpace,\n preventNativeSpace: !hasFilter,\n });\n\n const triggerKeyDownHandler = useTriggerKeyboard({ openDropdown, goHome, isKeyboard });\n\n const getTriggerProps = (disabled = false) => {\n const triggerProps: SelectTriggerProps = {\n ref: triggerRef,\n onFocus: handleFocus,\n onBlur: handleBlur,\n };\n if (!disabled) {\n triggerProps.onMouseDown = (event: CustomEvent) => {\n event.preventDefault(); // prevent current focus from blurring as it immediately closes the dropdown\n if (isOpen) {\n triggerRef.current?.focus();\n }\n toggleDropdown();\n };\n triggerProps.onKeyDown = triggerKeyDownHandler;\n }\n if (hasSelectedOption) {\n triggerProps.ariaLabelledby = selectedOptionId;\n }\n return triggerProps;\n };\n\n const getFilterProps = (): Partial<FilterProps> => {\n if (!hasFilter) {\n return {};\n }\n\n return {\n ref: filterRef,\n onKeyDown: activeKeyDownHandler,\n __onBlurWithDetail: handleBlur,\n onFocus: handleFocus,\n onChange: event => {\n setFilteringValue(event.detail.value);\n resetHighlight();\n },\n __onDelayedInput: event => {\n fireLoadItems(event.detail.value);\n },\n __nativeAttributes: {\n 'aria-activedescendant': highlightedOptionId,\n ['aria-owns']: menuId,\n ['aria-controls']: menuId,\n },\n };\n };\n\n const getMenuProps = () => {\n const menuProps: MenuProps = {\n id: menuId,\n ref: menuRef,\n open: isOpen,\n onFocus: handleFocus,\n onBlur: handleBlur,\n onMouseUp: itemIndex => {\n isKeyboard.current = false;\n if (itemIndex > -1) {\n selectOption(options[itemIndex]);\n }\n },\n onMouseMove: itemIndex => {\n isKeyboard.current = false;\n if (itemIndex > -1) {\n setHighlightedIndex(itemIndex);\n }\n },\n };\n if (!hasFilter) {\n menuProps.onKeyDown = activeKeyDownHandler;\n menuProps.onBlur = handleBlur;\n menuProps.onFocus = handleFocus;\n menuProps.nativeAttributes = {\n 'aria-activedescendant': highlightedOptionId,\n };\n }\n return menuProps;\n };\n const getGroupState = (option: OptionGroup) => {\n const totalSelected = option.options.filter(item => !!item.value && __selectedValuesSet.has(item.value)).length;\n const hasSelected = totalSelected > 0;\n const allSelected = totalSelected === option.options.length;\n return {\n selected: hasSelected && allSelected,\n indeterminate: hasSelected && !allSelected,\n };\n };\n\n const getOptionProps = (option: DropdownOption, index: number) => {\n const highlighted = option === highlightedOption;\n const groupState = isGroup(option.option) ? getGroupState(option.option) : undefined;\n const selected = __selectedOptions.indexOf(option) > -1 || !!groupState?.selected;\n const nextOption = options[index + 1]?.option;\n const isNextSelected =\n !!nextOption && isGroup(nextOption)\n ? getGroupState(nextOption).selected\n : __selectedOptions.indexOf(options[index + 1]) > -1;\n\n const optionProps: any = {\n key: index,\n option,\n highlighted,\n selected,\n isNextSelected,\n indeterminate: !!groupState?.indeterminate,\n ['data-mouse-target']: isHighlightable(option) ? index : -1,\n id: getOptionId(menuId, index),\n };\n\n return optionProps;\n };\n\n const prevOpen = usePrevious<boolean>(isOpen);\n useEffect(() => {\n // highlight the first selected option, when opening the Select component\n if (isOpen && !prevOpen && hasSelectedOption) {\n setHighlightedIndex(options.indexOf(__selectedOptions[0]));\n }\n }, [isOpen, __selectedOptions, hasSelectedOption, setHighlightedIndex, options, prevOpen]);\n\n useEffect(() => {\n if (isOpen) {\n // dropdown-fit calculations ensure that the dropdown will fit inside the current\n // viewport, so prevent the browser from trying to scroll it into view (e.g. if\n // scroll-padding-top is set on a parent)\n activeRef.current?.focus({ preventScroll: true });\n }\n }, [isOpen, activeRef]);\n\n useForwardFocus(externalRef, triggerRef as React.RefObject<HTMLElement>);\n const highlightedGroupSelected =\n !!highlightedOption && isGroup(highlightedOption.option) && getGroupState(highlightedOption.option).selected;\n const announceSelected =\n !!highlightedOption && (__selectedOptions.indexOf(highlightedOption) > -1 || highlightedGroupSelected);\n\n return {\n isOpen,\n highlightedOption,\n highlightedIndex,\n getTriggerProps,\n getMenuProps,\n getFilterProps,\n getOptionProps,\n isKeyboard,\n highlightOption,\n selectOption,\n announceSelected,\n };\n}\n"]}
|
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"header": "
|
|
6
|
-
"header-link": "awsui_header-
|
|
7
|
-
"header-link--has-logo": "awsui_header-link--has-
|
|
8
|
-
"header-link-text": "awsui_header-link-
|
|
9
|
-
"header-logo": "awsui_header-
|
|
10
|
-
"header-logo--stretched": "awsui_header-logo--
|
|
11
|
-
"list-container": "awsui_list-
|
|
12
|
-
"list": "
|
|
13
|
-
"list-variant-root": "awsui_list-variant-
|
|
14
|
-
"list-variant-expandable-link-group": "awsui_list-variant-expandable-link-
|
|
15
|
-
"list-item": "awsui_list-
|
|
16
|
-
"section": "
|
|
17
|
-
"expandable-link-group": "awsui_expandable-link-
|
|
18
|
-
"section-header": "awsui_section-
|
|
19
|
-
"link": "
|
|
20
|
-
"link-active": "awsui_link-
|
|
21
|
-
"info": "
|
|
22
|
-
"external-icon": "awsui_external-
|
|
23
|
-
"divider": "
|
|
24
|
-
"divider-default": "awsui_divider-
|
|
25
|
-
"divider-header": "awsui_divider-
|
|
4
|
+
"root": "awsui_root_l0dv0_uzyhh_93",
|
|
5
|
+
"header": "awsui_header_l0dv0_uzyhh_107",
|
|
6
|
+
"header-link": "awsui_header-link_l0dv0_uzyhh_112",
|
|
7
|
+
"header-link--has-logo": "awsui_header-link--has-logo_l0dv0_uzyhh_120",
|
|
8
|
+
"header-link-text": "awsui_header-link-text_l0dv0_uzyhh_120",
|
|
9
|
+
"header-logo": "awsui_header-logo_l0dv0_uzyhh_124",
|
|
10
|
+
"header-logo--stretched": "awsui_header-logo--stretched_l0dv0_uzyhh_130",
|
|
11
|
+
"list-container": "awsui_list-container_l0dv0_uzyhh_135",
|
|
12
|
+
"list": "awsui_list_l0dv0_uzyhh_135",
|
|
13
|
+
"list-variant-root": "awsui_list-variant-root_l0dv0_uzyhh_145",
|
|
14
|
+
"list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_uzyhh_151",
|
|
15
|
+
"list-item": "awsui_list-item_l0dv0_uzyhh_155",
|
|
16
|
+
"section": "awsui_section_l0dv0_uzyhh_161",
|
|
17
|
+
"expandable-link-group": "awsui_expandable-link-group_l0dv0_uzyhh_162",
|
|
18
|
+
"section-header": "awsui_section-header_l0dv0_uzyhh_175",
|
|
19
|
+
"link": "awsui_link_l0dv0_uzyhh_180",
|
|
20
|
+
"link-active": "awsui_link-active_l0dv0_uzyhh_187",
|
|
21
|
+
"info": "awsui_info_l0dv0_uzyhh_219",
|
|
22
|
+
"external-icon": "awsui_external-icon_l0dv0_uzyhh_223",
|
|
23
|
+
"divider": "awsui_divider_l0dv0_uzyhh_227",
|
|
24
|
+
"divider-default": "awsui_divider-default_l0dv0_uzyhh_232",
|
|
25
|
+
"divider-header": "awsui_divider-header_l0dv0_uzyhh_236"
|
|
26
26
|
};
|
|
27
27
|
|