@cloudscape-design/components 3.0.175 → 3.0.177
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/alert/styles.css.js +19 -19
- package/alert/styles.scoped.css +35 -31
- package/alert/styles.selectors.js +19 -19
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +31 -29
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/area-chart/styles.css.js +13 -13
- package/area-chart/styles.scoped.css +18 -16
- package/area-chart/styles.selectors.js +13 -13
- package/attribute-editor/styles.css.js +14 -14
- package/attribute-editor/styles.scoped.css +26 -24
- package/attribute-editor/styles.selectors.js +14 -14
- package/autosuggest/internal.d.ts.map +1 -1
- package/autosuggest/internal.js +2 -2
- package/autosuggest/internal.js.map +1 -1
- package/badge/styles.css.js +5 -5
- package/badge/styles.scoped.css +7 -5
- package/badge/styles.selectors.js +5 -5
- package/box/styles.css.js +189 -189
- package/box/styles.scoped.css +236 -234
- package/box/styles.selectors.js +189 -189
- package/breadcrumb-group/styles.css.js +6 -6
- package/breadcrumb-group/styles.scoped.css +15 -11
- package/breadcrumb-group/styles.selectors.js +6 -6
- package/button/styles.css.js +18 -18
- package/button/styles.scoped.css +138 -136
- package/button/styles.selectors.js +18 -18
- package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
- package/button-dropdown/mobile-expandable-group/styles.scoped.css +7 -5
- package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
- package/calendar/styles.css.js +18 -18
- package/calendar/styles.scoped.css +40 -38
- package/calendar/styles.selectors.js +18 -18
- package/cards/styles.css.js +37 -37
- package/cards/styles.scoped.css +48 -44
- package/cards/styles.selectors.js +37 -37
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +7 -5
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/styles.css.js +32 -32
- package/code-editor/styles.scoped.css +111 -109
- package/code-editor/styles.selectors.js +32 -32
- package/column-layout/styles.css.js +13 -13
- package/column-layout/styles.scoped.css +45 -43
- package/column-layout/styles.selectors.js +13 -13
- package/container/index.d.ts.map +1 -1
- package/container/index.js +1 -1
- package/container/index.js.map +1 -1
- package/container/styles.css.js +17 -17
- package/container/styles.scoped.css +29 -27
- package/container/styles.selectors.js +17 -17
- package/date-picker/styles.css.js +7 -7
- package/date-picker/styles.scoped.css +11 -9
- package/date-picker/styles.selectors.js +7 -7
- package/date-range-picker/styles.css.js +38 -38
- package/date-range-picker/styles.scoped.css +47 -45
- package/date-range-picker/styles.selectors.js +38 -38
- package/expandable-section/styles.css.js +21 -21
- package/expandable-section/styles.scoped.css +44 -42
- package/expandable-section/styles.selectors.js +21 -21
- package/flashbar/styles.css.js +33 -33
- package/flashbar/styles.scoped.css +117 -115
- package/flashbar/styles.selectors.js +33 -33
- package/form/styles.css.js +8 -8
- package/form/styles.scoped.css +10 -8
- package/form/styles.selectors.js +8 -8
- package/form-field/styles.css.js +19 -19
- package/form-field/styles.scoped.css +31 -29
- package/form-field/styles.selectors.js +19 -19
- package/grid/styles.css.js +53 -53
- package/grid/styles.scoped.css +56 -54
- package/grid/styles.selectors.js +53 -53
- package/header/styles.css.js +44 -44
- package/header/styles.scoped.css +49 -47
- package/header/styles.selectors.js +44 -44
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +60 -58
- package/help-panel/styles.selectors.js +4 -4
- package/icon/icons.js +1 -1
- package/input/index.d.ts.map +1 -1
- package/input/index.js +2 -2
- package/input/index.js.map +1 -1
- package/input/interfaces.d.ts +4 -0
- package/input/interfaces.d.ts.map +1 -1
- package/input/interfaces.js.map +1 -1
- package/input/internal.d.ts +0 -1
- package/input/internal.d.ts.map +1 -1
- package/input/internal.js +16 -14
- package/input/internal.js.map +1 -1
- package/input/styles.css.js +12 -13
- package/input/styles.scoped.css +35 -41
- package/input/styles.selectors.js +12 -13
- package/internal/components/autosuggest-input/index.d.ts +1 -0
- package/internal/components/autosuggest-input/index.d.ts.map +1 -1
- package/internal/components/autosuggest-input/index.js +2 -2
- package/internal/components/autosuggest-input/index.js.map +1 -1
- package/internal/components/button-trigger/styles.css.js +9 -9
- package/internal/components/button-trigger/styles.scoped.css +25 -23
- package/internal/components/button-trigger/styles.selectors.js +9 -9
- package/internal/components/chart-filter/styles.css.js +3 -3
- package/internal/components/chart-filter/styles.scoped.css +5 -3
- package/internal/components/chart-filter/styles.selectors.js +3 -3
- package/internal/components/chart-legend/styles.css.js +6 -6
- package/internal/components/chart-legend/styles.scoped.css +17 -15
- package/internal/components/chart-legend/styles.selectors.js +6 -6
- package/internal/components/chart-popover/styles.css.js +3 -3
- package/internal/components/chart-popover/styles.scoped.css +5 -3
- package/internal/components/chart-popover/styles.selectors.js +3 -3
- package/internal/components/chart-series-details/styles.css.js +5 -5
- package/internal/components/chart-series-details/styles.scoped.css +12 -8
- package/internal/components/chart-series-details/styles.selectors.js +5 -5
- package/internal/components/chart-series-marker/styles.css.js +5 -5
- package/internal/components/chart-series-marker/styles.scoped.css +9 -7
- package/internal/components/chart-series-marker/styles.selectors.js +5 -5
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +37 -35
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/components/dropdown-footer/styles.css.js +3 -3
- package/internal/components/dropdown-footer/styles.scoped.css +5 -3
- package/internal/components/dropdown-footer/styles.selectors.js +3 -3
- package/internal/components/dropdown-status/styles.css.js +2 -2
- package/internal/components/dropdown-status/styles.scoped.css +4 -2
- package/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/internal/components/focus-lock/index.d.ts +2 -1
- package/internal/components/focus-lock/index.d.ts.map +1 -1
- package/internal/components/focus-lock/index.js +28 -5
- package/internal/components/focus-lock/index.js.map +1 -1
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +15 -13
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/components/option/styles.css.js +15 -15
- package/internal/components/option/styles.scoped.css +27 -25
- package/internal/components/option/styles.selectors.js +15 -15
- package/internal/components/options-list/styles.css.js +2 -2
- package/internal/components/options-list/styles.scoped.css +4 -2
- package/internal/components/options-list/styles.selectors.js +2 -2
- package/internal/components/selectable-item/styles.css.js +16 -16
- package/internal/components/selectable-item/styles.scoped.css +29 -27
- package/internal/components/selectable-item/styles.selectors.js +16 -16
- package/internal/components/tab-trap/index.d.ts +7 -4
- package/internal/components/tab-trap/index.d.ts.map +1 -1
- package/internal/components/tab-trap/index.js +5 -3
- package/internal/components/tab-trap/index.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/hooks/use-merge-refs/index.d.ts +1 -1
- package/internal/hooks/use-merge-refs/index.d.ts.map +1 -1
- package/internal/hooks/use-merge-refs/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +73 -71
- package/link/styles.selectors.js +20 -20
- package/mixed-line-bar-chart/styles.css.js +19 -19
- package/mixed-line-bar-chart/styles.scoped.css +28 -26
- package/mixed-line-bar-chart/styles.selectors.js +19 -19
- package/modal/internal.d.ts.map +1 -1
- package/modal/internal.js +2 -9
- package/modal/internal.js.map +1 -1
- package/modal/styles.css.js +22 -22
- package/modal/styles.scoped.css +42 -38
- package/modal/styles.selectors.js +22 -22
- package/multiselect/internal.d.ts.map +1 -1
- package/multiselect/internal.js +2 -2
- package/multiselect/internal.js.map +1 -1
- package/multiselect/styles.css.js +1 -1
- package/multiselect/styles.scoped.css +3 -1
- package/multiselect/styles.selectors.js +1 -1
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +25 -23
- package/pagination/styles.selectors.js +9 -9
- package/pie-chart/styles.css.js +27 -27
- package/pie-chart/styles.scoped.css +45 -43
- package/pie-chart/styles.selectors.js +27 -27
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +69 -63
- package/popover/styles.selectors.js +50 -50
- package/progress-bar/styles.css.js +18 -18
- package/progress-bar/styles.scoped.css +34 -32
- package/progress-bar/styles.selectors.js +18 -18
- package/property-filter/interfaces.d.ts +1 -0
- package/property-filter/interfaces.d.ts.map +1 -1
- package/property-filter/interfaces.js.map +1 -1
- package/property-filter/styles.css.js +33 -33
- package/property-filter/styles.scoped.css +37 -35
- package/property-filter/styles.selectors.js +33 -33
- package/property-filter/token-editor.d.ts.map +1 -1
- package/property-filter/token-editor.js +1 -1
- package/property-filter/token-editor.js.map +1 -1
- package/radio-group/styles.css.js +9 -9
- package/radio-group/styles.scoped.css +17 -15
- package/radio-group/styles.selectors.js +9 -9
- package/s3-resource-selector/interfaces.d.ts +1 -0
- package/s3-resource-selector/interfaces.d.ts.map +1 -1
- package/s3-resource-selector/interfaces.js.map +1 -1
- package/s3-resource-selector/s3-in-context/index.d.ts.map +1 -1
- package/s3-resource-selector/s3-in-context/index.js +1 -1
- package/s3-resource-selector/s3-in-context/index.js.map +1 -1
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +35 -33
- package/segmented-control/styles.selectors.js +14 -14
- package/select/interfaces.d.ts +4 -0
- package/select/interfaces.d.ts.map +1 -1
- package/select/interfaces.js.map +1 -1
- package/select/internal.d.ts.map +1 -1
- package/select/internal.js +2 -2
- package/select/internal.js.map +1 -1
- package/select/parts/filter.d.ts +1 -1
- package/select/parts/filter.d.ts.map +1 -1
- package/select/styles.css.js +1 -1
- package/select/styles.scoped.css +3 -1
- package/select/styles.selectors.js +1 -1
- package/side-navigation/internal.js +1 -1
- package/side-navigation/internal.js.map +1 -1
- package/side-navigation/styles.css.js +22 -22
- package/side-navigation/styles.scoped.css +37 -32
- package/side-navigation/styles.selectors.js +22 -22
- package/split-panel/styles.css.js +59 -59
- package/split-panel/styles.scoped.css +83 -81
- package/split-panel/styles.selectors.js +59 -59
- package/status-indicator/styles.css.js +20 -20
- package/status-indicator/styles.scoped.css +28 -26
- package/status-indicator/styles.selectors.js +20 -20
- package/table/styles.css.js +33 -33
- package/table/styles.scoped.css +41 -39
- package/table/styles.selectors.js +33 -33
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +40 -38
- package/tabs/styles.selectors.js +21 -21
- package/tag-editor/index.d.ts.map +1 -1
- package/tag-editor/index.js +2 -2
- package/tag-editor/index.js.map +1 -1
- package/tag-editor/interfaces.d.ts +1 -0
- package/tag-editor/interfaces.d.ts.map +1 -1
- package/tag-editor/interfaces.js.map +1 -1
- package/tag-editor/internal.d.ts +1 -0
- package/tag-editor/internal.d.ts.map +1 -1
- package/tag-editor/internal.js +2 -2
- package/tag-editor/internal.js.map +1 -1
- package/test-utils/dom/input/index.js +1 -1
- package/test-utils/dom/input/index.js.map +1 -1
- package/test-utils/selectors/input/index.js +1 -1
- package/test-utils/selectors/input/index.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +62 -60
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/interfaces.d.ts +4 -0
- package/text-filter/interfaces.d.ts.map +1 -1
- package/text-filter/interfaces.js.map +1 -1
- package/text-filter/internal.d.ts.map +1 -1
- package/text-filter/internal.js +3 -3
- package/text-filter/internal.js.map +1 -1
- package/text-filter/styles.css.js +4 -4
- package/text-filter/styles.scoped.css +6 -4
- package/text-filter/styles.selectors.js +4 -4
- package/textarea/styles.css.js +4 -4
- package/textarea/styles.scoped.css +14 -12
- package/textarea/styles.selectors.js +4 -4
- package/tiles/styles.css.js +28 -28
- package/tiles/styles.scoped.css +72 -68
- package/tiles/styles.selectors.js +28 -28
- package/toggle/styles.css.js +8 -8
- package/toggle/styles.scoped.css +15 -13
- package/toggle/styles.selectors.js +8 -8
- package/token-group/styles.css.js +7 -7
- package/token-group/styles.scoped.css +26 -22
- package/token-group/styles.selectors.js +7 -7
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +44 -42
- 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 +72 -66
- 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 -21
- 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 +33 -27
- package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/tutorial-panel/styles.css.js +1 -1
- package/tutorial-panel/styles.scoped.css +3 -1
- package/tutorial-panel/styles.selectors.js +1 -1
- package/wizard/styles.css.js +32 -32
- package/wizard/styles.scoped.css +62 -60
- package/wizard/styles.selectors.js +32 -32
|
@@ -90,16 +90,16 @@ 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_series_y1yrh_fjo38_93 > rect:not(#\9) {
|
|
94
94
|
transition: opacity var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
|
|
95
95
|
}
|
|
96
96
|
@media (prefers-reduced-motion: reduce) {
|
|
97
|
-
.
|
|
97
|
+
.awsui_series_y1yrh_fjo38_93 > rect:not(#\9) {
|
|
98
98
|
animation: none;
|
|
99
99
|
transition: none;
|
|
100
100
|
}
|
|
101
101
|
}
|
|
102
|
-
.awsui-motion-disabled .
|
|
102
|
+
.awsui-motion-disabled .awsui_series_y1yrh_fjo38_93 > rect:not(#\9), .awsui-mode-entering .awsui_series_y1yrh_fjo38_93 > rect:not(#\9) {
|
|
103
103
|
animation: none;
|
|
104
104
|
transition: none;
|
|
105
105
|
}
|
|
@@ -108,7 +108,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
108
108
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
109
109
|
SPDX-License-Identifier: Apache-2.0
|
|
110
110
|
*/
|
|
111
|
-
.
|
|
111
|
+
.awsui_root_y1yrh_fjo38_111:not(#\9) {
|
|
112
112
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
113
113
|
border-collapse: separate;
|
|
114
114
|
border-spacing: 0;
|
|
@@ -143,46 +143,48 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
143
143
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
144
144
|
font-weight: 400;
|
|
145
145
|
font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
146
|
+
-webkit-font-smoothing: auto;
|
|
147
|
+
-moz-osx-font-smoothing: auto;
|
|
146
148
|
position: relative;
|
|
147
149
|
display: block;
|
|
148
150
|
}
|
|
149
151
|
|
|
150
|
-
.awsui_has-default-
|
|
152
|
+
.awsui_has-default-filter_y1yrh_fjo38_126 > :not(#\9):first-child {
|
|
151
153
|
flex: 280px 0 1;
|
|
152
154
|
}
|
|
153
155
|
|
|
154
|
-
.awsui_chart-
|
|
156
|
+
.awsui_chart-container_y1yrh_fjo38_130:not(#\9) {
|
|
155
157
|
display: flex;
|
|
156
158
|
width: 100%;
|
|
157
159
|
flex-direction: column;
|
|
158
160
|
}
|
|
159
161
|
|
|
160
|
-
.awsui_chart-
|
|
162
|
+
.awsui_chart-container__vertical_y1yrh_fjo38_136:not(#\9) {
|
|
161
163
|
display: flex;
|
|
162
164
|
flex-direction: column;
|
|
163
165
|
width: 100%;
|
|
164
166
|
}
|
|
165
167
|
|
|
166
|
-
.awsui_chart-
|
|
168
|
+
.awsui_chart-container__horizontal_y1yrh_fjo38_142:not(#\9) {
|
|
167
169
|
display: flex;
|
|
168
170
|
}
|
|
169
171
|
|
|
170
|
-
.
|
|
172
|
+
.awsui_content_y1yrh_fjo38_146:not(#\9) {
|
|
171
173
|
display: flex;
|
|
172
174
|
position: relative;
|
|
173
175
|
justify-content: center;
|
|
174
176
|
align-items: center;
|
|
175
177
|
}
|
|
176
178
|
|
|
177
|
-
.awsui_content--reserve-
|
|
179
|
+
.awsui_content--reserve-filter_y1yrh_fjo38_153:not(#\9) {
|
|
178
180
|
margin-top: calc(2 * var(--font-body-m-line-height-i7xxvv, 22px));
|
|
179
181
|
}
|
|
180
182
|
|
|
181
|
-
.awsui_content--reserve-
|
|
183
|
+
.awsui_content--reserve-legend_y1yrh_fjo38_157:not(#\9) {
|
|
182
184
|
margin-bottom: calc(2 * var(--font-body-m-line-height-i7xxvv, 22px));
|
|
183
185
|
}
|
|
184
186
|
|
|
185
|
-
.
|
|
187
|
+
.awsui_series_y1yrh_fjo38_93:not(#\9) {
|
|
186
188
|
display: block;
|
|
187
189
|
stroke-width: var(--border-line-chart-width-nj0hc5, 2px);
|
|
188
190
|
fill: none;
|
|
@@ -190,20 +192,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
190
192
|
stroke-linejoin: var(--border-line-chart-line-join-nan7pn, round);
|
|
191
193
|
}
|
|
192
194
|
|
|
193
|
-
.awsui_series--
|
|
195
|
+
.awsui_series--highlighted_y1yrh_fjo38_169:not(#\9) {
|
|
194
196
|
/* used in test-utils */
|
|
195
197
|
}
|
|
196
198
|
|
|
197
|
-
.awsui_series--
|
|
199
|
+
.awsui_series--dimmed_y1yrh_fjo38_173:not(#\9) {
|
|
198
200
|
opacity: 0.3;
|
|
199
201
|
}
|
|
200
202
|
|
|
201
|
-
.awsui_series--
|
|
203
|
+
.awsui_series--threshold_y1yrh_fjo38_177:not(#\9) {
|
|
202
204
|
stroke-dasharray: var(--border-line-chart-dash-array-4wa4ab, 3 5);
|
|
203
205
|
stroke-width: var(--border-line-chart-width-nj0hc5, 2px);
|
|
204
206
|
}
|
|
205
207
|
|
|
206
|
-
.awsui_popover-
|
|
208
|
+
.awsui_popover-divider_y1yrh_fjo38_182:not(#\9) {
|
|
207
209
|
margin: var(--space-xxs-ynfts5, 4px) 0;
|
|
208
210
|
border-bottom: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
209
211
|
}
|
|
@@ -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
|
-
"series": "
|
|
6
|
-
"root": "
|
|
7
|
-
"has-default-filter": "awsui_has-default-
|
|
8
|
-
"chart-container": "awsui_chart-
|
|
9
|
-
"chart-container__vertical": "awsui_chart-
|
|
10
|
-
"chart-container__horizontal": "awsui_chart-
|
|
11
|
-
"content": "
|
|
12
|
-
"content--reserve-filter": "awsui_content--reserve-
|
|
13
|
-
"content--reserve-legend": "awsui_content--reserve-
|
|
14
|
-
"series--highlighted": "awsui_series--
|
|
15
|
-
"series--dimmed": "awsui_series--
|
|
16
|
-
"series--threshold": "awsui_series--
|
|
17
|
-
"popover-divider": "awsui_popover-
|
|
5
|
+
"series": "awsui_series_y1yrh_fjo38_93",
|
|
6
|
+
"root": "awsui_root_y1yrh_fjo38_111",
|
|
7
|
+
"has-default-filter": "awsui_has-default-filter_y1yrh_fjo38_126",
|
|
8
|
+
"chart-container": "awsui_chart-container_y1yrh_fjo38_130",
|
|
9
|
+
"chart-container__vertical": "awsui_chart-container__vertical_y1yrh_fjo38_136",
|
|
10
|
+
"chart-container__horizontal": "awsui_chart-container__horizontal_y1yrh_fjo38_142",
|
|
11
|
+
"content": "awsui_content_y1yrh_fjo38_146",
|
|
12
|
+
"content--reserve-filter": "awsui_content--reserve-filter_y1yrh_fjo38_153",
|
|
13
|
+
"content--reserve-legend": "awsui_content--reserve-legend_y1yrh_fjo38_157",
|
|
14
|
+
"series--highlighted": "awsui_series--highlighted_y1yrh_fjo38_169",
|
|
15
|
+
"series--dimmed": "awsui_series--dimmed_y1yrh_fjo38_173",
|
|
16
|
+
"series--threshold": "awsui_series--threshold_y1yrh_fjo38_177",
|
|
17
|
+
"popover-divider": "awsui_popover-divider_y1yrh_fjo38_182"
|
|
18
18
|
};
|
|
19
19
|
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"empty-appear": "awsui_empty-
|
|
5
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
6
|
-
"root": "
|
|
7
|
-
"empty": "
|
|
8
|
-
"row": "
|
|
9
|
-
"row-control": "awsui_row-
|
|
10
|
-
"field": "
|
|
11
|
-
"add-button": "awsui_add-
|
|
12
|
-
"remove-button": "awsui_remove-
|
|
13
|
-
"button-container-haslabel": "awsui_button-container-
|
|
14
|
-
"button-container-nolabel": "awsui_button-container-
|
|
15
|
-
"divider": "
|
|
16
|
-
"additional-info": "awsui_additional-
|
|
17
|
-
"right-align": "awsui_right-
|
|
4
|
+
"empty-appear": "awsui_empty-appear_n4qlp_1xm04_93",
|
|
5
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1xm04_1",
|
|
6
|
+
"root": "awsui_root_n4qlp_1xm04_119",
|
|
7
|
+
"empty": "awsui_empty_n4qlp_1xm04_93",
|
|
8
|
+
"row": "awsui_row_n4qlp_1xm04_139",
|
|
9
|
+
"row-control": "awsui_row-control_n4qlp_1xm04_143",
|
|
10
|
+
"field": "awsui_field_n4qlp_1xm04_147",
|
|
11
|
+
"add-button": "awsui_add-button_n4qlp_1xm04_151",
|
|
12
|
+
"remove-button": "awsui_remove-button_n4qlp_1xm04_155",
|
|
13
|
+
"button-container-haslabel": "awsui_button-container-haslabel_n4qlp_1xm04_159",
|
|
14
|
+
"button-container-nolabel": "awsui_button-container-nolabel_n4qlp_1xm04_163",
|
|
15
|
+
"divider": "awsui_divider_n4qlp_1xm04_167",
|
|
16
|
+
"additional-info": "awsui_additional-info_n4qlp_1xm04_171",
|
|
17
|
+
"right-align": "awsui_right-align_n4qlp_1xm04_217"
|
|
18
18
|
};
|
|
19
19
|
|
|
@@ -90,10 +90,10 @@ 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_empty-
|
|
94
|
-
animation: awsui_awsui-motion-fade-
|
|
93
|
+
.awsui_empty-appear_n4qlp_1xm04_93:not(#\9) {
|
|
94
|
+
animation: awsui_awsui-motion-fade-in_n4qlp_1xm04_1 var(--motion-duration-transition-show-paced-ai4wlf, 180ms) var(--motion-easing-transition-show-paced-bg1hyg, ease-out);
|
|
95
95
|
}
|
|
96
|
-
@keyframes awsui_awsui-motion-fade-
|
|
96
|
+
@keyframes awsui_awsui-motion-fade-in_n4qlp_1xm04_1 {
|
|
97
97
|
from {
|
|
98
98
|
opacity: 0.2;
|
|
99
99
|
}
|
|
@@ -102,12 +102,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
102
102
|
}
|
|
103
103
|
}
|
|
104
104
|
@media (prefers-reduced-motion: reduce) {
|
|
105
|
-
.awsui_empty-
|
|
105
|
+
.awsui_empty-appear_n4qlp_1xm04_93:not(#\9) {
|
|
106
106
|
animation: none;
|
|
107
107
|
transition: none;
|
|
108
108
|
}
|
|
109
109
|
}
|
|
110
|
-
.awsui-motion-disabled .awsui_empty-
|
|
110
|
+
.awsui-motion-disabled .awsui_empty-appear_n4qlp_1xm04_93:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_1xm04_93:not(#\9) {
|
|
111
111
|
animation: none;
|
|
112
112
|
transition: none;
|
|
113
113
|
}
|
|
@@ -116,7 +116,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
116
116
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
117
117
|
SPDX-License-Identifier: Apache-2.0
|
|
118
118
|
*/
|
|
119
|
-
.
|
|
119
|
+
.awsui_root_n4qlp_1xm04_119:not(#\9) {
|
|
120
120
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
121
121
|
border-collapse: separate;
|
|
122
122
|
border-spacing: 0;
|
|
@@ -151,48 +151,50 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
151
151
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
152
152
|
font-weight: 400;
|
|
153
153
|
font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
154
|
+
-webkit-font-smoothing: auto;
|
|
155
|
+
-moz-osx-font-smoothing: auto;
|
|
154
156
|
display: block;
|
|
155
157
|
}
|
|
156
158
|
|
|
157
|
-
.
|
|
159
|
+
.awsui_empty_n4qlp_1xm04_93:not(#\9) {
|
|
158
160
|
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
159
161
|
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
160
162
|
color: var(--color-text-empty-fjv325, #5f6b7a);
|
|
161
163
|
}
|
|
162
164
|
|
|
163
|
-
.
|
|
165
|
+
.awsui_row_n4qlp_1xm04_139:not(#\9) {
|
|
164
166
|
/* used in test-utils */
|
|
165
167
|
}
|
|
166
168
|
|
|
167
|
-
.awsui_row-
|
|
169
|
+
.awsui_row-control_n4qlp_1xm04_143:not(#\9) {
|
|
168
170
|
/* used in test-utils */
|
|
169
171
|
}
|
|
170
172
|
|
|
171
|
-
.
|
|
173
|
+
.awsui_field_n4qlp_1xm04_147:not(#\9) {
|
|
172
174
|
/* used in test-utils */
|
|
173
175
|
}
|
|
174
176
|
|
|
175
|
-
.awsui_add-
|
|
177
|
+
.awsui_add-button_n4qlp_1xm04_151:not(#\9) {
|
|
176
178
|
/* used in test-utils */
|
|
177
179
|
}
|
|
178
180
|
|
|
179
|
-
.awsui_remove-
|
|
181
|
+
.awsui_remove-button_n4qlp_1xm04_155:not(#\9) {
|
|
180
182
|
/* used in test-utils */
|
|
181
183
|
}
|
|
182
184
|
|
|
183
|
-
.awsui_button-container-
|
|
185
|
+
.awsui_button-container-haslabel_n4qlp_1xm04_159:not(#\9) {
|
|
184
186
|
padding-top: calc(var(--space-xxs-ynfts5, 4px) + var(--font-body-m-line-height-i7xxvv, 22px));
|
|
185
187
|
}
|
|
186
188
|
|
|
187
|
-
.awsui_button-container-
|
|
189
|
+
.awsui_button-container-nolabel_n4qlp_1xm04_163:not(#\9) {
|
|
188
190
|
padding-top: var(--space-xxs-ynfts5, 4px);
|
|
189
191
|
}
|
|
190
192
|
|
|
191
|
-
.
|
|
193
|
+
.awsui_divider_n4qlp_1xm04_167:not(#\9) {
|
|
192
194
|
border-bottom: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
193
195
|
}
|
|
194
196
|
|
|
195
|
-
.awsui_additional-
|
|
197
|
+
.awsui_additional-info_n4qlp_1xm04_171:not(#\9) {
|
|
196
198
|
color: var(--color-text-form-secondary-ih9x7l, #5f6b7a);
|
|
197
199
|
font-size: var(--font-body-s-size-ukw2p9, 12px);
|
|
198
200
|
line-height: var(--font-body-s-line-height-kdsbrl, 16px);
|
|
@@ -202,7 +204,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
202
204
|
margin-top: var(--space-xxs-ynfts5, 4px);
|
|
203
205
|
/* stylelint-disable-next-line selector-max-type */
|
|
204
206
|
}
|
|
205
|
-
.awsui_additional-
|
|
207
|
+
.awsui_additional-info_n4qlp_1xm04_171 > a:not(#\9) {
|
|
206
208
|
color: var(--color-text-link-default-5f186r, #0972d3);
|
|
207
209
|
font-weight: var(--font-link-primary-weight-91pybi, "inherit");
|
|
208
210
|
letter-spacing: var(--font-link-primary-letter-spacing-vmsgcx, "inherit");
|
|
@@ -216,31 +218,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
216
218
|
transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
217
219
|
}
|
|
218
220
|
@media (prefers-reduced-motion: reduce) {
|
|
219
|
-
.awsui_additional-
|
|
221
|
+
.awsui_additional-info_n4qlp_1xm04_171 > a:not(#\9) {
|
|
220
222
|
animation: none;
|
|
221
223
|
transition: none;
|
|
222
224
|
}
|
|
223
225
|
}
|
|
224
|
-
.awsui-motion-disabled .awsui_additional-
|
|
226
|
+
.awsui-motion-disabled .awsui_additional-info_n4qlp_1xm04_171 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_1xm04_171 > a:not(#\9) {
|
|
225
227
|
animation: none;
|
|
226
228
|
transition: none;
|
|
227
229
|
}
|
|
228
|
-
.awsui_additional-
|
|
230
|
+
.awsui_additional-info_n4qlp_1xm04_171 > a:not(#\9):hover {
|
|
229
231
|
cursor: pointer;
|
|
230
232
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
231
233
|
}
|
|
232
|
-
.awsui_additional-
|
|
234
|
+
.awsui_additional-info_n4qlp_1xm04_171 > a:not(#\9):focus {
|
|
233
235
|
outline: none;
|
|
234
236
|
}
|
|
235
|
-
.awsui_additional-
|
|
237
|
+
.awsui_additional-info_n4qlp_1xm04_171 > a:not(#\9):active {
|
|
236
238
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
237
239
|
}
|
|
238
|
-
.awsui_additional-
|
|
240
|
+
.awsui_additional-info_n4qlp_1xm04_171 > a:not(#\9):active, .awsui_additional-info_n4qlp_1xm04_171 > a:not(#\9):focus, .awsui_additional-info_n4qlp_1xm04_171 > a:not(#\9):hover {
|
|
239
241
|
text-decoration: underline;
|
|
240
242
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
241
243
|
text-decoration-color: currentColor;
|
|
242
244
|
}
|
|
243
245
|
|
|
244
|
-
.awsui_right-
|
|
246
|
+
.awsui_right-align_n4qlp_1xm04_217:not(#\9) {
|
|
245
247
|
float: right;
|
|
246
248
|
}
|
|
@@ -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
|
-
"empty-appear": "awsui_empty-
|
|
6
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
7
|
-
"root": "
|
|
8
|
-
"empty": "
|
|
9
|
-
"row": "
|
|
10
|
-
"row-control": "awsui_row-
|
|
11
|
-
"field": "
|
|
12
|
-
"add-button": "awsui_add-
|
|
13
|
-
"remove-button": "awsui_remove-
|
|
14
|
-
"button-container-haslabel": "awsui_button-container-
|
|
15
|
-
"button-container-nolabel": "awsui_button-container-
|
|
16
|
-
"divider": "
|
|
17
|
-
"additional-info": "awsui_additional-
|
|
18
|
-
"right-align": "awsui_right-
|
|
5
|
+
"empty-appear": "awsui_empty-appear_n4qlp_1xm04_93",
|
|
6
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1xm04_1",
|
|
7
|
+
"root": "awsui_root_n4qlp_1xm04_119",
|
|
8
|
+
"empty": "awsui_empty_n4qlp_1xm04_93",
|
|
9
|
+
"row": "awsui_row_n4qlp_1xm04_139",
|
|
10
|
+
"row-control": "awsui_row-control_n4qlp_1xm04_143",
|
|
11
|
+
"field": "awsui_field_n4qlp_1xm04_147",
|
|
12
|
+
"add-button": "awsui_add-button_n4qlp_1xm04_151",
|
|
13
|
+
"remove-button": "awsui_remove-button_n4qlp_1xm04_155",
|
|
14
|
+
"button-container-haslabel": "awsui_button-container-haslabel_n4qlp_1xm04_159",
|
|
15
|
+
"button-container-nolabel": "awsui_button-container-nolabel_n4qlp_1xm04_163",
|
|
16
|
+
"divider": "awsui_divider_n4qlp_1xm04_167",
|
|
17
|
+
"additional-info": "awsui_additional-info_n4qlp_1xm04_171",
|
|
18
|
+
"right-align": "awsui_right-align_n4qlp_1xm04_217"
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/autosuggest/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAmB,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAgBjE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAQlF,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB,EAAE,0BAA0B;CAAG;AAEjG,QAAA,MAAM,mBAAmB,
|
|
1
|
+
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/autosuggest/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAmB,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAgBjE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAQlF,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB,EAAE,0BAA0B;CAAG;AAEjG,QAAA,MAAM,mBAAmB,uGAmLvB,CAAC;AAEH,eAAe,mBAAmB,CAAC"}
|
package/autosuggest/internal.js
CHANGED
|
@@ -17,7 +17,7 @@ import { useFormFieldContext } from '../contexts/form-field';
|
|
|
17
17
|
import clsx from 'clsx';
|
|
18
18
|
var InternalAutosuggest = React.forwardRef(function (props, ref) {
|
|
19
19
|
var _a;
|
|
20
|
-
var value = props.value, onChange = props.onChange, onBlur = props.onBlur, onFocus = props.onFocus, onKeyUp = props.onKeyUp, onLoadItems = props.onLoadItems, options = props.options, _b = props.filteringType, filteringType = _b === void 0 ? 'auto' : _b, _c = props.statusType, statusType = _c === void 0 ? 'finished' : _c, recoveryText = props.recoveryText, placeholder = props.placeholder, name = props.name, disabled = props.disabled, _d = props.disableBrowserAutocorrect, disableBrowserAutocorrect = _d === void 0 ? false : _d, autoFocus = props.autoFocus, readOnly = props.readOnly, ariaLabel = props.ariaLabel, ariaRequired = props.ariaRequired, enteredTextLabel = props.enteredTextLabel, onKeyDown = props.onKeyDown, virtualScroll = props.virtualScroll, expandToViewport = props.expandToViewport, onSelect = props.onSelect, selectedAriaLabel = props.selectedAriaLabel, renderHighlightedAriaLive = props.renderHighlightedAriaLive, __internalRootRef = props.__internalRootRef, restProps = __rest(props, ["value", "onChange", "onBlur", "onFocus", "onKeyUp", "onLoadItems", "options", "filteringType", "statusType", "recoveryText", "placeholder", "name", "disabled", "disableBrowserAutocorrect", "autoFocus", "readOnly", "ariaLabel", "ariaRequired", "enteredTextLabel", "onKeyDown", "virtualScroll", "expandToViewport", "onSelect", "selectedAriaLabel", "renderHighlightedAriaLive", "__internalRootRef"]);
|
|
20
|
+
var value = props.value, onChange = props.onChange, onBlur = props.onBlur, onFocus = props.onFocus, onKeyUp = props.onKeyUp, onLoadItems = props.onLoadItems, options = props.options, _b = props.filteringType, filteringType = _b === void 0 ? 'auto' : _b, _c = props.statusType, statusType = _c === void 0 ? 'finished' : _c, recoveryText = props.recoveryText, placeholder = props.placeholder, clearAriaLabel = props.clearAriaLabel, name = props.name, disabled = props.disabled, _d = props.disableBrowserAutocorrect, disableBrowserAutocorrect = _d === void 0 ? false : _d, autoFocus = props.autoFocus, readOnly = props.readOnly, ariaLabel = props.ariaLabel, ariaRequired = props.ariaRequired, enteredTextLabel = props.enteredTextLabel, onKeyDown = props.onKeyDown, virtualScroll = props.virtualScroll, expandToViewport = props.expandToViewport, onSelect = props.onSelect, selectedAriaLabel = props.selectedAriaLabel, renderHighlightedAriaLive = props.renderHighlightedAriaLive, __internalRootRef = props.__internalRootRef, restProps = __rest(props, ["value", "onChange", "onBlur", "onFocus", "onKeyUp", "onLoadItems", "options", "filteringType", "statusType", "recoveryText", "placeholder", "clearAriaLabel", "name", "disabled", "disableBrowserAutocorrect", "autoFocus", "readOnly", "ariaLabel", "ariaRequired", "enteredTextLabel", "onKeyDown", "virtualScroll", "expandToViewport", "onSelect", "selectedAriaLabel", "renderHighlightedAriaLive", "__internalRootRef"]);
|
|
21
21
|
checkControlled('Autosuggest', 'value', value, 'onChange', onChange);
|
|
22
22
|
checkOptionValueField('Autosuggest', 'options', options);
|
|
23
23
|
var autosuggestInputRef = useRef(null);
|
|
@@ -90,7 +90,7 @@ var InternalAutosuggest = React.forwardRef(function (props, ref) {
|
|
|
90
90
|
var highlightedOptionId = autosuggestItemsState.highlightedOption ? generateUniqueId() : undefined;
|
|
91
91
|
var isEmpty = !value && !autosuggestItemsState.items.length;
|
|
92
92
|
var dropdownStatus = useDropdownStatus(__assign(__assign({}, props), { isEmpty: isEmpty, recoveryText: recoveryText, onRecoveryClick: handleRecoveryClick }));
|
|
93
|
-
return (React.createElement(AutosuggestInput, __assign({}, restProps, { className: clsx(styles.root, restProps.className), ref: autosuggestInputRef, __internalRootRef: __internalRootRef, value: value, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, name: name, controlId: controlId, placeholder: placeholder, disabled: disabled, readOnly: readOnly, autoFocus: autoFocus, ariaLabel: ariaLabel, ariaRequired: ariaRequired, disableBrowserAutocorrect: disableBrowserAutocorrect, expandToViewport: expandToViewport, ariaControls: listId, ariaActivedescendant: highlightedOptionId, dropdownExpanded: autosuggestItemsState.items.length > 1 || dropdownStatus.content !== null, dropdownContent: React.createElement(AutosuggestOptionsList, { autosuggestItemsState: autosuggestItemsState, autosuggestItemsHandlers: autosuggestItemsHandlers, highlightedOptionId: highlightedOptionId, highlightText: value, listId: listId, controlId: controlId, enteredTextLabel: enteredTextLabel, handleLoadMore: autosuggestLoadMoreHandlers.fireLoadMoreOnScroll, hasDropdownStatus: dropdownStatus.content !== null, virtualScroll: virtualScroll, selectedAriaLabel: selectedAriaLabel, renderHighlightedAriaLive: renderHighlightedAriaLive, listBottom: !dropdownStatus.isSticky ? React.createElement(DropdownFooter, { content: dropdownStatus.content }) : null }), dropdownFooter: dropdownStatus.isSticky ? (React.createElement(DropdownFooter, { content: dropdownStatus.content, hasItems: autosuggestItemsState.items.length >= 1 })) : null, loopFocus: statusType === 'error' && !!recoveryText, onCloseDropdown: handleCloseDropdown, onDelayedInput: handleDelayedInput, onPressArrowDown: handlePressArrowDown, onPressArrowUp: handlePressArrowUp, onPressEnter: handlePressEnter })));
|
|
93
|
+
return (React.createElement(AutosuggestInput, __assign({}, restProps, { className: clsx(styles.root, restProps.className), ref: autosuggestInputRef, __internalRootRef: __internalRootRef, value: value, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, name: name, controlId: controlId, placeholder: placeholder, disabled: disabled, readOnly: readOnly, autoFocus: autoFocus, ariaLabel: ariaLabel, ariaRequired: ariaRequired, clearAriaLabel: clearAriaLabel, disableBrowserAutocorrect: disableBrowserAutocorrect, expandToViewport: expandToViewport, ariaControls: listId, ariaActivedescendant: highlightedOptionId, dropdownExpanded: autosuggestItemsState.items.length > 1 || dropdownStatus.content !== null, dropdownContent: React.createElement(AutosuggestOptionsList, { autosuggestItemsState: autosuggestItemsState, autosuggestItemsHandlers: autosuggestItemsHandlers, highlightedOptionId: highlightedOptionId, highlightText: value, listId: listId, controlId: controlId, enteredTextLabel: enteredTextLabel, handleLoadMore: autosuggestLoadMoreHandlers.fireLoadMoreOnScroll, hasDropdownStatus: dropdownStatus.content !== null, virtualScroll: virtualScroll, selectedAriaLabel: selectedAriaLabel, renderHighlightedAriaLive: renderHighlightedAriaLive, listBottom: !dropdownStatus.isSticky ? React.createElement(DropdownFooter, { content: dropdownStatus.content }) : null }), dropdownFooter: dropdownStatus.isSticky ? (React.createElement(DropdownFooter, { content: dropdownStatus.content, hasItems: autosuggestItemsState.items.length >= 1 })) : null, loopFocus: statusType === 'error' && !!recoveryText, onCloseDropdown: handleCloseDropdown, onDelayedInput: handleDelayedInput, onPressArrowDown: handlePressArrowDown, onPressArrowUp: handlePressArrowUp, onPressEnter: handlePressEnter })));
|
|
94
94
|
});
|
|
95
95
|
export default InternalAutosuggest;
|
|
96
96
|
//# sourceMappingURL=internal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/autosuggest/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { Ref, useImperativeHandle, useRef } from 'react';\n\nimport { useAutosuggestItems } from './options-controller';\nimport { AutosuggestItem, AutosuggestProps } from './interfaces';\n\nimport { useDropdownStatus } from '../internal/components/dropdown-status';\nimport DropdownFooter from '../internal/components/dropdown-footer';\n\nimport { generateUniqueId, useUniqueId } from '../internal/hooks/use-unique-id';\nimport {\n BaseKeyDetail,\n fireCancelableEvent,\n fireNonCancelableEvent,\n NonCancelableCustomEvent,\n} from '../internal/events';\nimport { BaseChangeDetail } from '../input/interfaces';\nimport styles from './styles.css.js';\nimport { checkOptionValueField } from '../select/utils/check-option-value-field';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport AutosuggestOptionsList from './options-list';\nimport { useAutosuggestLoadMore } from './load-more-controller';\nimport { OptionsLoadItemsDetail } from '../internal/components/dropdown/interfaces';\nimport AutosuggestInput, { AutosuggestInputRef } from '../internal/components/autosuggest-input';\nimport { useFormFieldContext } from '../contexts/form-field';\nimport clsx from 'clsx';\n\nexport interface InternalAutosuggestProps extends AutosuggestProps, InternalBaseComponentProps {}\n\nconst InternalAutosuggest = React.forwardRef((props: InternalAutosuggestProps, ref: Ref<AutosuggestProps.Ref>) => {\n const {\n value,\n onChange,\n onBlur,\n onFocus,\n onKeyUp,\n onLoadItems,\n options,\n filteringType = 'auto',\n statusType = 'finished',\n recoveryText,\n placeholder,\n name,\n disabled,\n disableBrowserAutocorrect = false,\n autoFocus,\n readOnly,\n ariaLabel,\n ariaRequired,\n enteredTextLabel,\n onKeyDown,\n virtualScroll,\n expandToViewport,\n onSelect,\n selectedAriaLabel,\n renderHighlightedAriaLive,\n __internalRootRef,\n ...restProps\n } = props;\n\n checkControlled('Autosuggest', 'value', value, 'onChange', onChange);\n checkOptionValueField('Autosuggest', 'options', options);\n\n const autosuggestInputRef = useRef<AutosuggestInputRef>(null);\n useImperativeHandle(\n ref,\n () => ({\n focus: () => autosuggestInputRef.current?.focus(),\n select: () => autosuggestInputRef.current?.select(),\n }),\n []\n );\n\n const [autosuggestItemsState, autosuggestItemsHandlers] = useAutosuggestItems({\n options: options || [],\n filterValue: value,\n filterText: value,\n filteringType,\n hideEnteredTextLabel: false,\n onSelectItem: (option: AutosuggestItem) => {\n const value = option.value || '';\n fireNonCancelableEvent(onChange, { value });\n fireNonCancelableEvent(onSelect, { value });\n autosuggestInputRef.current?.close();\n },\n });\n\n const autosuggestLoadMoreHandlers = useAutosuggestLoadMore({\n options,\n statusType,\n onLoadItems: (detail: OptionsLoadItemsDetail) => fireNonCancelableEvent(onLoadItems, detail),\n });\n\n const handleChange = (event: NonCancelableCustomEvent<BaseChangeDetail>) => {\n autosuggestItemsHandlers.setShowAll(false);\n autosuggestItemsHandlers.resetHighlightWithKeyboard();\n fireNonCancelableEvent(onChange, event.detail);\n };\n\n const handleDelayedInput = (event: NonCancelableCustomEvent<BaseChangeDetail>) => {\n autosuggestLoadMoreHandlers.fireLoadMoreOnInputChange(event.detail.value);\n };\n\n const handleBlur = () => {\n fireNonCancelableEvent(onBlur, null);\n };\n\n const handleFocus = () => {\n autosuggestItemsHandlers.setShowAll(true);\n autosuggestLoadMoreHandlers.fireLoadMoreOnInputFocus();\n fireNonCancelableEvent(onFocus, null);\n };\n\n const handleKeyUp = (e: CustomEvent<BaseKeyDetail>) => {\n fireCancelableEvent(onKeyUp, e.detail);\n };\n\n const handleKeyDown = (e: CustomEvent<BaseKeyDetail>) => {\n fireCancelableEvent(onKeyDown, e.detail);\n };\n\n const handlePressArrowDown = () => {\n autosuggestItemsHandlers.moveHighlightWithKeyboard(1);\n };\n\n const handlePressArrowUp = () => {\n autosuggestItemsHandlers.moveHighlightWithKeyboard(-1);\n };\n\n const handlePressEnter = () => {\n return autosuggestItemsHandlers.selectHighlightedOptionWithKeyboard();\n };\n\n const handleCloseDropdown = () => {\n autosuggestItemsHandlers.resetHighlightWithKeyboard();\n };\n\n const handleRecoveryClick = () => {\n autosuggestLoadMoreHandlers.fireLoadMoreOnRecoveryClick();\n autosuggestInputRef.current?.focus();\n };\n\n const formFieldContext = useFormFieldContext(restProps);\n const selfControlId = useUniqueId('input');\n const controlId = formFieldContext.controlId ?? selfControlId;\n const listId = useUniqueId('list');\n const highlightedOptionId = autosuggestItemsState.highlightedOption ? generateUniqueId() : undefined;\n\n const isEmpty = !value && !autosuggestItemsState.items.length;\n const dropdownStatus = useDropdownStatus({ ...props, isEmpty, recoveryText, onRecoveryClick: handleRecoveryClick });\n\n return (\n <AutosuggestInput\n {...restProps}\n className={clsx(styles.root, restProps.className)}\n ref={autosuggestInputRef}\n __internalRootRef={__internalRootRef}\n value={value}\n onChange={handleChange}\n onBlur={handleBlur}\n onFocus={handleFocus}\n onKeyUp={handleKeyUp}\n onKeyDown={handleKeyDown}\n name={name}\n controlId={controlId}\n placeholder={placeholder}\n disabled={disabled}\n readOnly={readOnly}\n autoFocus={autoFocus}\n ariaLabel={ariaLabel}\n ariaRequired={ariaRequired}\n disableBrowserAutocorrect={disableBrowserAutocorrect}\n expandToViewport={expandToViewport}\n ariaControls={listId}\n ariaActivedescendant={highlightedOptionId}\n dropdownExpanded={autosuggestItemsState.items.length > 1 || dropdownStatus.content !== null}\n dropdownContent={\n <AutosuggestOptionsList\n autosuggestItemsState={autosuggestItemsState}\n autosuggestItemsHandlers={autosuggestItemsHandlers}\n highlightedOptionId={highlightedOptionId}\n highlightText={value}\n listId={listId}\n controlId={controlId}\n enteredTextLabel={enteredTextLabel}\n handleLoadMore={autosuggestLoadMoreHandlers.fireLoadMoreOnScroll}\n hasDropdownStatus={dropdownStatus.content !== null}\n virtualScroll={virtualScroll}\n selectedAriaLabel={selectedAriaLabel}\n renderHighlightedAriaLive={renderHighlightedAriaLive}\n listBottom={!dropdownStatus.isSticky ? <DropdownFooter content={dropdownStatus.content} /> : null}\n />\n }\n dropdownFooter={\n dropdownStatus.isSticky ? (\n <DropdownFooter content={dropdownStatus.content} hasItems={autosuggestItemsState.items.length >= 1} />\n ) : null\n }\n loopFocus={statusType === 'error' && !!recoveryText}\n onCloseDropdown={handleCloseDropdown}\n onDelayedInput={handleDelayedInput}\n onPressArrowDown={handlePressArrowDown}\n onPressArrowUp={handlePressArrowUp}\n onPressEnter={handlePressEnter}\n />\n );\n});\n\nexport default InternalAutosuggest;\n"]}
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/autosuggest/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { Ref, useImperativeHandle, useRef } from 'react';\n\nimport { useAutosuggestItems } from './options-controller';\nimport { AutosuggestItem, AutosuggestProps } from './interfaces';\n\nimport { useDropdownStatus } from '../internal/components/dropdown-status';\nimport DropdownFooter from '../internal/components/dropdown-footer';\n\nimport { generateUniqueId, useUniqueId } from '../internal/hooks/use-unique-id';\nimport {\n BaseKeyDetail,\n fireCancelableEvent,\n fireNonCancelableEvent,\n NonCancelableCustomEvent,\n} from '../internal/events';\nimport { BaseChangeDetail } from '../input/interfaces';\nimport styles from './styles.css.js';\nimport { checkOptionValueField } from '../select/utils/check-option-value-field';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport AutosuggestOptionsList from './options-list';\nimport { useAutosuggestLoadMore } from './load-more-controller';\nimport { OptionsLoadItemsDetail } from '../internal/components/dropdown/interfaces';\nimport AutosuggestInput, { AutosuggestInputRef } from '../internal/components/autosuggest-input';\nimport { useFormFieldContext } from '../contexts/form-field';\nimport clsx from 'clsx';\n\nexport interface InternalAutosuggestProps extends AutosuggestProps, InternalBaseComponentProps {}\n\nconst InternalAutosuggest = React.forwardRef((props: InternalAutosuggestProps, ref: Ref<AutosuggestProps.Ref>) => {\n const {\n value,\n onChange,\n onBlur,\n onFocus,\n onKeyUp,\n onLoadItems,\n options,\n filteringType = 'auto',\n statusType = 'finished',\n recoveryText,\n placeholder,\n clearAriaLabel,\n name,\n disabled,\n disableBrowserAutocorrect = false,\n autoFocus,\n readOnly,\n ariaLabel,\n ariaRequired,\n enteredTextLabel,\n onKeyDown,\n virtualScroll,\n expandToViewport,\n onSelect,\n selectedAriaLabel,\n renderHighlightedAriaLive,\n __internalRootRef,\n ...restProps\n } = props;\n\n checkControlled('Autosuggest', 'value', value, 'onChange', onChange);\n checkOptionValueField('Autosuggest', 'options', options);\n\n const autosuggestInputRef = useRef<AutosuggestInputRef>(null);\n useImperativeHandle(\n ref,\n () => ({\n focus: () => autosuggestInputRef.current?.focus(),\n select: () => autosuggestInputRef.current?.select(),\n }),\n []\n );\n\n const [autosuggestItemsState, autosuggestItemsHandlers] = useAutosuggestItems({\n options: options || [],\n filterValue: value,\n filterText: value,\n filteringType,\n hideEnteredTextLabel: false,\n onSelectItem: (option: AutosuggestItem) => {\n const value = option.value || '';\n fireNonCancelableEvent(onChange, { value });\n fireNonCancelableEvent(onSelect, { value });\n autosuggestInputRef.current?.close();\n },\n });\n\n const autosuggestLoadMoreHandlers = useAutosuggestLoadMore({\n options,\n statusType,\n onLoadItems: (detail: OptionsLoadItemsDetail) => fireNonCancelableEvent(onLoadItems, detail),\n });\n\n const handleChange = (event: NonCancelableCustomEvent<BaseChangeDetail>) => {\n autosuggestItemsHandlers.setShowAll(false);\n autosuggestItemsHandlers.resetHighlightWithKeyboard();\n fireNonCancelableEvent(onChange, event.detail);\n };\n\n const handleDelayedInput = (event: NonCancelableCustomEvent<BaseChangeDetail>) => {\n autosuggestLoadMoreHandlers.fireLoadMoreOnInputChange(event.detail.value);\n };\n\n const handleBlur = () => {\n fireNonCancelableEvent(onBlur, null);\n };\n\n const handleFocus = () => {\n autosuggestItemsHandlers.setShowAll(true);\n autosuggestLoadMoreHandlers.fireLoadMoreOnInputFocus();\n fireNonCancelableEvent(onFocus, null);\n };\n\n const handleKeyUp = (e: CustomEvent<BaseKeyDetail>) => {\n fireCancelableEvent(onKeyUp, e.detail);\n };\n\n const handleKeyDown = (e: CustomEvent<BaseKeyDetail>) => {\n fireCancelableEvent(onKeyDown, e.detail);\n };\n\n const handlePressArrowDown = () => {\n autosuggestItemsHandlers.moveHighlightWithKeyboard(1);\n };\n\n const handlePressArrowUp = () => {\n autosuggestItemsHandlers.moveHighlightWithKeyboard(-1);\n };\n\n const handlePressEnter = () => {\n return autosuggestItemsHandlers.selectHighlightedOptionWithKeyboard();\n };\n\n const handleCloseDropdown = () => {\n autosuggestItemsHandlers.resetHighlightWithKeyboard();\n };\n\n const handleRecoveryClick = () => {\n autosuggestLoadMoreHandlers.fireLoadMoreOnRecoveryClick();\n autosuggestInputRef.current?.focus();\n };\n\n const formFieldContext = useFormFieldContext(restProps);\n const selfControlId = useUniqueId('input');\n const controlId = formFieldContext.controlId ?? selfControlId;\n const listId = useUniqueId('list');\n const highlightedOptionId = autosuggestItemsState.highlightedOption ? generateUniqueId() : undefined;\n\n const isEmpty = !value && !autosuggestItemsState.items.length;\n const dropdownStatus = useDropdownStatus({ ...props, isEmpty, recoveryText, onRecoveryClick: handleRecoveryClick });\n\n return (\n <AutosuggestInput\n {...restProps}\n className={clsx(styles.root, restProps.className)}\n ref={autosuggestInputRef}\n __internalRootRef={__internalRootRef}\n value={value}\n onChange={handleChange}\n onBlur={handleBlur}\n onFocus={handleFocus}\n onKeyUp={handleKeyUp}\n onKeyDown={handleKeyDown}\n name={name}\n controlId={controlId}\n placeholder={placeholder}\n disabled={disabled}\n readOnly={readOnly}\n autoFocus={autoFocus}\n ariaLabel={ariaLabel}\n ariaRequired={ariaRequired}\n clearAriaLabel={clearAriaLabel}\n disableBrowserAutocorrect={disableBrowserAutocorrect}\n expandToViewport={expandToViewport}\n ariaControls={listId}\n ariaActivedescendant={highlightedOptionId}\n dropdownExpanded={autosuggestItemsState.items.length > 1 || dropdownStatus.content !== null}\n dropdownContent={\n <AutosuggestOptionsList\n autosuggestItemsState={autosuggestItemsState}\n autosuggestItemsHandlers={autosuggestItemsHandlers}\n highlightedOptionId={highlightedOptionId}\n highlightText={value}\n listId={listId}\n controlId={controlId}\n enteredTextLabel={enteredTextLabel}\n handleLoadMore={autosuggestLoadMoreHandlers.fireLoadMoreOnScroll}\n hasDropdownStatus={dropdownStatus.content !== null}\n virtualScroll={virtualScroll}\n selectedAriaLabel={selectedAriaLabel}\n renderHighlightedAriaLive={renderHighlightedAriaLive}\n listBottom={!dropdownStatus.isSticky ? <DropdownFooter content={dropdownStatus.content} /> : null}\n />\n }\n dropdownFooter={\n dropdownStatus.isSticky ? (\n <DropdownFooter content={dropdownStatus.content} hasItems={autosuggestItemsState.items.length >= 1} />\n ) : null\n }\n loopFocus={statusType === 'error' && !!recoveryText}\n onCloseDropdown={handleCloseDropdown}\n onDelayedInput={handleDelayedInput}\n onPressArrowDown={handlePressArrowDown}\n onPressArrowUp={handlePressArrowUp}\n onPressEnter={handlePressEnter}\n />\n );\n});\n\nexport default InternalAutosuggest;\n"]}
|
package/badge/styles.css.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"badge": "
|
|
5
|
-
"badge-color-grey": "awsui_badge-color-
|
|
6
|
-
"badge-color-green": "awsui_badge-color-
|
|
7
|
-
"badge-color-blue": "awsui_badge-color-
|
|
8
|
-
"badge-color-red": "awsui_badge-color-
|
|
4
|
+
"badge": "awsui_badge_1yjyg_1kk9m_93",
|
|
5
|
+
"badge-color-grey": "awsui_badge-color-grey_1yjyg_1kk9m_113",
|
|
6
|
+
"badge-color-green": "awsui_badge-color-green_1yjyg_1kk9m_116",
|
|
7
|
+
"badge-color-blue": "awsui_badge-color-blue_1yjyg_1kk9m_119",
|
|
8
|
+
"badge-color-red": "awsui_badge-color-red_1yjyg_1kk9m_122"
|
|
9
9
|
};
|
|
10
10
|
|
package/badge/styles.scoped.css
CHANGED
|
@@ -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_badge_1yjyg_1kk9m_93:not(#\9) {
|
|
94
94
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
95
95
|
border-collapse: separate;
|
|
96
96
|
border-spacing: 0;
|
|
@@ -125,6 +125,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
125
125
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
126
126
|
font-weight: 400;
|
|
127
127
|
font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
128
|
+
-webkit-font-smoothing: auto;
|
|
129
|
+
-moz-osx-font-smoothing: auto;
|
|
128
130
|
font-size: var(--font-body-s-size-ukw2p9, 12px);
|
|
129
131
|
line-height: var(--font-body-s-line-height-kdsbrl, 16px);
|
|
130
132
|
letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
|
|
@@ -134,15 +136,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
134
136
|
padding: 0 var(--space-xs-rsr2qu, 8px);
|
|
135
137
|
color: var(--color-text-notification-default-2kpcxy, #fbfbfb);
|
|
136
138
|
}
|
|
137
|
-
.
|
|
139
|
+
.awsui_badge_1yjyg_1kk9m_93.awsui_badge-color-grey_1yjyg_1kk9m_113:not(#\9) {
|
|
138
140
|
background-color: var(--color-background-notification-grey-ua4ep5, #414d5c);
|
|
139
141
|
}
|
|
140
|
-
.
|
|
142
|
+
.awsui_badge_1yjyg_1kk9m_93.awsui_badge-color-green_1yjyg_1kk9m_116:not(#\9) {
|
|
141
143
|
background-color: var(--color-background-notification-green-0d9ow8, #037f0c);
|
|
142
144
|
}
|
|
143
|
-
.
|
|
145
|
+
.awsui_badge_1yjyg_1kk9m_93.awsui_badge-color-blue_1yjyg_1kk9m_119:not(#\9) {
|
|
144
146
|
background-color: var(--color-background-notification-blue-vqb59v, #0972d3);
|
|
145
147
|
}
|
|
146
|
-
.
|
|
148
|
+
.awsui_badge_1yjyg_1kk9m_93.awsui_badge-color-red_1yjyg_1kk9m_122:not(#\9) {
|
|
147
149
|
background-color: var(--color-background-notification-red-v7js1f, #d91515);
|
|
148
150
|
}
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"badge": "
|
|
6
|
-
"badge-color-grey": "awsui_badge-color-
|
|
7
|
-
"badge-color-green": "awsui_badge-color-
|
|
8
|
-
"badge-color-blue": "awsui_badge-color-
|
|
9
|
-
"badge-color-red": "awsui_badge-color-
|
|
5
|
+
"badge": "awsui_badge_1yjyg_1kk9m_93",
|
|
6
|
+
"badge-color-grey": "awsui_badge-color-grey_1yjyg_1kk9m_113",
|
|
7
|
+
"badge-color-green": "awsui_badge-color-green_1yjyg_1kk9m_116",
|
|
8
|
+
"badge-color-blue": "awsui_badge-color-blue_1yjyg_1kk9m_119",
|
|
9
|
+
"badge-color-red": "awsui_badge-color-red_1yjyg_1kk9m_122"
|
|
10
10
|
};
|
|
11
11
|
|