@cloudscape-design/components 3.0.261 → 3.0.263
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/THIRD-PARTY-LICENSES +31 -0
- package/app-layout/drawer/index.d.ts +1 -1
- package/app-layout/drawer/index.d.ts.map +1 -1
- package/app-layout/drawer/index.js +3 -3
- package/app-layout/drawer/index.js.map +1 -1
- package/app-layout/drawer/interfaces.d.ts +17 -3
- package/app-layout/drawer/interfaces.d.ts.map +1 -1
- package/app-layout/drawer/interfaces.js.map +1 -1
- package/app-layout/drawer/resizable-drawer.d.ts.map +1 -1
- package/app-layout/drawer/resizable-drawer.js +6 -4
- package/app-layout/drawer/resizable-drawer.js.map +1 -1
- package/app-layout/index.d.ts.map +1 -1
- package/app-layout/index.js +47 -31
- package/app-layout/index.js.map +1 -1
- package/app-layout/mobile-toolbar/index.d.ts.map +1 -1
- package/app-layout/mobile-toolbar/index.js +4 -1
- package/app-layout/mobile-toolbar/index.js.map +1 -1
- package/app-layout/test-classes/styles.css.js +19 -18
- package/app-layout/test-classes/styles.scoped.css +22 -18
- package/app-layout/test-classes/styles.selectors.js +19 -18
- package/app-layout/visual-refresh/drawers.d.ts +1 -0
- package/app-layout/visual-refresh/drawers.d.ts.map +1 -1
- package/app-layout/visual-refresh/drawers.js +2 -2
- package/app-layout/visual-refresh/drawers.js.map +1 -1
- package/attribute-editor/row.d.ts.map +1 -1
- package/attribute-editor/row.js +1 -3
- package/attribute-editor/row.js.map +1 -1
- package/collection-preferences/content-display/index.d.ts +9 -0
- package/collection-preferences/content-display/index.d.ts.map +1 -0
- package/collection-preferences/content-display/index.js +55 -0
- package/collection-preferences/content-display/index.js.map +1 -0
- package/collection-preferences/content-display/keyboard-sensor/defaults.d.ts +3 -0
- package/collection-preferences/content-display/keyboard-sensor/defaults.d.ts.map +1 -0
- package/collection-preferences/content-display/keyboard-sensor/defaults.js +9 -0
- package/collection-preferences/content-display/keyboard-sensor/defaults.js.map +1 -0
- package/collection-preferences/content-display/keyboard-sensor/index.d.ts +19 -0
- package/collection-preferences/content-display/keyboard-sensor/index.d.ts.map +1 -0
- package/collection-preferences/content-display/keyboard-sensor/index.js +126 -0
- package/collection-preferences/content-display/keyboard-sensor/index.js.map +1 -0
- package/collection-preferences/content-display/keyboard-sensor/utilities/events.d.ts +11 -0
- package/collection-preferences/content-display/keyboard-sensor/utilities/events.d.ts.map +1 -0
- package/collection-preferences/content-display/keyboard-sensor/utilities/events.js +14 -0
- package/collection-preferences/content-display/keyboard-sensor/utilities/events.js.map +1 -0
- package/collection-preferences/content-display/keyboard-sensor/utilities/listeners.d.ts +8 -0
- package/collection-preferences/content-display/keyboard-sensor/utilities/listeners.d.ts.map +1 -0
- package/collection-preferences/content-display/keyboard-sensor/utilities/listeners.js +17 -0
- package/collection-preferences/content-display/keyboard-sensor/utilities/listeners.js.map +1 -0
- package/collection-preferences/content-display/keyboard-sensor/utilities/scroll.d.ts +30 -0
- package/collection-preferences/content-display/keyboard-sensor/utilities/scroll.d.ts.map +1 -0
- package/collection-preferences/content-display/keyboard-sensor/utilities/scroll.js +95 -0
- package/collection-preferences/content-display/keyboard-sensor/utilities/scroll.js.map +1 -0
- package/collection-preferences/content-display/sortable-item.d.ts +9 -0
- package/collection-preferences/content-display/sortable-item.d.ts.map +1 -0
- package/collection-preferences/content-display/sortable-item.js +52 -0
- package/collection-preferences/content-display/sortable-item.js.map +1 -0
- package/collection-preferences/content-display/styles.css.js +20 -0
- package/collection-preferences/content-display/styles.scoped.css +303 -0
- package/collection-preferences/content-display/styles.selectors.js +21 -0
- package/collection-preferences/content-display/use-drag-and-drop-reorder.d.ts +14 -0
- package/collection-preferences/content-display/use-drag-and-drop-reorder.d.ts.map +1 -0
- package/collection-preferences/content-display/use-drag-and-drop-reorder.js +144 -0
- package/collection-preferences/content-display/use-drag-and-drop-reorder.js.map +1 -0
- package/collection-preferences/content-display/use-live-announcements.d.ts +12 -0
- package/collection-preferences/content-display/use-live-announcements.d.ts.map +1 -0
- package/collection-preferences/content-display/use-live-announcements.js +40 -0
- package/collection-preferences/content-display/use-live-announcements.js.map +1 -0
- package/collection-preferences/content-display/utils.d.ts +9 -0
- package/collection-preferences/content-display/utils.d.ts.map +1 -0
- package/collection-preferences/content-display/utils.js +7 -0
- package/collection-preferences/content-display/utils.js.map +1 -0
- package/collection-preferences/index.d.ts +1 -1
- package/collection-preferences/index.d.ts.map +1 -1
- package/collection-preferences/index.js +15 -9
- package/collection-preferences/index.js.map +1 -1
- package/collection-preferences/interfaces.d.ts +47 -1
- package/collection-preferences/interfaces.d.ts.map +1 -1
- package/collection-preferences/interfaces.js.map +1 -1
- package/collection-preferences/styles.css.js +36 -21
- package/collection-preferences/styles.scoped.css +326 -22
- package/collection-preferences/styles.selectors.js +36 -21
- package/collection-preferences/utils.d.ts +1 -1
- package/collection-preferences/utils.d.ts.map +1 -1
- package/collection-preferences/utils.js +20 -9
- package/collection-preferences/utils.js.map +1 -1
- package/internal/components/token-list/styles.css.js +9 -9
- package/internal/components/token-list/styles.scoped.css +22 -21
- package/internal/components/token-list/styles.selectors.js +9 -9
- package/internal/drag-handle/index.d.ts +9 -0
- package/internal/drag-handle/index.d.ts.map +1 -0
- package/internal/drag-handle/index.js +13 -0
- package/internal/drag-handle/index.js.map +1 -0
- package/internal/drag-handle/styles.css.js +6 -0
- package/internal/drag-handle/styles.scoped.css +13 -0
- package/internal/drag-handle/styles.selectors.js +7 -0
- package/internal/environment.js +1 -1
- package/internal/handle/index.d.ts +3 -0
- package/internal/handle/index.d.ts.map +1 -0
- package/internal/handle/index.js +14 -0
- package/internal/handle/index.js.map +1 -0
- package/internal/handle/styles.css.js +7 -0
- package/internal/handle/styles.scoped.css +125 -0
- package/internal/handle/styles.selectors.js +8 -0
- package/internal/manifest.json +1 -1
- package/package.json +4 -1
- package/table/body-cell/styles.css.js +23 -40
- package/table/body-cell/styles.scoped.css +59 -220
- package/table/body-cell/styles.selectors.js +23 -40
- package/table/header-cell/index.js +1 -1
- package/table/header-cell/index.js.map +1 -1
- package/table/header-cell/styles.css.js +24 -0
- package/table/header-cell/styles.scoped.css +252 -0
- package/table/header-cell/styles.selectors.js +25 -0
- package/table/interfaces.d.ts +16 -3
- package/table/interfaces.d.ts.map +1 -1
- package/table/interfaces.js.map +1 -1
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +17 -9
- package/table/internal.js.map +1 -1
- package/table/thead.d.ts.map +1 -1
- package/table/thead.js +4 -7
- package/table/thead.js.map +1 -1
- package/table/use-column-widths.js +1 -1
- package/table/use-column-widths.js.map +1 -1
- package/table/utils.d.ts +5 -0
- package/table/utils.d.ts.map +1 -1
- package/table/utils.js +23 -0
- package/table/utils.js.map +1 -1
- package/test-utils/dom/app-layout/index.d.ts +6 -0
- package/test-utils/dom/app-layout/index.js +18 -0
- package/test-utils/dom/app-layout/index.js.map +1 -1
- package/test-utils/dom/collection-preferences/content-display-preference.d.ts +37 -0
- package/test-utils/dom/collection-preferences/content-display-preference.js +62 -0
- package/test-utils/dom/collection-preferences/content-display-preference.js.map +1 -0
- package/test-utils/dom/collection-preferences/index.d.ts +2 -0
- package/test-utils/dom/collection-preferences/index.js +4 -0
- package/test-utils/dom/collection-preferences/index.js.map +1 -1
- package/test-utils/dom/table/index.js +10 -9
- package/test-utils/dom/table/index.js.map +1 -1
- package/test-utils/selectors/app-layout/index.d.ts +6 -0
- package/test-utils/selectors/app-layout/index.js +18 -0
- package/test-utils/selectors/app-layout/index.js.map +1 -1
- package/test-utils/selectors/collection-preferences/content-display-preference.d.ts +37 -0
- package/test-utils/selectors/collection-preferences/content-display-preference.js +62 -0
- package/test-utils/selectors/collection-preferences/content-display-preference.js.map +1 -0
- package/test-utils/selectors/collection-preferences/index.d.ts +2 -0
- package/test-utils/selectors/collection-preferences/index.js +4 -0
- package/test-utils/selectors/collection-preferences/index.js.map +1 -1
- package/test-utils/selectors/table/index.js +10 -9
- package/test-utils/selectors/table/index.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/top-navigation/parts/overflow-menu/menu-item.d.ts.map +1 -1
- package/top-navigation/parts/overflow-menu/menu-item.js +5 -4
- package/top-navigation/parts/overflow-menu/menu-item.js.map +1 -1
- package/top-navigation/parts/utility.js +1 -1
- package/top-navigation/parts/utility.js.map +1 -1
- package/table/table-wrapper.d.ts +0 -13
- package/table/table-wrapper.d.ts.map +0 -1
- package/table/table-wrapper.js +0 -15
- package/table/table-wrapper.js.map +0 -1
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"horizontal": "
|
|
6
|
-
"vertical": "
|
|
7
|
-
"list": "
|
|
8
|
-
"list-item": "awsui_list-
|
|
9
|
-
"toggle-container-inline": "awsui_toggle-container-
|
|
10
|
-
"toggle": "
|
|
11
|
-
"description": "
|
|
12
|
-
"separator": "
|
|
4
|
+
"root": "awsui_root_gfwv3_1w5fz_93",
|
|
5
|
+
"horizontal": "awsui_horizontal_gfwv3_1w5fz_98",
|
|
6
|
+
"vertical": "awsui_vertical_gfwv3_1w5fz_102",
|
|
7
|
+
"list": "awsui_list_gfwv3_1w5fz_106",
|
|
8
|
+
"list-item": "awsui_list-item_gfwv3_1w5fz_124",
|
|
9
|
+
"toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1w5fz_129",
|
|
10
|
+
"toggle": "awsui_toggle_gfwv3_1w5fz_129",
|
|
11
|
+
"description": "awsui_description_gfwv3_1w5fz_197",
|
|
12
|
+
"separator": "awsui_separator_gfwv3_1w5fz_201"
|
|
13
13
|
};
|
|
14
14
|
|
|
@@ -90,48 +90,49 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
.
|
|
93
|
+
.awsui_root_gfwv3_1w5fz_93:not(#\9) {
|
|
94
94
|
display: flex;
|
|
95
95
|
flex-wrap: wrap;
|
|
96
96
|
gap: var(--space-scaled-xs-6859qs, 8px);
|
|
97
97
|
}
|
|
98
|
-
.
|
|
98
|
+
.awsui_root_gfwv3_1w5fz_93.awsui_horizontal_gfwv3_1w5fz_98:not(#\9) {
|
|
99
99
|
gap: var(--space-xs-rsr2qu, 8px);
|
|
100
100
|
flex-direction: row;
|
|
101
101
|
}
|
|
102
|
-
.
|
|
102
|
+
.awsui_root_gfwv3_1w5fz_93.awsui_vertical_gfwv3_1w5fz_102:not(#\9) {
|
|
103
103
|
flex-direction: column;
|
|
104
104
|
}
|
|
105
105
|
|
|
106
|
-
.
|
|
106
|
+
.awsui_list_gfwv3_1w5fz_106:not(#\9) {
|
|
107
107
|
display: contents;
|
|
108
108
|
list-style: none;
|
|
109
109
|
padding: 0;
|
|
110
110
|
margin: 0;
|
|
111
111
|
}
|
|
112
|
-
.
|
|
112
|
+
.awsui_list_gfwv3_1w5fz_106.awsui_horizontal_gfwv3_1w5fz_98:not(#\9), .awsui_list_gfwv3_1w5fz_106.awsui_vertical_gfwv3_1w5fz_102:not(#\9) {
|
|
113
113
|
display: flex;
|
|
114
114
|
flex-wrap: wrap;
|
|
115
115
|
gap: var(--space-xs-rsr2qu, 8px);
|
|
116
116
|
}
|
|
117
|
-
.
|
|
117
|
+
.awsui_list_gfwv3_1w5fz_106.awsui_horizontal_gfwv3_1w5fz_98:not(#\9) {
|
|
118
118
|
flex-direction: row;
|
|
119
119
|
}
|
|
120
|
-
.
|
|
120
|
+
.awsui_list_gfwv3_1w5fz_106.awsui_vertical_gfwv3_1w5fz_102:not(#\9) {
|
|
121
121
|
flex-direction: column;
|
|
122
122
|
}
|
|
123
123
|
|
|
124
|
-
.awsui_list-
|
|
125
|
-
|
|
124
|
+
.awsui_list-item_gfwv3_1w5fz_124:not(#\9) {
|
|
125
|
+
padding: 0;
|
|
126
|
+
margin: 0;
|
|
126
127
|
}
|
|
127
128
|
|
|
128
|
-
.awsui_toggle-container-
|
|
129
|
+
.awsui_toggle-container-inline_gfwv3_1w5fz_129:not(#\9) {
|
|
129
130
|
padding-left: var(--space-xs-rsr2qu, 8px);
|
|
130
131
|
display: flex;
|
|
131
132
|
align-items: center;
|
|
132
133
|
}
|
|
133
134
|
|
|
134
|
-
.
|
|
135
|
+
.awsui_toggle_gfwv3_1w5fz_129:not(#\9) {
|
|
135
136
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
136
137
|
border-collapse: separate;
|
|
137
138
|
border-spacing: 0;
|
|
@@ -186,46 +187,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
186
187
|
margin-left: -1px;
|
|
187
188
|
}
|
|
188
189
|
@media (prefers-reduced-motion: reduce) {
|
|
189
|
-
.
|
|
190
|
+
.awsui_toggle_gfwv3_1w5fz_129:not(#\9) {
|
|
190
191
|
animation: none;
|
|
191
192
|
transition: none;
|
|
192
193
|
}
|
|
193
194
|
}
|
|
194
|
-
.awsui-motion-disabled .
|
|
195
|
+
.awsui-motion-disabled .awsui_toggle_gfwv3_1w5fz_129:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_1w5fz_129:not(#\9) {
|
|
195
196
|
animation: none;
|
|
196
197
|
transition: none;
|
|
197
198
|
}
|
|
198
|
-
.
|
|
199
|
+
.awsui_toggle_gfwv3_1w5fz_129:not(#\9):hover {
|
|
199
200
|
cursor: pointer;
|
|
200
201
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
201
202
|
}
|
|
202
|
-
.
|
|
203
|
+
.awsui_toggle_gfwv3_1w5fz_129:not(#\9):focus {
|
|
203
204
|
outline: none;
|
|
204
205
|
}
|
|
205
|
-
.
|
|
206
|
+
.awsui_toggle_gfwv3_1w5fz_129:not(#\9):active {
|
|
206
207
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
207
208
|
}
|
|
208
|
-
.
|
|
209
|
+
.awsui_toggle_gfwv3_1w5fz_129:not(#\9):active, .awsui_toggle_gfwv3_1w5fz_129:not(#\9):focus, .awsui_toggle_gfwv3_1w5fz_129:not(#\9):hover {
|
|
209
210
|
text-decoration: underline;
|
|
210
211
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
211
212
|
text-decoration-color: currentColor;
|
|
212
213
|
}
|
|
213
|
-
.
|
|
214
|
+
.awsui_toggle_gfwv3_1w5fz_129:not(#\9):active, .awsui_toggle_gfwv3_1w5fz_129:not(#\9):focus, .awsui_toggle_gfwv3_1w5fz_129:not(#\9):hover {
|
|
214
215
|
text-decoration: none;
|
|
215
216
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
216
217
|
text-decoration-color: transparent;
|
|
217
218
|
}
|
|
218
|
-
body[data-awsui-focus-visible=true] .
|
|
219
|
+
body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1w5fz_129:not(#\9):focus {
|
|
219
220
|
outline: 2px dotted transparent;
|
|
220
221
|
border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
221
222
|
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
222
223
|
box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-srzyiu, 0px) var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
223
224
|
}
|
|
224
|
-
.
|
|
225
|
+
.awsui_toggle_gfwv3_1w5fz_129 > .awsui_description_gfwv3_1w5fz_197:not(#\9) {
|
|
225
226
|
margin-left: var(--space-xxs-ynfts5, 4px);
|
|
226
227
|
}
|
|
227
228
|
|
|
228
|
-
.
|
|
229
|
+
.awsui_separator_gfwv3_1w5fz_201:not(#\9) {
|
|
229
230
|
margin: 0px var(--space-scaled-m-pv0fmt, 16px);
|
|
230
231
|
width: var(--border-divider-section-width-4wm2it, 2px);
|
|
231
232
|
background-color: var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"horizontal": "
|
|
7
|
-
"vertical": "
|
|
8
|
-
"list": "
|
|
9
|
-
"list-item": "awsui_list-
|
|
10
|
-
"toggle-container-inline": "awsui_toggle-container-
|
|
11
|
-
"toggle": "
|
|
12
|
-
"description": "
|
|
13
|
-
"separator": "
|
|
5
|
+
"root": "awsui_root_gfwv3_1w5fz_93",
|
|
6
|
+
"horizontal": "awsui_horizontal_gfwv3_1w5fz_98",
|
|
7
|
+
"vertical": "awsui_vertical_gfwv3_1w5fz_102",
|
|
8
|
+
"list": "awsui_list_gfwv3_1w5fz_106",
|
|
9
|
+
"list-item": "awsui_list-item_gfwv3_1w5fz_124",
|
|
10
|
+
"toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1w5fz_129",
|
|
11
|
+
"toggle": "awsui_toggle_gfwv3_1w5fz_129",
|
|
12
|
+
"description": "awsui_description_gfwv3_1w5fz_197",
|
|
13
|
+
"separator": "awsui_separator_gfwv3_1w5fz_201"
|
|
14
14
|
};
|
|
15
15
|
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ButtonHTMLAttributes } from 'react';
|
|
2
|
+
import { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
|
|
3
|
+
export interface DragHandleProps {
|
|
4
|
+
attributes: ButtonHTMLAttributes<HTMLDivElement>;
|
|
5
|
+
hideFocus?: boolean;
|
|
6
|
+
listeners?: SyntheticListenerMap;
|
|
7
|
+
}
|
|
8
|
+
export default function DragHandle({ attributes, hideFocus, listeners }: DragHandleProps): JSX.Element;
|
|
9
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/drag-handle/index.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAMpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAG1E,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,eAAe,eAMvF"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import Handle from '../handle';
|
|
5
|
+
import InternalIcon from '../../icon/internal';
|
|
6
|
+
import styles from './styles.css.js';
|
|
7
|
+
import handleStyles from '../handle/styles.css.js';
|
|
8
|
+
import clsx from 'clsx';
|
|
9
|
+
export default function DragHandle({ attributes, hideFocus, listeners }) {
|
|
10
|
+
return (React.createElement(Handle, Object.assign({ className: clsx(styles.handle, hideFocus && handleStyles['hide-focus']) }, attributes, listeners),
|
|
11
|
+
React.createElement(InternalIcon, { name: "drag-indicator" })));
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/drag-handle/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,YAAY,MAAM,yBAAyB,CAAC;AAEnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAQxB,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAmB;IACtF,OAAO,CACL,oBAAC,MAAM,kBAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,IAAI,YAAY,CAAC,YAAY,CAAC,CAAC,IAAM,UAAU,EAAM,SAAS;QAC5G,oBAAC,YAAY,IAAC,IAAI,EAAC,gBAAgB,GAAG,CAC/B,CACV,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { ButtonHTMLAttributes } from 'react';\n\nimport Handle from '../handle';\nimport InternalIcon from '../../icon/internal';\nimport styles from './styles.css.js';\nimport handleStyles from '../handle/styles.css.js';\nimport { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';\nimport clsx from 'clsx';\n\nexport interface DragHandleProps {\n attributes: ButtonHTMLAttributes<HTMLDivElement>;\n hideFocus?: boolean;\n listeners?: SyntheticListenerMap;\n}\n\nexport default function DragHandle({ attributes, hideFocus, listeners }: DragHandleProps) {\n return (\n <Handle className={clsx(styles.handle, hideFocus && handleStyles['hide-focus'])} {...attributes} {...listeners}>\n <InternalIcon name=\"drag-indicator\" />\n </Handle>\n );\n}\n"]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
|
+
SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
*/
|
|
5
|
+
.awsui_handle_umbhe_1v8zk_5:not(#\9) {
|
|
6
|
+
cursor: grab;
|
|
7
|
+
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
8
|
+
touch-action: none;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.awsui_handle_umbhe_1v8zk_5:not(#\9):active {
|
|
12
|
+
cursor: grabbing;
|
|
13
|
+
}
|
package/internal/environment.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/handle/index.tsx"],"names":[],"mappings":"AAGA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG9C,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,eAgBnE"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import styles from './styles.css.js';
|
|
6
|
+
export default function Handle(props) {
|
|
7
|
+
// We need to use a div with button role instead of a button
|
|
8
|
+
// so that Safari will focus on it when clicking it.
|
|
9
|
+
// (See https://bugs.webkit.org/show_bug.cgi?id=22261)
|
|
10
|
+
// Otherwise, we can't reliably catch keyboard events coming from the handle
|
|
11
|
+
// when it is being dragged.
|
|
12
|
+
return (React.createElement("div", Object.assign({ role: "button", tabIndex: 0 }, props, { onPointerDown: props.onPointerDown, className: clsx(styles.handle, props.className) })));
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/handle/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAyB,MAAM,OAAO,CAAC;AAC9C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAqC;IAClE,4DAA4D;IAC5D,oDAAoD;IACpD,sDAAsD;IACtD,4EAA4E;IAC5E,4BAA4B;IAE5B,OAAO,CACL,2CACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,IACP,KAAK,IACT,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,IAC/C,CACH,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { HTMLAttributes } from 'react';\nimport styles from './styles.css.js';\n\nexport default function Handle(props: HTMLAttributes<HTMLDivElement>) {\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\n return (\n <div\n role=\"button\"\n tabIndex={0}\n {...props}\n onPointerDown={props.onPointerDown}\n className={clsx(styles.handle, props.className)}\n />\n );\n}\n"]}
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
|
+
SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
*/
|
|
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
|
+
/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
66
|
+
/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
67
|
+
/*
|
|
68
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
69
|
+
SPDX-License-Identifier: Apache-2.0
|
|
70
|
+
*/
|
|
71
|
+
/*
|
|
72
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
73
|
+
SPDX-License-Identifier: Apache-2.0
|
|
74
|
+
*/
|
|
75
|
+
/*
|
|
76
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
77
|
+
SPDX-License-Identifier: Apache-2.0
|
|
78
|
+
*/
|
|
79
|
+
/*
|
|
80
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
81
|
+
SPDX-License-Identifier: Apache-2.0
|
|
82
|
+
*/
|
|
83
|
+
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
84
|
+
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
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
|
+
.awsui_handle_cc1pu_1w4zo_93:not(#\9) {
|
|
94
|
+
-webkit-appearance: none;
|
|
95
|
+
appearance: none;
|
|
96
|
+
background: transparent;
|
|
97
|
+
border: none;
|
|
98
|
+
padding: 0 var(--space-scaled-xxxs-lo883m, 2px);
|
|
99
|
+
margin: 0 var(--space-scaled-xxs-95dhkm, 4px);
|
|
100
|
+
color: var(--color-text-interactive-default-eg5fsa, #414d5c);
|
|
101
|
+
}
|
|
102
|
+
.awsui_handle_cc1pu_1w4zo_93:not(#\9):hover {
|
|
103
|
+
color: var(--color-text-interactive-hover-v3lasm, #000716);
|
|
104
|
+
}
|
|
105
|
+
body[data-awsui-focus-visible=true] .awsui_handle_cc1pu_1w4zo_93:not(#\9):focus:not(.awsui_hide-focus_cc1pu_1w4zo_104) {
|
|
106
|
+
position: relative;
|
|
107
|
+
}
|
|
108
|
+
body[data-awsui-focus-visible=true] .awsui_handle_cc1pu_1w4zo_93:not(#\9):focus:not(.awsui_hide-focus_cc1pu_1w4zo_104) {
|
|
109
|
+
outline: 2px dotted transparent;
|
|
110
|
+
outline-offset: calc(0px - 1px);
|
|
111
|
+
}
|
|
112
|
+
body[data-awsui-focus-visible=true] .awsui_handle_cc1pu_1w4zo_93:not(#\9):focus:not(.awsui_hide-focus_cc1pu_1w4zo_104)::before {
|
|
113
|
+
content: " ";
|
|
114
|
+
display: block;
|
|
115
|
+
position: absolute;
|
|
116
|
+
left: calc(-1 * 0px);
|
|
117
|
+
top: calc(-1 * 0px);
|
|
118
|
+
width: calc(100% + 2 * 0px);
|
|
119
|
+
height: calc(100% + 2 * 0px);
|
|
120
|
+
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
121
|
+
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
122
|
+
}
|
|
123
|
+
body[data-awsui-focus-visible=true] .awsui_handle_cc1pu_1w4zo_93:not(#\9):focus.awsui_hide-focus_cc1pu_1w4zo_104 {
|
|
124
|
+
outline: none;
|
|
125
|
+
}
|
package/internal/manifest.json
CHANGED
package/package.json
CHANGED
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
"./internal/base-component/index.js",
|
|
110
110
|
"./internal/base-component/styles.css.js"
|
|
111
111
|
],
|
|
112
|
-
"version": "3.0.
|
|
112
|
+
"version": "3.0.263",
|
|
113
113
|
"repository": {
|
|
114
114
|
"type": "git",
|
|
115
115
|
"url": "https://github.com/cloudscape-design/components.git"
|
|
@@ -120,6 +120,9 @@
|
|
|
120
120
|
"@cloudscape-design/component-toolkit": "^1.0.0-beta",
|
|
121
121
|
"@cloudscape-design/test-utils-core": "^1.0.0",
|
|
122
122
|
"@cloudscape-design/theming-runtime": "^1.0.0",
|
|
123
|
+
"@dnd-kit/core": "^6.0.8",
|
|
124
|
+
"@dnd-kit/sortable": "^7.0.2",
|
|
125
|
+
"@dnd-kit/utilities": "^3.2.1",
|
|
123
126
|
"@juggle/resize-observer": "^3.3.1",
|
|
124
127
|
"ace-builds": "^1.4.13",
|
|
125
128
|
"balanced-match": "^1.0.2",
|
|
@@ -1,45 +1,28 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"body-cell": "awsui_body-
|
|
5
|
-
"body-cell-wrap": "awsui_body-cell-
|
|
6
|
-
"is-visual-refresh": "awsui_is-visual-
|
|
7
|
-
"has-striped-rows": "awsui_has-striped-
|
|
8
|
-
"body-cell-edit-active": "awsui_body-cell-edit-
|
|
9
|
-
"body-cell-editable": "awsui_body-cell-
|
|
10
|
-
"has-selection": "awsui_has-
|
|
11
|
-
"body-cell-first-row": "awsui_body-cell-first-
|
|
12
|
-
"body-cell-last-row": "awsui_body-cell-last-
|
|
13
|
-
"body-cell-selected": "awsui_body-cell-
|
|
14
|
-
"has-footer": "awsui_has-
|
|
15
|
-
"body-cell-shaded": "awsui_body-cell-
|
|
16
|
-
"body-cell-next-selected": "awsui_body-cell-next-
|
|
17
|
-
"body-cell-prev-selected": "awsui_body-cell-prev-
|
|
18
|
-
"body-cell-success": "awsui_body-cell-
|
|
19
|
-
"body-cell-editor": "awsui_body-cell-
|
|
20
|
-
"body-cell-success-form": "awsui_body-cell-success-
|
|
21
|
-
"body-cell-editor-form": "awsui_body-cell-editor-
|
|
22
|
-
"body-cell-success-row": "awsui_body-cell-success-
|
|
23
|
-
"body-cell-editor-row": "awsui_body-cell-editor-
|
|
24
|
-
"body-cell-success-controls": "awsui_body-cell-success-
|
|
25
|
-
"body-cell-editor-controls": "awsui_body-cell-editor-
|
|
26
|
-
"body-cell-has-success": "awsui_body-cell-has-
|
|
27
|
-
"header-cell": "awsui_header-cell_c6tup_1yvtt_330",
|
|
28
|
-
"header-cell-sticky": "awsui_header-cell-sticky_c6tup_1yvtt_342",
|
|
29
|
-
"header-cell-stuck": "awsui_header-cell-stuck_c6tup_1yvtt_345",
|
|
30
|
-
"header-cell-variant-full-page": "awsui_header-cell-variant-full-page_c6tup_1yvtt_345",
|
|
31
|
-
"header-cell-hidden": "awsui_header-cell-hidden_c6tup_1yvtt_348",
|
|
32
|
-
"header-cell-sortable": "awsui_header-cell-sortable_c6tup_1yvtt_351",
|
|
33
|
-
"header-cell-resizable": "awsui_header-cell-resizable_c6tup_1yvtt_366",
|
|
34
|
-
"sorting-icon": "awsui_sorting-icon_c6tup_1yvtt_370",
|
|
35
|
-
"edit-icon": "awsui_edit-icon_c6tup_1yvtt_378",
|
|
36
|
-
"header-cell-content": "awsui_header-cell-content_c6tup_1yvtt_384",
|
|
37
|
-
"header-cell-fake-focus": "awsui_header-cell-fake-focus_c6tup_1yvtt_413",
|
|
38
|
-
"header-cell-disabled": "awsui_header-cell-disabled_c6tup_1yvtt_431",
|
|
39
|
-
"header-cell-sorted": "awsui_header-cell-sorted_c6tup_1yvtt_431",
|
|
40
|
-
"header-cell-text": "awsui_header-cell-text_c6tup_1yvtt_445",
|
|
41
|
-
"header-cell-text-wrap": "awsui_header-cell-text-wrap_c6tup_1yvtt_450",
|
|
42
|
-
"header-cell-ascending": "awsui_header-cell-ascending_c6tup_1yvtt_456",
|
|
43
|
-
"header-cell-descending": "awsui_header-cell-descending_c6tup_1yvtt_457"
|
|
4
|
+
"body-cell": "awsui_body-cell_c6tup_3yrbc_93",
|
|
5
|
+
"body-cell-wrap": "awsui_body-cell-wrap_c6tup_3yrbc_102",
|
|
6
|
+
"is-visual-refresh": "awsui_is-visual-refresh_c6tup_3yrbc_114",
|
|
7
|
+
"has-striped-rows": "awsui_has-striped-rows_c6tup_3yrbc_126",
|
|
8
|
+
"body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_3yrbc_129",
|
|
9
|
+
"body-cell-editable": "awsui_body-cell-editable_c6tup_3yrbc_129",
|
|
10
|
+
"has-selection": "awsui_has-selection_c6tup_3yrbc_135",
|
|
11
|
+
"body-cell-first-row": "awsui_body-cell-first-row_c6tup_3yrbc_141",
|
|
12
|
+
"body-cell-last-row": "awsui_body-cell-last-row_c6tup_3yrbc_144",
|
|
13
|
+
"body-cell-selected": "awsui_body-cell-selected_c6tup_3yrbc_144",
|
|
14
|
+
"has-footer": "awsui_has-footer_c6tup_3yrbc_144",
|
|
15
|
+
"body-cell-shaded": "awsui_body-cell-shaded_c6tup_3yrbc_154",
|
|
16
|
+
"body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_3yrbc_176",
|
|
17
|
+
"body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_3yrbc_180",
|
|
18
|
+
"body-cell-success": "awsui_body-cell-success_c6tup_3yrbc_204",
|
|
19
|
+
"body-cell-editor": "awsui_body-cell-editor_c6tup_3yrbc_204",
|
|
20
|
+
"body-cell-success-form": "awsui_body-cell-success-form_c6tup_3yrbc_226",
|
|
21
|
+
"body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_3yrbc_226",
|
|
22
|
+
"body-cell-success-row": "awsui_body-cell-success-row_c6tup_3yrbc_235",
|
|
23
|
+
"body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_3yrbc_235",
|
|
24
|
+
"body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_3yrbc_245",
|
|
25
|
+
"body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_3yrbc_245",
|
|
26
|
+
"body-cell-has-success": "awsui_body-cell-has-success_c6tup_3yrbc_258"
|
|
44
27
|
};
|
|
45
28
|
|