@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,11 +150,11 @@ 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
|
-
.
|
|
154
|
-
animation: awsui_awsui-motion-fade-in-
|
|
153
|
+
.awsui_calendar_mgja0_wy9d2_153:not(#\9) {
|
|
154
|
+
animation: awsui_awsui-motion-fade-in-0_mgja0_wy9d2_1 var(--motion-duration-show-quick-fo1fgn, 135ms) var(--motion-easing-show-quick-014od6, ease-out);
|
|
155
155
|
animation-fill-mode: both;
|
|
156
156
|
}
|
|
157
|
-
@keyframes awsui_awsui-motion-fade-in-
|
|
157
|
+
@keyframes awsui_awsui-motion-fade-in-0_mgja0_wy9d2_1 {
|
|
158
158
|
from {
|
|
159
159
|
opacity: 0;
|
|
160
160
|
}
|
|
@@ -163,17 +163,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
163
163
|
}
|
|
164
164
|
}
|
|
165
165
|
@media (prefers-reduced-motion: reduce) {
|
|
166
|
-
.
|
|
166
|
+
.awsui_calendar_mgja0_wy9d2_153:not(#\9) {
|
|
167
167
|
animation: none;
|
|
168
168
|
transition: none;
|
|
169
169
|
}
|
|
170
170
|
}
|
|
171
|
-
.awsui-motion-disabled .
|
|
171
|
+
.awsui-motion-disabled .awsui_calendar_mgja0_wy9d2_153:not(#\9), .awsui-mode-entering .awsui_calendar_mgja0_wy9d2_153:not(#\9) {
|
|
172
172
|
animation: none;
|
|
173
173
|
transition: none;
|
|
174
174
|
}
|
|
175
175
|
|
|
176
|
-
.
|
|
176
|
+
.awsui_root_mgja0_wy9d2_176:not(#\9) {
|
|
177
177
|
border-collapse: separate;
|
|
178
178
|
border-spacing: 0;
|
|
179
179
|
box-sizing: border-box;
|
|
@@ -205,35 +205,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
205
205
|
-webkit-font-smoothing: auto;
|
|
206
206
|
-moz-osx-font-smoothing: auto;
|
|
207
207
|
}
|
|
208
|
-
.
|
|
208
|
+
.awsui_root_mgja0_wy9d2_176:not(#\9):not(.awsui_wide_mgja0_wy9d2_207) {
|
|
209
209
|
max-inline-size: 32em;
|
|
210
210
|
}
|
|
211
|
-
.
|
|
211
|
+
.awsui_root_mgja0_wy9d2_176.awsui_wide_mgja0_wy9d2_207:not(#\9) {
|
|
212
212
|
max-inline-size: 39em;
|
|
213
213
|
}
|
|
214
214
|
|
|
215
|
-
.awsui_focus-
|
|
215
|
+
.awsui_focus-lock_mgja0_wy9d2_214:not(#\9) {
|
|
216
216
|
display: contents;
|
|
217
217
|
}
|
|
218
218
|
|
|
219
|
-
.awsui_trigger-
|
|
219
|
+
.awsui_trigger-flexbox_mgja0_wy9d2_218:not(#\9) {
|
|
220
220
|
display: flex;
|
|
221
221
|
}
|
|
222
222
|
|
|
223
|
-
.awsui_calendar-
|
|
223
|
+
.awsui_calendar-container_mgja0_wy9d2_222:not(#\9) {
|
|
224
224
|
inline-size: calc(2 * var(--size-calendar-grid-width-arud77, 234px) + var(--space-xs-6dgkww, 8px));
|
|
225
225
|
}
|
|
226
|
-
.awsui_calendar-
|
|
226
|
+
.awsui_calendar-container_mgja0_wy9d2_222.awsui_one-grid_mgja0_wy9d2_225:not(#\9) {
|
|
227
227
|
inline-size: var(--size-calendar-grid-width-arud77, 234px);
|
|
228
228
|
}
|
|
229
229
|
|
|
230
|
-
.awsui_calendar-
|
|
230
|
+
.awsui_calendar-header_mgja0_wy9d2_229:not(#\9) {
|
|
231
231
|
display: flex;
|
|
232
232
|
justify-content: space-between;
|
|
233
233
|
align-items: center;
|
|
234
234
|
position: relative;
|
|
235
235
|
}
|
|
236
|
-
.awsui_calendar-header-months-
|
|
236
|
+
.awsui_calendar-header-months-wrapper_mgja0_wy9d2_235:not(#\9) {
|
|
237
237
|
position: absolute;
|
|
238
238
|
inset: 0;
|
|
239
239
|
margin-block: 0;
|
|
@@ -244,7 +244,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
244
244
|
flex: 1;
|
|
245
245
|
pointer-events: none;
|
|
246
246
|
}
|
|
247
|
-
.awsui_calendar-header-
|
|
247
|
+
.awsui_calendar-header-month_mgja0_wy9d2_235:not(#\9) {
|
|
248
248
|
font-size: var(--font-size-body-m-6wxxs5, 14px);
|
|
249
249
|
line-height: var(--line-height-body-m-gw0130, 22px);
|
|
250
250
|
font-weight: 700;
|
|
@@ -252,32 +252,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
252
252
|
display: flex;
|
|
253
253
|
pointer-events: auto;
|
|
254
254
|
}
|
|
255
|
-
.awsui_calendar-next-month-
|
|
255
|
+
.awsui_calendar-next-month-btn_mgja0_wy9d2_254:not(#\9) {
|
|
256
256
|
/* used for identifying element */
|
|
257
257
|
}
|
|
258
|
-
.awsui_calendar-prev-month-
|
|
258
|
+
.awsui_calendar-prev-month-btn_mgja0_wy9d2_257:not(#\9) {
|
|
259
259
|
/* used for identifying element */
|
|
260
260
|
}
|
|
261
261
|
|
|
262
|
-
.awsui_first-
|
|
263
|
-
.awsui_second-
|
|
262
|
+
.awsui_first-grid_mgja0_wy9d2_261:not(#\9),
|
|
263
|
+
.awsui_second-grid_mgja0_wy9d2_262:not(#\9) {
|
|
264
264
|
/* used in test-utils */
|
|
265
265
|
}
|
|
266
266
|
|
|
267
|
-
.awsui_date-and-time-
|
|
267
|
+
.awsui_date-and-time-container_mgja0_wy9d2_266:not(#\9) {
|
|
268
268
|
display: grid;
|
|
269
269
|
grid-template-columns: repeat(auto-fit, minmax(var(--size-calendar-grid-width-arud77, 234px), 1fr));
|
|
270
270
|
gap: var(--space-xs-6dgkww, 8px);
|
|
271
271
|
}
|
|
272
272
|
|
|
273
|
-
.awsui_date-and-time-
|
|
273
|
+
.awsui_date-and-time-wrapper_mgja0_wy9d2_272:not(#\9) {
|
|
274
274
|
inline-size: var(--size-calendar-grid-width-arud77, 234px);
|
|
275
275
|
display: grid;
|
|
276
276
|
gap: var(--space-xs-6dgkww, 8px);
|
|
277
277
|
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
|
|
278
278
|
}
|
|
279
279
|
|
|
280
|
-
.
|
|
280
|
+
.awsui_footer_mgja0_wy9d2_279:not(#\9) {
|
|
281
281
|
display: flex;
|
|
282
282
|
flex-wrap: wrap;
|
|
283
283
|
justify-content: flex-end;
|
|
@@ -286,51 +286,49 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
286
286
|
padding-block-end: var(--space-s-vmutj3, 12px);
|
|
287
287
|
padding-inline: var(--space-l-eenfqd, 20px);
|
|
288
288
|
}
|
|
289
|
-
.
|
|
289
|
+
.awsui_footer_mgja0_wy9d2_279.awsui_has-clear-button_mgja0_wy9d2_288:not(#\9) {
|
|
290
290
|
justify-content: space-between;
|
|
291
291
|
}
|
|
292
|
-
.
|
|
292
|
+
.awsui_footer_mgja0_wy9d2_279.awsui_one-grid_mgja0_wy9d2_225:not(#\9) {
|
|
293
293
|
padding-block-start: 0;
|
|
294
294
|
padding-block-end: var(--space-s-vmutj3, 12px);
|
|
295
295
|
padding-inline: var(--space-xs-6dgkww, 8px);
|
|
296
296
|
}
|
|
297
297
|
|
|
298
|
-
.awsui_footer-button-
|
|
298
|
+
.awsui_footer-button-wrapper_mgja0_wy9d2_297:not(#\9) {
|
|
299
299
|
padding-block-start: var(--space-s-vmutj3, 12px);
|
|
300
300
|
}
|
|
301
|
-
.awsui_footer-button-
|
|
301
|
+
.awsui_footer-button-wrapper_mgja0_wy9d2_297:not(#\9):last-child {
|
|
302
302
|
margin-inline-start: auto;
|
|
303
303
|
}
|
|
304
304
|
|
|
305
|
-
.awsui_icon-
|
|
305
|
+
.awsui_icon-wrapper_mgja0_wy9d2_304:not(#\9) {
|
|
306
306
|
color: var(--color-text-interactive-default-t1snbz, #545b64);
|
|
307
307
|
margin-inline-end: var(--space-xs-6dgkww, 8px);
|
|
308
308
|
}
|
|
309
309
|
|
|
310
|
-
.
|
|
311
|
-
-webkit-user-select: text;
|
|
312
|
-
user-select: text;
|
|
310
|
+
.awsui_label_mgja0_wy9d2_309:not(#\9) {
|
|
313
311
|
cursor: default;
|
|
314
312
|
}
|
|
315
313
|
|
|
316
|
-
.
|
|
314
|
+
.awsui_label_mgja0_wy9d2_309.awsui_label-enabled_mgja0_wy9d2_313:not(#\9):hover > .awsui_trigger-flexbox_mgja0_wy9d2_218 > .awsui_icon-wrapper_mgja0_wy9d2_304 {
|
|
317
315
|
color: var(--color-text-interactive-hover-kxltdh, #16191f);
|
|
318
316
|
}
|
|
319
317
|
|
|
320
|
-
.awsui_label-
|
|
318
|
+
.awsui_label-text_mgja0_wy9d2_317:not(#\9) {
|
|
321
319
|
color: var(--color-text-input-placeholder-od847j, #687078);
|
|
322
320
|
font-style: italic;
|
|
323
321
|
}
|
|
324
322
|
|
|
325
|
-
.awsui_label-token-
|
|
323
|
+
.awsui_label-token-nowrap_mgja0_wy9d2_322:not(#\9) {
|
|
326
324
|
white-space: nowrap;
|
|
327
325
|
}
|
|
328
326
|
|
|
329
|
-
.awsui_mode-
|
|
327
|
+
.awsui_mode-switch_mgja0_wy9d2_326:not(#\9) {
|
|
330
328
|
/* used in test-utils */
|
|
331
329
|
}
|
|
332
330
|
|
|
333
|
-
.
|
|
331
|
+
.awsui_dropdown_mgja0_wy9d2_330:not(#\9) {
|
|
334
332
|
overflow: auto;
|
|
335
333
|
border-block-start: 1px solid var(--color-border-container-top-lphfcg, #eaeded);
|
|
336
334
|
border-block-end: 1px solid var(--color-border-container-top-lphfcg, #eaeded);
|
|
@@ -339,10 +337,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
339
337
|
border-end-start-radius: var(--border-radius-dropdown-knc5ce, 0px);
|
|
340
338
|
border-end-end-radius: var(--border-radius-dropdown-knc5ce, 0px);
|
|
341
339
|
}
|
|
342
|
-
.
|
|
340
|
+
.awsui_dropdown_mgja0_wy9d2_330:not(#\9):focus {
|
|
343
341
|
outline: none;
|
|
344
342
|
}
|
|
345
|
-
body[data-awsui-focus-visible=true] .
|
|
343
|
+
body[data-awsui-focus-visible=true] .awsui_dropdown_mgja0_wy9d2_330:not(#\9):focus {
|
|
346
344
|
outline: 2px dotted transparent;
|
|
347
345
|
outline-offset: 2px;
|
|
348
346
|
border-start-start-radius: var(--border-radius-dropdown-knc5ce, 0px);
|
|
@@ -352,43 +350,41 @@ body[data-awsui-focus-visible=true] .awsui_dropdown_mgja0_59opa_331:not(#\9):foc
|
|
|
352
350
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
|
|
353
351
|
}
|
|
354
352
|
|
|
355
|
-
.awsui_dropdown-
|
|
356
|
-
-webkit-user-select: text;
|
|
357
|
-
user-select: text;
|
|
353
|
+
.awsui_dropdown-content_mgja0_wy9d2_352:not(#\9) {
|
|
358
354
|
background-color: var(--color-background-container-content-myy7cn, #ffffff);
|
|
359
355
|
inline-size: calc(2 * var(--size-calendar-grid-width-arud77, 234px) + var(--space-xs-6dgkww, 8px) + 2 * var(--space-l-eenfqd, 20px));
|
|
360
356
|
}
|
|
361
|
-
.awsui_dropdown-
|
|
357
|
+
.awsui_dropdown-content_mgja0_wy9d2_352.awsui_one-grid_mgja0_wy9d2_225:not(#\9) {
|
|
362
358
|
inline-size: calc(var(--size-calendar-grid-width-arud77, 234px) + 2 * var(--space-l-eenfqd, 20px));
|
|
363
359
|
}
|
|
364
360
|
|
|
365
|
-
.awsui_start-date-
|
|
366
|
-
.awsui_start-time-
|
|
367
|
-
.awsui_end-date-
|
|
368
|
-
.awsui_end-time-
|
|
361
|
+
.awsui_start-date-input_mgja0_wy9d2_360:not(#\9),
|
|
362
|
+
.awsui_start-time-input_mgja0_wy9d2_361:not(#\9),
|
|
363
|
+
.awsui_end-date-input_mgja0_wy9d2_362:not(#\9),
|
|
364
|
+
.awsui_end-time-input_mgja0_wy9d2_363:not(#\9) {
|
|
369
365
|
/* used in test-utils */
|
|
370
366
|
}
|
|
371
367
|
|
|
372
|
-
.awsui_validation-
|
|
368
|
+
.awsui_validation-section_mgja0_wy9d2_367:not(#\9) {
|
|
373
369
|
/* used in test-utils */
|
|
374
370
|
}
|
|
375
371
|
|
|
376
|
-
.awsui_validation-
|
|
372
|
+
.awsui_validation-error_mgja0_wy9d2_371:not(#\9) {
|
|
377
373
|
/* used in test-utils */
|
|
378
374
|
}
|
|
379
375
|
|
|
380
|
-
.awsui_clear-
|
|
376
|
+
.awsui_clear-button_mgja0_wy9d2_375:not(#\9) {
|
|
381
377
|
/* used in test-utils */
|
|
382
378
|
}
|
|
383
379
|
|
|
384
|
-
.awsui_apply-
|
|
380
|
+
.awsui_apply-button_mgja0_wy9d2_379:not(#\9) {
|
|
385
381
|
/* used in test-utils */
|
|
386
382
|
}
|
|
387
383
|
|
|
388
|
-
.awsui_cancel-
|
|
384
|
+
.awsui_cancel-button_mgja0_wy9d2_383:not(#\9) {
|
|
389
385
|
/* used in test-utils */
|
|
390
386
|
}
|
|
391
387
|
|
|
392
|
-
.awsui_calendar-aria-
|
|
388
|
+
.awsui_calendar-aria-live_mgja0_wy9d2_387:not(#\9) {
|
|
393
389
|
/* used in test-utils */
|
|
394
390
|
}
|
|
@@ -2,43 +2,43 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"calendar": "
|
|
6
|
-
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-
|
|
7
|
-
"root": "
|
|
8
|
-
"wide": "
|
|
9
|
-
"focus-lock": "awsui_focus-
|
|
10
|
-
"trigger-flexbox": "awsui_trigger-
|
|
11
|
-
"calendar-container": "awsui_calendar-
|
|
12
|
-
"one-grid": "awsui_one-
|
|
13
|
-
"calendar-header": "awsui_calendar-
|
|
14
|
-
"calendar-header-months-wrapper": "awsui_calendar-header-months-
|
|
15
|
-
"calendar-header-month": "awsui_calendar-header-
|
|
16
|
-
"calendar-next-month-btn": "awsui_calendar-next-month-
|
|
17
|
-
"calendar-prev-month-btn": "awsui_calendar-prev-month-
|
|
18
|
-
"first-grid": "awsui_first-
|
|
19
|
-
"second-grid": "awsui_second-
|
|
20
|
-
"date-and-time-container": "awsui_date-and-time-
|
|
21
|
-
"date-and-time-wrapper": "awsui_date-and-time-
|
|
22
|
-
"footer": "
|
|
23
|
-
"has-clear-button": "awsui_has-clear-
|
|
24
|
-
"footer-button-wrapper": "awsui_footer-button-
|
|
25
|
-
"icon-wrapper": "awsui_icon-
|
|
26
|
-
"label": "
|
|
27
|
-
"label-enabled": "awsui_label-
|
|
28
|
-
"label-text": "awsui_label-
|
|
29
|
-
"label-token-nowrap": "awsui_label-token-
|
|
30
|
-
"mode-switch": "awsui_mode-
|
|
31
|
-
"dropdown": "
|
|
32
|
-
"dropdown-content": "awsui_dropdown-
|
|
33
|
-
"start-date-input": "awsui_start-date-
|
|
34
|
-
"start-time-input": "awsui_start-time-
|
|
35
|
-
"end-date-input": "awsui_end-date-
|
|
36
|
-
"end-time-input": "awsui_end-time-
|
|
37
|
-
"validation-section": "awsui_validation-
|
|
38
|
-
"validation-error": "awsui_validation-
|
|
39
|
-
"clear-button": "awsui_clear-
|
|
40
|
-
"apply-button": "awsui_apply-
|
|
41
|
-
"cancel-button": "awsui_cancel-
|
|
42
|
-
"calendar-aria-live": "awsui_calendar-aria-
|
|
5
|
+
"calendar": "awsui_calendar_mgja0_wy9d2_153",
|
|
6
|
+
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_wy9d2_1",
|
|
7
|
+
"root": "awsui_root_mgja0_wy9d2_176",
|
|
8
|
+
"wide": "awsui_wide_mgja0_wy9d2_207",
|
|
9
|
+
"focus-lock": "awsui_focus-lock_mgja0_wy9d2_214",
|
|
10
|
+
"trigger-flexbox": "awsui_trigger-flexbox_mgja0_wy9d2_218",
|
|
11
|
+
"calendar-container": "awsui_calendar-container_mgja0_wy9d2_222",
|
|
12
|
+
"one-grid": "awsui_one-grid_mgja0_wy9d2_225",
|
|
13
|
+
"calendar-header": "awsui_calendar-header_mgja0_wy9d2_229",
|
|
14
|
+
"calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_wy9d2_235",
|
|
15
|
+
"calendar-header-month": "awsui_calendar-header-month_mgja0_wy9d2_235",
|
|
16
|
+
"calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_wy9d2_254",
|
|
17
|
+
"calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_wy9d2_257",
|
|
18
|
+
"first-grid": "awsui_first-grid_mgja0_wy9d2_261",
|
|
19
|
+
"second-grid": "awsui_second-grid_mgja0_wy9d2_262",
|
|
20
|
+
"date-and-time-container": "awsui_date-and-time-container_mgja0_wy9d2_266",
|
|
21
|
+
"date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_wy9d2_272",
|
|
22
|
+
"footer": "awsui_footer_mgja0_wy9d2_279",
|
|
23
|
+
"has-clear-button": "awsui_has-clear-button_mgja0_wy9d2_288",
|
|
24
|
+
"footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_wy9d2_297",
|
|
25
|
+
"icon-wrapper": "awsui_icon-wrapper_mgja0_wy9d2_304",
|
|
26
|
+
"label": "awsui_label_mgja0_wy9d2_309",
|
|
27
|
+
"label-enabled": "awsui_label-enabled_mgja0_wy9d2_313",
|
|
28
|
+
"label-text": "awsui_label-text_mgja0_wy9d2_317",
|
|
29
|
+
"label-token-nowrap": "awsui_label-token-nowrap_mgja0_wy9d2_322",
|
|
30
|
+
"mode-switch": "awsui_mode-switch_mgja0_wy9d2_326",
|
|
31
|
+
"dropdown": "awsui_dropdown_mgja0_wy9d2_330",
|
|
32
|
+
"dropdown-content": "awsui_dropdown-content_mgja0_wy9d2_352",
|
|
33
|
+
"start-date-input": "awsui_start-date-input_mgja0_wy9d2_360",
|
|
34
|
+
"start-time-input": "awsui_start-time-input_mgja0_wy9d2_361",
|
|
35
|
+
"end-date-input": "awsui_end-date-input_mgja0_wy9d2_362",
|
|
36
|
+
"end-time-input": "awsui_end-time-input_mgja0_wy9d2_363",
|
|
37
|
+
"validation-section": "awsui_validation-section_mgja0_wy9d2_367",
|
|
38
|
+
"validation-error": "awsui_validation-error_mgja0_wy9d2_371",
|
|
39
|
+
"clear-button": "awsui_clear-button_mgja0_wy9d2_375",
|
|
40
|
+
"apply-button": "awsui_apply-button_mgja0_wy9d2_379",
|
|
41
|
+
"cancel-button": "awsui_cancel-button_mgja0_wy9d2_383",
|
|
42
|
+
"calendar-aria-live": "awsui_calendar-aria-live_mgja0_wy9d2_387"
|
|
43
43
|
};
|
|
44
44
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"analytics.d.ts","sourceRoot":"","sources":["../../../../src/flashbar/internal/analytics.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"analytics.d.ts","sourceRoot":"","sources":["../../../../src/flashbar/internal/analytics.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAK9C,eAAO,MAAM,gBAAgB,UAAW,aAAa,CAAC,OAAO,CAAC,SAS7D,CAAC;AAEF,eAAO,MAAM,gBAAgB,eAAgB,MAAM,YAAY,OAAO,SAMrE,CAAC;AAEF,eAAO,MAAM,iBAAiB,aAAc,MAAM,SAMjD,CAAC"}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
2
|
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
-
import {
|
|
4
|
-
import { PACKAGE_SOURCE, PACKAGE_VERSION } from '../../internal/environment';
|
|
3
|
+
import { metrics } from '../../internal/metrics';
|
|
5
4
|
import { getFlashTypeCount } from '../utils';
|
|
6
|
-
const metrics = new Metrics(PACKAGE_SOURCE, PACKAGE_VERSION);
|
|
7
5
|
const eventContext = 'csa_flashbar';
|
|
8
6
|
export const sendRenderMetric = (items) => {
|
|
9
7
|
const countByType = getFlashTypeCount(items);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"analytics.js","sourceRoot":"","sources":["../../../../src/flashbar/internal/analytics.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM
|
|
1
|
+
{"version":3,"file":"analytics.js","sourceRoot":"","sources":["../../../../src/flashbar/internal/analytics.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,YAAY,GAAG,cAAc,CAAC;AAEpC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA6B,EAAE,EAAE;IAChE,MAAM,WAAW,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAE7C,OAAO,CAAC,kBAAkB,CAAC;QACzB,YAAY;QACZ,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE;QACnC,WAAW,EAAE,WAAW;KACzB,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,UAAkB,EAAE,QAAiB,EAAE,EAAE;IACxE,OAAO,CAAC,kBAAkB,CAAC;QACzB,YAAY;QACZ,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU;QAC3C,UAAU,EAAE,UAAU,CAAC,QAAQ,EAAE;KAClC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,EAAE;IACpD,OAAO,CAAC,kBAAkB,CAAC;QACzB,YAAY;QACZ,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,QAAQ;KACrB,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { metrics } from '../../internal/metrics';\nimport { FlashbarProps } from '../interfaces';\nimport { getFlashTypeCount } from '../utils';\n\nconst eventContext = 'csa_flashbar';\n\nexport const sendRenderMetric = (items: FlashbarProps['items']) => {\n const countByType = getFlashTypeCount(items);\n\n metrics.sendPanoramaMetric({\n eventContext,\n eventType: 'render',\n eventValue: items.length.toString(),\n eventDetail: countByType,\n });\n};\n\nexport const sendToggleMetric = (itemsCount: number, expanded: boolean) => {\n metrics.sendPanoramaMetric({\n eventContext,\n eventType: expanded ? 'expand' : 'collapse',\n eventValue: itemsCount.toString(),\n });\n};\n\nexport const sendDismissMetric = (itemType: string) => {\n metrics.sendPanoramaMetric({\n eventContext,\n eventType: 'dismiss',\n eventValue: itemType,\n });\n};\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DragHandleProps } from './interfaces';
|
|
3
3
|
export { DragHandleProps };
|
|
4
|
-
declare const
|
|
5
|
-
export default
|
|
4
|
+
declare const InternalDragHandle: React.ForwardRefExoticComponent<DragHandleProps & React.RefAttributes<DragHandleProps.Ref>>;
|
|
5
|
+
export default InternalDragHandle;
|
|
6
6
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAOlD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,kBAAkB,6FAiEvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1,12 +1,16 @@
|
|
|
1
|
+
import { __rest } from "tslib";
|
|
1
2
|
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
3
4
|
import React, { forwardRef, useRef } from 'react';
|
|
4
5
|
import clsx from 'clsx';
|
|
5
6
|
import InternalIcon from '../../../icon/internal';
|
|
7
|
+
import { getBaseProps } from '../../base-component';
|
|
6
8
|
import useForwardFocus from '../../hooks/forward-focus';
|
|
7
9
|
import { ResizeIcon } from './resize-icon';
|
|
8
10
|
import styles from './styles.css.js';
|
|
9
|
-
const
|
|
11
|
+
const InternalDragHandle = forwardRef((_a, ref) => {
|
|
12
|
+
var { variant = 'drag-indicator', size = 'normal', ariaLabel, ariaDescribedby, ariaValue, disabled, onPointerDown, onKeyDown } = _a, rest = __rest(_a, ["variant", "size", "ariaLabel", "ariaDescribedby", "ariaValue", "disabled", "onPointerDown", "onKeyDown"]);
|
|
13
|
+
const baseProps = getBaseProps(rest);
|
|
10
14
|
const dragHandleRefObject = useRef(null);
|
|
11
15
|
useForwardFocus(ref, dragHandleRefObject);
|
|
12
16
|
const iconProps = (() => {
|
|
@@ -28,8 +32,8 @@ const DragHandle = forwardRef(({ variant = 'drag-indicator', size = 'normal', ar
|
|
|
28
32
|
// (See https://bugs.webkit.org/show_bug.cgi?id=22261)
|
|
29
33
|
// Otherwise, we can't reliably catch keyboard events coming from the handle
|
|
30
34
|
// when it is being dragged.
|
|
31
|
-
React.createElement("div", { ref: dragHandleRefObject, role: ariaValue ? 'slider' : 'button', tabIndex: 0, className: clsx(className, styles.handle, styles[`handle-${variant}`], styles[`handle-size-${size}`], disabled && styles['handle-disabled']), "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-disabled": disabled, "aria-valuemax": ariaValue === null || ariaValue === void 0 ? void 0 : ariaValue.valueMax, "aria-valuemin": ariaValue === null || ariaValue === void 0 ? void 0 : ariaValue.valueMin, "aria-valuenow": ariaValue === null || ariaValue === void 0 ? void 0 : ariaValue.valueNow, onPointerDown: onPointerDown, onKeyDown: onKeyDown },
|
|
35
|
+
React.createElement("div", Object.assign({}, baseProps, { ref: dragHandleRefObject, role: ariaValue ? 'slider' : 'button', tabIndex: 0, className: clsx(baseProps.className, styles.handle, styles[`handle-${variant}`], styles[`handle-size-${size}`], disabled && styles['handle-disabled']), "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-disabled": disabled, "aria-valuemax": ariaValue === null || ariaValue === void 0 ? void 0 : ariaValue.valueMax, "aria-valuemin": ariaValue === null || ariaValue === void 0 ? void 0 : ariaValue.valueMin, "aria-valuenow": ariaValue === null || ariaValue === void 0 ? void 0 : ariaValue.valueNow, onPointerDown: onPointerDown, onKeyDown: onKeyDown }),
|
|
32
36
|
React.createElement(InternalIcon, Object.assign({}, iconProps))));
|
|
33
37
|
});
|
|
34
|
-
export default
|
|
38
|
+
export default InternalDragHandle;
|
|
35
39
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,eAAe,MAAM,2BAA2B,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,eAAe,MAAM,2BAA2B,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,kBAAkB,GAAG,UAAU,CACnC,CACE,EAUkB,EAClB,GAAmC,EACnC,EAAE;QAZF,EACE,OAAO,GAAG,gBAAgB,EAC1B,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,eAAe,EACf,SAAS,EACT,QAAQ,EACR,aAAa,EACb,SAAS,OAEO,EADb,IAAI,cATT,0GAUC,CADQ;IAIT,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,mBAAmB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzD,eAAe,CAAC,GAAG,EAAE,mBAAmB,CAAC,CAAC;IAE1C,MAAM,SAAS,GAAc,CAAC,GAAG,EAAE;QACjC,MAAM,MAAM,GAAG,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAE,UAAoB,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC;QAC/E,QAAQ,OAAO,EAAE;YACf,KAAK,gBAAgB;gBACnB,uCAAY,MAAM,KAAE,IAAI,EAAE,gBAAgB,IAAG;YAC/C,KAAK,aAAa;gBAChB,uCAAY,MAAM,KAAE,IAAI,EAAE,aAAa,IAAG;YAC5C,KAAK,mBAAmB;gBACtB,uCAAY,MAAM,KAAE,GAAG,EAAE,oBAAC,UAAU,IAAC,OAAO,EAAC,YAAY,GAAG,IAAG;YACjE,KAAK,iBAAiB;gBACpB,uCAAY,MAAM,KAAE,GAAG,EAAE,oBAAC,UAAU,IAAC,OAAO,EAAC,UAAU,GAAG,IAAG;SAChE;IACH,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO;IACL,4DAA4D;IAC5D,oDAAoD;IACpD,sDAAsD;IACtD,4EAA4E;IAC5E,4BAA4B;IAC5B,6CACM,SAAS,IACb,GAAG,EAAE,mBAAmB,EACxB,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EACrC,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,IAAI,CACb,SAAS,CAAC,SAAS,EACnB,MAAM,CAAC,MAAM,EACb,MAAM,CAAC,UAAU,OAAO,EAAE,CAAC,EAC3B,MAAM,CAAC,eAAe,IAAI,EAAE,CAAC,EAC7B,QAAQ,IAAI,MAAM,CAAC,iBAAiB,CAAC,CACtC,gBACW,SAAS,sBACH,eAAe,mBAClB,QAAQ,mBACR,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,mBACnB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,mBACnB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,EAClC,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS;QAEpB,oBAAC,YAAY,oBAAK,SAAS,EAAI,CAC3B,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { IconProps } from '../../../icon/interfaces';\nimport InternalIcon from '../../../icon/internal';\nimport { getBaseProps } from '../../base-component';\nimport useForwardFocus from '../../hooks/forward-focus';\nimport { DragHandleProps } from './interfaces';\nimport { ResizeIcon } from './resize-icon';\n\nimport styles from './styles.css.js';\n\nexport { DragHandleProps };\n\nconst InternalDragHandle = forwardRef(\n (\n {\n variant = 'drag-indicator',\n size = 'normal',\n ariaLabel,\n ariaDescribedby,\n ariaValue,\n disabled,\n onPointerDown,\n onKeyDown,\n ...rest\n }: DragHandleProps,\n ref: React.Ref<DragHandleProps.Ref>\n ) => {\n const baseProps = getBaseProps(rest);\n const dragHandleRefObject = useRef<HTMLDivElement>(null);\n\n useForwardFocus(ref, dragHandleRefObject);\n\n const iconProps: IconProps = (() => {\n const shared = { variant: disabled ? ('disabled' as const) : undefined, size };\n switch (variant) {\n case 'drag-indicator':\n return { ...shared, name: 'drag-indicator' };\n case 'resize-area':\n return { ...shared, name: 'resize-area' };\n case 'resize-horizontal':\n return { ...shared, svg: <ResizeIcon variant=\"horizontal\" /> };\n case 'resize-vertical':\n return { ...shared, svg: <ResizeIcon variant=\"vertical\" /> };\n }\n })();\n\n return (\n // We need to use a div with button role instead of a button\n // so that Safari will focus on it when clicking it.\n // (See https://bugs.webkit.org/show_bug.cgi?id=22261)\n // Otherwise, we can't reliably catch keyboard events coming from the handle\n // when it is being dragged.\n <div\n {...baseProps}\n ref={dragHandleRefObject}\n role={ariaValue ? 'slider' : 'button'}\n tabIndex={0}\n className={clsx(\n baseProps.className,\n styles.handle,\n styles[`handle-${variant}`],\n styles[`handle-size-${size}`],\n disabled && styles['handle-disabled']\n )}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-disabled={disabled}\n aria-valuemax={ariaValue?.valueMax}\n aria-valuemin={ariaValue?.valueMin}\n aria-valuenow={ariaValue?.valueNow}\n onPointerDown={onPointerDown}\n onKeyDown={onKeyDown}\n >\n <InternalIcon {...iconProps} />\n </div>\n );\n }\n);\n\nexport default InternalDragHandle;\n"]}
|
|
@@ -6,9 +6,9 @@ export interface DragHandleProps {
|
|
|
6
6
|
ariaDescribedby?: string;
|
|
7
7
|
ariaValue?: DragHandleProps.AriaValue;
|
|
8
8
|
disabled?: boolean;
|
|
9
|
+
className?: string;
|
|
9
10
|
onPointerDown?: React.PointerEventHandler;
|
|
10
11
|
onKeyDown?: React.KeyboardEventHandler;
|
|
11
|
-
className?: string;
|
|
12
12
|
}
|
|
13
13
|
export declare namespace DragHandleProps {
|
|
14
14
|
type Variant = 'drag-indicator' | 'resize-area' | 'resize-horizontal' | 'resize-vertical';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/interfaces.ts"],"names":[],"mappings":";AAGA,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/interfaces.ts"],"names":[],"mappings":";AAGA,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC;IAC1C,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC;CACxC;AAED,yBAAiB,eAAe,CAAC;IAC/B,KAAY,OAAO,GAAG,gBAAgB,GAAG,aAAa,GAAG,mBAAmB,GAAG,iBAAiB,CAAC;IAEjG,KAAY,IAAI,GAAG,OAAO,GAAG,QAAQ,CAAC;IAEtC,UAAiB,SAAS;QACxB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;KAClB;IAED,UAAiB,GAAG;QAClB,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;KACrC;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport interface DragHandleProps {\n variant?: DragHandleProps.Variant;\n size?: DragHandleProps.Size;\n ariaLabel: string;\n ariaDescribedby?: string;\n ariaValue?: DragHandleProps.AriaValue;\n disabled?: boolean;\n onPointerDown?: React.PointerEventHandler;\n onKeyDown?: React.KeyboardEventHandler;\n
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport interface DragHandleProps {\n variant?: DragHandleProps.Variant;\n size?: DragHandleProps.Size;\n ariaLabel: string;\n ariaDescribedby?: string;\n ariaValue?: DragHandleProps.AriaValue;\n disabled?: boolean;\n className?: string;\n onPointerDown?: React.PointerEventHandler;\n onKeyDown?: React.KeyboardEventHandler;\n}\n\nexport namespace DragHandleProps {\n export type Variant = 'drag-indicator' | 'resize-area' | 'resize-horizontal' | 'resize-vertical';\n\n export type Size = 'small' | 'normal';\n\n export interface AriaValue {\n valueMin: number;\n valueMax: number;\n valueNow: number;\n }\n\n export interface Ref {\n focus(options?: FocusOptions): void;\n }\n}\n"]}
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"dropdown-content-wrapper": "awsui_dropdown-content-
|
|
5
|
-
"awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-
|
|
6
|
-
"refresh": "
|
|
7
|
-
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-
|
|
8
|
-
"root": "
|
|
9
|
-
"interior": "
|
|
10
|
-
"dropdown": "
|
|
11
|
-
"use-portal": "awsui_use-
|
|
12
|
-
"is-empty": "awsui_is-
|
|
13
|
-
"dropdown-drop-up": "awsui_dropdown-drop-
|
|
14
|
-
"with-limited-width": "awsui_with-limited-
|
|
15
|
-
"dropdown-drop-left": "awsui_dropdown-drop-
|
|
16
|
-
"dropdown-drop-right": "awsui_dropdown-drop-
|
|
17
|
-
"occupy-entire-width": "awsui_occupy-entire-
|
|
18
|
-
"stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-
|
|
19
|
-
"hide-block-border": "awsui_hide-block-
|
|
20
|
-
"open": "
|
|
21
|
-
"nowrap": "
|
|
22
|
-
"dropdown-content": "awsui_dropdown-
|
|
23
|
-
"stretch-trigger-height": "awsui_stretch-trigger-
|
|
4
|
+
"dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_i43vv_153",
|
|
5
|
+
"awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_i43vv_1",
|
|
6
|
+
"refresh": "awsui_refresh_qwoo0_i43vv_174",
|
|
7
|
+
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_i43vv_1",
|
|
8
|
+
"root": "awsui_root_qwoo0_i43vv_199",
|
|
9
|
+
"interior": "awsui_interior_qwoo0_i43vv_232",
|
|
10
|
+
"dropdown": "awsui_dropdown_qwoo0_i43vv_153",
|
|
11
|
+
"use-portal": "awsui_use-portal_qwoo0_i43vv_242",
|
|
12
|
+
"is-empty": "awsui_is-empty_qwoo0_i43vv_288",
|
|
13
|
+
"dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_i43vv_295",
|
|
14
|
+
"with-limited-width": "awsui_with-limited-width_qwoo0_i43vv_299",
|
|
15
|
+
"dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_i43vv_302",
|
|
16
|
+
"dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_i43vv_305",
|
|
17
|
+
"occupy-entire-width": "awsui_occupy-entire-width_qwoo0_i43vv_308",
|
|
18
|
+
"stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_i43vv_311",
|
|
19
|
+
"hide-block-border": "awsui_hide-block-border_qwoo0_i43vv_318",
|
|
20
|
+
"open": "awsui_open_qwoo0_i43vv_327",
|
|
21
|
+
"nowrap": "awsui_nowrap_qwoo0_i43vv_336",
|
|
22
|
+
"dropdown-content": "awsui_dropdown-content_qwoo0_i43vv_153",
|
|
23
|
+
"stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_i43vv_347"
|
|
24
24
|
};
|
|
25
25
|
|