@cloudscape-design/components 3.0.1134 → 3.0.1136
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/internal/base-component/styles.scoped.css +7 -1
- package/internal/components/selectable-item/styles.css.js +22 -22
- package/internal/components/selectable-item/styles.scoped.css +42 -74
- package/internal/components/selectable-item/styles.selectors.js +22 -22
- package/internal/environment.js +2 -2
- package/internal/environment.json +2 -2
- package/internal/generated/styles/tokens.d.ts +2 -0
- package/internal/generated/styles/tokens.js +2 -0
- package/internal/generated/theming/index.cjs +45 -0
- package/internal/generated/theming/index.cjs.d.ts +9 -0
- package/internal/generated/theming/index.d.ts +9 -0
- package/internal/generated/theming/index.js +45 -0
- package/internal/hooks/use-mobile/index.d.ts.map +1 -1
- package/internal/hooks/use-mobile/index.js +3 -1
- package/internal/hooks/use-mobile/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/select/parts/virtual-list.d.ts.map +1 -1
- package/select/parts/virtual-list.js +1 -4
- package/select/parts/virtual-list.js.map +1 -1
- package/select/utils/render-options.d.ts.map +1 -1
- package/select/utils/render-options.js +1 -4
- package/select/utils/render-options.js.map +1 -1
- package/tree-view/index.d.ts +4 -1
- package/tree-view/index.d.ts.map +1 -1
- package/tree-view/index.js +5 -3
- package/tree-view/index.js.map +1 -1
- package/tree-view/interfaces.d.ts +5 -0
- package/tree-view/interfaces.d.ts.map +1 -1
- package/tree-view/interfaces.js.map +1 -1
- package/tree-view/internal.d.ts +1 -0
- package/tree-view/internal.d.ts.map +1 -1
- package/tree-view/internal.js +2 -2
- package/tree-view/internal.js.map +1 -1
- package/tree-view/tree-item/index.d.ts +2 -1
- package/tree-view/tree-item/index.d.ts.map +1 -1
- package/tree-view/tree-item/index.js +10 -5
- package/tree-view/tree-item/index.js.map +1 -1
- package/tree-view/tree-item/styles.css.js +9 -9
- package/tree-view/tree-item/styles.scoped.css +14 -15
- package/tree-view/tree-item/styles.selectors.js +9 -9
- package/tree-view/vertical-connector/index.d.ts +7 -0
- package/tree-view/vertical-connector/index.d.ts.map +1 -0
- package/tree-view/vertical-connector/index.js +11 -0
- package/tree-view/vertical-connector/index.js.map +1 -0
- package/tree-view/vertical-connector/styles.css.js +8 -0
- package/tree-view/vertical-connector/styles.scoped.css +25 -0
- package/tree-view/vertical-connector/styles.selectors.js +9 -0
|
@@ -434,6 +434,7 @@ body {
|
|
|
434
434
|
--color-dropzone-border-default-k648ha:#8c8c94;
|
|
435
435
|
--color-dropzone-border-hover-otpag5:#002b66;
|
|
436
436
|
--color-gap-global-drawer-nh699a:#ebebf0;
|
|
437
|
+
--color-tree-view-connector-line-1usxvn:#8c8c94;
|
|
437
438
|
--font-box-value-large-weight-wr00sw:700;
|
|
438
439
|
--font-button-letter-spacing-ufowe3:0.005em;
|
|
439
440
|
--font-chart-detail-size-9qr25q:12px;
|
|
@@ -631,6 +632,7 @@ body {
|
|
|
631
632
|
--space-table-header-tools-bottom-d9u5kf:0px;
|
|
632
633
|
--space-table-header-tools-full-page-bottom-9m47g6:4px;
|
|
633
634
|
--space-table-horizontal-suurzj:20px;
|
|
635
|
+
--space-tree-view-indentation-gmy1k3:20px;
|
|
634
636
|
--space-tile-gutter-bi2bdv:24px;
|
|
635
637
|
--space-scaled-2x-xxs-e79hr1:4px;
|
|
636
638
|
--space-scaled-2x-m-4euqsk:16px;
|
|
@@ -1056,6 +1058,7 @@ body {
|
|
|
1056
1058
|
--color-dropzone-border-default-k648ha:#656871;
|
|
1057
1059
|
--color-dropzone-border-hover-otpag5:#75cfff;
|
|
1058
1060
|
--color-gap-global-drawer-nh699a:#0f141a;
|
|
1061
|
+
--color-tree-view-connector-line-1usxvn:#dedee3;
|
|
1059
1062
|
--shadow-container-53ltfv:0px 1px 8px 2px rgba(0, 7, 22, 0.6);
|
|
1060
1063
|
--shadow-container-active-ypjjoc:0px 1px 1px 1px #192534, 0px 6px 36px #00040c;
|
|
1061
1064
|
--shadow-dropdown-isf0w4:0px 4px 20px 1px rgba(0, 4, 12, 1);
|
|
@@ -1377,6 +1380,7 @@ body {
|
|
|
1377
1380
|
--color-dropzone-border-default-k648ha:#656871;
|
|
1378
1381
|
--color-dropzone-border-hover-otpag5:#75cfff;
|
|
1379
1382
|
--color-gap-global-drawer-nh699a:#0f141a;
|
|
1383
|
+
--color-tree-view-connector-line-1usxvn:#dedee3;
|
|
1380
1384
|
}
|
|
1381
1385
|
|
|
1382
1386
|
.awsui-context-content-header:not(#\9) {
|
|
@@ -1593,6 +1597,7 @@ body {
|
|
|
1593
1597
|
--color-dropzone-border-default-k648ha:#656871;
|
|
1594
1598
|
--color-dropzone-border-hover-otpag5:#75cfff;
|
|
1595
1599
|
--color-gap-global-drawer-nh699a:#0f141a;
|
|
1600
|
+
--color-tree-view-connector-line-1usxvn:#dedee3;
|
|
1596
1601
|
--shadow-container-53ltfv:0px 1px 8px 2px rgba(0, 7, 22, 0.6);
|
|
1597
1602
|
--shadow-container-active-ypjjoc:0px 1px 1px 1px #192534, 0px 6px 36px #00040c;
|
|
1598
1603
|
--shadow-dropdown-isf0w4:0px 4px 20px 1px rgba(0, 4, 12, 1);
|
|
@@ -1919,6 +1924,7 @@ body {
|
|
|
1919
1924
|
--color-dropzone-border-default-k648ha:#656871;
|
|
1920
1925
|
--color-dropzone-border-hover-otpag5:#75cfff;
|
|
1921
1926
|
--color-gap-global-drawer-nh699a:#0f141a;
|
|
1927
|
+
--color-tree-view-connector-line-1usxvn:#dedee3;
|
|
1922
1928
|
}
|
|
1923
1929
|
|
|
1924
1930
|
.awsui-context-app-layout-toolbar:not(#\9) {
|
|
@@ -2051,5 +2057,5 @@ body {
|
|
|
2051
2057
|
}
|
|
2052
2058
|
}
|
|
2053
2059
|
:root {
|
|
2054
|
-
--awsui-version-info-
|
|
2060
|
+
--awsui-version-info-567860d0: true;
|
|
2055
2061
|
}
|
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"selectable-item": "awsui_selectable-
|
|
5
|
-
"pad-bottom": "awsui_pad-
|
|
6
|
-
"virtual": "
|
|
7
|
-
"has-background": "awsui_has-
|
|
8
|
-
"highlighted": "
|
|
9
|
-
"selected": "
|
|
10
|
-
"disabled": "
|
|
11
|
-
"is-keyboard": "awsui_is-
|
|
12
|
-
"visual-refresh": "awsui_visual-
|
|
13
|
-
"next-item-selected": "awsui_next-item-
|
|
14
|
-
"previous-item-selected": "awsui_previous-item-
|
|
15
|
-
"parent": "
|
|
16
|
-
"interactiveGroups": "
|
|
17
|
-
"child": "
|
|
18
|
-
"sticky": "
|
|
19
|
-
"with-scrollbar": "awsui_with-
|
|
20
|
-
"after-header": "awsui_after-
|
|
21
|
-
"measure-strut": "awsui_measure-
|
|
22
|
-
"measure-strut-first": "awsui_measure-strut-
|
|
23
|
-
"screenreader-content": "awsui_screenreader-
|
|
24
|
-
"option-content": "awsui_option-
|
|
25
|
-
"select-all": "awsui_select-
|
|
4
|
+
"selectable-item": "awsui_selectable-item_15o6u_d2ghy_145",
|
|
5
|
+
"pad-bottom": "awsui_pad-bottom_15o6u_d2ghy_167",
|
|
6
|
+
"virtual": "awsui_virtual_15o6u_d2ghy_171",
|
|
7
|
+
"has-background": "awsui_has-background_15o6u_d2ghy_174",
|
|
8
|
+
"highlighted": "awsui_highlighted_15o6u_d2ghy_177",
|
|
9
|
+
"selected": "awsui_selected_15o6u_d2ghy_177",
|
|
10
|
+
"disabled": "awsui_disabled_15o6u_d2ghy_195",
|
|
11
|
+
"is-keyboard": "awsui_is-keyboard_15o6u_d2ghy_200",
|
|
12
|
+
"visual-refresh": "awsui_visual-refresh_15o6u_d2ghy_203",
|
|
13
|
+
"next-item-selected": "awsui_next-item-selected_15o6u_d2ghy_211",
|
|
14
|
+
"previous-item-selected": "awsui_previous-item-selected_15o6u_d2ghy_232",
|
|
15
|
+
"parent": "awsui_parent_15o6u_d2ghy_236",
|
|
16
|
+
"interactiveGroups": "awsui_interactiveGroups_15o6u_d2ghy_240",
|
|
17
|
+
"child": "awsui_child_15o6u_d2ghy_256",
|
|
18
|
+
"sticky": "awsui_sticky_15o6u_d2ghy_262",
|
|
19
|
+
"with-scrollbar": "awsui_with-scrollbar_15o6u_d2ghy_274",
|
|
20
|
+
"after-header": "awsui_after-header_15o6u_d2ghy_280",
|
|
21
|
+
"measure-strut": "awsui_measure-strut_15o6u_d2ghy_315",
|
|
22
|
+
"measure-strut-first": "awsui_measure-strut-first_15o6u_d2ghy_324",
|
|
23
|
+
"screenreader-content": "awsui_screenreader-content_15o6u_d2ghy_328",
|
|
24
|
+
"option-content": "awsui_option-content_15o6u_d2ghy_334",
|
|
25
|
+
"select-all": "awsui_select-all_15o6u_d2ghy_338"
|
|
26
26
|
};
|
|
27
27
|
|
|
@@ -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_selectable-
|
|
145
|
+
.awsui_selectable-item_15o6u_d2ghy_145:not(#\9) {
|
|
146
146
|
font-size: var(--font-size-body-m-a7nh2n, 14px);
|
|
147
147
|
line-height: var(--line-height-body-m-2mh3ke, 20px);
|
|
148
148
|
color: var(--color-text-body-default-vvtq8u, #0f141a);
|
|
@@ -164,17 +164,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
164
164
|
padding-block: calc(var(--space-xxs-hwfkai, 4px) + var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px));
|
|
165
165
|
padding-inline: calc(var(--space-field-horizontal-0aq2ch, 12px) + var(--border-item-width-miijiw, 2px));
|
|
166
166
|
}
|
|
167
|
-
.awsui_selectable-
|
|
167
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_pad-bottom_15o6u_d2ghy_167:not(#\9) {
|
|
168
168
|
padding-block-end: calc(calc(var(--space-xxs-hwfkai, 4px) + var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)) + var(--space-xxxs-pajhad, 2px));
|
|
169
169
|
border-block-end-color: transparent;
|
|
170
170
|
}
|
|
171
|
-
.awsui_selectable-
|
|
171
|
+
.awsui_selectable-item_15o6u_d2ghy_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_d2ghy_145.awsui_virtual_15o6u_d2ghy_171:not(#\9) {
|
|
172
172
|
margin-block-start: calc(-1 * var(--border-item-width-miijiw, 2px));
|
|
173
173
|
}
|
|
174
|
-
.awsui_selectable-
|
|
174
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_has-background_15o6u_d2ghy_174:not(#\9) {
|
|
175
175
|
background-color: var(--color-background-dropdown-item-hover-yunepc, #f3f3f7);
|
|
176
176
|
}
|
|
177
|
-
.awsui_selectable-
|
|
177
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_highlighted_15o6u_d2ghy_177:not(#\9), .awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177:not(#\9) {
|
|
178
178
|
color: var(--color-text-dropdown-item-highlighted-yr1px8, #0f141a);
|
|
179
179
|
border-width: var(--border-item-width-miijiw, 2px);
|
|
180
180
|
border-start-start-radius: var(--border-radius-item-iwaia5, 8px);
|
|
@@ -184,167 +184,135 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
184
184
|
padding-block: var(--space-xxs-hwfkai, 4px);
|
|
185
185
|
padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
|
|
186
186
|
}
|
|
187
|
-
.awsui_selectable-
|
|
187
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_highlighted_15o6u_d2ghy_177.awsui_pad-bottom_15o6u_d2ghy_167:not(#\9), .awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177.awsui_pad-bottom_15o6u_d2ghy_167:not(#\9) {
|
|
188
188
|
padding-block-end: calc(var(--space-xxs-hwfkai, 4px) + var(--space-xxxs-pajhad, 2px));
|
|
189
189
|
}
|
|
190
|
-
.awsui_selectable-
|
|
190
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_highlighted_15o6u_d2ghy_177:not(#\9) {
|
|
191
191
|
z-index: 3;
|
|
192
192
|
background-color: var(--color-background-dropdown-item-hover-yunepc, #f3f3f7);
|
|
193
193
|
border-color: var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
|
|
194
194
|
}
|
|
195
|
-
.awsui_selectable-
|
|
195
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_highlighted_15o6u_d2ghy_177.awsui_disabled_15o6u_d2ghy_195:not(#\9) {
|
|
196
196
|
color: var(--color-text-dropdown-item-dimmed-tq8vh3, #b4b4bb);
|
|
197
197
|
border-color: var(--color-border-dropdown-item-dimmed-hover-ga9sch, #8c8c94);
|
|
198
198
|
background-color: var(--color-background-dropdown-item-dimmed-dhho03, transparent);
|
|
199
199
|
}
|
|
200
|
-
.awsui_selectable-
|
|
200
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_highlighted_15o6u_d2ghy_177.awsui_is-keyboard_15o6u_d2ghy_200:not(#\9) {
|
|
201
201
|
border-color: var(--color-border-dropdown-item-focused-zacqlp, #424650);
|
|
202
202
|
}
|
|
203
|
-
.awsui_selectable-
|
|
203
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_highlighted_15o6u_d2ghy_177.awsui_is-keyboard_15o6u_d2ghy_200:not(#\9):not(.awsui_visual-refresh_15o6u_d2ghy_203) {
|
|
204
204
|
box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0);
|
|
205
205
|
}
|
|
206
|
-
.awsui_selectable-
|
|
206
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177:not(#\9) {
|
|
207
207
|
z-index: 2;
|
|
208
208
|
background-color: var(--color-background-dropdown-item-selected-f3v6te, #f0fbff);
|
|
209
209
|
border-color: var(--color-border-dropdown-item-selected-dl2ezh, #006ce0);
|
|
210
210
|
}
|
|
211
|
-
.awsui_selectable-
|
|
211
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177.awsui_next-item-selected_15o6u_d2ghy_211:not(#\9) {
|
|
212
212
|
border-end-start-radius: 0;
|
|
213
213
|
border-end-end-radius: 0;
|
|
214
214
|
}
|
|
215
|
-
.awsui_selectable-
|
|
215
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177.awsui_highlighted_15o6u_d2ghy_177:not(#\9) {
|
|
216
216
|
border-color: var(--color-border-dropdown-item-selected-dl2ezh, #006ce0);
|
|
217
217
|
z-index: 3;
|
|
218
218
|
outline: var(--border-item-width-miijiw, 2px) solid var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
|
|
219
219
|
outline-offset: calc(-2 * var(--border-item-width-miijiw, 2px));
|
|
220
220
|
}
|
|
221
|
-
.awsui_selectable-
|
|
221
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177.awsui_highlighted_15o6u_d2ghy_177.awsui_is-keyboard_15o6u_d2ghy_200:not(#\9) {
|
|
222
222
|
border-color: var(--color-border-dropdown-item-selected-dl2ezh, #006ce0);
|
|
223
223
|
outline-color: var(--color-border-dropdown-item-focused-zacqlp, #424650);
|
|
224
224
|
}
|
|
225
|
-
.awsui_selectable-
|
|
225
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177.awsui_highlighted_15o6u_d2ghy_177:not(#\9):not(.awsui_visual-refresh_15o6u_d2ghy_203) {
|
|
226
226
|
border-color: var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
|
|
227
227
|
outline: none;
|
|
228
228
|
}
|
|
229
|
-
.awsui_selectable-
|
|
229
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177.awsui_highlighted_15o6u_d2ghy_177:not(#\9):not(.awsui_visual-refresh_15o6u_d2ghy_203).awsui_is-keyboard_15o6u_d2ghy_200 {
|
|
230
230
|
border-color: var(--color-border-dropdown-item-focused-zacqlp, #424650);
|
|
231
231
|
}
|
|
232
|
-
.awsui_selectable-
|
|
232
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177 + .awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177:not(#\9), .awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177.awsui_previous-item-selected_15o6u_d2ghy_232:not(#\9) {
|
|
233
233
|
border-start-start-radius: 0;
|
|
234
234
|
border-start-end-radius: 0;
|
|
235
235
|
}
|
|
236
|
-
.awsui_selectable-
|
|
236
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_parent_15o6u_d2ghy_236:not(#\9) {
|
|
237
237
|
font-weight: bold;
|
|
238
238
|
color: var(--color-text-dropdown-group-label-2tmyik, #424650);
|
|
239
239
|
}
|
|
240
|
-
.awsui_selectable-
|
|
240
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_parent_15o6u_d2ghy_236:not(#\9):not(.awsui_interactiveGroups_15o6u_d2ghy_240) {
|
|
241
241
|
border-block-start-color: var(--color-border-dropdown-group-ylcnh8, #c6c6cd);
|
|
242
242
|
padding-block: var(--space-xs-ymlm0b, 8px);
|
|
243
243
|
padding-inline: var(--space-xs-ymlm0b, 8px);
|
|
244
244
|
}
|
|
245
|
-
.awsui_selectable-
|
|
245
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_parent_15o6u_d2ghy_236.awsui_interactiveGroups_15o6u_d2ghy_240:not(#\9) {
|
|
246
246
|
padding-block: calc(var(--space-xs-ymlm0b, 8px) + var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px));
|
|
247
247
|
padding-inline: calc(var(--space-field-horizontal-0aq2ch, 12px) + var(--border-item-width-miijiw, 2px));
|
|
248
248
|
}
|
|
249
|
-
.awsui_selectable-
|
|
249
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_parent_15o6u_d2ghy_236.awsui_interactiveGroups_15o6u_d2ghy_240.awsui_highlighted_15o6u_d2ghy_177:not(#\9) {
|
|
250
250
|
color: var(--color-text-dropdown-item-highlighted-yr1px8, #0f141a);
|
|
251
251
|
}
|
|
252
|
-
.awsui_selectable-
|
|
252
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_parent_15o6u_d2ghy_236.awsui_interactiveGroups_15o6u_d2ghy_240.awsui_highlighted_15o6u_d2ghy_177:not(#\9), .awsui_selectable-item_15o6u_d2ghy_145.awsui_parent_15o6u_d2ghy_236.awsui_interactiveGroups_15o6u_d2ghy_240.awsui_selected_15o6u_d2ghy_177:not(#\9) {
|
|
253
253
|
padding-block: var(--space-xs-ymlm0b, 8px);
|
|
254
254
|
padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
|
|
255
255
|
}
|
|
256
|
-
.awsui_selectable-
|
|
256
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_child_15o6u_d2ghy_256:not(#\9) {
|
|
257
257
|
padding-inline-start: calc(var(--space-xxl-32srm4, 32px) + var(--border-item-width-miijiw, 2px));
|
|
258
258
|
}
|
|
259
|
-
.awsui_selectable-
|
|
259
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_child_15o6u_d2ghy_256.awsui_highlighted_15o6u_d2ghy_177:not(#\9), .awsui_selectable-item_15o6u_d2ghy_145.awsui_child_15o6u_d2ghy_256.awsui_selected_15o6u_d2ghy_177:not(#\9) {
|
|
260
260
|
padding-inline-start: var(--space-xxl-32srm4, 32px);
|
|
261
261
|
}
|
|
262
|
-
.awsui_selectable-
|
|
262
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262:not(#\9) {
|
|
263
263
|
position: sticky;
|
|
264
264
|
inset-block-start: 0;
|
|
265
265
|
margin-block-end: calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px));
|
|
266
266
|
z-index: 4;
|
|
267
267
|
}
|
|
268
|
-
.awsui_selectable-
|
|
268
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262:not(#\9):not(.awsui_highlighted_15o6u_d2ghy_177):not(.awsui_selected_15o6u_d2ghy_177) {
|
|
269
269
|
border-inline-start-width: var(--border-item-width-miijiw, 2px);
|
|
270
270
|
border-inline-start-color: var(--color-border-dropdown-container-cmthq7, #b4b4bb);
|
|
271
271
|
border-inline-end-color: var(--color-border-dropdown-container-cmthq7, #b4b4bb);
|
|
272
272
|
padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
|
|
273
273
|
}
|
|
274
|
-
.awsui_selectable-
|
|
274
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262:not(#\9):not(.awsui_highlighted_15o6u_d2ghy_177):not(.awsui_selected_15o6u_d2ghy_177):not(.awsui_with-scrollbar_15o6u_d2ghy_274) {
|
|
275
275
|
border-inline-end-width: var(--border-item-width-miijiw, 2px);
|
|
276
276
|
}
|
|
277
|
-
.awsui_selectable-
|
|
277
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262:not(#\9):not(.awsui_highlighted_15o6u_d2ghy_177):not(.awsui_selected_15o6u_d2ghy_177).awsui_with-scrollbar_15o6u_d2ghy_274 {
|
|
278
278
|
border-inline-end-width: 0;
|
|
279
279
|
}
|
|
280
|
-
.awsui_selectable-
|
|
280
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262:not(#\9):not(.awsui_highlighted_15o6u_d2ghy_177):not(.awsui_selected_15o6u_d2ghy_177):not(.awsui_after-header_15o6u_d2ghy_280) {
|
|
281
281
|
border-start-start-radius: var(--border-radius-item-iwaia5, 8px);
|
|
282
282
|
}
|
|
283
|
-
.awsui_selectable-
|
|
283
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262:not(#\9):not(.awsui_highlighted_15o6u_d2ghy_177):not(.awsui_selected_15o6u_d2ghy_177):not(.awsui_after-header_15o6u_d2ghy_280):not(.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262:not(.awsui_highlighted_15o6u_d2ghy_177):not(.awsui_selected_15o6u_d2ghy_177):not(.awsui_after-header_15o6u_d2ghy_280).awsui_with-scrollbar_15o6u_d2ghy_274) {
|
|
284
284
|
border-start-end-radius: var(--border-radius-item-iwaia5, 8px);
|
|
285
285
|
}
|
|
286
|
-
.awsui_selectable-
|
|
286
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262:not(#\9):not(.awsui_highlighted_15o6u_d2ghy_177):not(.awsui_selected_15o6u_d2ghy_177).awsui_after-header_15o6u_d2ghy_280 {
|
|
287
287
|
border-block-start-color: var(--color-background-dropdown-item-default-qmc033, #ffffff);
|
|
288
288
|
}
|
|
289
|
-
.awsui_selectable-
|
|
289
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262.awsui_disabled_15o6u_d2ghy_195.awsui_highlighted_15o6u_d2ghy_177:not(#\9), .awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262.awsui_disabled_15o6u_d2ghy_195.awsui_selected_15o6u_d2ghy_177:not(#\9) {
|
|
290
290
|
border-block-end-color: transparent;
|
|
291
291
|
border-block-start-color: transparent;
|
|
292
292
|
border-inline-start-color: transparent;
|
|
293
293
|
border-inline-end-color: transparent;
|
|
294
294
|
}
|
|
295
|
-
.awsui_selectable-
|
|
295
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_disabled_15o6u_d2ghy_195:not(#\9) {
|
|
296
296
|
color: var(--color-text-dropdown-item-disabled-8m65hf, #b4b4bb);
|
|
297
297
|
}
|
|
298
|
-
.awsui_selectable-
|
|
298
|
+
.awsui_selectable-item_15o6u_d2ghy_145:not(#\9):not(.awsui_disabled_15o6u_d2ghy_195):not(.awsui_parent_15o6u_d2ghy_236) {
|
|
299
299
|
cursor: pointer;
|
|
300
300
|
}
|
|
301
|
-
.awsui_selectable-
|
|
301
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_interactiveGroups_15o6u_d2ghy_240:not(#\9):not(.awsui_disabled_15o6u_d2ghy_195) {
|
|
302
302
|
cursor: pointer;
|
|
303
303
|
}
|
|
304
|
-
.awsui_selectable-
|
|
304
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_virtual_15o6u_d2ghy_171:not(#\9) {
|
|
305
305
|
position: absolute;
|
|
306
306
|
inset-block-start: var(--border-dropdown-virtual-offset-width-3wp954, 2px);
|
|
307
307
|
inset-inline-start: 0;
|
|
308
308
|
inline-size: 100%;
|
|
309
309
|
box-sizing: border-box;
|
|
310
310
|
}
|
|
311
|
-
.awsui_selectable-
|
|
311
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_virtual_15o6u_d2ghy_171:not(#\9):first-of-type:not(.awsui_selected_15o6u_d2ghy_177, .awsui_highlighted_15o6u_d2ghy_177) {
|
|
312
312
|
border-block-start-color: var(--color-border-dropdown-item-top-gp2d1p, transparent);
|
|
313
313
|
}
|
|
314
|
-
.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_highlighted_15o6u_xfvek_177:not(#\9):not(.awsui_selected_15o6u_xfvek_177), .awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_selected_15o6u_xfvek_177:not(#\9) {
|
|
315
|
-
border-width: var(--border-divider-list-width-tdfx1x, 1px);
|
|
316
|
-
padding-block: calc(var(--space-xxs-hwfkai, 4px) + calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)));
|
|
317
|
-
padding-inline: calc(var(--space-field-horizontal-0aq2ch, 12px) + calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)));
|
|
318
|
-
}
|
|
319
|
-
.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_highlighted_15o6u_xfvek_177:not(#\9):not(.awsui_selected_15o6u_xfvek_177).awsui_pad-bottom_15o6u_xfvek_167, .awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_selected_15o6u_xfvek_177.awsui_pad-bottom_15o6u_xfvek_167:not(#\9) {
|
|
320
|
-
padding-block-end: calc(var(--space-xxs-hwfkai, 4px) + var(--space-xxxs-pajhad, 2px) + calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)));
|
|
321
|
-
}
|
|
322
|
-
.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_highlighted_15o6u_xfvek_177:not(#\9):not(.awsui_selected_15o6u_xfvek_177).awsui_child_15o6u_xfvek_256, .awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_selected_15o6u_xfvek_177.awsui_child_15o6u_xfvek_256:not(#\9) {
|
|
323
|
-
padding-inline-start: calc(var(--space-xxl-32srm4, 32px) + calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)));
|
|
324
|
-
}
|
|
325
|
-
.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_highlighted_15o6u_xfvek_177:not(#\9):not(.awsui_selected_15o6u_xfvek_177).awsui_parent_15o6u_xfvek_236.awsui_interactiveGroups_15o6u_xfvek_240, .awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_selected_15o6u_xfvek_177.awsui_parent_15o6u_xfvek_236.awsui_interactiveGroups_15o6u_xfvek_240:not(#\9) {
|
|
326
|
-
padding-block: calc(var(--space-xs-ymlm0b, 8px) + calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)));
|
|
327
|
-
}
|
|
328
|
-
.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_highlighted_15o6u_xfvek_177:not(#\9):not(.awsui_selected_15o6u_xfvek_177) {
|
|
329
|
-
box-shadow: inset 0 0 0 calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)) var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
|
|
330
|
-
}
|
|
331
|
-
.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_highlighted_15o6u_xfvek_177:not(#\9):not(.awsui_selected_15o6u_xfvek_177).awsui_is-keyboard_15o6u_xfvek_200 {
|
|
332
|
-
box-shadow: inset 0 0 0 calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)) var(--color-border-dropdown-item-focused-zacqlp, #424650);
|
|
333
|
-
}
|
|
334
|
-
.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_selected_15o6u_xfvek_177:not(#\9) {
|
|
335
|
-
box-shadow: inset 0 0 0 calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)) var(--color-border-dropdown-item-selected-dl2ezh, #006ce0);
|
|
336
|
-
}
|
|
337
|
-
.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_selected_15o6u_xfvek_177.awsui_highlighted_15o6u_xfvek_177:not(#\9) {
|
|
338
|
-
box-shadow: inset 0 0 0 calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)) var(--color-border-dropdown-item-selected-dl2ezh, #006ce0), inset 0 0 0 calc(2 * var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)) var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
|
|
339
|
-
}
|
|
340
|
-
.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_selected_15o6u_xfvek_177.awsui_highlighted_15o6u_xfvek_177.awsui_is-keyboard_15o6u_xfvek_200:not(#\9) {
|
|
341
|
-
box-shadow: inset 0 0 0 calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)) var(--color-border-dropdown-item-selected-dl2ezh, #006ce0), inset 0 0 0 calc(2 * var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)) var(--color-border-dropdown-item-focused-zacqlp, #424650);
|
|
342
|
-
}
|
|
343
|
-
.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_parent_15o6u_xfvek_236:not(#\9):not(.awsui_interactiveGroups_15o6u_xfvek_240) {
|
|
344
|
-
border-block-start-color: var(--color-border-dropdown-group-ylcnh8, #c6c6cd);
|
|
345
|
-
}
|
|
346
314
|
|
|
347
|
-
.awsui_measure-
|
|
315
|
+
.awsui_measure-strut_15o6u_d2ghy_315:not(#\9) {
|
|
348
316
|
position: absolute;
|
|
349
317
|
pointer-events: none;
|
|
350
318
|
block-size: 100%;
|
|
@@ -353,20 +321,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
353
321
|
inset-inline-start: 0;
|
|
354
322
|
padding-block-start: var(--border-divider-list-width-tdfx1x, 1px);
|
|
355
323
|
}
|
|
356
|
-
.awsui_measure-strut-
|
|
324
|
+
.awsui_measure-strut-first_15o6u_d2ghy_324:not(#\9) {
|
|
357
325
|
padding-block-end: var(--border-divider-list-width-tdfx1x, 1px);
|
|
358
326
|
}
|
|
359
327
|
|
|
360
|
-
.awsui_screenreader-
|
|
328
|
+
.awsui_screenreader-content_15o6u_d2ghy_328:not(#\9) {
|
|
361
329
|
position: absolute !important;
|
|
362
330
|
inset-block-start: -9999px !important;
|
|
363
331
|
inset-inline-start: -9999px !important;
|
|
364
332
|
}
|
|
365
333
|
|
|
366
|
-
.awsui_option-
|
|
334
|
+
.awsui_option-content_15o6u_d2ghy_334:not(#\9) {
|
|
367
335
|
/* used in test-utils */
|
|
368
336
|
}
|
|
369
337
|
|
|
370
|
-
.awsui_select-
|
|
338
|
+
.awsui_select-all_15o6u_d2ghy_338:not(#\9) {
|
|
371
339
|
/* used in test-utils */
|
|
372
340
|
}
|
|
@@ -2,27 +2,27 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"selectable-item": "awsui_selectable-
|
|
6
|
-
"pad-bottom": "awsui_pad-
|
|
7
|
-
"virtual": "
|
|
8
|
-
"has-background": "awsui_has-
|
|
9
|
-
"highlighted": "
|
|
10
|
-
"selected": "
|
|
11
|
-
"disabled": "
|
|
12
|
-
"is-keyboard": "awsui_is-
|
|
13
|
-
"visual-refresh": "awsui_visual-
|
|
14
|
-
"next-item-selected": "awsui_next-item-
|
|
15
|
-
"previous-item-selected": "awsui_previous-item-
|
|
16
|
-
"parent": "
|
|
17
|
-
"interactiveGroups": "
|
|
18
|
-
"child": "
|
|
19
|
-
"sticky": "
|
|
20
|
-
"with-scrollbar": "awsui_with-
|
|
21
|
-
"after-header": "awsui_after-
|
|
22
|
-
"measure-strut": "awsui_measure-
|
|
23
|
-
"measure-strut-first": "awsui_measure-strut-
|
|
24
|
-
"screenreader-content": "awsui_screenreader-
|
|
25
|
-
"option-content": "awsui_option-
|
|
26
|
-
"select-all": "awsui_select-
|
|
5
|
+
"selectable-item": "awsui_selectable-item_15o6u_d2ghy_145",
|
|
6
|
+
"pad-bottom": "awsui_pad-bottom_15o6u_d2ghy_167",
|
|
7
|
+
"virtual": "awsui_virtual_15o6u_d2ghy_171",
|
|
8
|
+
"has-background": "awsui_has-background_15o6u_d2ghy_174",
|
|
9
|
+
"highlighted": "awsui_highlighted_15o6u_d2ghy_177",
|
|
10
|
+
"selected": "awsui_selected_15o6u_d2ghy_177",
|
|
11
|
+
"disabled": "awsui_disabled_15o6u_d2ghy_195",
|
|
12
|
+
"is-keyboard": "awsui_is-keyboard_15o6u_d2ghy_200",
|
|
13
|
+
"visual-refresh": "awsui_visual-refresh_15o6u_d2ghy_203",
|
|
14
|
+
"next-item-selected": "awsui_next-item-selected_15o6u_d2ghy_211",
|
|
15
|
+
"previous-item-selected": "awsui_previous-item-selected_15o6u_d2ghy_232",
|
|
16
|
+
"parent": "awsui_parent_15o6u_d2ghy_236",
|
|
17
|
+
"interactiveGroups": "awsui_interactiveGroups_15o6u_d2ghy_240",
|
|
18
|
+
"child": "awsui_child_15o6u_d2ghy_256",
|
|
19
|
+
"sticky": "awsui_sticky_15o6u_d2ghy_262",
|
|
20
|
+
"with-scrollbar": "awsui_with-scrollbar_15o6u_d2ghy_274",
|
|
21
|
+
"after-header": "awsui_after-header_15o6u_d2ghy_280",
|
|
22
|
+
"measure-strut": "awsui_measure-strut_15o6u_d2ghy_315",
|
|
23
|
+
"measure-strut-first": "awsui_measure-strut-first_15o6u_d2ghy_324",
|
|
24
|
+
"screenreader-content": "awsui_screenreader-content_15o6u_d2ghy_328",
|
|
25
|
+
"option-content": "awsui_option-content_15o6u_d2ghy_334",
|
|
26
|
+
"select-all": "awsui_select-all_15o6u_d2ghy_338"
|
|
27
27
|
};
|
|
28
28
|
|
package/internal/environment.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export var PACKAGE_SOURCE = "components";
|
|
2
|
-
export var PACKAGE_VERSION = "3.0.0 (
|
|
3
|
-
export var GIT_SHA = "
|
|
2
|
+
export var PACKAGE_VERSION = "3.0.0 (567860d0)";
|
|
3
|
+
export var GIT_SHA = "567860d0";
|
|
4
4
|
export var THEME = "open-source-visual-refresh";
|
|
5
5
|
export var SYSTEM = "console";
|
|
6
6
|
export var ALWAYS_VISUAL_REFRESH = true;
|
|
@@ -545,6 +545,7 @@ export const colorDropzoneTextHover: string;
|
|
|
545
545
|
export const colorDropzoneBorderDefault: string;
|
|
546
546
|
export const colorDropzoneBorderHover: string;
|
|
547
547
|
export const colorGapGlobalDrawer: string;
|
|
548
|
+
export const colorTreeViewConnectorLine: string;
|
|
548
549
|
export const fontBoxValueLargeWeight: string;
|
|
549
550
|
export const fontButtonLetterSpacing: string;
|
|
550
551
|
export const fontChartDetailSize: string;
|
|
@@ -746,6 +747,7 @@ export const spaceTableHeaderHorizontal: string;
|
|
|
746
747
|
export const spaceTableHeaderToolsBottom: string;
|
|
747
748
|
export const spaceTableHeaderToolsFullPageBottom: string;
|
|
748
749
|
export const spaceTableHorizontal: string;
|
|
750
|
+
export const spaceTreeViewIndentation: string;
|
|
749
751
|
export const spaceTileGutter: string;
|
|
750
752
|
export const spaceScaled2xNone: string;
|
|
751
753
|
export const spaceScaled2xXxxs: string;
|
|
@@ -545,6 +545,7 @@ export var colorDropzoneTextHover = "var(--color-dropzone-text-hover-asw3rt, #42
|
|
|
545
545
|
export var colorDropzoneBorderDefault = "var(--color-dropzone-border-default-k648ha, #8c8c94)";
|
|
546
546
|
export var colorDropzoneBorderHover = "var(--color-dropzone-border-hover-otpag5, #002b66)";
|
|
547
547
|
export var colorGapGlobalDrawer = "var(--color-gap-global-drawer-nh699a, #ebebf0)";
|
|
548
|
+
export var colorTreeViewConnectorLine = "var(--color-tree-view-connector-line-1usxvn, #8c8c94)";
|
|
548
549
|
export var fontBoxValueLargeWeight = "var(--font-box-value-large-weight-wr00sw, 700)";
|
|
549
550
|
export var fontButtonLetterSpacing = "var(--font-button-letter-spacing-ufowe3, 0.005em)";
|
|
550
551
|
export var fontChartDetailSize = "var(--font-chart-detail-size-9qr25q, 12px)";
|
|
@@ -746,6 +747,7 @@ export var spaceTableHeaderHorizontal = "var(--space-table-header-horizontal-kb5
|
|
|
746
747
|
export var spaceTableHeaderToolsBottom = "var(--space-table-header-tools-bottom-d9u5kf, 0px)";
|
|
747
748
|
export var spaceTableHeaderToolsFullPageBottom = "var(--space-table-header-tools-full-page-bottom-9m47g6, 4px)";
|
|
748
749
|
export var spaceTableHorizontal = "var(--space-table-horizontal-suurzj, 20px)";
|
|
750
|
+
export var spaceTreeViewIndentation = "var(--space-tree-view-indentation-gmy1k3, 20px)";
|
|
749
751
|
export var spaceTileGutter = "var(--space-tile-gutter-bi2bdv, 24px)";
|
|
750
752
|
export var spaceScaled2xNone = "var(--space-scaled-2x-none-987dp7, 0px)";
|
|
751
753
|
export var spaceScaled2xXxxs = "var(--space-scaled-2x-xxxs-reumxj, 2px)";
|