@cloudscape-design/components 3.0.640 → 3.0.641
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/app-layout/drawer/index.js +1 -1
- package/app-layout/drawer/index.js.map +1 -1
- package/app-layout/drawer/resizable-drawer.d.ts.map +1 -1
- package/app-layout/drawer/resizable-drawer.js +2 -5
- package/app-layout/drawer/resizable-drawer.js.map +1 -1
- package/app-layout/drawer/styles.css.js +13 -12
- package/app-layout/drawer/styles.scoped.css +30 -20
- package/app-layout/drawer/styles.selectors.js +13 -12
- package/app-layout/utils/use-resize.d.ts.map +1 -1
- package/app-layout/utils/use-resize.js +3 -7
- package/app-layout/utils/use-resize.js.map +1 -1
- package/app-layout/visual-refresh/drawers.js +1 -1
- package/app-layout/visual-refresh/drawers.js.map +1 -1
- package/app-layout/visual-refresh/split-panel.d.ts.map +1 -1
- package/app-layout/visual-refresh/split-panel.js +1 -3
- package/app-layout/visual-refresh/split-panel.js.map +1 -1
- package/autosuggest/plain-list.d.ts.map +1 -1
- package/autosuggest/plain-list.js +1 -3
- package/autosuggest/plain-list.js.map +1 -1
- package/autosuggest/virtual-list.d.ts.map +1 -1
- package/autosuggest/virtual-list.js +1 -3
- package/autosuggest/virtual-list.js.map +1 -1
- package/calendar/utils/intl.d.ts.map +1 -1
- package/calendar/utils/intl.js +0 -3
- package/calendar/utils/intl.js.map +1 -1
- package/container/internal.d.ts.map +1 -1
- package/container/internal.js +3 -0
- package/container/internal.js.map +1 -1
- package/container/styles.css.js +29 -28
- package/container/styles.scoped.css +55 -52
- package/container/styles.selectors.js +29 -28
- package/date-range-picker/calendar/grids/index.d.ts.map +1 -1
- package/date-range-picker/calendar/grids/index.js +0 -8
- package/date-range-picker/calendar/grids/index.js.map +1 -1
- package/form/interfaces.d.ts +3 -8
- package/form/interfaces.d.ts.map +1 -1
- package/form/interfaces.js.map +1 -1
- package/form/internal.d.ts +1 -1
- package/form/internal.d.ts.map +1 -1
- package/form/internal.js +14 -20
- package/form/internal.js.map +1 -1
- package/form/styles.css.js +8 -9
- package/form/styles.scoped.css +8 -8
- package/form/styles.selectors.js +8 -9
- package/header/internal.d.ts.map +1 -1
- package/header/internal.js +1 -3
- package/header/internal.js.map +1 -1
- package/header/styles.css.js +34 -35
- package/header/styles.scoped.css +50 -53
- package/header/styles.selectors.js +34 -35
- package/input/styles.css.js +13 -13
- package/input/styles.scoped.css +32 -35
- package/input/styles.selectors.js +13 -13
- package/internal/components/chart-plot/application-controller.js +3 -13
- package/internal/components/chart-plot/application-controller.js.map +1 -1
- package/internal/components/dropdown/index.d.ts.map +1 -1
- package/internal/components/dropdown/index.js +0 -2
- package/internal/components/dropdown/index.js.map +1 -1
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +39 -45
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/components/panel-resize-handle/icon.d.ts +5 -0
- package/internal/components/panel-resize-handle/icon.d.ts.map +1 -0
- package/internal/components/panel-resize-handle/icon.js +9 -0
- package/internal/components/panel-resize-handle/icon.js.map +1 -0
- package/internal/components/panel-resize-handle/index.d.ts +12 -0
- package/internal/components/panel-resize-handle/index.d.ts.map +1 -0
- package/internal/components/panel-resize-handle/index.js +11 -0
- package/internal/components/panel-resize-handle/index.js.map +1 -0
- package/internal/components/panel-resize-handle/styles.css.js +10 -0
- package/internal/components/panel-resize-handle/styles.scoped.css +153 -0
- package/internal/components/panel-resize-handle/styles.selectors.js +11 -0
- package/internal/context/single-tab-stop-navigation-context.js +2 -2
- package/internal/context/single-tab-stop-navigation-context.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/internal/utils/content-header-utils.d.ts +0 -2
- package/internal/utils/content-header-utils.d.ts.map +1 -1
- package/internal/utils/content-header-utils.js +0 -3
- package/internal/utils/content-header-utils.js.map +1 -1
- package/internal/utils/dom.d.ts.map +1 -1
- package/internal/utils/dom.js +7 -27
- package/internal/utils/dom.js.map +1 -1
- package/internal/utils/global-flags.d.ts +0 -1
- package/internal/utils/global-flags.d.ts.map +1 -1
- package/internal/utils/global-flags.js.map +1 -1
- package/package.json +1 -1
- package/pie-chart/labels.d.ts.map +1 -1
- package/pie-chart/labels.js +1 -4
- package/pie-chart/labels.js.map +1 -1
- package/pie-chart/pie-chart.d.ts.map +1 -1
- package/pie-chart/pie-chart.js +0 -3
- package/pie-chart/pie-chart.js.map +1 -1
- package/pie-chart/utils.d.ts.map +1 -1
- package/pie-chart/utils.js +0 -4
- package/pie-chart/utils.js.map +1 -1
- package/popover/internal.js +3 -6
- package/popover/internal.js.map +1 -1
- package/popover/styles.css.js +49 -50
- package/popover/styles.scoped.css +66 -69
- package/popover/styles.selectors.js +49 -50
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +33 -33
- package/segmented-control/styles.selectors.js +14 -14
- package/split-panel/implementation.d.ts.map +1 -1
- package/split-panel/implementation.js +6 -3
- package/split-panel/implementation.js.map +1 -1
- package/split-panel/styles.css.js +26 -31
- package/split-panel/styles.scoped.css +41 -97
- package/split-panel/styles.selectors.js +26 -31
- package/table/selection/selection-control.d.ts.map +1 -1
- package/table/selection/selection-control.js.map +1 -1
- package/table/table-role/utils.d.ts.map +1 -1
- package/table/table-role/utils.js +6 -1
- package/table/table-role/utils.js.map +1 -1
- package/tiles/styles.css.js +29 -29
- package/tiles/styles.scoped.css +82 -95
- package/tiles/styles.selectors.js +29 -29
- package/split-panel/icons/resize-handler.d.ts +0 -6
- package/split-panel/icons/resize-handler.d.ts.map +0 -1
- package/split-panel/icons/resize-handler.js +0 -8
- package/split-panel/icons/resize-handler.js.map +0 -1
|
@@ -96,10 +96,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
96
96
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
97
97
|
SPDX-License-Identifier: Apache-2.0
|
|
98
98
|
*/
|
|
99
|
-
.awsui_dropdown-content-
|
|
100
|
-
animation: awsui_awsui-motion-fade-in-
|
|
99
|
+
.awsui_dropdown-content-wrapper_qwoo0_13u58_99:not(#\9) {
|
|
100
|
+
animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_13u58_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
|
|
101
101
|
}
|
|
102
|
-
@keyframes awsui_awsui-motion-fade-in-
|
|
102
|
+
@keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_13u58_1 {
|
|
103
103
|
from {
|
|
104
104
|
opacity: 0.4;
|
|
105
105
|
}
|
|
@@ -108,22 +108,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
108
108
|
}
|
|
109
109
|
}
|
|
110
110
|
@media (prefers-reduced-motion: reduce) {
|
|
111
|
-
.awsui_dropdown-content-
|
|
111
|
+
.awsui_dropdown-content-wrapper_qwoo0_13u58_99:not(#\9) {
|
|
112
112
|
animation: none;
|
|
113
113
|
transition: none;
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
|
-
.awsui-motion-disabled .awsui_dropdown-content-
|
|
116
|
+
.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_13u58_99:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_13u58_99:not(#\9) {
|
|
117
117
|
animation: none;
|
|
118
118
|
transition: none;
|
|
119
119
|
}
|
|
120
|
-
.awsui_dropdown-content-
|
|
120
|
+
.awsui_dropdown-content-wrapper_qwoo0_13u58_99.awsui_refresh_qwoo0_13u58_120:not(#\9) {
|
|
121
121
|
transform-origin: top;
|
|
122
|
-
animation-name: awsui_awsui-motion-fade-in-
|
|
122
|
+
animation-name: awsui_awsui-motion-fade-in-0_qwoo0_13u58_1;
|
|
123
123
|
animation-duration: var(--motion-duration-show-quick-aq3ump, 135ms);
|
|
124
124
|
animation-timing-function: var(--motion-easing-show-quick-vc5zgd, ease-out);
|
|
125
125
|
}
|
|
126
|
-
@keyframes awsui_awsui-motion-fade-in-
|
|
126
|
+
@keyframes awsui_awsui-motion-fade-in-0_qwoo0_13u58_1 {
|
|
127
127
|
from {
|
|
128
128
|
opacity: 0;
|
|
129
129
|
}
|
|
@@ -132,12 +132,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
132
132
|
}
|
|
133
133
|
}
|
|
134
134
|
@media (prefers-reduced-motion: reduce) {
|
|
135
|
-
.awsui_dropdown-content-
|
|
135
|
+
.awsui_dropdown-content-wrapper_qwoo0_13u58_99.awsui_refresh_qwoo0_13u58_120:not(#\9) {
|
|
136
136
|
animation: none;
|
|
137
137
|
transition: none;
|
|
138
138
|
}
|
|
139
139
|
}
|
|
140
|
-
.awsui-motion-disabled .awsui_dropdown-content-
|
|
140
|
+
.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_13u58_99.awsui_refresh_qwoo0_13u58_120:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_13u58_99.awsui_refresh_qwoo0_13u58_120:not(#\9) {
|
|
141
141
|
animation: none;
|
|
142
142
|
transition: none;
|
|
143
143
|
}
|
|
@@ -146,7 +146,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
146
146
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
147
147
|
SPDX-License-Identifier: Apache-2.0
|
|
148
148
|
*/
|
|
149
|
-
.
|
|
149
|
+
.awsui_root_qwoo0_13u58_149:not(#\9) {
|
|
150
150
|
border-collapse: separate;
|
|
151
151
|
border-spacing: 0;
|
|
152
152
|
box-sizing: border-box;
|
|
@@ -183,11 +183,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
183
183
|
position: relative;
|
|
184
184
|
white-space: inherit;
|
|
185
185
|
}
|
|
186
|
-
.
|
|
186
|
+
.awsui_root_qwoo0_13u58_149.awsui_interior_qwoo0_13u58_185:not(#\9) {
|
|
187
187
|
position: static;
|
|
188
188
|
}
|
|
189
189
|
|
|
190
|
-
.
|
|
190
|
+
.awsui_dropdown_qwoo0_13u58_99:not(#\9) {
|
|
191
191
|
position: absolute;
|
|
192
192
|
display: none;
|
|
193
193
|
z-index: 2000;
|
|
@@ -195,24 +195,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
195
195
|
user-select: none;
|
|
196
196
|
transform-origin: top;
|
|
197
197
|
}
|
|
198
|
-
.
|
|
198
|
+
.awsui_dropdown_qwoo0_13u58_99.awsui_use-portal_qwoo0_13u58_196:not(#\9) {
|
|
199
199
|
z-index: 7000;
|
|
200
200
|
}
|
|
201
|
-
.
|
|
201
|
+
.awsui_dropdown_qwoo0_13u58_99:not(#\9):not(.awsui_interior_qwoo0_13u58_185) {
|
|
202
202
|
transform: translateY(0px);
|
|
203
203
|
transition: transform var(--motion-duration-show-quick-aq3ump, 135ms);
|
|
204
204
|
}
|
|
205
205
|
@media (prefers-reduced-motion: reduce) {
|
|
206
|
-
.
|
|
206
|
+
.awsui_dropdown_qwoo0_13u58_99:not(#\9):not(.awsui_interior_qwoo0_13u58_185) {
|
|
207
207
|
animation: none;
|
|
208
208
|
transition: none;
|
|
209
209
|
}
|
|
210
210
|
}
|
|
211
|
-
.awsui-motion-disabled .
|
|
211
|
+
.awsui-motion-disabled .awsui_dropdown_qwoo0_13u58_99:not(#\9):not(.awsui_interior_qwoo0_13u58_185), .awsui-mode-entering .awsui_dropdown_qwoo0_13u58_99:not(#\9):not(.awsui_interior_qwoo0_13u58_185) {
|
|
212
212
|
animation: none;
|
|
213
213
|
transition: none;
|
|
214
214
|
}
|
|
215
|
-
.awsui_dropdown-content-
|
|
215
|
+
.awsui_dropdown-content-wrapper_qwoo0_13u58_99:not(#\9) {
|
|
216
216
|
position: relative;
|
|
217
217
|
background-color: var(--color-background-dropdown-item-default-be16w5, #ffffff);
|
|
218
218
|
outline: none;
|
|
@@ -224,7 +224,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
224
224
|
border-block: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-top-736buh, transparent);
|
|
225
225
|
box-sizing: border-box;
|
|
226
226
|
}
|
|
227
|
-
.awsui_dropdown-content-
|
|
227
|
+
.awsui_dropdown-content-wrapper_qwoo0_13u58_99:not(#\9)::after {
|
|
228
228
|
content: "";
|
|
229
229
|
position: absolute;
|
|
230
230
|
z-index: 1;
|
|
@@ -241,77 +241,71 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
241
241
|
border-end-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
|
|
242
242
|
pointer-events: none;
|
|
243
243
|
}
|
|
244
|
-
|
|
245
|
-
.awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
|
|
246
|
-
border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-container-top-736buh, transparent);
|
|
247
|
-
border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-container-top-736buh, transparent);
|
|
248
|
-
}
|
|
249
|
-
}
|
|
250
|
-
.awsui_dropdown-content-wrapper_qwoo0_ori7u_99.awsui_is-empty_qwoo0_ori7u_248:not(#\9)::after {
|
|
244
|
+
.awsui_dropdown-content-wrapper_qwoo0_13u58_99.awsui_is-empty_qwoo0_13u58_242:not(#\9)::after {
|
|
251
245
|
display: none;
|
|
252
246
|
}
|
|
253
|
-
.
|
|
247
|
+
.awsui_dropdown_qwoo0_13u58_99 > .awsui_dropdown-content-wrapper_qwoo0_13u58_99:not(#\9) {
|
|
254
248
|
border-block-start: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-top-736buh, transparent);
|
|
255
249
|
border-block-end: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-dropdown-group-yakmix, #b6bec9);
|
|
256
250
|
}
|
|
257
|
-
.awsui_dropdown-drop-
|
|
251
|
+
.awsui_dropdown-drop-up_qwoo0_13u58_249 > .awsui_dropdown-content-wrapper_qwoo0_13u58_99:not(#\9) {
|
|
258
252
|
transform-origin: bottom;
|
|
259
253
|
box-shadow: var(--shadow-dropup-xqkiza, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
|
|
260
254
|
}
|
|
261
|
-
.awsui_dropdown-drop-
|
|
255
|
+
.awsui_dropdown-drop-up_qwoo0_13u58_249.awsui_with-limited-width_qwoo0_13u58_253 > .awsui_dropdown-content-wrapper_qwoo0_13u58_99:not(#\9) {
|
|
262
256
|
border-block-start: none;
|
|
263
257
|
}
|
|
264
|
-
.awsui_dropdown-drop-
|
|
258
|
+
.awsui_dropdown-drop-left_qwoo0_13u58_256:not(#\9) {
|
|
265
259
|
inset-inline-end: 0;
|
|
266
260
|
}
|
|
267
|
-
.awsui_dropdown-drop-
|
|
261
|
+
.awsui_dropdown-drop-left_qwoo0_13u58_256:not(#\9):dir(rtl) {
|
|
268
262
|
inset-inline-end: unset;
|
|
269
263
|
}
|
|
270
|
-
.awsui_dropdown-drop-
|
|
264
|
+
.awsui_dropdown-drop-right_qwoo0_13u58_262:not(#\9) {
|
|
271
265
|
inset-inline-start: 0;
|
|
272
266
|
}
|
|
273
|
-
.awsui_dropdown-drop-
|
|
267
|
+
.awsui_dropdown-drop-right_qwoo0_13u58_262:not(#\9):dir(rtl) {
|
|
274
268
|
inset-inline-start: unset;
|
|
275
269
|
}
|
|
276
|
-
.
|
|
270
|
+
.awsui_dropdown_qwoo0_13u58_99.awsui_occupy-entire-width_qwoo0_13u58_268:not(#\9) {
|
|
277
271
|
min-inline-size: 100%;
|
|
278
272
|
}
|
|
279
|
-
.
|
|
273
|
+
.awsui_dropdown_qwoo0_13u58_99.awsui_stretch-beyond-trigger-width_qwoo0_13u58_271:not(#\9) {
|
|
280
274
|
inline-size: max-content;
|
|
281
275
|
max-inline-size: var(--awsui-dropdown-default-max-width-7t5ed6, 100%);
|
|
282
276
|
}
|
|
283
|
-
.
|
|
277
|
+
.awsui_dropdown_qwoo0_13u58_99.awsui_interior_qwoo0_13u58_185 > .awsui_dropdown-content-wrapper_qwoo0_13u58_99:not(#\9) {
|
|
284
278
|
margin-block-start: -1px;
|
|
285
279
|
}
|
|
286
|
-
.
|
|
280
|
+
.awsui_dropdown_qwoo0_13u58_99.awsui_hide-block-border_qwoo0_13u58_278 > .awsui_dropdown-content-wrapper_qwoo0_13u58_99:not(#\9) {
|
|
287
281
|
border-block-start: none;
|
|
288
282
|
}
|
|
289
|
-
.
|
|
283
|
+
.awsui_dropdown_qwoo0_13u58_99.awsui_hide-block-border_qwoo0_13u58_278:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_13u58_249) > .awsui_dropdown-content-wrapper_qwoo0_13u58_99 {
|
|
290
284
|
border-block-end: none;
|
|
291
285
|
}
|
|
292
|
-
.
|
|
286
|
+
.awsui_dropdown_qwoo0_13u58_99.awsui_hide-block-border_qwoo0_13u58_278.awsui_refresh_qwoo0_13u58_120 > .awsui_dropdown-content-wrapper_qwoo0_13u58_99:not(#\9) {
|
|
293
287
|
border-block-end: none;
|
|
294
288
|
}
|
|
295
|
-
.
|
|
289
|
+
.awsui_dropdown_qwoo0_13u58_99.awsui_open_qwoo0_13u58_287:not(#\9) {
|
|
296
290
|
display: block;
|
|
297
291
|
}
|
|
298
|
-
.
|
|
292
|
+
.awsui_dropdown_qwoo0_13u58_99.awsui_open_qwoo0_13u58_287:not(#\9):not(.awsui_interior_qwoo0_13u58_185).awsui_refresh_qwoo0_13u58_120[data-animating=true] {
|
|
299
293
|
transform: translateY(4px);
|
|
300
294
|
}
|
|
301
|
-
.
|
|
295
|
+
.awsui_dropdown_qwoo0_13u58_99.awsui_open_qwoo0_13u58_287:not(#\9):not(.awsui_interior_qwoo0_13u58_185).awsui_refresh_qwoo0_13u58_120[data-animating=true].awsui_dropdown-drop-up_qwoo0_13u58_249 {
|
|
302
296
|
transform: translateY(-4px);
|
|
303
297
|
}
|
|
304
|
-
.
|
|
298
|
+
.awsui_dropdown_qwoo0_13u58_99.awsui_open_qwoo0_13u58_287.awsui_nowrap_qwoo0_13u58_296:not(#\9) {
|
|
305
299
|
white-space: nowrap;
|
|
306
300
|
overflow: scroll;
|
|
307
301
|
}
|
|
308
302
|
|
|
309
|
-
.awsui_dropdown-
|
|
303
|
+
.awsui_dropdown-content_qwoo0_13u58_99:not(#\9) {
|
|
310
304
|
display: flex;
|
|
311
305
|
flex-direction: column;
|
|
312
306
|
inline-size: 100%;
|
|
313
307
|
}
|
|
314
308
|
|
|
315
|
-
.awsui_stretch-trigger-
|
|
309
|
+
.awsui_stretch-trigger-height_qwoo0_13u58_307:not(#\9) {
|
|
316
310
|
block-size: 100%;
|
|
317
311
|
}
|
|
@@ -2,25 +2,25 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"dropdown-content-wrapper": "awsui_dropdown-content-
|
|
6
|
-
"awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-
|
|
7
|
-
"refresh": "
|
|
8
|
-
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-
|
|
9
|
-
"root": "
|
|
10
|
-
"interior": "
|
|
11
|
-
"dropdown": "
|
|
12
|
-
"use-portal": "awsui_use-
|
|
13
|
-
"is-empty": "awsui_is-
|
|
14
|
-
"dropdown-drop-up": "awsui_dropdown-drop-
|
|
15
|
-
"with-limited-width": "awsui_with-limited-
|
|
16
|
-
"dropdown-drop-left": "awsui_dropdown-drop-
|
|
17
|
-
"dropdown-drop-right": "awsui_dropdown-drop-
|
|
18
|
-
"occupy-entire-width": "awsui_occupy-entire-
|
|
19
|
-
"stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-
|
|
20
|
-
"hide-block-border": "awsui_hide-block-
|
|
21
|
-
"open": "
|
|
22
|
-
"nowrap": "
|
|
23
|
-
"dropdown-content": "awsui_dropdown-
|
|
24
|
-
"stretch-trigger-height": "awsui_stretch-trigger-
|
|
5
|
+
"dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_13u58_99",
|
|
6
|
+
"awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_13u58_1",
|
|
7
|
+
"refresh": "awsui_refresh_qwoo0_13u58_120",
|
|
8
|
+
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_13u58_1",
|
|
9
|
+
"root": "awsui_root_qwoo0_13u58_149",
|
|
10
|
+
"interior": "awsui_interior_qwoo0_13u58_185",
|
|
11
|
+
"dropdown": "awsui_dropdown_qwoo0_13u58_99",
|
|
12
|
+
"use-portal": "awsui_use-portal_qwoo0_13u58_196",
|
|
13
|
+
"is-empty": "awsui_is-empty_qwoo0_13u58_242",
|
|
14
|
+
"dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_13u58_249",
|
|
15
|
+
"with-limited-width": "awsui_with-limited-width_qwoo0_13u58_253",
|
|
16
|
+
"dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_13u58_256",
|
|
17
|
+
"dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_13u58_262",
|
|
18
|
+
"occupy-entire-width": "awsui_occupy-entire-width_qwoo0_13u58_268",
|
|
19
|
+
"stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_13u58_271",
|
|
20
|
+
"hide-block-border": "awsui_hide-block-border_qwoo0_13u58_278",
|
|
21
|
+
"open": "awsui_open_qwoo0_13u58_287",
|
|
22
|
+
"nowrap": "awsui_nowrap_qwoo0_13u58_296",
|
|
23
|
+
"dropdown-content": "awsui_dropdown-content_qwoo0_13u58_99",
|
|
24
|
+
"stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_13u58_307"
|
|
25
25
|
};
|
|
26
26
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/panel-resize-handle/icon.tsx"],"names":[],"mappings":";AAIA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,eAe7E"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
+
import React from 'react';
|
|
4
|
+
export default function ResizeHandleIcon({ className }) {
|
|
5
|
+
return (React.createElement("svg", { focusable: false, className: className, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": true },
|
|
6
|
+
React.createElement("line", { strokeWidth: "2", x1: "2", y1: "5", x2: "14", y2: "5" }),
|
|
7
|
+
React.createElement("line", { strokeWidth: "2", x1: "14", y1: "10", x2: "2", y2: "10" })));
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../../src/internal/components/panel-resize-handle/icon.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAA0B;IAC5E,OAAO,CACL,6BACE,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,iBACN,IAAI;QAEjB,8BAAM,WAAW,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,GAAG;QACrD,8BAAM,WAAW,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG,CACnD,CACP,CAAC;AACJ,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 default function ResizeHandleIcon({ className }: { className?: string }) {\n return (\n <svg\n focusable={false}\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n aria-hidden={true}\n >\n <line strokeWidth=\"2\" x1=\"2\" y1=\"5\" x2=\"14\" y2=\"5\" />\n <line strokeWidth=\"2\" x1=\"14\" y1=\"10\" x2=\"2\" y2=\"10\" />\n </svg>\n );\n}\n"]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface ResizeHandleProps {
|
|
3
|
+
className?: string;
|
|
4
|
+
ariaLabel: string | undefined;
|
|
5
|
+
position: 'side' | 'bottom';
|
|
6
|
+
ariaValuenow: number;
|
|
7
|
+
onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
|
|
8
|
+
onPointerDown: (event: React.PointerEvent<HTMLElement>) => void;
|
|
9
|
+
}
|
|
10
|
+
declare const _default: React.ForwardRefExoticComponent<ResizeHandleProps & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export default _default;
|
|
12
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/panel-resize-handle/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,iBAAiB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,QAAQ,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC7D,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACjE;;AAED,wBAoBG"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import ResizeHandleIcon from './icon';
|
|
6
|
+
import styles from './styles.css.js';
|
|
7
|
+
export default React.forwardRef(function PanelResizeHandle({ className, ariaLabel, ariaValuenow, position, onKeyDown, onPointerDown }, ref) {
|
|
8
|
+
return (React.createElement("div", { ref: ref, className: clsx(className, styles.slider, styles[`slider-${position}`]), role: "slider", tabIndex: 0, "aria-label": ariaLabel, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": ariaValuenow, onKeyDown: onKeyDown, onPointerDown: onPointerDown },
|
|
9
|
+
React.createElement(ResizeHandleIcon, { className: clsx(styles['slider-icon'], styles[`slider-icon-${position}`]) })));
|
|
10
|
+
});
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/panel-resize-handle/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,MAAM,QAAQ,CAAC;AACtC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAWrC,eAAe,KAAK,CAAC,UAAU,CAAoC,SAAS,iBAAiB,CAC3F,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,EAC1E,GAAG;IAEH,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU,QAAQ,EAAE,CAAC,CAAC,EACvE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,gBACC,SAAS,mBACN,GAAG,mBACH,CAAC,mBACD,YAAY,EAC3B,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAE5B,oBAAC,gBAAgB,IAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,eAAe,QAAQ,EAAE,CAAC,CAAC,GAAI,CAC3F,CACP,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport ResizeHandleIcon from './icon';\nimport styles from './styles.css.js';\n\ninterface ResizeHandleProps {\n className?: string;\n ariaLabel: string | undefined;\n position: 'side' | 'bottom';\n ariaValuenow: number;\n onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n onPointerDown: (event: React.PointerEvent<HTMLElement>) => void;\n}\n\nexport default React.forwardRef<HTMLDivElement, ResizeHandleProps>(function PanelResizeHandle(\n { className, ariaLabel, ariaValuenow, position, onKeyDown, onPointerDown },\n ref\n) {\n return (\n <div\n ref={ref}\n className={clsx(className, styles.slider, styles[`slider-${position}`])}\n role=\"slider\"\n tabIndex={0}\n aria-label={ariaLabel}\n aria-valuemax={100}\n aria-valuemin={0}\n aria-valuenow={ariaValuenow}\n onKeyDown={onKeyDown}\n onPointerDown={onPointerDown}\n >\n <ResizeHandleIcon className={clsx(styles['slider-icon'], styles[`slider-icon-${position}`])} />\n </div>\n );\n});\n"]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
|
|
2
|
+
import './styles.scoped.css';
|
|
3
|
+
export default {
|
|
4
|
+
"slider": "awsui_slider_cqzlk_1ksjn_99",
|
|
5
|
+
"slider-side": "awsui_slider-side_cqzlk_1ksjn_134",
|
|
6
|
+
"slider-icon": "awsui_slider-icon_cqzlk_1ksjn_141",
|
|
7
|
+
"slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_1ksjn_147",
|
|
8
|
+
"slider-icon-side": "awsui_slider-icon-side_cqzlk_1ksjn_151"
|
|
9
|
+
};
|
|
10
|
+
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
|
+
SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
*/
|
|
5
|
+
/* stylelint-disable plugin/no-unsupported-browser-features */
|
|
6
|
+
/* stylelint-enable plugin/no-unsupported-browser-features */
|
|
7
|
+
/*
|
|
8
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
9
|
+
SPDX-License-Identifier: Apache-2.0
|
|
10
|
+
*/
|
|
11
|
+
/*
|
|
12
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
13
|
+
SPDX-License-Identifier: Apache-2.0
|
|
14
|
+
*/
|
|
15
|
+
/*
|
|
16
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
17
|
+
SPDX-License-Identifier: Apache-2.0
|
|
18
|
+
*/
|
|
19
|
+
/*
|
|
20
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
21
|
+
SPDX-License-Identifier: Apache-2.0
|
|
22
|
+
*/
|
|
23
|
+
/*
|
|
24
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
25
|
+
SPDX-License-Identifier: Apache-2.0
|
|
26
|
+
*/
|
|
27
|
+
/*
|
|
28
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
29
|
+
SPDX-License-Identifier: Apache-2.0
|
|
30
|
+
*/
|
|
31
|
+
/*
|
|
32
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
33
|
+
SPDX-License-Identifier: Apache-2.0
|
|
34
|
+
*/
|
|
35
|
+
/*
|
|
36
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
37
|
+
SPDX-License-Identifier: Apache-2.0
|
|
38
|
+
*/
|
|
39
|
+
/*
|
|
40
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
41
|
+
SPDX-License-Identifier: Apache-2.0
|
|
42
|
+
*/
|
|
43
|
+
/*
|
|
44
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
45
|
+
SPDX-License-Identifier: Apache-2.0
|
|
46
|
+
*/
|
|
47
|
+
/*
|
|
48
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
49
|
+
SPDX-License-Identifier: Apache-2.0
|
|
50
|
+
*/
|
|
51
|
+
/*
|
|
52
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
53
|
+
SPDX-License-Identifier: Apache-2.0
|
|
54
|
+
*/
|
|
55
|
+
/*
|
|
56
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
57
|
+
SPDX-License-Identifier: Apache-2.0
|
|
58
|
+
*/
|
|
59
|
+
/*
|
|
60
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
61
|
+
SPDX-License-Identifier: Apache-2.0
|
|
62
|
+
*/
|
|
63
|
+
/*
|
|
64
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
65
|
+
SPDX-License-Identifier: Apache-2.0
|
|
66
|
+
*/
|
|
67
|
+
/*
|
|
68
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
69
|
+
SPDX-License-Identifier: Apache-2.0
|
|
70
|
+
*/
|
|
71
|
+
/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
72
|
+
/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
73
|
+
/*
|
|
74
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
75
|
+
SPDX-License-Identifier: Apache-2.0
|
|
76
|
+
*/
|
|
77
|
+
/*
|
|
78
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
79
|
+
SPDX-License-Identifier: Apache-2.0
|
|
80
|
+
*/
|
|
81
|
+
/*
|
|
82
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
83
|
+
SPDX-License-Identifier: Apache-2.0
|
|
84
|
+
*/
|
|
85
|
+
/*
|
|
86
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
87
|
+
SPDX-License-Identifier: Apache-2.0
|
|
88
|
+
*/
|
|
89
|
+
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
90
|
+
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
91
|
+
/*
|
|
92
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
93
|
+
SPDX-License-Identifier: Apache-2.0
|
|
94
|
+
*/
|
|
95
|
+
/*
|
|
96
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
97
|
+
SPDX-License-Identifier: Apache-2.0
|
|
98
|
+
*/
|
|
99
|
+
.awsui_slider_cqzlk_1ksjn_99:not(#\9) {
|
|
100
|
+
padding-block: 0;
|
|
101
|
+
padding-inline: 0;
|
|
102
|
+
cursor: ns-resize;
|
|
103
|
+
margin-block-start: 2px;
|
|
104
|
+
margin-block-end: 0;
|
|
105
|
+
margin-inline: 0;
|
|
106
|
+
block-size: 16px;
|
|
107
|
+
touch-action: none;
|
|
108
|
+
}
|
|
109
|
+
.awsui_slider_cqzlk_1ksjn_99:not(#\9):focus {
|
|
110
|
+
outline: none;
|
|
111
|
+
}
|
|
112
|
+
body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1ksjn_99:not(#\9):focus {
|
|
113
|
+
position: relative;
|
|
114
|
+
}
|
|
115
|
+
body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1ksjn_99:not(#\9):focus {
|
|
116
|
+
outline: 2px dotted transparent;
|
|
117
|
+
outline-offset: calc(0px - 1px);
|
|
118
|
+
}
|
|
119
|
+
body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1ksjn_99:not(#\9):focus::before {
|
|
120
|
+
content: " ";
|
|
121
|
+
display: block;
|
|
122
|
+
position: absolute;
|
|
123
|
+
inset-inline-start: calc(-1 * 0px);
|
|
124
|
+
inset-block-start: calc(-1 * 0px);
|
|
125
|
+
inline-size: calc(100% + 2 * 0px);
|
|
126
|
+
block-size: calc(100% + 2 * 0px);
|
|
127
|
+
border-start-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
128
|
+
border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
129
|
+
border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
130
|
+
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
131
|
+
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.awsui_slider-side_cqzlk_1ksjn_134:not(#\9) {
|
|
135
|
+
cursor: ew-resize;
|
|
136
|
+
margin-block: 0;
|
|
137
|
+
margin-inline-start: 2px;
|
|
138
|
+
margin-inline-end: 0;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.awsui_slider-icon_cqzlk_1ksjn_141:not(#\9) {
|
|
142
|
+
stroke: var(--color-text-interactive-default-lnx6lk, #414d5c);
|
|
143
|
+
}
|
|
144
|
+
.awsui_slider-icon_cqzlk_1ksjn_141:not(#\9):hover {
|
|
145
|
+
stroke: var(--color-text-interactive-hover-mj8add, #000716);
|
|
146
|
+
}
|
|
147
|
+
.awsui_slider-icon-bottom_cqzlk_1ksjn_147:not(#\9) {
|
|
148
|
+
margin-block: auto;
|
|
149
|
+
margin-inline: auto;
|
|
150
|
+
}
|
|
151
|
+
.awsui_slider-icon-side_cqzlk_1ksjn_151:not(#\9) {
|
|
152
|
+
transform: rotate(90deg);
|
|
153
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
|
|
2
|
+
// es-module interop with Babel and Typescript
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
module.exports.default = {
|
|
5
|
+
"slider": "awsui_slider_cqzlk_1ksjn_99",
|
|
6
|
+
"slider-side": "awsui_slider-side_cqzlk_1ksjn_134",
|
|
7
|
+
"slider-icon": "awsui_slider-icon_cqzlk_1ksjn_141",
|
|
8
|
+
"slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_1ksjn_147",
|
|
9
|
+
"slider-icon-side": "awsui_slider-icon-side_cqzlk_1ksjn_151"
|
|
10
|
+
};
|
|
11
|
+
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
2
|
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
-
import { createContext, useContext,
|
|
3
|
+
import { createContext, useContext, useLayoutEffect, useState } from 'react';
|
|
4
4
|
export const defaultValue = {
|
|
5
5
|
navigationActive: false,
|
|
6
6
|
registerFocusable: () => () => { },
|
|
@@ -16,7 +16,7 @@ export function useSingleTabStopNavigation(focusable, options) {
|
|
|
16
16
|
const [focusTargetActive, setFocusTargetActive] = useState(false);
|
|
17
17
|
const navigationDisabled = (options === null || options === void 0 ? void 0 : options.tabIndex) && (options === null || options === void 0 ? void 0 : options.tabIndex) < 0;
|
|
18
18
|
const navigationActive = contextNavigationActive && !navigationDisabled;
|
|
19
|
-
|
|
19
|
+
useLayoutEffect(() => {
|
|
20
20
|
if (navigationActive && focusable && focusable.current) {
|
|
21
21
|
const unregister = registerFocusable(focusable.current, isFocusable => setFocusTargetActive(isFocusable));
|
|
22
22
|
return () => unregister();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"single-tab-stop-navigation-context.js","sourceRoot":"","sources":["../../../../src/internal/context/single-tab-stop-navigation-context.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"single-tab-stop-navigation-context.js","sourceRoot":"","sources":["../../../../src/internal/context/single-tab-stop-navigation-context.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQ7E,MAAM,CAAC,MAAM,YAAY,GAGrB;IACF,gBAAgB,EAAE,KAAK;IACvB,iBAAiB,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,GAAE,CAAC;CAClC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;AAE1E,MAAM,UAAU,0BAA0B,CACxC,SAA8C,EAC9C,OAA+B;;IAE/B,MAAM,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,8BAA8B,CAAC,CAAC;IACpH,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,kBAAkB,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,KAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,IAAG,CAAC,CAAC;IACtE,MAAM,gBAAgB,GAAG,uBAAuB,IAAI,CAAC,kBAAkB,CAAC;IAExE,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,gBAAgB,IAAI,SAAS,IAAI,SAAS,CAAC,OAAO,EAAE;YACtD,MAAM,UAAU,GAAG,iBAAiB,CAAC,SAAS,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC;YAC1G,OAAO,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC;SAC3B;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,QAAQ,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;IACjC,IAAI,gBAAgB,EAAE;QACpB,QAAQ,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,mCAAI,CAAC,CAAC;KAC7D;IAED,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC;AACxC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createContext, useContext, useLayoutEffect, useState } from 'react';\n\nexport type FocusableChangeHandler = (isFocusable: boolean) => void;\n\nexport interface SingleTabStopNavigationOptions {\n tabIndex?: number;\n}\n\nexport const defaultValue: {\n navigationActive: boolean;\n registerFocusable(focusable: HTMLElement, handler: FocusableChangeHandler): () => void;\n} = {\n navigationActive: false,\n registerFocusable: () => () => {},\n};\n\n/**\n * Single tab stop navigation context is used together with keyboard navigation that requires a single tab stop.\n * It instructs interactive elements to override tab indices for just a single one to remain user-focusable.\n */\nexport const SingleTabStopNavigationContext = createContext(defaultValue);\n\nexport function useSingleTabStopNavigation(\n focusable: null | React.RefObject<HTMLElement>,\n options?: { tabIndex?: number }\n) {\n const { navigationActive: contextNavigationActive, registerFocusable } = useContext(SingleTabStopNavigationContext);\n const [focusTargetActive, setFocusTargetActive] = useState(false);\n const navigationDisabled = options?.tabIndex && options?.tabIndex < 0;\n const navigationActive = contextNavigationActive && !navigationDisabled;\n\n useLayoutEffect(() => {\n if (navigationActive && focusable && focusable.current) {\n const unregister = registerFocusable(focusable.current, isFocusable => setFocusTargetActive(isFocusable));\n return () => unregister();\n }\n });\n\n let tabIndex = options?.tabIndex;\n if (navigationActive) {\n tabIndex = !focusTargetActive ? -1 : options?.tabIndex ?? 0;\n }\n\n return { navigationActive, tabIndex };\n}\n"]}
|
package/internal/environment.js
CHANGED
package/internal/manifest.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"content-header-utils.d.ts","sourceRoot":"","sources":["../../../../src/internal/utils/content-header-utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"content-header-utils.d.ts","sourceRoot":"","sources":["../../../../src/internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,2BAA2B,iCAAiC,CAAC"}
|
|
@@ -1,7 +1,4 @@
|
|
|
1
1
|
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
2
|
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
-
import { getGlobalFlag } from './global-flags';
|
|
4
3
|
export const highContrastHeaderClassName = 'awsui-context-content-header';
|
|
5
|
-
export const shouldRemoveHighContrastHeader = () => !!getGlobalFlag('removeHighContrastHeader');
|
|
6
|
-
export const getContentHeaderClassName = () => shouldRemoveHighContrastHeader() ? '' : highContrastHeaderClassName;
|
|
7
4
|
//# sourceMappingURL=content-header-utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"content-header-utils.js","sourceRoot":"","sources":["../../../../src/internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,
|
|
1
|
+
{"version":3,"file":"content-header-utils.js","sourceRoot":"","sources":["../../../../src/internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,MAAM,CAAC,MAAM,2BAA2B,GAAG,8BAA8B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport const highContrastHeaderClassName = 'awsui-context-content-header';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../../src/internal/utils/dom.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../../src/internal/utils/dom.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,OAAO,GAAG,WAAW,GAAG,IAAI,CAY9G;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,CAchF;AAID;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,UAiB7C"}
|