@cloudscape-design/components-themeable 3.0.881 → 3.0.883
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/date-range-picker/styles.scss +0 -2
- package/lib/internal/scss/internal/components/drag-handle/styles.scss +9 -1
- package/lib/internal/scss/internal/components/dropdown/styles.scss +0 -1
- package/lib/internal/scss/internal/components/options-list/styles.scss +1 -0
- package/lib/internal/scss/internal/components/panel-resize-handle/styles.scss +42 -3
- package/lib/internal/template/app-layout/drawer/resizable-drawer.d.ts.map +1 -1
- package/lib/internal/template/app-layout/drawer/resizable-drawer.js +2 -3
- package/lib/internal/template/app-layout/drawer/resizable-drawer.js.map +1 -1
- package/lib/internal/template/app-layout/utils/use-focus-control.d.ts +1 -2
- package/lib/internal/template/app-layout/utils/use-focus-control.d.ts.map +1 -1
- package/lib/internal/template/app-layout/utils/use-focus-control.js +0 -2
- package/lib/internal/template/app-layout/utils/use-focus-control.js.map +1 -1
- package/lib/internal/template/app-layout/utils/use-resize.d.ts.map +1 -1
- package/lib/internal/template/app-layout/utils/use-resize.js +2 -3
- package/lib/internal/template/app-layout/utils/use-resize.js.map +1 -1
- package/lib/internal/template/app-layout/utils/use-split-panel-focus-control.d.ts +1 -2
- package/lib/internal/template/app-layout/utils/use-split-panel-focus-control.d.ts.map +1 -1
- package/lib/internal/template/app-layout/utils/use-split-panel-focus-control.js +0 -1
- package/lib/internal/template/app-layout/utils/use-split-panel-focus-control.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-drawer.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-drawer.js +2 -3
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-drawer.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/local-drawer.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/local-drawer.js +2 -3
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/local-drawer.js.map +1 -1
- package/lib/internal/template/button-group/index.d.ts.map +1 -1
- package/lib/internal/template/button-group/index.js +22 -1
- package/lib/internal/template/button-group/index.js.map +1 -1
- package/lib/internal/template/button-group/interfaces.d.ts +2 -1
- package/lib/internal/template/button-group/interfaces.d.ts.map +1 -1
- package/lib/internal/template/button-group/interfaces.js.map +1 -1
- package/lib/internal/template/collection-preferences/content-display/index.d.ts.map +1 -1
- package/lib/internal/template/collection-preferences/content-display/index.js +8 -5
- package/lib/internal/template/collection-preferences/content-display/index.js.map +1 -1
- package/lib/internal/template/date-picker/index.d.ts.map +1 -1
- package/lib/internal/template/date-picker/index.js +1 -5
- package/lib/internal/template/date-picker/index.js.map +1 -1
- package/lib/internal/template/date-range-picker/styles.css.js +38 -38
- package/lib/internal/template/date-range-picker/styles.scoped.css +47 -51
- package/lib/internal/template/date-range-picker/styles.selectors.js +38 -38
- package/lib/internal/template/flashbar/internal/analytics.d.ts.map +1 -1
- package/lib/internal/template/flashbar/internal/analytics.js +1 -3
- package/lib/internal/template/flashbar/internal/analytics.js.map +1 -1
- package/lib/internal/template/internal/components/drag-handle/index.d.ts +2 -2
- package/lib/internal/template/internal/components/drag-handle/index.d.ts.map +1 -1
- package/lib/internal/template/internal/components/drag-handle/index.js +7 -3
- package/lib/internal/template/internal/components/drag-handle/index.js.map +1 -1
- package/lib/internal/template/internal/components/drag-handle/interfaces.d.ts +1 -1
- package/lib/internal/template/internal/components/drag-handle/interfaces.d.ts.map +1 -1
- package/lib/internal/template/internal/components/drag-handle/interfaces.js.map +1 -1
- package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
- package/lib/internal/template/internal/components/dropdown/styles.scoped.css +37 -39
- package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
- package/lib/internal/template/internal/components/options-list/styles.css.js +3 -3
- package/lib/internal/template/internal/components/options-list/styles.scoped.css +5 -3
- package/lib/internal/template/internal/components/options-list/styles.selectors.js +3 -3
- package/lib/internal/template/internal/components/panel-resize-handle/icon.d.ts +5 -0
- package/lib/internal/template/internal/components/panel-resize-handle/icon.d.ts.map +1 -0
- package/lib/internal/template/internal/components/panel-resize-handle/icon.js +9 -0
- package/lib/internal/template/internal/components/panel-resize-handle/icon.js.map +1 -0
- package/lib/internal/template/internal/components/panel-resize-handle/index.d.ts +2 -4
- package/lib/internal/template/internal/components/panel-resize-handle/index.d.ts.map +1 -1
- package/lib/internal/template/internal/components/panel-resize-handle/index.js +5 -8
- package/lib/internal/template/internal/components/panel-resize-handle/index.js.map +1 -1
- package/lib/internal/template/internal/components/panel-resize-handle/styles.css.js +5 -2
- package/lib/internal/template/internal/components/panel-resize-handle/styles.scoped.css +191 -3
- package/lib/internal/template/internal/components/panel-resize-handle/styles.selectors.js +5 -2
- package/lib/internal/template/internal/components/sortable-area/index.d.ts +6 -0
- package/lib/internal/template/internal/components/sortable-area/index.d.ts.map +1 -0
- package/lib/internal/template/internal/components/{dnd-area → sortable-area}/index.js +34 -25
- package/lib/internal/template/internal/components/sortable-area/index.js.map +1 -0
- package/lib/internal/template/internal/components/sortable-area/interfaces.d.ts +42 -0
- package/lib/internal/template/internal/components/sortable-area/interfaces.d.ts.map +1 -0
- package/lib/internal/template/internal/components/sortable-area/interfaces.js.map +1 -0
- package/lib/internal/template/internal/components/sortable-area/keyboard-sensor/defaults.d.ts.map +1 -0
- package/lib/internal/template/internal/components/sortable-area/keyboard-sensor/defaults.js.map +1 -0
- package/lib/internal/template/internal/components/sortable-area/keyboard-sensor/index.d.ts.map +1 -0
- package/lib/internal/template/internal/components/sortable-area/keyboard-sensor/index.js.map +1 -0
- package/lib/internal/template/internal/components/sortable-area/keyboard-sensor/utilities/events.d.ts.map +1 -0
- package/lib/internal/template/internal/components/sortable-area/keyboard-sensor/utilities/events.js.map +1 -0
- package/lib/internal/template/internal/components/sortable-area/keyboard-sensor/utilities/listeners.d.ts.map +1 -0
- package/lib/internal/template/internal/components/sortable-area/keyboard-sensor/utilities/listeners.js.map +1 -0
- package/lib/internal/template/internal/components/sortable-area/keyboard-sensor/utilities/scroll.d.ts.map +1 -0
- package/lib/internal/template/internal/components/sortable-area/keyboard-sensor/utilities/scroll.js.map +1 -0
- package/lib/internal/template/internal/components/sortable-area/styles.css.js +13 -0
- package/lib/internal/template/internal/components/{dnd-area → sortable-area}/styles.scoped.css +17 -17
- package/lib/internal/template/internal/components/sortable-area/styles.selectors.js +14 -0
- package/lib/internal/template/internal/components/{dnd-area → sortable-area}/use-drag-and-drop-reorder.d.ts +4 -3
- package/lib/internal/template/internal/components/sortable-area/use-drag-and-drop-reorder.d.ts.map +1 -0
- package/lib/internal/template/internal/components/{dnd-area → sortable-area}/use-drag-and-drop-reorder.js +4 -4
- package/lib/internal/template/internal/components/sortable-area/use-drag-and-drop-reorder.js.map +1 -0
- package/lib/internal/template/internal/components/sortable-area/use-live-announcements.d.ts +13 -0
- package/lib/internal/template/internal/components/sortable-area/use-live-announcements.d.ts.map +1 -0
- package/lib/internal/template/internal/components/{dnd-area → sortable-area}/use-live-announcements.js +6 -6
- package/lib/internal/template/internal/components/sortable-area/use-live-announcements.js.map +1 -0
- package/lib/internal/template/internal/environment.js +1 -1
- package/lib/internal/template/internal/environment.json +1 -1
- package/lib/internal/template/internal/metrics.d.ts +3 -0
- package/lib/internal/template/internal/metrics.d.ts.map +1 -0
- package/lib/internal/template/internal/metrics.js +6 -0
- package/lib/internal/template/internal/metrics.js.map +1 -0
- package/lib/internal/template/internal/plugins/api.d.ts.map +1 -1
- package/lib/internal/template/internal/plugins/api.js +4 -0
- package/lib/internal/template/internal/plugins/api.js.map +1 -1
- package/lib/internal/template/internal/plugins/controllers/alert-flash-content.d.ts.map +1 -1
- package/lib/internal/template/internal/plugins/controllers/alert-flash-content.js +2 -1
- package/lib/internal/template/internal/plugins/controllers/alert-flash-content.js.map +1 -1
- package/lib/internal/template/internal/plugins/controllers/drawers.d.ts.map +1 -1
- package/lib/internal/template/internal/plugins/controllers/drawers.js +7 -3
- package/lib/internal/template/internal/plugins/controllers/drawers.js.map +1 -1
- package/lib/internal/template/internal/plugins/helpers/metrics.d.ts +3 -0
- package/lib/internal/template/internal/plugins/helpers/metrics.d.ts.map +1 -0
- package/lib/internal/template/internal/plugins/helpers/metrics.js +15 -0
- package/lib/internal/template/internal/plugins/helpers/metrics.js.map +1 -0
- package/lib/internal/template/internal/plugins/helpers/use-discovered-content.d.ts.map +1 -1
- package/lib/internal/template/internal/plugins/helpers/use-discovered-content.js +2 -1
- package/lib/internal/template/internal/plugins/helpers/use-discovered-content.js.map +1 -1
- package/lib/internal/template/split-panel/implementation.d.ts.map +1 -1
- package/lib/internal/template/split-panel/implementation.js +6 -7
- package/lib/internal/template/split-panel/implementation.js.map +1 -1
- package/lib/internal/template/table/table-role/utils.d.ts.map +1 -1
- package/lib/internal/template/table/table-role/utils.js +4 -5
- package/lib/internal/template/table/table-role/utils.js.map +1 -1
- package/package.json +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/exports.d.ts +0 -6
- package/lib/internal/template/app-layout/visual-refresh-toolbar/exports.d.ts.map +0 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/exports.js +0 -8
- package/lib/internal/template/app-layout/visual-refresh-toolbar/exports.js.map +0 -1
- package/lib/internal/template/internal/components/dnd-area/index.d.ts +0 -4
- package/lib/internal/template/internal/components/dnd-area/index.d.ts.map +0 -1
- package/lib/internal/template/internal/components/dnd-area/index.js.map +0 -1
- package/lib/internal/template/internal/components/dnd-area/interfaces.d.ts +0 -39
- package/lib/internal/template/internal/components/dnd-area/interfaces.d.ts.map +0 -1
- package/lib/internal/template/internal/components/dnd-area/interfaces.js.map +0 -1
- package/lib/internal/template/internal/components/dnd-area/keyboard-sensor/defaults.d.ts.map +0 -1
- package/lib/internal/template/internal/components/dnd-area/keyboard-sensor/defaults.js.map +0 -1
- package/lib/internal/template/internal/components/dnd-area/keyboard-sensor/index.d.ts.map +0 -1
- package/lib/internal/template/internal/components/dnd-area/keyboard-sensor/index.js.map +0 -1
- package/lib/internal/template/internal/components/dnd-area/keyboard-sensor/utilities/events.d.ts.map +0 -1
- package/lib/internal/template/internal/components/dnd-area/keyboard-sensor/utilities/events.js.map +0 -1
- package/lib/internal/template/internal/components/dnd-area/keyboard-sensor/utilities/listeners.d.ts.map +0 -1
- package/lib/internal/template/internal/components/dnd-area/keyboard-sensor/utilities/listeners.js.map +0 -1
- package/lib/internal/template/internal/components/dnd-area/keyboard-sensor/utilities/scroll.d.ts.map +0 -1
- package/lib/internal/template/internal/components/dnd-area/keyboard-sensor/utilities/scroll.js.map +0 -1
- package/lib/internal/template/internal/components/dnd-area/styles.css.js +0 -13
- package/lib/internal/template/internal/components/dnd-area/styles.selectors.js +0 -14
- package/lib/internal/template/internal/components/dnd-area/use-drag-and-drop-reorder.d.ts.map +0 -1
- package/lib/internal/template/internal/components/dnd-area/use-drag-and-drop-reorder.js.map +0 -1
- package/lib/internal/template/internal/components/dnd-area/use-live-announcements.d.ts +0 -12
- package/lib/internal/template/internal/components/dnd-area/use-live-announcements.d.ts.map +0 -1
- package/lib/internal/template/internal/components/dnd-area/use-live-announcements.js.map +0 -1
- /package/lib/internal/scss/internal/components/{dnd-area → sortable-area}/styles.scss +0 -0
- /package/lib/internal/template/internal/components/{dnd-area → sortable-area}/interfaces.js +0 -0
- /package/lib/internal/template/internal/components/{dnd-area → sortable-area}/keyboard-sensor/defaults.d.ts +0 -0
- /package/lib/internal/template/internal/components/{dnd-area → sortable-area}/keyboard-sensor/defaults.js +0 -0
- /package/lib/internal/template/internal/components/{dnd-area → sortable-area}/keyboard-sensor/index.d.ts +0 -0
- /package/lib/internal/template/internal/components/{dnd-area → sortable-area}/keyboard-sensor/index.js +0 -0
- /package/lib/internal/template/internal/components/{dnd-area → sortable-area}/keyboard-sensor/utilities/events.d.ts +0 -0
- /package/lib/internal/template/internal/components/{dnd-area → sortable-area}/keyboard-sensor/utilities/events.js +0 -0
- /package/lib/internal/template/internal/components/{dnd-area → sortable-area}/keyboard-sensor/utilities/listeners.d.ts +0 -0
- /package/lib/internal/template/internal/components/{dnd-area → sortable-area}/keyboard-sensor/utilities/listeners.js +0 -0
- /package/lib/internal/template/internal/components/{dnd-area → sortable-area}/keyboard-sensor/utilities/scroll.d.ts +0 -0
- /package/lib/internal/template/internal/components/{dnd-area → sortable-area}/keyboard-sensor/utilities/scroll.js +0 -0
|
@@ -150,10 +150,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
150
150
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
151
151
|
SPDX-License-Identifier: Apache-2.0
|
|
152
152
|
*/
|
|
153
|
-
.awsui_dropdown-content-
|
|
154
|
-
animation: awsui_awsui-motion-fade-in-
|
|
153
|
+
.awsui_dropdown-content-wrapper_qwoo0_i43vv_153:not(#\9) {
|
|
154
|
+
animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_i43vv_1 var(--motion-duration-show-quick-fo1fgn, 135ms) var(--motion-easing-show-quick-014od6, ease-out);
|
|
155
155
|
}
|
|
156
|
-
@keyframes awsui_awsui-motion-fade-in-
|
|
156
|
+
@keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_i43vv_1 {
|
|
157
157
|
from {
|
|
158
158
|
opacity: 0.4;
|
|
159
159
|
}
|
|
@@ -162,22 +162,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
162
162
|
}
|
|
163
163
|
}
|
|
164
164
|
@media (prefers-reduced-motion: reduce) {
|
|
165
|
-
.awsui_dropdown-content-
|
|
165
|
+
.awsui_dropdown-content-wrapper_qwoo0_i43vv_153:not(#\9) {
|
|
166
166
|
animation: none;
|
|
167
167
|
transition: none;
|
|
168
168
|
}
|
|
169
169
|
}
|
|
170
|
-
.awsui-motion-disabled .awsui_dropdown-content-
|
|
170
|
+
.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_i43vv_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_i43vv_153:not(#\9) {
|
|
171
171
|
animation: none;
|
|
172
172
|
transition: none;
|
|
173
173
|
}
|
|
174
|
-
.awsui_dropdown-content-
|
|
174
|
+
.awsui_dropdown-content-wrapper_qwoo0_i43vv_153.awsui_refresh_qwoo0_i43vv_174:not(#\9) {
|
|
175
175
|
transform-origin: top;
|
|
176
|
-
animation-name: awsui_awsui-motion-fade-in-
|
|
176
|
+
animation-name: awsui_awsui-motion-fade-in-0_qwoo0_i43vv_1;
|
|
177
177
|
animation-duration: var(--motion-duration-show-quick-fo1fgn, 135ms);
|
|
178
178
|
animation-timing-function: var(--motion-easing-show-quick-014od6, ease-out);
|
|
179
179
|
}
|
|
180
|
-
@keyframes awsui_awsui-motion-fade-in-
|
|
180
|
+
@keyframes awsui_awsui-motion-fade-in-0_qwoo0_i43vv_1 {
|
|
181
181
|
from {
|
|
182
182
|
opacity: 0;
|
|
183
183
|
}
|
|
@@ -186,17 +186,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
186
186
|
}
|
|
187
187
|
}
|
|
188
188
|
@media (prefers-reduced-motion: reduce) {
|
|
189
|
-
.awsui_dropdown-content-
|
|
189
|
+
.awsui_dropdown-content-wrapper_qwoo0_i43vv_153.awsui_refresh_qwoo0_i43vv_174:not(#\9) {
|
|
190
190
|
animation: none;
|
|
191
191
|
transition: none;
|
|
192
192
|
}
|
|
193
193
|
}
|
|
194
|
-
.awsui-motion-disabled .awsui_dropdown-content-
|
|
194
|
+
.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_i43vv_153.awsui_refresh_qwoo0_i43vv_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_i43vv_153.awsui_refresh_qwoo0_i43vv_174:not(#\9) {
|
|
195
195
|
animation: none;
|
|
196
196
|
transition: none;
|
|
197
197
|
}
|
|
198
198
|
|
|
199
|
-
.
|
|
199
|
+
.awsui_root_qwoo0_i43vv_199:not(#\9) {
|
|
200
200
|
border-collapse: separate;
|
|
201
201
|
border-spacing: 0;
|
|
202
202
|
box-sizing: border-box;
|
|
@@ -230,36 +230,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
230
230
|
position: relative;
|
|
231
231
|
white-space: inherit;
|
|
232
232
|
}
|
|
233
|
-
.
|
|
233
|
+
.awsui_root_qwoo0_i43vv_199.awsui_interior_qwoo0_i43vv_232:not(#\9) {
|
|
234
234
|
position: static;
|
|
235
235
|
}
|
|
236
236
|
|
|
237
|
-
.
|
|
237
|
+
.awsui_dropdown_qwoo0_i43vv_153:not(#\9) {
|
|
238
238
|
position: absolute;
|
|
239
239
|
display: none;
|
|
240
240
|
z-index: 2000;
|
|
241
|
-
-webkit-user-select: none;
|
|
242
|
-
user-select: none;
|
|
243
241
|
transform-origin: top;
|
|
244
242
|
}
|
|
245
|
-
.
|
|
243
|
+
.awsui_dropdown_qwoo0_i43vv_153.awsui_use-portal_qwoo0_i43vv_242:not(#\9) {
|
|
246
244
|
z-index: 7000;
|
|
247
245
|
}
|
|
248
|
-
.
|
|
246
|
+
.awsui_dropdown_qwoo0_i43vv_153:not(#\9):not(.awsui_interior_qwoo0_i43vv_232) {
|
|
249
247
|
transform: translateY(0px);
|
|
250
248
|
transition: transform var(--motion-duration-show-quick-fo1fgn, 135ms);
|
|
251
249
|
}
|
|
252
250
|
@media (prefers-reduced-motion: reduce) {
|
|
253
|
-
.
|
|
251
|
+
.awsui_dropdown_qwoo0_i43vv_153:not(#\9):not(.awsui_interior_qwoo0_i43vv_232) {
|
|
254
252
|
animation: none;
|
|
255
253
|
transition: none;
|
|
256
254
|
}
|
|
257
255
|
}
|
|
258
|
-
.awsui-motion-disabled .
|
|
256
|
+
.awsui-motion-disabled .awsui_dropdown_qwoo0_i43vv_153:not(#\9):not(.awsui_interior_qwoo0_i43vv_232), .awsui-mode-entering .awsui_dropdown_qwoo0_i43vv_153:not(#\9):not(.awsui_interior_qwoo0_i43vv_232) {
|
|
259
257
|
animation: none;
|
|
260
258
|
transition: none;
|
|
261
259
|
}
|
|
262
|
-
.awsui_dropdown-content-
|
|
260
|
+
.awsui_dropdown-content-wrapper_qwoo0_i43vv_153:not(#\9) {
|
|
263
261
|
position: relative;
|
|
264
262
|
background-color: var(--color-background-dropdown-item-default-r1zm6a, #ffffff);
|
|
265
263
|
outline: none;
|
|
@@ -271,7 +269,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
271
269
|
border-block: var(--border-divider-list-width-x6rz7e, 1px) solid var(--color-border-container-top-lphfcg, #eaeded);
|
|
272
270
|
box-sizing: border-box;
|
|
273
271
|
}
|
|
274
|
-
.awsui_dropdown-content-
|
|
272
|
+
.awsui_dropdown-content-wrapper_qwoo0_i43vv_153:not(#\9)::after {
|
|
275
273
|
content: "";
|
|
276
274
|
position: absolute;
|
|
277
275
|
z-index: 1;
|
|
@@ -288,65 +286,65 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
288
286
|
border-end-end-radius: var(--border-radius-dropdown-knc5ce, 0px);
|
|
289
287
|
pointer-events: none;
|
|
290
288
|
}
|
|
291
|
-
.awsui_dropdown-content-
|
|
289
|
+
.awsui_dropdown-content-wrapper_qwoo0_i43vv_153.awsui_is-empty_qwoo0_i43vv_288:not(#\9)::after {
|
|
292
290
|
display: none;
|
|
293
291
|
}
|
|
294
|
-
.
|
|
292
|
+
.awsui_dropdown_qwoo0_i43vv_153 > .awsui_dropdown-content-wrapper_qwoo0_i43vv_153:not(#\9) {
|
|
295
293
|
border-block-start: var(--border-divider-list-width-x6rz7e, 1px) solid var(--color-border-container-top-lphfcg, #eaeded);
|
|
296
294
|
border-block-end: var(--border-divider-list-width-x6rz7e, 1px) solid var(--color-border-dropdown-group-ze4esa, #eaeded);
|
|
297
295
|
}
|
|
298
|
-
.awsui_dropdown-drop-
|
|
296
|
+
.awsui_dropdown-drop-up_qwoo0_i43vv_295 > .awsui_dropdown-content-wrapper_qwoo0_i43vv_153:not(#\9) {
|
|
299
297
|
transform-origin: bottom;
|
|
300
298
|
box-shadow: var(--shadow-dropup-onasja, 0 -1px 1px 0 rgba(0, 28, 36, 0.3), 1px -1px 1px 0 rgba(0, 28, 36, 0.15), -1px -1px 1px 0 rgba(0, 28, 36, 0.15));
|
|
301
299
|
}
|
|
302
|
-
.awsui_dropdown-drop-
|
|
300
|
+
.awsui_dropdown-drop-up_qwoo0_i43vv_295.awsui_with-limited-width_qwoo0_i43vv_299 > .awsui_dropdown-content-wrapper_qwoo0_i43vv_153:not(#\9) {
|
|
303
301
|
border-block-start: none;
|
|
304
302
|
}
|
|
305
|
-
.awsui_dropdown-drop-
|
|
303
|
+
.awsui_dropdown-drop-left_qwoo0_i43vv_302:not(#\9) {
|
|
306
304
|
inset-inline-end: 0;
|
|
307
305
|
}
|
|
308
|
-
.awsui_dropdown-drop-
|
|
306
|
+
.awsui_dropdown-drop-right_qwoo0_i43vv_305:not(#\9) {
|
|
309
307
|
inset-inline-start: 0;
|
|
310
308
|
}
|
|
311
|
-
.
|
|
309
|
+
.awsui_dropdown_qwoo0_i43vv_153.awsui_occupy-entire-width_qwoo0_i43vv_308:not(#\9) {
|
|
312
310
|
min-inline-size: 100%;
|
|
313
311
|
}
|
|
314
|
-
.
|
|
312
|
+
.awsui_dropdown_qwoo0_i43vv_153.awsui_stretch-beyond-trigger-width_qwoo0_i43vv_311:not(#\9) {
|
|
315
313
|
inline-size: max-content;
|
|
316
314
|
max-inline-size: var(--awsui-dropdown-default-max-width-g964ok, 100%);
|
|
317
315
|
}
|
|
318
|
-
.
|
|
316
|
+
.awsui_dropdown_qwoo0_i43vv_153.awsui_interior_qwoo0_i43vv_232 > .awsui_dropdown-content-wrapper_qwoo0_i43vv_153:not(#\9) {
|
|
319
317
|
margin-block-start: -1px;
|
|
320
318
|
}
|
|
321
|
-
.
|
|
319
|
+
.awsui_dropdown_qwoo0_i43vv_153.awsui_hide-block-border_qwoo0_i43vv_318 > .awsui_dropdown-content-wrapper_qwoo0_i43vv_153:not(#\9) {
|
|
322
320
|
border-block-start: none;
|
|
323
321
|
}
|
|
324
|
-
.
|
|
322
|
+
.awsui_dropdown_qwoo0_i43vv_153.awsui_hide-block-border_qwoo0_i43vv_318:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_i43vv_295) > .awsui_dropdown-content-wrapper_qwoo0_i43vv_153 {
|
|
325
323
|
border-block-end: none;
|
|
326
324
|
}
|
|
327
|
-
.
|
|
325
|
+
.awsui_dropdown_qwoo0_i43vv_153.awsui_hide-block-border_qwoo0_i43vv_318.awsui_refresh_qwoo0_i43vv_174 > .awsui_dropdown-content-wrapper_qwoo0_i43vv_153:not(#\9) {
|
|
328
326
|
border-block-end: none;
|
|
329
327
|
}
|
|
330
|
-
.
|
|
328
|
+
.awsui_dropdown_qwoo0_i43vv_153.awsui_open_qwoo0_i43vv_327:not(#\9) {
|
|
331
329
|
display: block;
|
|
332
330
|
}
|
|
333
|
-
.
|
|
331
|
+
.awsui_dropdown_qwoo0_i43vv_153.awsui_open_qwoo0_i43vv_327:not(#\9):not(.awsui_interior_qwoo0_i43vv_232).awsui_refresh_qwoo0_i43vv_174[data-animating=true] {
|
|
334
332
|
transform: translateY(4px);
|
|
335
333
|
}
|
|
336
|
-
.
|
|
334
|
+
.awsui_dropdown_qwoo0_i43vv_153.awsui_open_qwoo0_i43vv_327:not(#\9):not(.awsui_interior_qwoo0_i43vv_232).awsui_refresh_qwoo0_i43vv_174[data-animating=true].awsui_dropdown-drop-up_qwoo0_i43vv_295 {
|
|
337
335
|
transform: translateY(-4px);
|
|
338
336
|
}
|
|
339
|
-
.
|
|
337
|
+
.awsui_dropdown_qwoo0_i43vv_153.awsui_open_qwoo0_i43vv_327.awsui_nowrap_qwoo0_i43vv_336:not(#\9) {
|
|
340
338
|
white-space: nowrap;
|
|
341
339
|
overflow: scroll;
|
|
342
340
|
}
|
|
343
341
|
|
|
344
|
-
.awsui_dropdown-
|
|
342
|
+
.awsui_dropdown-content_qwoo0_i43vv_153:not(#\9) {
|
|
345
343
|
display: flex;
|
|
346
344
|
flex-direction: column;
|
|
347
345
|
inline-size: 100%;
|
|
348
346
|
}
|
|
349
347
|
|
|
350
|
-
.awsui_stretch-trigger-
|
|
348
|
+
.awsui_stretch-trigger-height_qwoo0_i43vv_347:not(#\9) {
|
|
351
349
|
block-size: 100%;
|
|
352
350
|
}
|
|
@@ -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_i43vv_153",
|
|
6
|
+
"awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_i43vv_1",
|
|
7
|
+
"refresh": "awsui_refresh_qwoo0_i43vv_174",
|
|
8
|
+
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_i43vv_1",
|
|
9
|
+
"root": "awsui_root_qwoo0_i43vv_199",
|
|
10
|
+
"interior": "awsui_interior_qwoo0_i43vv_232",
|
|
11
|
+
"dropdown": "awsui_dropdown_qwoo0_i43vv_153",
|
|
12
|
+
"use-portal": "awsui_use-portal_qwoo0_i43vv_242",
|
|
13
|
+
"is-empty": "awsui_is-empty_qwoo0_i43vv_288",
|
|
14
|
+
"dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_i43vv_295",
|
|
15
|
+
"with-limited-width": "awsui_with-limited-width_qwoo0_i43vv_299",
|
|
16
|
+
"dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_i43vv_302",
|
|
17
|
+
"dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_i43vv_305",
|
|
18
|
+
"occupy-entire-width": "awsui_occupy-entire-width_qwoo0_i43vv_308",
|
|
19
|
+
"stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_i43vv_311",
|
|
20
|
+
"hide-block-border": "awsui_hide-block-border_qwoo0_i43vv_318",
|
|
21
|
+
"open": "awsui_open_qwoo0_i43vv_327",
|
|
22
|
+
"nowrap": "awsui_nowrap_qwoo0_i43vv_336",
|
|
23
|
+
"dropdown-content": "awsui_dropdown-content_qwoo0_i43vv_153",
|
|
24
|
+
"stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_i43vv_347"
|
|
25
25
|
};
|
|
26
26
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"options-list": "awsui_options-
|
|
5
|
-
"options-list-embedded": "awsui_options-list-
|
|
6
|
-
"decrease-block-margin": "awsui_decrease-block-
|
|
4
|
+
"options-list": "awsui_options-list_19gcf_p08j8_145",
|
|
5
|
+
"options-list-embedded": "awsui_options-list-embedded_19gcf_p08j8_192",
|
|
6
|
+
"decrease-block-margin": "awsui_decrease-block-margin_19gcf_p08j8_199"
|
|
7
7
|
};
|
|
8
8
|
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
*/
|
|
143
143
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
144
144
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
145
|
-
.awsui_options-
|
|
145
|
+
.awsui_options-list_19gcf_p08j8_145:not(#\9) {
|
|
146
146
|
padding-block: 0;
|
|
147
147
|
padding-inline: 0;
|
|
148
148
|
margin-block: 0;
|
|
@@ -188,14 +188,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
188
188
|
border-start-end-radius: var(--border-radius-dropdown-knc5ce, 0px);
|
|
189
189
|
border-end-start-radius: var(--border-radius-dropdown-knc5ce, 0px);
|
|
190
190
|
border-end-end-radius: var(--border-radius-dropdown-knc5ce, 0px);
|
|
191
|
+
-webkit-user-select: none;
|
|
192
|
+
user-select: none;
|
|
191
193
|
}
|
|
192
|
-
.awsui_options-list-
|
|
194
|
+
.awsui_options-list-embedded_19gcf_p08j8_192:not(#\9) {
|
|
193
195
|
border-start-start-radius: 0px;
|
|
194
196
|
border-start-end-radius: 0px;
|
|
195
197
|
border-end-start-radius: 0px;
|
|
196
198
|
border-end-end-radius: 0px;
|
|
197
199
|
}
|
|
198
200
|
|
|
199
|
-
.awsui_decrease-block-
|
|
201
|
+
.awsui_decrease-block-margin_19gcf_p08j8_199:not(#\9) {
|
|
200
202
|
margin-block: -1px;
|
|
201
203
|
}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"options-list": "awsui_options-
|
|
6
|
-
"options-list-embedded": "awsui_options-list-
|
|
7
|
-
"decrease-block-margin": "awsui_decrease-block-
|
|
5
|
+
"options-list": "awsui_options-list_19gcf_p08j8_145",
|
|
6
|
+
"options-list-embedded": "awsui_options-list-embedded_19gcf_p08j8_192",
|
|
7
|
+
"decrease-block-margin": "awsui_decrease-block-margin_19gcf_p08j8_199"
|
|
8
8
|
};
|
|
9
9
|
|
|
@@ -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"]}
|
|
@@ -1,14 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
interface ResizeHandleProps {
|
|
3
|
+
className?: string;
|
|
3
4
|
ariaLabel: string | undefined;
|
|
4
5
|
position: 'side' | 'bottom';
|
|
5
6
|
ariaValuenow: number;
|
|
6
7
|
onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
|
|
7
8
|
onPointerDown: (event: React.PointerEvent<HTMLElement>) => void;
|
|
8
|
-
className?: string;
|
|
9
9
|
}
|
|
10
|
-
declare const _default: React.ForwardRefExoticComponent<ResizeHandleProps & React.RefAttributes<
|
|
11
|
-
focus: () => void;
|
|
12
|
-
}>>;
|
|
10
|
+
declare const _default: React.ForwardRefExoticComponent<ResizeHandleProps & React.RefAttributes<HTMLDivElement>>;
|
|
13
11
|
export default _default;
|
|
14
12
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/panel-resize-handle/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/panel-resize-handle/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,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"}
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
2
|
// SPDX-License-Identifier: Apache-2.0
|
|
3
3
|
import React from 'react';
|
|
4
|
-
import
|
|
4
|
+
import clsx from 'clsx';
|
|
5
|
+
import ResizeHandleIcon from './icon';
|
|
5
6
|
import styles from './styles.css.js';
|
|
6
|
-
export default React.forwardRef(function PanelResizeHandle({ ariaLabel, ariaValuenow, position, onKeyDown, onPointerDown
|
|
7
|
-
return (React.createElement("div", { className: styles[`
|
|
8
|
-
React.createElement(
|
|
9
|
-
valueMin: 0,
|
|
10
|
-
valueMax: 100,
|
|
11
|
-
valueNow: ariaValuenow,
|
|
12
|
-
}, onPointerDown: onPointerDown, onKeyDown: onKeyDown, className: className })));
|
|
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}`]) })));
|
|
13
10
|
});
|
|
14
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/panel-resize-handle/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/panel-resize-handle/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,gBAAgB,MAAM,QAAQ,CAAC;AAEtC,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 React from 'react';\nimport clsx from 'clsx';\n\nimport ResizeHandleIcon from './icon';\n\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"]}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"
|
|
5
|
-
"
|
|
4
|
+
"slider": "awsui_slider_cqzlk_vw9m6_145",
|
|
5
|
+
"slider-side": "awsui_slider-side_cqzlk_vw9m6_180",
|
|
6
|
+
"slider-icon": "awsui_slider-icon_cqzlk_vw9m6_187",
|
|
7
|
+
"slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_vw9m6_193",
|
|
8
|
+
"slider-icon-side": "awsui_slider-icon-side_cqzlk_vw9m6_197"
|
|
6
9
|
};
|
|
7
10
|
|
|
@@ -2,10 +2,198 @@
|
|
|
2
2
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
3
|
SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
*/
|
|
5
|
-
|
|
5
|
+
/*
|
|
6
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
7
|
+
SPDX-License-Identifier: Apache-2.0
|
|
8
|
+
*/
|
|
9
|
+
/*
|
|
10
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
11
|
+
SPDX-License-Identifier: Apache-2.0
|
|
12
|
+
*/
|
|
13
|
+
/*
|
|
14
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
15
|
+
SPDX-License-Identifier: Apache-2.0
|
|
16
|
+
*/
|
|
17
|
+
/*
|
|
18
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
19
|
+
SPDX-License-Identifier: Apache-2.0
|
|
20
|
+
*/
|
|
21
|
+
/*
|
|
22
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
23
|
+
SPDX-License-Identifier: Apache-2.0
|
|
24
|
+
*/
|
|
25
|
+
/*
|
|
26
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
27
|
+
SPDX-License-Identifier: Apache-2.0
|
|
28
|
+
*/
|
|
29
|
+
/*
|
|
30
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
31
|
+
SPDX-License-Identifier: Apache-2.0
|
|
32
|
+
*/
|
|
33
|
+
/*
|
|
34
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
35
|
+
SPDX-License-Identifier: Apache-2.0
|
|
36
|
+
*/
|
|
37
|
+
/*
|
|
38
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
39
|
+
SPDX-License-Identifier: Apache-2.0
|
|
40
|
+
*/
|
|
41
|
+
/*
|
|
42
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
43
|
+
SPDX-License-Identifier: Apache-2.0
|
|
44
|
+
*/
|
|
45
|
+
/*
|
|
46
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
47
|
+
SPDX-License-Identifier: Apache-2.0
|
|
48
|
+
*/
|
|
49
|
+
/*
|
|
50
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
51
|
+
SPDX-License-Identifier: Apache-2.0
|
|
52
|
+
*/
|
|
53
|
+
/*
|
|
54
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
55
|
+
SPDX-License-Identifier: Apache-2.0
|
|
56
|
+
*/
|
|
57
|
+
/*
|
|
58
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
59
|
+
SPDX-License-Identifier: Apache-2.0
|
|
60
|
+
*/
|
|
61
|
+
/*
|
|
62
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
63
|
+
SPDX-License-Identifier: Apache-2.0
|
|
64
|
+
*/
|
|
65
|
+
/*
|
|
66
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
67
|
+
SPDX-License-Identifier: Apache-2.0
|
|
68
|
+
*/
|
|
69
|
+
/*
|
|
70
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
71
|
+
SPDX-License-Identifier: Apache-2.0
|
|
72
|
+
*/
|
|
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
|
+
/*
|
|
90
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
|
+
SPDX-License-Identifier: Apache-2.0
|
|
92
|
+
*/
|
|
93
|
+
/*
|
|
94
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
95
|
+
SPDX-License-Identifier: Apache-2.0
|
|
96
|
+
*/
|
|
97
|
+
/*
|
|
98
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
99
|
+
SPDX-License-Identifier: Apache-2.0
|
|
100
|
+
*/
|
|
101
|
+
/*
|
|
102
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
103
|
+
SPDX-License-Identifier: Apache-2.0
|
|
104
|
+
*/
|
|
105
|
+
/*
|
|
106
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
107
|
+
SPDX-License-Identifier: Apache-2.0
|
|
108
|
+
*/
|
|
109
|
+
/*
|
|
110
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
111
|
+
SPDX-License-Identifier: Apache-2.0
|
|
112
|
+
*/
|
|
113
|
+
/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
114
|
+
/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
115
|
+
/*
|
|
116
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
117
|
+
SPDX-License-Identifier: Apache-2.0
|
|
118
|
+
*/
|
|
119
|
+
/*
|
|
120
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
121
|
+
SPDX-License-Identifier: Apache-2.0
|
|
122
|
+
*/
|
|
123
|
+
/*
|
|
124
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
125
|
+
SPDX-License-Identifier: Apache-2.0
|
|
126
|
+
*/
|
|
127
|
+
/*
|
|
128
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
129
|
+
SPDX-License-Identifier: Apache-2.0
|
|
130
|
+
*/
|
|
131
|
+
/*
|
|
132
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
133
|
+
SPDX-License-Identifier: Apache-2.0
|
|
134
|
+
*/
|
|
135
|
+
/*
|
|
136
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
137
|
+
SPDX-License-Identifier: Apache-2.0
|
|
138
|
+
*/
|
|
139
|
+
/*
|
|
140
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
141
|
+
SPDX-License-Identifier: Apache-2.0
|
|
142
|
+
*/
|
|
143
|
+
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
144
|
+
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
145
|
+
.awsui_slider_cqzlk_vw9m6_145:not(#\9) {
|
|
146
|
+
padding-block: 0;
|
|
147
|
+
padding-inline: 0;
|
|
148
|
+
cursor: ns-resize;
|
|
149
|
+
margin-block-start: 2px;
|
|
150
|
+
margin-block-end: 0;
|
|
151
|
+
margin-inline: 0;
|
|
152
|
+
block-size: 16px;
|
|
153
|
+
touch-action: none;
|
|
154
|
+
}
|
|
155
|
+
.awsui_slider_cqzlk_vw9m6_145:not(#\9):focus {
|
|
156
|
+
outline: none;
|
|
157
|
+
}
|
|
158
|
+
body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_vw9m6_145:not(#\9):focus {
|
|
159
|
+
position: relative;
|
|
160
|
+
}
|
|
161
|
+
body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_vw9m6_145:not(#\9):focus {
|
|
162
|
+
outline: 2px dotted transparent;
|
|
163
|
+
outline-offset: calc(0px - 1px);
|
|
164
|
+
}
|
|
165
|
+
body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_vw9m6_145:not(#\9):focus::before {
|
|
166
|
+
content: " ";
|
|
167
|
+
display: block;
|
|
168
|
+
position: absolute;
|
|
169
|
+
inset-inline-start: calc(-1 * 0px);
|
|
170
|
+
inset-block-start: calc(-1 * 0px);
|
|
171
|
+
inline-size: calc(100% + 0px + 0px);
|
|
172
|
+
block-size: calc(100% + 0px + 0px);
|
|
173
|
+
border-start-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
|
|
174
|
+
border-start-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
|
|
175
|
+
border-end-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
|
|
176
|
+
border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
|
|
177
|
+
box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
.awsui_slider-side_cqzlk_vw9m6_180:not(#\9) {
|
|
181
|
+
cursor: ew-resize;
|
|
182
|
+
margin-block: 0;
|
|
6
183
|
margin-inline-start: 2px;
|
|
184
|
+
margin-inline-end: 0;
|
|
7
185
|
}
|
|
8
186
|
|
|
9
|
-
.
|
|
10
|
-
|
|
187
|
+
.awsui_slider-icon_cqzlk_vw9m6_187:not(#\9) {
|
|
188
|
+
stroke: var(--color-text-interactive-default-t1snbz, #545b64);
|
|
189
|
+
}
|
|
190
|
+
.awsui_slider-icon_cqzlk_vw9m6_187:not(#\9):hover {
|
|
191
|
+
stroke: var(--color-text-interactive-hover-kxltdh, #16191f);
|
|
192
|
+
}
|
|
193
|
+
.awsui_slider-icon-bottom_cqzlk_vw9m6_193:not(#\9) {
|
|
194
|
+
margin-block: auto;
|
|
195
|
+
margin-inline: auto;
|
|
196
|
+
}
|
|
197
|
+
.awsui_slider-icon-side_cqzlk_vw9m6_197:not(#\9) {
|
|
198
|
+
transform: rotate(90deg);
|
|
11
199
|
}
|
|
@@ -2,7 +2,10 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"
|
|
6
|
-
"
|
|
5
|
+
"slider": "awsui_slider_cqzlk_vw9m6_145",
|
|
6
|
+
"slider-side": "awsui_slider-side_cqzlk_vw9m6_180",
|
|
7
|
+
"slider-icon": "awsui_slider-icon_cqzlk_vw9m6_187",
|
|
8
|
+
"slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_vw9m6_193",
|
|
9
|
+
"slider-icon-side": "awsui_slider-icon-side_cqzlk_vw9m6_197"
|
|
7
10
|
};
|
|
8
11
|
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { SortableAreaProps } from './interfaces';
|
|
3
|
+
export { SortableAreaProps };
|
|
4
|
+
export default function SortableArea<Item>({ items, itemDefinition, renderItem, onItemsChange, disableReorder, i18nStrings, }: SortableAreaProps<Item>): JSX.Element;
|
|
5
|
+
export declare function getBorderRadiusVariant(itemDefinition: SortableAreaProps.ItemDefinition<any>): SortableAreaProps.BorderRadiusVariant;
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/sortable-area/index.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAMjD,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAE7B,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,IAAI,EAAE,EACzC,KAAK,EACL,cAAc,EACd,UAAU,EACV,aAAa,EACb,cAAc,EACd,WAAW,GACZ,EAAE,iBAAiB,CAAC,IAAI,CAAC,eA4EzB;AAyED,wBAAgB,sBAAsB,CACpC,cAAc,EAAE,iBAAiB,CAAC,cAAc,CAAC,GAAG,CAAC,GACpD,iBAAiB,CAAC,mBAAmB,CAEvC"}
|