@cloudscape-design/components 3.0.360 → 3.0.362
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/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +30 -30
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/index.d.ts.map +1 -1
- package/app-layout/index.js +4 -5
- package/app-layout/index.js.map +1 -1
- package/app-layout/utils/use-content-width.js +1 -1
- package/app-layout/utils/use-content-width.js.map +1 -1
- package/app-layout/utils/use-observed-element.js +1 -1
- package/app-layout/utils/use-observed-element.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +69 -69
- package/app-layout/visual-refresh/styles.scoped.css +169 -169
- package/app-layout/visual-refresh/styles.selectors.js +69 -69
- package/area-chart/model/use-chart-model.d.ts.map +1 -1
- package/area-chart/model/use-chart-model.js +2 -2
- package/area-chart/model/use-chart-model.js.map +1 -1
- package/area-chart/styles.css.js +6 -6
- package/area-chart/styles.scoped.css +10 -10
- package/area-chart/styles.selectors.js +6 -6
- package/attribute-editor/styles.css.js +14 -14
- package/attribute-editor/styles.scoped.css +25 -25
- package/attribute-editor/styles.selectors.js +14 -14
- package/button-dropdown/category-elements/styles.css.js +13 -13
- package/button-dropdown/category-elements/styles.scoped.css +27 -27
- package/button-dropdown/category-elements/styles.selectors.js +13 -13
- package/button-dropdown/item-element/styles.css.js +15 -15
- package/button-dropdown/item-element/styles.scoped.css +19 -19
- package/button-dropdown/item-element/styles.selectors.js +15 -15
- package/button-dropdown/styles.css.js +14 -14
- package/button-dropdown/styles.scoped.css +22 -22
- package/button-dropdown/styles.selectors.js +14 -14
- package/code-editor/listeners.js +2 -2
- package/code-editor/listeners.js.map +1 -1
- package/code-editor/resizable-box/index.js +2 -2
- package/code-editor/resizable-box/index.js.map +1 -1
- package/code-editor/styles.css.js +32 -32
- package/code-editor/styles.scoped.css +130 -130
- package/code-editor/styles.selectors.js +32 -32
- package/collection-preferences/content-display/styles.css.js +11 -11
- package/collection-preferences/content-display/styles.scoped.css +18 -18
- package/collection-preferences/content-display/styles.selectors.js +11 -11
- package/collection-preferences/styles.css.js +37 -37
- package/collection-preferences/styles.scoped.css +47 -47
- package/collection-preferences/styles.selectors.js +37 -37
- package/column-layout/flexible-column-layout/styles.css.js +5 -5
- package/column-layout/flexible-column-layout/styles.scoped.css +5 -5
- package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
- package/column-layout/styles.css.js +13 -13
- package/column-layout/styles.scoped.css +46 -46
- package/column-layout/styles.selectors.js +13 -13
- package/container/styles.css.js +28 -28
- package/container/styles.scoped.css +55 -55
- package/container/styles.selectors.js +28 -28
- package/date-range-picker/styles.css.js +38 -38
- package/date-range-picker/styles.scoped.css +47 -47
- package/date-range-picker/styles.selectors.js +38 -38
- package/expandable-section/styles.css.js +29 -29
- package/expandable-section/styles.scoped.css +66 -66
- package/expandable-section/styles.selectors.js +29 -29
- package/form-field/styles.css.js +19 -19
- package/form-field/styles.scoped.css +30 -30
- package/form-field/styles.selectors.js +19 -19
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +66 -66
- package/help-panel/styles.selectors.js +4 -4
- package/internal/base-component/styles.scoped.css +81 -57
- package/internal/components/dark-ribbon/index.js +2 -2
- package/internal/components/dark-ribbon/index.js.map +1 -1
- package/internal/components/dropdown-footer/styles.css.js +3 -3
- package/internal/components/dropdown-footer/styles.scoped.css +4 -4
- package/internal/components/dropdown-footer/styles.selectors.js +3 -3
- package/internal/components/options-list/index.d.ts.map +1 -1
- package/internal/components/options-list/index.js +2 -2
- package/internal/components/options-list/index.js.map +1 -1
- package/internal/components/selectable-item/styles.css.js +16 -16
- package/internal/components/selectable-item/styles.scoped.css +31 -31
- package/internal/components/selectable-item/styles.selectors.js +16 -16
- package/internal/components/token-list/styles.css.js +9 -9
- package/internal/components/token-list/styles.scoped.css +22 -22
- package/internal/components/token-list/styles.selectors.js +9 -9
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/styles/tokens.js +1 -1
- package/internal/generated/theming/index.cjs +25 -23
- package/internal/generated/theming/index.js +25 -23
- package/internal/hooks/container-queries/index.d.ts +0 -1
- package/internal/hooks/container-queries/index.d.ts.map +1 -1
- package/internal/hooks/container-queries/index.js +0 -1
- package/internal/hooks/container-queries/index.js.map +1 -1
- package/internal/hooks/container-queries/use-height-measure.js +1 -1
- package/internal/hooks/container-queries/use-height-measure.js.map +1 -1
- package/internal/hooks/use-dynamic-overlap/index.js +1 -1
- package/internal/hooks/use-dynamic-overlap/index.js.map +1 -1
- package/internal/hooks/use-mobile/index.js +1 -1
- package/internal/hooks/use-mobile/index.js.map +1 -1
- package/internal/hooks/use-mouse-down-target.js +1 -1
- package/internal/hooks/use-mouse-down-target.js.map +1 -1
- package/internal/hooks/use-mutation-observer/index.d.ts.map +1 -1
- package/internal/hooks/use-mutation-observer/index.js +2 -3
- package/internal/hooks/use-mutation-observer/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/modal/styles.css.js +23 -23
- package/modal/styles.scoped.css +39 -39
- package/modal/styles.selectors.js +23 -23
- package/package.json +1 -1
- package/pie-chart/labels.js +1 -1
- package/pie-chart/labels.js.map +1 -1
- package/pie-chart/styles.css.js +27 -27
- package/pie-chart/styles.scoped.css +43 -43
- package/pie-chart/styles.selectors.js +27 -27
- package/popover/container.d.ts.map +1 -1
- package/popover/container.js +1 -1
- package/popover/container.js.map +1 -1
- package/property-filter/styles.css.js +29 -29
- package/property-filter/styles.scoped.css +33 -33
- package/property-filter/styles.selectors.js +29 -29
- package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
- package/s3-resource-selector/s3-in-context/styles.scoped.css +10 -10
- package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
- package/s3-resource-selector/s3-in-context/use-versions-fetch.d.ts.map +1 -1
- package/s3-resource-selector/s3-in-context/use-versions-fetch.js +2 -2
- package/s3-resource-selector/s3-in-context/use-versions-fetch.js.map +1 -1
- package/s3-resource-selector/s3-modal/basic-table.d.ts.map +1 -1
- package/s3-resource-selector/s3-modal/basic-table.js +2 -2
- package/s3-resource-selector/s3-modal/basic-table.js.map +1 -1
- package/side-navigation/styles.css.js +28 -28
- package/side-navigation/styles.scoped.css +43 -43
- package/side-navigation/styles.selectors.js +28 -28
- package/split-panel/bottom.js +1 -1
- package/split-panel/bottom.js.map +1 -1
- package/split-panel/styles.css.js +56 -56
- package/split-panel/styles.scoped.css +85 -85
- package/split-panel/styles.selectors.js +56 -56
- package/table/body-cell/click-away.js +2 -2
- package/table/body-cell/click-away.js.map +1 -1
- package/table/body-cell/styles.css.js +28 -28
- package/table/body-cell/styles.scoped.css +76 -76
- package/table/body-cell/styles.selectors.js +28 -28
- package/table/header-cell/styles.css.js +24 -24
- package/table/header-cell/styles.scoped.css +43 -43
- package/table/header-cell/styles.selectors.js +24 -24
- package/table/resizer/index.js +3 -3
- package/table/resizer/index.js.map +1 -1
- package/table/sticky-columns/use-sticky-columns.d.ts.map +1 -1
- package/table/sticky-columns/use-sticky-columns.js +2 -3
- package/table/sticky-columns/use-sticky-columns.js.map +1 -1
- package/table/sticky-scrollbar/styles.css.js +6 -6
- package/table/sticky-scrollbar/styles.scoped.css +9 -9
- package/table/sticky-scrollbar/styles.selectors.js +6 -6
- package/table/styles.css.js +34 -34
- package/table/styles.scoped.css +42 -42
- package/table/styles.selectors.js +34 -34
- package/table/use-sticky-header.js +1 -1
- package/table/use-sticky-header.js.map +1 -1
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +46 -46
- package/tabs/styles.selectors.js +21 -21
- package/tag-editor/index.d.ts.map +1 -1
- package/tag-editor/index.js +6 -6
- package/tag-editor/index.js.map +1 -1
- package/tiles/styles.css.js +29 -29
- package/tiles/styles.scoped.css +73 -73
- package/tiles/styles.selectors.js +29 -29
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +43 -43
- package/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +73 -73
- package/top-navigation/styles.selectors.js +47 -47
- package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +23 -23
- package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
- package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/tutorial-panel/components/tutorial-list/styles.scoped.css +28 -28
- package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/wizard/styles.css.js +31 -31
- package/wizard/styles.scoped.css +63 -63
- package/wizard/styles.selectors.js +31 -31
- package/internal/hooks/container-queries/use-resize-observer.d.ts +0 -21
- package/internal/hooks/container-queries/use-resize-observer.d.ts.map +0 -1
- package/internal/hooks/container-queries/use-resize-observer.js +0 -54
- package/internal/hooks/container-queries/use-resize-observer.js.map +0 -1
- package/internal/hooks/container-queries/utils.d.ts +0 -4
- package/internal/hooks/container-queries/utils.d.ts.map +0 -1
- package/internal/hooks/container-queries/utils.js +0 -10
- package/internal/hooks/container-queries/utils.js.map +0 -1
- package/internal/hooks/use-singleton-handler/index.d.ts +0 -11
- package/internal/hooks/use-singleton-handler/index.d.ts.map +0 -1
- package/internal/hooks/use-singleton-handler/index.js +0 -45
- package/internal/hooks/use-singleton-handler/index.js.map +0 -1
- package/internal/hooks/use-stable-event-handler/index.d.ts +0 -10
- package/internal/hooks/use-stable-event-handler/index.d.ts.map +0 -1
- package/internal/hooks/use-stable-event-handler/index.js +0 -19
- package/internal/hooks/use-stable-event-handler/index.js.map +0 -1
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"header": "
|
|
5
|
-
"disabled": "
|
|
6
|
-
"expandable-header": "awsui_expandable-
|
|
7
|
-
"rolled-down": "awsui_rolled-
|
|
8
|
-
"highlighted": "
|
|
9
|
-
"is-focused": "awsui_is-
|
|
10
|
-
"variant-navigation": "awsui_variant-
|
|
11
|
-
"category": "
|
|
12
|
-
"expandable": "
|
|
13
|
-
"expand-icon": "awsui_expand-
|
|
14
|
-
"expand-icon-up": "awsui_expand-icon-
|
|
15
|
-
"expand-icon-right": "awsui_expand-icon-
|
|
16
|
-
"items-list-container": "awsui_items-list-
|
|
4
|
+
"header": "awsui_header_16mm3_pgkf2_93",
|
|
5
|
+
"disabled": "awsui_disabled_16mm3_pgkf2_108",
|
|
6
|
+
"expandable-header": "awsui_expandable-header_16mm3_pgkf2_112",
|
|
7
|
+
"rolled-down": "awsui_rolled-down_16mm3_pgkf2_123",
|
|
8
|
+
"highlighted": "awsui_highlighted_16mm3_pgkf2_126",
|
|
9
|
+
"is-focused": "awsui_is-focused_16mm3_pgkf2_139",
|
|
10
|
+
"variant-navigation": "awsui_variant-navigation_16mm3_pgkf2_143",
|
|
11
|
+
"category": "awsui_category_16mm3_pgkf2_155",
|
|
12
|
+
"expandable": "awsui_expandable_16mm3_pgkf2_112",
|
|
13
|
+
"expand-icon": "awsui_expand-icon_16mm3_pgkf2_176",
|
|
14
|
+
"expand-icon-up": "awsui_expand-icon-up_16mm3_pgkf2_183",
|
|
15
|
+
"expand-icon-right": "awsui_expand-icon-right_16mm3_pgkf2_186",
|
|
16
|
+
"items-list-container": "awsui_items-list-container_16mm3_pgkf2_200"
|
|
17
17
|
};
|
|
18
18
|
|
|
@@ -90,7 +90,7 @@ 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_header_16mm3_pgkf2_93:not(#\9) {
|
|
94
94
|
position: relative;
|
|
95
95
|
margin: 0;
|
|
96
96
|
color: var(--color-text-dropdown-group-label-mej1lb, #414d5c);
|
|
@@ -105,25 +105,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
105
105
|
) calc(var(--space-button-horizontal-8jxzea, 20px) + var(--border-item-width-yel47s, 2px));
|
|
106
106
|
z-index: 1;
|
|
107
107
|
}
|
|
108
|
-
.
|
|
108
|
+
.awsui_header_16mm3_pgkf2_93.awsui_disabled_16mm3_pgkf2_108:not(#\9) {
|
|
109
109
|
color: var(--color-text-dropdown-item-disabled-6oq3n6, #9ba7b6);
|
|
110
110
|
cursor: default;
|
|
111
111
|
}
|
|
112
|
-
.
|
|
113
|
-
border-top-color: var(--color-border-dropdown-group-
|
|
114
|
-
border-bottom-color: var(--color-border-dropdown-group-
|
|
112
|
+
.awsui_header_16mm3_pgkf2_93.awsui_expandable-header_16mm3_pgkf2_112:not(#\9) {
|
|
113
|
+
border-top-color: var(--color-border-dropdown-group-zgquz8, #e9ebed);
|
|
114
|
+
border-bottom-color: var(--color-border-dropdown-group-zgquz8, #e9ebed);
|
|
115
115
|
cursor: pointer;
|
|
116
116
|
}
|
|
117
|
-
.
|
|
117
|
+
.awsui_header_16mm3_pgkf2_93.awsui_expandable-header_16mm3_pgkf2_112.awsui_disabled_16mm3_pgkf2_108:not(#\9) {
|
|
118
118
|
cursor: default;
|
|
119
119
|
}
|
|
120
|
-
.
|
|
120
|
+
.awsui_header_16mm3_pgkf2_93.awsui_expandable-header_16mm3_pgkf2_112:not(#\9):focus {
|
|
121
121
|
outline: none;
|
|
122
122
|
}
|
|
123
|
-
.
|
|
123
|
+
.awsui_header_16mm3_pgkf2_93.awsui_expandable-header_16mm3_pgkf2_112.awsui_rolled-down_16mm3_pgkf2_123:not(#\9) {
|
|
124
124
|
border-bottom-color: transparent;
|
|
125
125
|
}
|
|
126
|
-
.
|
|
126
|
+
.awsui_header_16mm3_pgkf2_93.awsui_expandable-header_16mm3_pgkf2_112.awsui_highlighted_16mm3_pgkf2_126:not(#\9) {
|
|
127
127
|
background-color: var(--color-background-dropdown-item-hover-md83i5, #f4f4f4);
|
|
128
128
|
color: var(--color-text-dropdown-item-highlighted-a51hdb, #000716);
|
|
129
129
|
padding: var(--space-xxs-p8yyaw, 4px) var(--space-button-horizontal-8jxzea, 20px);
|
|
@@ -131,73 +131,73 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
131
131
|
border-radius: var(--border-radius-item-05df9h, 8px);
|
|
132
132
|
z-index: 2;
|
|
133
133
|
}
|
|
134
|
-
.
|
|
134
|
+
.awsui_header_16mm3_pgkf2_93.awsui_expandable-header_16mm3_pgkf2_112.awsui_highlighted_16mm3_pgkf2_126.awsui_disabled_16mm3_pgkf2_108:not(#\9) {
|
|
135
135
|
background-color: var(--color-background-dropdown-item-dimmed-dlm6wk, transparent);
|
|
136
136
|
border-color: var(--color-border-dropdown-item-dimmed-hover-xdu0hf, #7d8998);
|
|
137
137
|
color: var(--color-text-dropdown-item-dimmed-f2joj8, #9ba7b6);
|
|
138
138
|
}
|
|
139
|
-
.
|
|
139
|
+
.awsui_header_16mm3_pgkf2_93.awsui_expandable-header_16mm3_pgkf2_112.awsui_highlighted_16mm3_pgkf2_126.awsui_is-focused_16mm3_pgkf2_139:not(#\9) {
|
|
140
140
|
border-color: var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
141
141
|
box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
142
142
|
}
|
|
143
|
-
.
|
|
143
|
+
.awsui_header_16mm3_pgkf2_93.awsui_expandable-header_16mm3_pgkf2_112.awsui_variant-navigation_16mm3_pgkf2_143:not(#\9) {
|
|
144
144
|
padding-top: var(--space-xs-zb16t3, 8px);
|
|
145
145
|
padding-bottom: var(--space-xs-zb16t3, 8px);
|
|
146
146
|
}
|
|
147
|
-
.
|
|
147
|
+
.awsui_header_16mm3_pgkf2_93.awsui_expandable-header_16mm3_pgkf2_112.awsui_variant-navigation_16mm3_pgkf2_143.awsui_highlighted_16mm3_pgkf2_126:not(#\9) {
|
|
148
148
|
border-color: transparent;
|
|
149
|
-
border-top-color: var(--color-border-dropdown-group-
|
|
150
|
-
border-bottom-color: var(--color-border-dropdown-group-
|
|
149
|
+
border-top-color: var(--color-border-dropdown-group-zgquz8, #e9ebed);
|
|
150
|
+
border-bottom-color: var(--color-border-dropdown-group-zgquz8, #e9ebed);
|
|
151
151
|
background-color: transparent;
|
|
152
152
|
color: var(--color-text-accent-n2acxv, #0972d3);
|
|
153
153
|
}
|
|
154
154
|
|
|
155
|
-
.
|
|
155
|
+
.awsui_category_16mm3_pgkf2_155:not(#\9) {
|
|
156
156
|
list-style: none;
|
|
157
157
|
margin-top: calc(-1 * var(--border-divider-list-width-27y3k5, 1px));
|
|
158
158
|
padding: 0;
|
|
159
159
|
}
|
|
160
|
-
.
|
|
160
|
+
.awsui_category_16mm3_pgkf2_155:not(#\9):first-child {
|
|
161
161
|
margin-top: 0;
|
|
162
162
|
}
|
|
163
|
-
.
|
|
163
|
+
.awsui_category_16mm3_pgkf2_155.awsui_expandable_16mm3_pgkf2_112:not(#\9) {
|
|
164
164
|
border-top: 0;
|
|
165
165
|
}
|
|
166
|
-
.
|
|
166
|
+
.awsui_category_16mm3_pgkf2_155:not(#\9):last-child {
|
|
167
167
|
border-bottom: none;
|
|
168
168
|
}
|
|
169
|
-
.
|
|
169
|
+
.awsui_category_16mm3_pgkf2_155.awsui_variant-navigation_16mm3_pgkf2_143:not(#\9) {
|
|
170
170
|
padding-top: var(--space-xxs-p8yyaw, 4px);
|
|
171
171
|
}
|
|
172
|
-
.
|
|
172
|
+
.awsui_category_16mm3_pgkf2_155.awsui_variant-navigation_16mm3_pgkf2_143.awsui_expandable_16mm3_pgkf2_112:not(#\9) {
|
|
173
173
|
padding-top: 0;
|
|
174
174
|
}
|
|
175
175
|
|
|
176
|
-
.awsui_expand-
|
|
176
|
+
.awsui_expand-icon_16mm3_pgkf2_176:not(#\9) {
|
|
177
177
|
position: relative;
|
|
178
178
|
left: var(--space-s-34lx8l, 12px);
|
|
179
179
|
width: var(--space-m-udix3p, 16px);
|
|
180
180
|
display: inline-block;
|
|
181
181
|
transition: transform var(--motion-duration-rotate-180-dpvl4m, 135ms) var(--motion-easing-rotate-180-e270ko, cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
182
182
|
}
|
|
183
|
-
.awsui_expand-icon-
|
|
183
|
+
.awsui_expand-icon-up_16mm3_pgkf2_183:not(#\9) {
|
|
184
184
|
transform: rotate(-180deg);
|
|
185
185
|
}
|
|
186
|
-
.awsui_expand-icon-
|
|
186
|
+
.awsui_expand-icon-right_16mm3_pgkf2_186:not(#\9) {
|
|
187
187
|
transform: rotate(-90deg);
|
|
188
188
|
}
|
|
189
189
|
@media (prefers-reduced-motion: reduce) {
|
|
190
|
-
.awsui_expand-
|
|
190
|
+
.awsui_expand-icon_16mm3_pgkf2_176:not(#\9) {
|
|
191
191
|
animation: none;
|
|
192
192
|
transition: none;
|
|
193
193
|
}
|
|
194
194
|
}
|
|
195
|
-
.awsui-motion-disabled .awsui_expand-
|
|
195
|
+
.awsui-motion-disabled .awsui_expand-icon_16mm3_pgkf2_176:not(#\9), .awsui-mode-entering .awsui_expand-icon_16mm3_pgkf2_176:not(#\9) {
|
|
196
196
|
animation: none;
|
|
197
197
|
transition: none;
|
|
198
198
|
}
|
|
199
199
|
|
|
200
|
-
.awsui_items-list-
|
|
200
|
+
.awsui_items-list-container_16mm3_pgkf2_200:not(#\9) {
|
|
201
201
|
padding: 0;
|
|
202
202
|
margin: -1px 0 0 0;
|
|
203
203
|
overflow-y: auto;
|
|
@@ -2,18 +2,18 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"header": "
|
|
6
|
-
"disabled": "
|
|
7
|
-
"expandable-header": "awsui_expandable-
|
|
8
|
-
"rolled-down": "awsui_rolled-
|
|
9
|
-
"highlighted": "
|
|
10
|
-
"is-focused": "awsui_is-
|
|
11
|
-
"variant-navigation": "awsui_variant-
|
|
12
|
-
"category": "
|
|
13
|
-
"expandable": "
|
|
14
|
-
"expand-icon": "awsui_expand-
|
|
15
|
-
"expand-icon-up": "awsui_expand-icon-
|
|
16
|
-
"expand-icon-right": "awsui_expand-icon-
|
|
17
|
-
"items-list-container": "awsui_items-list-
|
|
5
|
+
"header": "awsui_header_16mm3_pgkf2_93",
|
|
6
|
+
"disabled": "awsui_disabled_16mm3_pgkf2_108",
|
|
7
|
+
"expandable-header": "awsui_expandable-header_16mm3_pgkf2_112",
|
|
8
|
+
"rolled-down": "awsui_rolled-down_16mm3_pgkf2_123",
|
|
9
|
+
"highlighted": "awsui_highlighted_16mm3_pgkf2_126",
|
|
10
|
+
"is-focused": "awsui_is-focused_16mm3_pgkf2_139",
|
|
11
|
+
"variant-navigation": "awsui_variant-navigation_16mm3_pgkf2_143",
|
|
12
|
+
"category": "awsui_category_16mm3_pgkf2_155",
|
|
13
|
+
"expandable": "awsui_expandable_16mm3_pgkf2_112",
|
|
14
|
+
"expand-icon": "awsui_expand-icon_16mm3_pgkf2_176",
|
|
15
|
+
"expand-icon-up": "awsui_expand-icon-up_16mm3_pgkf2_183",
|
|
16
|
+
"expand-icon-right": "awsui_expand-icon-right_16mm3_pgkf2_186",
|
|
17
|
+
"items-list-container": "awsui_items-list-container_16mm3_pgkf2_200"
|
|
18
18
|
};
|
|
19
19
|
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"item-element": "awsui_item-
|
|
5
|
-
"disabled": "
|
|
6
|
-
"last": "
|
|
7
|
-
"highlighted": "
|
|
8
|
-
"variant-icon": "awsui_variant-
|
|
9
|
-
"variant-inline-icon": "awsui_variant-inline-
|
|
10
|
-
"variant-normal": "awsui_variant-
|
|
11
|
-
"variant-primary": "awsui_variant-
|
|
12
|
-
"is-focused": "awsui_is-
|
|
13
|
-
"variant-navigation": "awsui_variant-
|
|
14
|
-
"first": "
|
|
15
|
-
"has-category-header": "awsui_has-category-
|
|
16
|
-
"menu-item": "awsui_menu-
|
|
17
|
-
"icon": "
|
|
18
|
-
"external-icon": "awsui_external-
|
|
4
|
+
"item-element": "awsui_item-element_93a1u_oqutk_93",
|
|
5
|
+
"disabled": "awsui_disabled_93a1u_oqutk_103",
|
|
6
|
+
"last": "awsui_last_93a1u_oqutk_110",
|
|
7
|
+
"highlighted": "awsui_highlighted_93a1u_oqutk_113",
|
|
8
|
+
"variant-icon": "awsui_variant-icon_93a1u_oqutk_117",
|
|
9
|
+
"variant-inline-icon": "awsui_variant-inline-icon_93a1u_oqutk_117",
|
|
10
|
+
"variant-normal": "awsui_variant-normal_93a1u_oqutk_117",
|
|
11
|
+
"variant-primary": "awsui_variant-primary_93a1u_oqutk_117",
|
|
12
|
+
"is-focused": "awsui_is-focused_93a1u_oqutk_127",
|
|
13
|
+
"variant-navigation": "awsui_variant-navigation_93a1u_oqutk_131",
|
|
14
|
+
"first": "awsui_first_93a1u_oqutk_134",
|
|
15
|
+
"has-category-header": "awsui_has-category-header_93a1u_oqutk_134",
|
|
16
|
+
"menu-item": "awsui_menu-item_93a1u_oqutk_148",
|
|
17
|
+
"icon": "awsui_icon_93a1u_oqutk_166",
|
|
18
|
+
"external-icon": "awsui_external-icon_93a1u_oqutk_171"
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -90,7 +90,7 @@ 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
|
-
.awsui_item-
|
|
93
|
+
.awsui_item-element_93a1u_oqutk_93:not(#\9) {
|
|
94
94
|
position: relative;
|
|
95
95
|
z-index: 1;
|
|
96
96
|
border: var(--border-item-width-yel47s, 2px) solid transparent;
|
|
@@ -100,52 +100,52 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
100
100
|
margin-top: calc(-1 * var(--border-field-width-09w7vk, 2px));
|
|
101
101
|
cursor: pointer;
|
|
102
102
|
}
|
|
103
|
-
.awsui_item-
|
|
103
|
+
.awsui_item-element_93a1u_oqutk_93.awsui_disabled_93a1u_oqutk_103:not(#\9) {
|
|
104
104
|
cursor: default;
|
|
105
105
|
color: var(--color-text-dropdown-item-disabled-6oq3n6, #9ba7b6);
|
|
106
106
|
}
|
|
107
|
-
.awsui_item-
|
|
107
|
+
.awsui_item-element_93a1u_oqutk_93:not(#\9):first-child {
|
|
108
108
|
margin-top: 0;
|
|
109
109
|
}
|
|
110
|
-
.awsui_item-
|
|
111
|
-
border-bottom: var(--border-item-width-yel47s, 2px) solid var(--color-border-dropdown-group-
|
|
110
|
+
.awsui_item-element_93a1u_oqutk_93.awsui_last_93a1u_oqutk_110:not(#\9) {
|
|
111
|
+
border-bottom: var(--border-item-width-yel47s, 2px) solid var(--color-border-dropdown-group-zgquz8, #e9ebed);
|
|
112
112
|
}
|
|
113
|
-
.awsui_item-
|
|
113
|
+
.awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113:not(#\9) {
|
|
114
114
|
color: var(--color-text-dropdown-item-highlighted-a51hdb, #000716);
|
|
115
115
|
z-index: 2;
|
|
116
116
|
}
|
|
117
|
-
.awsui_item-
|
|
117
|
+
.awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113.awsui_variant-icon_93a1u_oqutk_117:not(#\9), .awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113.awsui_variant-inline-icon_93a1u_oqutk_117:not(#\9), .awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113.awsui_variant-normal_93a1u_oqutk_117:not(#\9), .awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113.awsui_variant-primary_93a1u_oqutk_117:not(#\9) {
|
|
118
118
|
background-color: var(--color-background-dropdown-item-hover-md83i5, #f4f4f4);
|
|
119
119
|
border-color: var(--color-border-dropdown-item-hover-461g78, #7d8998);
|
|
120
120
|
border-radius: var(--border-radius-item-05df9h, 8px);
|
|
121
121
|
}
|
|
122
|
-
.awsui_item-
|
|
122
|
+
.awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113.awsui_variant-icon_93a1u_oqutk_117.awsui_disabled_93a1u_oqutk_103:not(#\9), .awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113.awsui_variant-inline-icon_93a1u_oqutk_117.awsui_disabled_93a1u_oqutk_103:not(#\9), .awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113.awsui_variant-normal_93a1u_oqutk_117.awsui_disabled_93a1u_oqutk_103:not(#\9), .awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113.awsui_variant-primary_93a1u_oqutk_117.awsui_disabled_93a1u_oqutk_103:not(#\9) {
|
|
123
123
|
color: var(--color-text-dropdown-item-dimmed-f2joj8, #9ba7b6);
|
|
124
124
|
border-color: var(--color-border-dropdown-item-dimmed-hover-xdu0hf, #7d8998);
|
|
125
125
|
background-color: var(--color-background-dropdown-item-dimmed-dlm6wk, transparent);
|
|
126
126
|
}
|
|
127
|
-
.awsui_item-
|
|
127
|
+
.awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113.awsui_variant-icon_93a1u_oqutk_117.awsui_is-focused_93a1u_oqutk_127:not(#\9), .awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113.awsui_variant-inline-icon_93a1u_oqutk_117.awsui_is-focused_93a1u_oqutk_127:not(#\9), .awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113.awsui_variant-normal_93a1u_oqutk_117.awsui_is-focused_93a1u_oqutk_127:not(#\9), .awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113.awsui_variant-primary_93a1u_oqutk_117.awsui_is-focused_93a1u_oqutk_127:not(#\9) {
|
|
128
128
|
border-color: var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
129
129
|
box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
130
130
|
}
|
|
131
|
-
.awsui_item-
|
|
131
|
+
.awsui_item-element_93a1u_oqutk_93.awsui_variant-navigation_93a1u_oqutk_131.awsui_highlighted_93a1u_oqutk_113:not(#\9) {
|
|
132
132
|
color: var(--color-text-accent-n2acxv, #0972d3);
|
|
133
133
|
}
|
|
134
|
-
.awsui_item-
|
|
134
|
+
.awsui_item-element_93a1u_oqutk_93.awsui_variant-navigation_93a1u_oqutk_131.awsui_first_93a1u_oqutk_134:not(#\9):not(.awsui_has-category-header_93a1u_oqutk_134) {
|
|
135
135
|
padding-top: var(--space-xxs-p8yyaw, 4px);
|
|
136
136
|
}
|
|
137
|
-
.awsui_item-
|
|
137
|
+
.awsui_item-element_93a1u_oqutk_93.awsui_variant-navigation_93a1u_oqutk_131.awsui_last_93a1u_oqutk_110:not(#\9) {
|
|
138
138
|
padding-bottom: var(--space-xxs-p8yyaw, 4px);
|
|
139
139
|
}
|
|
140
|
-
.awsui_item-
|
|
140
|
+
.awsui_item-element_93a1u_oqutk_93.awsui_variant-navigation_93a1u_oqutk_131.awsui_first_93a1u_oqutk_134.awsui_last_93a1u_oqutk_110:not(#\9) {
|
|
141
141
|
padding-bottom: var(--space-xxs-p8yyaw, 4px);
|
|
142
142
|
padding-top: var(--space-xxs-p8yyaw, 4px);
|
|
143
143
|
}
|
|
144
|
-
.awsui_item-
|
|
144
|
+
.awsui_item-element_93a1u_oqutk_93.awsui_variant-navigation_93a1u_oqutk_131.awsui_last_93a1u_oqutk_110:not(#\9):last-child {
|
|
145
145
|
padding-bottom: var(--space-xxs-p8yyaw, 4px);
|
|
146
146
|
}
|
|
147
147
|
|
|
148
|
-
.awsui_menu-
|
|
148
|
+
.awsui_menu-item_93a1u_oqutk_148:not(#\9) {
|
|
149
149
|
min-width: 0;
|
|
150
150
|
-ms-word-break: break-all;
|
|
151
151
|
word-break: break-word;
|
|
@@ -156,18 +156,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
156
156
|
text-decoration: none;
|
|
157
157
|
/* stylelint-disable-next-line selector-max-type */
|
|
158
158
|
}
|
|
159
|
-
.awsui_menu-
|
|
159
|
+
.awsui_menu-item_93a1u_oqutk_148:not(#\9):focus {
|
|
160
160
|
outline: none;
|
|
161
161
|
}
|
|
162
|
-
.awsui_has-category-
|
|
162
|
+
.awsui_has-category-header_93a1u_oqutk_134 > .awsui_menu-item_93a1u_oqutk_148:not(#\9), .awsui_has-category-header_93a1u_oqutk_134 > span > .awsui_menu-item_93a1u_oqutk_148:not(#\9) {
|
|
163
163
|
padding-left: calc(var(--space-s-34lx8l, 12px) + var(--space-button-horizontal-8jxzea, 20px));
|
|
164
164
|
}
|
|
165
165
|
|
|
166
|
-
.
|
|
166
|
+
.awsui_icon_93a1u_oqutk_166:not(#\9) {
|
|
167
167
|
padding-right: var(--space-xs-zb16t3, 8px);
|
|
168
168
|
flex-shrink: 0;
|
|
169
169
|
}
|
|
170
170
|
|
|
171
|
-
.awsui_external-
|
|
171
|
+
.awsui_external-icon_93a1u_oqutk_171:not(#\9) {
|
|
172
172
|
margin-left: var(--space-xxs-p8yyaw, 4px);
|
|
173
173
|
}
|
|
@@ -2,20 +2,20 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"item-element": "awsui_item-
|
|
6
|
-
"disabled": "
|
|
7
|
-
"last": "
|
|
8
|
-
"highlighted": "
|
|
9
|
-
"variant-icon": "awsui_variant-
|
|
10
|
-
"variant-inline-icon": "awsui_variant-inline-
|
|
11
|
-
"variant-normal": "awsui_variant-
|
|
12
|
-
"variant-primary": "awsui_variant-
|
|
13
|
-
"is-focused": "awsui_is-
|
|
14
|
-
"variant-navigation": "awsui_variant-
|
|
15
|
-
"first": "
|
|
16
|
-
"has-category-header": "awsui_has-category-
|
|
17
|
-
"menu-item": "awsui_menu-
|
|
18
|
-
"icon": "
|
|
19
|
-
"external-icon": "awsui_external-
|
|
5
|
+
"item-element": "awsui_item-element_93a1u_oqutk_93",
|
|
6
|
+
"disabled": "awsui_disabled_93a1u_oqutk_103",
|
|
7
|
+
"last": "awsui_last_93a1u_oqutk_110",
|
|
8
|
+
"highlighted": "awsui_highlighted_93a1u_oqutk_113",
|
|
9
|
+
"variant-icon": "awsui_variant-icon_93a1u_oqutk_117",
|
|
10
|
+
"variant-inline-icon": "awsui_variant-inline-icon_93a1u_oqutk_117",
|
|
11
|
+
"variant-normal": "awsui_variant-normal_93a1u_oqutk_117",
|
|
12
|
+
"variant-primary": "awsui_variant-primary_93a1u_oqutk_117",
|
|
13
|
+
"is-focused": "awsui_is-focused_93a1u_oqutk_127",
|
|
14
|
+
"variant-navigation": "awsui_variant-navigation_93a1u_oqutk_131",
|
|
15
|
+
"first": "awsui_first_93a1u_oqutk_134",
|
|
16
|
+
"has-category-header": "awsui_has-category-header_93a1u_oqutk_134",
|
|
17
|
+
"menu-item": "awsui_menu-item_93a1u_oqutk_148",
|
|
18
|
+
"icon": "awsui_icon_93a1u_oqutk_166",
|
|
19
|
+
"external-icon": "awsui_external-icon_93a1u_oqutk_171"
|
|
20
20
|
};
|
|
21
21
|
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"button-dropdown": "awsui_button-
|
|
5
|
-
"items-list-container": "awsui_items-list-
|
|
6
|
-
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-
|
|
7
|
-
"rotate-up": "awsui_rotate-
|
|
8
|
-
"rotate-down": "awsui_rotate-
|
|
9
|
-
"header": "
|
|
10
|
-
"title": "
|
|
11
|
-
"description": "
|
|
12
|
-
"split-trigger-wrapper": "awsui_split-trigger-
|
|
13
|
-
"trigger-item": "awsui_trigger-
|
|
14
|
-
"trigger-button": "awsui_trigger-
|
|
15
|
-
"visual-refresh": "awsui_visual-
|
|
16
|
-
"split-trigger": "awsui_split-
|
|
17
|
-
"dropdown-trigger": "awsui_dropdown-
|
|
4
|
+
"button-dropdown": "awsui_button-dropdown_sne0l_15mtc_93",
|
|
5
|
+
"items-list-container": "awsui_items-list-container_sne0l_15mtc_97",
|
|
6
|
+
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_15mtc_1",
|
|
7
|
+
"rotate-up": "awsui_rotate-up_sne0l_15mtc_114",
|
|
8
|
+
"rotate-down": "awsui_rotate-down_sne0l_15mtc_129",
|
|
9
|
+
"header": "awsui_header_sne0l_15mtc_144",
|
|
10
|
+
"title": "awsui_title_sne0l_15mtc_153",
|
|
11
|
+
"description": "awsui_description_sne0l_15mtc_154",
|
|
12
|
+
"split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_15mtc_158",
|
|
13
|
+
"trigger-item": "awsui_trigger-item_sne0l_15mtc_161",
|
|
14
|
+
"trigger-button": "awsui_trigger-button_sne0l_15mtc_164",
|
|
15
|
+
"visual-refresh": "awsui_visual-refresh_sne0l_15mtc_176",
|
|
16
|
+
"split-trigger": "awsui_split-trigger_sne0l_15mtc_158",
|
|
17
|
+
"dropdown-trigger": "awsui_dropdown-trigger_sne0l_15mtc_184"
|
|
18
18
|
};
|
|
19
19
|
|
|
@@ -90,97 +90,97 @@ 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
|
-
.awsui_button-
|
|
93
|
+
.awsui_button-dropdown_sne0l_15mtc_93:not(#\9) {
|
|
94
94
|
display: inline-block;
|
|
95
95
|
}
|
|
96
96
|
|
|
97
|
-
.awsui_items-list-
|
|
97
|
+
.awsui_items-list-container_sne0l_15mtc_97:not(#\9) {
|
|
98
98
|
padding: 0;
|
|
99
99
|
margin: 0;
|
|
100
|
-
animation: awsui_awsui-motion-fade-in-
|
|
100
|
+
animation: awsui_awsui-motion-fade-in-0_sne0l_15mtc_1 500ms var(--motion-easing-show-quick-vc5zgd, ease-out);
|
|
101
101
|
animation-fill-mode: none;
|
|
102
102
|
}
|
|
103
103
|
@media (prefers-reduced-motion: reduce) {
|
|
104
|
-
.awsui_items-list-
|
|
104
|
+
.awsui_items-list-container_sne0l_15mtc_97:not(#\9) {
|
|
105
105
|
animation: none;
|
|
106
106
|
transition: none;
|
|
107
107
|
}
|
|
108
108
|
}
|
|
109
|
-
.awsui-motion-disabled .awsui_items-list-
|
|
109
|
+
.awsui-motion-disabled .awsui_items-list-container_sne0l_15mtc_97:not(#\9), .awsui-mode-entering .awsui_items-list-container_sne0l_15mtc_97:not(#\9) {
|
|
110
110
|
animation: none;
|
|
111
111
|
transition: none;
|
|
112
112
|
}
|
|
113
113
|
|
|
114
|
-
.awsui_rotate-
|
|
114
|
+
.awsui_rotate-up_sne0l_15mtc_114:not(#\9) {
|
|
115
115
|
transform: rotate(-180deg);
|
|
116
116
|
transition: transform var(--motion-duration-rotate-180-dpvl4m, 135ms) var(--motion-easing-rotate-180-e270ko, cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
117
117
|
}
|
|
118
118
|
@media (prefers-reduced-motion: reduce) {
|
|
119
|
-
.awsui_rotate-
|
|
119
|
+
.awsui_rotate-up_sne0l_15mtc_114:not(#\9) {
|
|
120
120
|
animation: none;
|
|
121
121
|
transition: none;
|
|
122
122
|
}
|
|
123
123
|
}
|
|
124
|
-
.awsui-motion-disabled .awsui_rotate-
|
|
124
|
+
.awsui-motion-disabled .awsui_rotate-up_sne0l_15mtc_114:not(#\9), .awsui-mode-entering .awsui_rotate-up_sne0l_15mtc_114:not(#\9) {
|
|
125
125
|
animation: none;
|
|
126
126
|
transition: none;
|
|
127
127
|
}
|
|
128
128
|
|
|
129
|
-
.awsui_rotate-
|
|
129
|
+
.awsui_rotate-down_sne0l_15mtc_129:not(#\9) {
|
|
130
130
|
transform: rotate(0deg);
|
|
131
131
|
transition: transform var(--motion-duration-rotate-180-dpvl4m, 135ms) var(--motion-easing-rotate-180-e270ko, cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
132
132
|
}
|
|
133
133
|
@media (prefers-reduced-motion: reduce) {
|
|
134
|
-
.awsui_rotate-
|
|
134
|
+
.awsui_rotate-down_sne0l_15mtc_129:not(#\9) {
|
|
135
135
|
animation: none;
|
|
136
136
|
transition: none;
|
|
137
137
|
}
|
|
138
138
|
}
|
|
139
|
-
.awsui-motion-disabled .awsui_rotate-
|
|
139
|
+
.awsui-motion-disabled .awsui_rotate-down_sne0l_15mtc_129:not(#\9), .awsui-mode-entering .awsui_rotate-down_sne0l_15mtc_129:not(#\9) {
|
|
140
140
|
animation: none;
|
|
141
141
|
transition: none;
|
|
142
142
|
}
|
|
143
143
|
|
|
144
|
-
.
|
|
144
|
+
.awsui_header_sne0l_15mtc_144:not(#\9) {
|
|
145
145
|
display: flex;
|
|
146
146
|
flex-direction: column;
|
|
147
147
|
list-style: none;
|
|
148
148
|
padding: var(--space-s-34lx8l, 12px) var(--space-l-t419sm, 20px);
|
|
149
149
|
border: var(--border-field-width-09w7vk, 2px) solid transparent;
|
|
150
|
-
border-bottom: var(--border-field-width-09w7vk, 2px) solid var(--color-border-dropdown-group-
|
|
150
|
+
border-bottom: var(--border-field-width-09w7vk, 2px) solid var(--color-border-dropdown-group-zgquz8, #e9ebed);
|
|
151
151
|
}
|
|
152
152
|
|
|
153
|
-
.
|
|
154
|
-
.
|
|
153
|
+
.awsui_title_sne0l_15mtc_153:not(#\9),
|
|
154
|
+
.awsui_description_sne0l_15mtc_154:not(#\9) {
|
|
155
155
|
color: var(--color-text-dropdown-header-ga95zo, #000716);
|
|
156
156
|
}
|
|
157
157
|
|
|
158
|
-
.awsui_split-trigger-
|
|
158
|
+
.awsui_split-trigger-wrapper_sne0l_15mtc_158:not(#\9) {
|
|
159
159
|
display: flex;
|
|
160
160
|
}
|
|
161
|
-
.awsui_split-trigger-
|
|
161
|
+
.awsui_split-trigger-wrapper_sne0l_15mtc_158 > .awsui_trigger-item_sne0l_15mtc_161 > button:not(#\9):focus {
|
|
162
162
|
z-index: 1;
|
|
163
163
|
}
|
|
164
|
-
.awsui_split-trigger-
|
|
164
|
+
.awsui_split-trigger-wrapper_sne0l_15mtc_158 > .awsui_trigger-item_sne0l_15mtc_161:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_15mtc_164 {
|
|
165
165
|
border-top-right-radius: 0;
|
|
166
166
|
border-bottom-right-radius: 0;
|
|
167
167
|
padding-right: var(--space-xs-zb16t3, 8px);
|
|
168
168
|
margin-right: var(--space-xxxs-zbmxqb, 2px);
|
|
169
169
|
}
|
|
170
|
-
.awsui_split-trigger-
|
|
170
|
+
.awsui_split-trigger-wrapper_sne0l_15mtc_158 > .awsui_trigger-item_sne0l_15mtc_161:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_15mtc_164 {
|
|
171
171
|
border-top-left-radius: 0;
|
|
172
172
|
border-bottom-left-radius: 0;
|
|
173
173
|
padding-left: calc(var(--space-xs-zb16t3, 8px) - 2px);
|
|
174
174
|
padding-right: calc(var(--space-xs-zb16t3, 8px) - 2px);
|
|
175
175
|
}
|
|
176
|
-
.awsui_split-trigger-
|
|
176
|
+
.awsui_split-trigger-wrapper_sne0l_15mtc_158 > .awsui_trigger-item_sne0l_15mtc_161:not(#\9):not(:first-child).awsui_visual-refresh_sne0l_15mtc_176 > .awsui_trigger-button_sne0l_15mtc_164 {
|
|
177
177
|
padding-right: calc(var(--space-s-34lx8l, 12px) - 2px);
|
|
178
178
|
}
|
|
179
179
|
|
|
180
|
-
.awsui_split-
|
|
180
|
+
.awsui_split-trigger_sne0l_15mtc_158:not(#\9) {
|
|
181
181
|
display: contents;
|
|
182
182
|
}
|
|
183
183
|
|
|
184
|
-
.awsui_dropdown-
|
|
184
|
+
.awsui_dropdown-trigger_sne0l_15mtc_184:not(#\9) {
|
|
185
185
|
display: contents;
|
|
186
186
|
}
|
|
@@ -2,19 +2,19 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"button-dropdown": "awsui_button-
|
|
6
|
-
"items-list-container": "awsui_items-list-
|
|
7
|
-
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-
|
|
8
|
-
"rotate-up": "awsui_rotate-
|
|
9
|
-
"rotate-down": "awsui_rotate-
|
|
10
|
-
"header": "
|
|
11
|
-
"title": "
|
|
12
|
-
"description": "
|
|
13
|
-
"split-trigger-wrapper": "awsui_split-trigger-
|
|
14
|
-
"trigger-item": "awsui_trigger-
|
|
15
|
-
"trigger-button": "awsui_trigger-
|
|
16
|
-
"visual-refresh": "awsui_visual-
|
|
17
|
-
"split-trigger": "awsui_split-
|
|
18
|
-
"dropdown-trigger": "awsui_dropdown-
|
|
5
|
+
"button-dropdown": "awsui_button-dropdown_sne0l_15mtc_93",
|
|
6
|
+
"items-list-container": "awsui_items-list-container_sne0l_15mtc_97",
|
|
7
|
+
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_15mtc_1",
|
|
8
|
+
"rotate-up": "awsui_rotate-up_sne0l_15mtc_114",
|
|
9
|
+
"rotate-down": "awsui_rotate-down_sne0l_15mtc_129",
|
|
10
|
+
"header": "awsui_header_sne0l_15mtc_144",
|
|
11
|
+
"title": "awsui_title_sne0l_15mtc_153",
|
|
12
|
+
"description": "awsui_description_sne0l_15mtc_154",
|
|
13
|
+
"split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_15mtc_158",
|
|
14
|
+
"trigger-item": "awsui_trigger-item_sne0l_15mtc_161",
|
|
15
|
+
"trigger-button": "awsui_trigger-button_sne0l_15mtc_164",
|
|
16
|
+
"visual-refresh": "awsui_visual-refresh_sne0l_15mtc_176",
|
|
17
|
+
"split-trigger": "awsui_split-trigger_sne0l_15mtc_158",
|
|
18
|
+
"dropdown-trigger": "awsui_dropdown-trigger_sne0l_15mtc_184"
|
|
19
19
|
};
|
|
20
20
|
|
package/code-editor/listeners.js
CHANGED
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
import { useEffect } from 'react';
|
|
4
4
|
import { fireNonCancelableEvent } from '../internal/events';
|
|
5
5
|
import { useDebounceCallback } from '../internal/hooks/use-debounce-callback';
|
|
6
|
-
import {
|
|
6
|
+
import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
|
|
7
7
|
export function useChangeEffect(editor, onChange, onDelayedChange) {
|
|
8
8
|
const debouncedChangeHandler = useDebounceCallback((detail) => {
|
|
9
9
|
fireNonCancelableEvent(onDelayedChange, detail);
|
|
10
10
|
}, 0);
|
|
11
|
-
const handleChange =
|
|
11
|
+
const handleChange = useStableCallback(() => {
|
|
12
12
|
const changeDetail = { value: (editor === null || editor === void 0 ? void 0 : editor.getValue()) || '' };
|
|
13
13
|
fireNonCancelableEvent(onChange, changeDetail);
|
|
14
14
|
debouncedChangeHandler(changeDetail);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"listeners.js","sourceRoot":"lib/default/","sources":["code-editor/listeners.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,sBAAsB,EAA6B,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"listeners.js","sourceRoot":"lib/default/","sources":["code-editor/listeners.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,sBAAsB,EAA6B,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAElF,MAAM,UAAU,eAAe,CAC7B,MAAmB,EACnB,QAAkE,EAClE,eAAyE;IAEzE,MAAM,sBAAsB,GAAG,mBAAmB,CAAC,CAAC,MAAoC,EAAE,EAAE;QAC1F,sBAAsB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,CAAC,CAAC;IACN,MAAM,YAAY,GAAG,iBAAiB,CAAC,GAAG,EAAE;QAC1C,MAAM,YAAY,GAAG,EAAE,KAAK,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,EAAE,KAAI,EAAE,EAAE,CAAC;QACzD,sBAAsB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAC/C,sBAAsB,CAAC,YAAY,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IACH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,EAAE;YACX,OAAO;SACR;QAED,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAClC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;AAC7B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useEffect } from 'react';\nimport { Ace } from 'ace-builds';\nimport { CodeEditorProps } from './interfaces';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { useDebounceCallback } from '../internal/hooks/use-debounce-callback';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\nexport function useChangeEffect(\n editor?: Ace.Editor,\n onChange?: NonCancelableEventHandler<CodeEditorProps.ChangeDetail>,\n onDelayedChange?: NonCancelableEventHandler<CodeEditorProps.ChangeDetail>\n) {\n const debouncedChangeHandler = useDebounceCallback((detail: CodeEditorProps.ChangeDetail) => {\n fireNonCancelableEvent(onDelayedChange, detail);\n }, 0);\n const handleChange = useStableCallback(() => {\n const changeDetail = { value: editor?.getValue() || '' };\n fireNonCancelableEvent(onChange, changeDetail);\n debouncedChangeHandler(changeDetail);\n });\n useEffect(() => {\n if (!editor) {\n return;\n }\n\n editor.on('change', handleChange);\n return () => editor.off('change', handleChange);\n }, [editor, handleChange]);\n}\n"]}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
2
|
// SPDX-License-Identifier: Apache-2.0
|
|
3
3
|
import React, { useEffect, useRef, useState } from 'react';
|
|
4
|
-
import { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';
|
|
5
4
|
import styles from './styles.css.js';
|
|
5
|
+
import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
|
|
6
6
|
export function ResizableBox({ children, height, minHeight, onResize }) {
|
|
7
7
|
const [dragOffset, setDragOffset] = useState(null);
|
|
8
|
-
const onResizeStable =
|
|
8
|
+
const onResizeStable = useStableCallback(onResize);
|
|
9
9
|
const containerRef = useRef(null);
|
|
10
10
|
const onMouseDown = event => {
|
|
11
11
|
if (event.button !== 0 || !containerRef.current) {
|