@cloudscape-design/components 3.0.395 → 3.0.397
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/app-layout/drawer/index.d.ts.map +1 -1
- package/app-layout/drawer/index.js +3 -2
- package/app-layout/drawer/index.js.map +1 -1
- package/app-layout/drawer/interfaces.d.ts +2 -0
- package/app-layout/drawer/interfaces.d.ts.map +1 -1
- package/app-layout/drawer/interfaces.js.map +1 -1
- package/app-layout/index.d.ts.map +1 -1
- package/app-layout/index.js +2 -0
- package/app-layout/index.js.map +1 -1
- package/app-layout/mobile-toolbar/index.d.ts +3 -2
- package/app-layout/mobile-toolbar/index.d.ts.map +1 -1
- package/app-layout/mobile-toolbar/index.js +4 -3
- package/app-layout/mobile-toolbar/index.js.map +1 -1
- package/app-layout/test-classes/styles.css.js +17 -19
- package/app-layout/test-classes/styles.scoped.css +17 -25
- package/app-layout/test-classes/styles.selectors.js +17 -19
- package/app-layout/utils/use-drawers.d.ts +1 -0
- package/app-layout/utils/use-drawers.d.ts.map +1 -1
- package/app-layout/utils/use-drawers.js +1 -0
- package/app-layout/utils/use-drawers.js.map +1 -1
- package/app-layout/visual-refresh/context.d.ts +1 -0
- package/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/app-layout/visual-refresh/context.js +1 -1
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/drawers.d.ts.map +1 -1
- package/app-layout/visual-refresh/drawers.js +7 -6
- package/app-layout/visual-refresh/drawers.js.map +1 -1
- package/app-layout/visual-refresh/tools.d.ts +0 -6
- package/app-layout/visual-refresh/tools.d.ts.map +1 -1
- package/app-layout/visual-refresh/tools.js +0 -15
- package/app-layout/visual-refresh/tools.js.map +1 -1
- package/button-dropdown/category-elements/expandable-category-element.d.ts.map +1 -1
- package/button-dropdown/category-elements/expandable-category-element.js +1 -2
- package/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
- package/button-dropdown/category-elements/mobile-expandable-category-element.d.ts.map +1 -1
- package/button-dropdown/category-elements/mobile-expandable-category-element.js +1 -2
- package/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
- package/button-dropdown/item-element/index.d.ts.map +1 -1
- package/button-dropdown/item-element/index.js +1 -2
- package/button-dropdown/item-element/index.js.map +1 -1
- package/date-range-picker/index.js +1 -1
- package/date-range-picker/index.js.map +1 -1
- package/header/internal.d.ts.map +1 -1
- package/header/internal.js +3 -1
- package/header/internal.js.map +1 -1
- package/header/styles.css.js +33 -32
- package/header/styles.scoped.css +54 -48
- package/header/styles.selectors.js +33 -32
- package/input/internal.d.ts.map +1 -1
- package/input/internal.js +5 -1
- package/input/internal.js.map +1 -1
- package/internal/components/button-trigger/index.d.ts +1 -0
- package/internal/components/button-trigger/index.d.ts.map +1 -1
- package/internal/components/button-trigger/index.js +2 -2
- package/internal/components/button-trigger/index.js.map +1 -1
- package/internal/components/button-trigger/styles.css.js +10 -9
- package/internal/components/button-trigger/styles.scoped.css +27 -23
- package/internal/components/button-trigger/styles.selectors.js +10 -9
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/multiselect/index.d.ts.map +1 -1
- package/multiselect/index.js +3 -1
- package/multiselect/index.js.map +1 -1
- package/multiselect/interfaces.d.ts +1 -0
- package/multiselect/interfaces.d.ts.map +1 -1
- package/multiselect/interfaces.js.map +1 -1
- package/multiselect/internal.d.ts +3 -1
- package/multiselect/internal.d.ts.map +1 -1
- package/multiselect/internal.js +3 -3
- package/multiselect/internal.js.map +1 -1
- package/package.json +1 -1
- package/select/parts/styles.css.js +16 -9
- package/select/parts/styles.scoped.css +58 -9
- package/select/parts/styles.selectors.js +16 -9
- package/select/parts/trigger.d.ts +3 -1
- package/select/parts/trigger.d.ts.map +1 -1
- package/select/parts/trigger.js +22 -3
- package/select/parts/trigger.js.map +1 -1
- package/test-utils/dom/app-layout/index.d.ts +1 -3
- package/test-utils/dom/app-layout/index.js +1 -7
- package/test-utils/dom/app-layout/index.js.map +1 -1
- package/test-utils/selectors/app-layout/index.d.ts +1 -3
- package/test-utils/selectors/app-layout/index.js +1 -7
- package/test-utils/selectors/app-layout/index.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
package/header/styles.css.js
CHANGED
|
@@ -1,37 +1,38 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"refresh": "
|
|
6
|
-
"root-no-actions": "awsui_root-no-
|
|
7
|
-
"root-variant-h2": "awsui_root-variant-
|
|
8
|
-
"root-variant-h3": "awsui_root-variant-
|
|
9
|
-
"root-has-description": "awsui_root-has-
|
|
10
|
-
"root-variant-h1": "awsui_root-variant-
|
|
11
|
-
"main": "
|
|
12
|
-
"no-wrap": "awsui_no-
|
|
13
|
-
"main-variant-h1": "awsui_main-variant-
|
|
14
|
-
"actions": "
|
|
15
|
-
"actions-variant-h1": "awsui_actions-variant-
|
|
16
|
-
"actions-variant-h2": "awsui_actions-variant-
|
|
17
|
-
"actions-variant-h3": "awsui_actions-variant-
|
|
18
|
-
"title": "
|
|
19
|
-
"title-variant-h1": "awsui_title-variant-
|
|
20
|
-
"title-variant-h2": "awsui_title-variant-
|
|
21
|
-
"title-variant-h3": "awsui_title-variant-
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"description
|
|
25
|
-
"description-variant-
|
|
26
|
-
"description-variant-
|
|
27
|
-
"
|
|
28
|
-
"heading
|
|
29
|
-
"heading-variant-
|
|
30
|
-
"heading-variant-
|
|
31
|
-
"heading-
|
|
32
|
-
"heading-text
|
|
33
|
-
"heading-text-variant-
|
|
34
|
-
"heading-text-variant-
|
|
35
|
-
"
|
|
4
|
+
"root": "awsui_root_2qdw9_d8n9o_93",
|
|
5
|
+
"refresh": "awsui_refresh_2qdw9_d8n9o_110",
|
|
6
|
+
"root-no-actions": "awsui_root-no-actions_2qdw9_d8n9o_110",
|
|
7
|
+
"root-variant-h2": "awsui_root-variant-h2_2qdw9_d8n9o_113",
|
|
8
|
+
"root-variant-h3": "awsui_root-variant-h3_2qdw9_d8n9o_113",
|
|
9
|
+
"root-has-description": "awsui_root-has-description_2qdw9_d8n9o_113",
|
|
10
|
+
"root-variant-h1": "awsui_root-variant-h1_2qdw9_d8n9o_122",
|
|
11
|
+
"main": "awsui_main_2qdw9_d8n9o_132",
|
|
12
|
+
"no-wrap": "awsui_no-wrap_2qdw9_d8n9o_142",
|
|
13
|
+
"main-variant-h1": "awsui_main-variant-h1_2qdw9_d8n9o_148",
|
|
14
|
+
"actions": "awsui_actions_2qdw9_d8n9o_156",
|
|
15
|
+
"actions-variant-h1": "awsui_actions-variant-h1_2qdw9_d8n9o_160",
|
|
16
|
+
"actions-variant-h2": "awsui_actions-variant-h2_2qdw9_d8n9o_163",
|
|
17
|
+
"actions-variant-h3": "awsui_actions-variant-h3_2qdw9_d8n9o_166",
|
|
18
|
+
"title": "awsui_title_2qdw9_d8n9o_179",
|
|
19
|
+
"title-variant-h1": "awsui_title-variant-h1_2qdw9_d8n9o_184",
|
|
20
|
+
"title-variant-h2": "awsui_title-variant-h2_2qdw9_d8n9o_191",
|
|
21
|
+
"title-variant-h3": "awsui_title-variant-h3_2qdw9_d8n9o_197",
|
|
22
|
+
"virtual-space": "awsui_virtual-space_2qdw9_d8n9o_218",
|
|
23
|
+
"info": "awsui_info_2qdw9_d8n9o_224",
|
|
24
|
+
"description": "awsui_description_2qdw9_d8n9o_228",
|
|
25
|
+
"description-variant-h1": "awsui_description-variant-h1_2qdw9_d8n9o_233",
|
|
26
|
+
"description-variant-h2": "awsui_description-variant-h2_2qdw9_d8n9o_237",
|
|
27
|
+
"description-variant-h3": "awsui_description-variant-h3_2qdw9_d8n9o_244",
|
|
28
|
+
"heading": "awsui_heading_2qdw9_d8n9o_253",
|
|
29
|
+
"heading-variant-h1": "awsui_heading-variant-h1_2qdw9_d8n9o_262",
|
|
30
|
+
"heading-variant-h2": "awsui_heading-variant-h2_2qdw9_d8n9o_267",
|
|
31
|
+
"heading-variant-h3": "awsui_heading-variant-h3_2qdw9_d8n9o_272",
|
|
32
|
+
"heading-text": "awsui_heading-text_2qdw9_d8n9o_278",
|
|
33
|
+
"heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_d8n9o_281",
|
|
34
|
+
"heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_d8n9o_289",
|
|
35
|
+
"heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_d8n9o_297",
|
|
36
|
+
"counter": "awsui_counter_2qdw9_d8n9o_306"
|
|
36
37
|
};
|
|
37
38
|
|
package/header/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_root_2qdw9_d8n9o_93:not(#\9) {
|
|
94
94
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
95
95
|
border-collapse: separate;
|
|
96
96
|
border-spacing: 0;
|
|
@@ -133,29 +133,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
133
133
|
flex-wrap: wrap;
|
|
134
134
|
justify-content: space-between;
|
|
135
135
|
}
|
|
136
|
-
.
|
|
136
|
+
.awsui_root_2qdw9_d8n9o_93.awsui_refresh_2qdw9_d8n9o_110:not(#\9), .awsui_root_2qdw9_d8n9o_93:not(#\9):not(.awsui_root-no-actions_2qdw9_d8n9o_110) {
|
|
137
137
|
row-gap: var(--space-scaled-xxs-7597g1, 4px);
|
|
138
138
|
}
|
|
139
|
-
.awsui_root-no-
|
|
139
|
+
.awsui_root-no-actions_2qdw9_d8n9o_110.awsui_root-variant-h2_2qdw9_d8n9o_113:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110), .awsui_root-no-actions_2qdw9_d8n9o_110.awsui_root-variant-h3_2qdw9_d8n9o_113:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110), .awsui_root-has-description_2qdw9_d8n9o_113.awsui_root-variant-h2_2qdw9_d8n9o_113:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110), .awsui_root-has-description_2qdw9_d8n9o_113.awsui_root-variant-h3_2qdw9_d8n9o_113:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110) {
|
|
140
140
|
padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
|
|
141
141
|
}
|
|
142
|
-
.awsui_root-no-
|
|
142
|
+
.awsui_root-no-actions_2qdw9_d8n9o_110:not(#\9):not(.awsui_root-has-description_2qdw9_d8n9o_113):not(.awsui_refresh_2qdw9_d8n9o_110) {
|
|
143
143
|
padding-bottom: calc(var(--space-scaled-xs-26e2du, 8px) + var(--space-xxxs-zbmxqb, 2px));
|
|
144
144
|
}
|
|
145
|
-
.awsui_root-no-
|
|
145
|
+
.awsui_root-no-actions_2qdw9_d8n9o_110.awsui_refresh_2qdw9_d8n9o_110.awsui_root-variant-h2_2qdw9_d8n9o_113:not(#\9), .awsui_root-no-actions_2qdw9_d8n9o_110.awsui_refresh_2qdw9_d8n9o_110.awsui_root-variant-h3_2qdw9_d8n9o_113:not(#\9) {
|
|
146
146
|
row-gap: var(--space-scaled-xxxs-27y4hv, 2px);
|
|
147
147
|
}
|
|
148
|
-
.
|
|
148
|
+
.awsui_root_2qdw9_d8n9o_93.awsui_root-variant-h1_2qdw9_d8n9o_122:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110) {
|
|
149
149
|
row-gap: var(--space-scaled-xxs-7597g1, 4px);
|
|
150
150
|
}
|
|
151
|
-
.awsui_root-no-
|
|
151
|
+
.awsui_root-no-actions_2qdw9_d8n9o_110:not(#\9):not(.awsui_root-has-description_2qdw9_d8n9o_113).awsui_refresh_2qdw9_d8n9o_110.awsui_root-variant-h3_2qdw9_d8n9o_113 {
|
|
152
152
|
padding-bottom: var(--space-scaled-xs-26e2du, 8px);
|
|
153
153
|
}
|
|
154
|
-
.
|
|
154
|
+
.awsui_root_2qdw9_d8n9o_93.awsui_root-variant-h1_2qdw9_d8n9o_122.awsui_root-has-description_2qdw9_d8n9o_113:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110) {
|
|
155
155
|
padding-bottom: var(--space-scaled-2x-xxs-7v8ivz, 4px);
|
|
156
156
|
}
|
|
157
157
|
|
|
158
|
-
.
|
|
158
|
+
.awsui_main_2qdw9_d8n9o_132:not(#\9) {
|
|
159
159
|
word-wrap: break-word;
|
|
160
160
|
max-width: 100%;
|
|
161
161
|
display: flex;
|
|
@@ -165,140 +165,146 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
165
165
|
column-gap: var(--space-xs-zb16t3, 8px);
|
|
166
166
|
row-gap: calc(var(--space-scaled-xxs-7597g1, 4px) + var(--space-scaled-xxxs-27y4hv, 2px));
|
|
167
167
|
}
|
|
168
|
-
.
|
|
168
|
+
.awsui_main_2qdw9_d8n9o_132.awsui_no-wrap_2qdw9_d8n9o_142:not(#\9) {
|
|
169
169
|
flex-wrap: nowrap;
|
|
170
170
|
}
|
|
171
|
-
.
|
|
171
|
+
.awsui_main_2qdw9_d8n9o_132.awsui_refresh_2qdw9_d8n9o_110:not(#\9) {
|
|
172
172
|
row-gap: var(--space-xxs-p8yyaw, 4px);
|
|
173
173
|
}
|
|
174
|
-
.awsui_main-variant-
|
|
174
|
+
.awsui_main-variant-h1_2qdw9_d8n9o_148:not(#\9) {
|
|
175
175
|
row-gap: var(--space-scaled-2x-xxs-7v8ivz, 4px);
|
|
176
176
|
}
|
|
177
177
|
|
|
178
|
-
.awsui_root-has-
|
|
178
|
+
.awsui_root-has-description_2qdw9_d8n9o_113 > .awsui_main_2qdw9_d8n9o_132:not(#\9) {
|
|
179
179
|
row-gap: var(--space-scaled-2x-xxs-7v8ivz, 4px);
|
|
180
180
|
}
|
|
181
181
|
|
|
182
|
-
.
|
|
182
|
+
.awsui_actions_2qdw9_d8n9o_156:not(#\9) {
|
|
183
183
|
display: flex;
|
|
184
184
|
align-items: flex-start;
|
|
185
185
|
}
|
|
186
|
-
.awsui_actions-variant-
|
|
186
|
+
.awsui_actions-variant-h1_2qdw9_d8n9o_160.awsui_refresh_2qdw9_d8n9o_110:not(#\9) {
|
|
187
187
|
padding: calc((var(--line-height-heading-xl-avbttk, 30px) - var(--size-vertical-input-v5iwwf, 32px)) / 2) 0;
|
|
188
188
|
}
|
|
189
|
-
.awsui_actions-variant-
|
|
189
|
+
.awsui_actions-variant-h2_2qdw9_d8n9o_163.awsui_refresh_2qdw9_d8n9o_110:not(#\9) {
|
|
190
190
|
padding: calc((var(--line-height-heading-l-mmm3my, 24px) - var(--size-vertical-input-v5iwwf, 32px)) / 2) 0;
|
|
191
191
|
}
|
|
192
|
-
.awsui_actions-variant-
|
|
192
|
+
.awsui_actions-variant-h3_2qdw9_d8n9o_166.awsui_refresh_2qdw9_d8n9o_110:not(#\9) {
|
|
193
193
|
padding: calc((var(--line-height-heading-m-50evfk, 22px) - var(--size-vertical-input-v5iwwf, 32px)) / 2) 0;
|
|
194
194
|
}
|
|
195
|
-
.awsui_actions-variant-
|
|
195
|
+
.awsui_actions-variant-h1_2qdw9_d8n9o_160:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110) {
|
|
196
196
|
padding: var(--space-scaled-xs-26e2du, 8px) 0;
|
|
197
197
|
}
|
|
198
|
-
.awsui_actions-variant-
|
|
198
|
+
.awsui_actions-variant-h2_2qdw9_d8n9o_163:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110), .awsui_actions-variant-h3_2qdw9_d8n9o_166:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110) {
|
|
199
199
|
padding: var(--space-scaled-xxs-7597g1, 4px) 0;
|
|
200
200
|
}
|
|
201
|
-
.awsui_root-has-
|
|
201
|
+
.awsui_root-has-description_2qdw9_d8n9o_113 > .awsui_main_2qdw9_d8n9o_132 > .awsui_actions_2qdw9_d8n9o_156:not(#\9) {
|
|
202
202
|
padding-bottom: 0;
|
|
203
203
|
}
|
|
204
204
|
|
|
205
|
-
.
|
|
205
|
+
.awsui_title_2qdw9_d8n9o_179:not(#\9) {
|
|
206
206
|
min-width: 0;
|
|
207
207
|
word-break: break-word;
|
|
208
208
|
color: var(--color-text-heading-default-rtslvy, #000716);
|
|
209
209
|
}
|
|
210
|
-
.awsui_title-variant-
|
|
210
|
+
.awsui_title-variant-h1_2qdw9_d8n9o_184:not(#\9) {
|
|
211
211
|
font-size: var(--font-size-heading-xl-ypc05a, 24px);
|
|
212
212
|
padding-top: var(--space-scaled-2x-xxs-7v8ivz, 4px);
|
|
213
213
|
}
|
|
214
|
-
.awsui_title-variant-
|
|
214
|
+
.awsui_title-variant-h1_2qdw9_d8n9o_184.awsui_refresh_2qdw9_d8n9o_110:not(#\9) {
|
|
215
215
|
padding-top: calc((var(--size-vertical-input-v5iwwf, 32px) - var(--line-height-heading-xl-avbttk, 30px)) / 2);
|
|
216
216
|
}
|
|
217
|
-
.awsui_title-variant-
|
|
217
|
+
.awsui_title-variant-h2_2qdw9_d8n9o_191:not(#\9) {
|
|
218
218
|
font-size: var(--font-size-heading-l-ou0d0l, 20px);
|
|
219
219
|
}
|
|
220
|
-
.awsui_title-variant-
|
|
220
|
+
.awsui_title-variant-h2_2qdw9_d8n9o_191.awsui_refresh_2qdw9_d8n9o_110:not(#\9) {
|
|
221
221
|
padding-top: calc((var(--size-vertical-input-v5iwwf, 32px) - var(--line-height-heading-l-mmm3my, 24px)) / 2);
|
|
222
222
|
}
|
|
223
|
-
.awsui_title-variant-
|
|
223
|
+
.awsui_title-variant-h3_2qdw9_d8n9o_197:not(#\9) {
|
|
224
224
|
font-size: var(--font-size-heading-m-sjd256, 18px);
|
|
225
225
|
}
|
|
226
|
-
.awsui_title-variant-
|
|
226
|
+
.awsui_title-variant-h3_2qdw9_d8n9o_197.awsui_refresh_2qdw9_d8n9o_110:not(#\9) {
|
|
227
227
|
padding-top: calc((var(--size-vertical-input-v5iwwf, 32px) - var(--line-height-heading-m-50evfk, 22px)) / 2);
|
|
228
228
|
}
|
|
229
|
-
.awsui_title-variant-
|
|
229
|
+
.awsui_title-variant-h2_2qdw9_d8n9o_191:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110), .awsui_title-variant-h3_2qdw9_d8n9o_197:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110) {
|
|
230
230
|
padding-top: var(--space-scaled-xs-26e2du, 8px);
|
|
231
231
|
}
|
|
232
|
-
.awsui_no-
|
|
232
|
+
.awsui_no-wrap_2qdw9_d8n9o_142 > .awsui_title_2qdw9_d8n9o_179:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110) {
|
|
233
233
|
padding-bottom: calc(var(--space-scaled-xxs-7597g1, 4px) + var(--space-scaled-xxxs-27y4hv, 2px));
|
|
234
234
|
}
|
|
235
235
|
|
|
236
|
-
.awsui_root-no-
|
|
236
|
+
.awsui_root-no-actions_2qdw9_d8n9o_110.awsui_root-has-description_2qdw9_d8n9o_113 > .awsui_main_2qdw9_d8n9o_132 > :not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110).awsui_title-variant-h2_2qdw9_d8n9o_191, .awsui_root-no-actions_2qdw9_d8n9o_110.awsui_root-has-description_2qdw9_d8n9o_113 > .awsui_main_2qdw9_d8n9o_132 > :not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110).awsui_title-variant-h3_2qdw9_d8n9o_197 {
|
|
237
237
|
padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
|
|
238
238
|
}
|
|
239
239
|
|
|
240
|
-
.awsui_root-variant-
|
|
240
|
+
.awsui_root-variant-h1_2qdw9_d8n9o_122.awsui_root-no-actions_2qdw9_d8n9o_110:not(#\9):not(.awsui_root-has-description_2qdw9_d8n9o_113):not(.awsui_refresh_2qdw9_d8n9o_110) {
|
|
241
241
|
padding-bottom: var(--space-scaled-2x-xxs-7v8ivz, 4px);
|
|
242
242
|
}
|
|
243
243
|
|
|
244
|
-
.
|
|
244
|
+
.awsui_virtual-space_2qdw9_d8n9o_218:not(#\9) {
|
|
245
|
+
position: absolute !important;
|
|
246
|
+
top: -9999px !important;
|
|
247
|
+
left: -9999px !important;
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
.awsui_info_2qdw9_d8n9o_224:not(#\9) {
|
|
245
251
|
padding-right: var(--space-s-34lx8l, 12px);
|
|
246
252
|
}
|
|
247
253
|
|
|
248
|
-
.
|
|
254
|
+
.awsui_description_2qdw9_d8n9o_228:not(#\9) {
|
|
249
255
|
margin: 0;
|
|
250
256
|
padding: 0;
|
|
251
257
|
color: var(--color-text-heading-secondary-37b2tq, #414d5c);
|
|
252
258
|
}
|
|
253
|
-
.awsui_description-variant-
|
|
259
|
+
.awsui_description-variant-h1_2qdw9_d8n9o_233:not(#\9) {
|
|
254
260
|
font-size: var(--font-size-body-m-x4okxb, 14px);
|
|
255
261
|
line-height: var(--line-height-body-m-30ar75, 20px);
|
|
256
262
|
}
|
|
257
|
-
.awsui_description-variant-
|
|
263
|
+
.awsui_description-variant-h2_2qdw9_d8n9o_237:not(#\9) {
|
|
258
264
|
font-size: var(--font-header-h2-description-size-2hj97p, 14px);
|
|
259
265
|
line-height: var(--font-header-h2-description-line-height-rtewek, 20px);
|
|
260
266
|
}
|
|
261
|
-
.awsui_description-variant-
|
|
267
|
+
.awsui_description-variant-h2_2qdw9_d8n9o_237:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110) {
|
|
262
268
|
padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
|
|
263
269
|
}
|
|
264
|
-
.awsui_description-variant-
|
|
270
|
+
.awsui_description-variant-h3_2qdw9_d8n9o_244:not(#\9) {
|
|
265
271
|
font-size: var(--font-size-body-s-asqx2i, 12px);
|
|
266
272
|
line-height: var(--line-height-body-s-7zv1j5, 16px);
|
|
267
273
|
letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
|
|
268
274
|
}
|
|
269
|
-
.awsui_description-variant-
|
|
275
|
+
.awsui_description-variant-h3_2qdw9_d8n9o_244:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110) {
|
|
270
276
|
padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
|
|
271
277
|
}
|
|
272
278
|
|
|
273
|
-
.
|
|
279
|
+
.awsui_heading_2qdw9_d8n9o_253:not(#\9) {
|
|
274
280
|
margin: 0;
|
|
275
281
|
display: inline;
|
|
276
282
|
font-size: inherit;
|
|
277
283
|
margin-right: var(--space-xs-zb16t3, 8px);
|
|
278
284
|
}
|
|
279
|
-
.
|
|
285
|
+
.awsui_heading_2qdw9_d8n9o_253:not(#\9):only-child {
|
|
280
286
|
margin: 0;
|
|
281
287
|
}
|
|
282
|
-
.awsui_heading-variant-
|
|
288
|
+
.awsui_heading-variant-h1_2qdw9_d8n9o_262:not(#\9) {
|
|
283
289
|
font-size: var(--font-size-heading-xl-ypc05a, 24px);
|
|
284
290
|
line-height: var(--line-height-heading-xl-avbttk, 30px);
|
|
285
291
|
letter-spacing: var(--letter-spacing-heading-xl-sagq9c, -0.02em);
|
|
286
292
|
}
|
|
287
|
-
.awsui_heading-variant-
|
|
293
|
+
.awsui_heading-variant-h2_2qdw9_d8n9o_267:not(#\9) {
|
|
288
294
|
font-size: var(--font-size-heading-l-ou0d0l, 20px);
|
|
289
295
|
line-height: var(--line-height-heading-l-mmm3my, 24px);
|
|
290
296
|
letter-spacing: var(--letter-spacing-heading-l-qqjd4y, -0.015em);
|
|
291
297
|
}
|
|
292
|
-
.awsui_heading-variant-
|
|
298
|
+
.awsui_heading-variant-h3_2qdw9_d8n9o_272:not(#\9) {
|
|
293
299
|
font-size: var(--font-size-heading-m-sjd256, 18px);
|
|
294
300
|
line-height: var(--line-height-heading-m-50evfk, 22px);
|
|
295
301
|
letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
|
|
296
302
|
}
|
|
297
303
|
|
|
298
|
-
.awsui_heading-
|
|
304
|
+
.awsui_heading-text_2qdw9_d8n9o_278:not(#\9) {
|
|
299
305
|
/* used in test-utils */
|
|
300
306
|
}
|
|
301
|
-
.awsui_heading-text-variant-
|
|
307
|
+
.awsui_heading-text-variant-h1_2qdw9_d8n9o_281:not(#\9) {
|
|
302
308
|
font-size: var(--font-size-heading-xl-ypc05a, 24px);
|
|
303
309
|
line-height: var(--line-height-heading-xl-avbttk, 30px);
|
|
304
310
|
letter-spacing: var(--letter-spacing-heading-xl-sagq9c, -0.02em);
|
|
@@ -306,7 +312,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
306
312
|
-webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
|
|
307
313
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
|
|
308
314
|
}
|
|
309
|
-
.awsui_heading-text-variant-
|
|
315
|
+
.awsui_heading-text-variant-h2_2qdw9_d8n9o_289:not(#\9) {
|
|
310
316
|
font-size: var(--font-size-heading-l-ou0d0l, 20px);
|
|
311
317
|
line-height: var(--line-height-heading-l-mmm3my, 24px);
|
|
312
318
|
letter-spacing: var(--letter-spacing-heading-l-qqjd4y, -0.015em);
|
|
@@ -314,7 +320,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
314
320
|
-webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
|
|
315
321
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
|
|
316
322
|
}
|
|
317
|
-
.awsui_heading-text-variant-
|
|
323
|
+
.awsui_heading-text-variant-h3_2qdw9_d8n9o_297:not(#\9) {
|
|
318
324
|
font-size: var(--font-size-heading-m-sjd256, 18px);
|
|
319
325
|
line-height: var(--line-height-heading-m-50evfk, 22px);
|
|
320
326
|
letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
|
|
@@ -323,7 +329,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
323
329
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
|
|
324
330
|
}
|
|
325
331
|
|
|
326
|
-
.
|
|
332
|
+
.awsui_counter_2qdw9_d8n9o_306:not(#\9) {
|
|
327
333
|
color: var(--color-text-counter-zqugin, #5f6b7a);
|
|
328
334
|
font-weight: 400;
|
|
329
335
|
}
|
|
@@ -2,37 +2,38 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"refresh": "
|
|
7
|
-
"root-no-actions": "awsui_root-no-
|
|
8
|
-
"root-variant-h2": "awsui_root-variant-
|
|
9
|
-
"root-variant-h3": "awsui_root-variant-
|
|
10
|
-
"root-has-description": "awsui_root-has-
|
|
11
|
-
"root-variant-h1": "awsui_root-variant-
|
|
12
|
-
"main": "
|
|
13
|
-
"no-wrap": "awsui_no-
|
|
14
|
-
"main-variant-h1": "awsui_main-variant-
|
|
15
|
-
"actions": "
|
|
16
|
-
"actions-variant-h1": "awsui_actions-variant-
|
|
17
|
-
"actions-variant-h2": "awsui_actions-variant-
|
|
18
|
-
"actions-variant-h3": "awsui_actions-variant-
|
|
19
|
-
"title": "
|
|
20
|
-
"title-variant-h1": "awsui_title-variant-
|
|
21
|
-
"title-variant-h2": "awsui_title-variant-
|
|
22
|
-
"title-variant-h3": "awsui_title-variant-
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"description
|
|
26
|
-
"description-variant-
|
|
27
|
-
"description-variant-
|
|
28
|
-
"
|
|
29
|
-
"heading
|
|
30
|
-
"heading-variant-
|
|
31
|
-
"heading-variant-
|
|
32
|
-
"heading-
|
|
33
|
-
"heading-text
|
|
34
|
-
"heading-text-variant-
|
|
35
|
-
"heading-text-variant-
|
|
36
|
-
"
|
|
5
|
+
"root": "awsui_root_2qdw9_d8n9o_93",
|
|
6
|
+
"refresh": "awsui_refresh_2qdw9_d8n9o_110",
|
|
7
|
+
"root-no-actions": "awsui_root-no-actions_2qdw9_d8n9o_110",
|
|
8
|
+
"root-variant-h2": "awsui_root-variant-h2_2qdw9_d8n9o_113",
|
|
9
|
+
"root-variant-h3": "awsui_root-variant-h3_2qdw9_d8n9o_113",
|
|
10
|
+
"root-has-description": "awsui_root-has-description_2qdw9_d8n9o_113",
|
|
11
|
+
"root-variant-h1": "awsui_root-variant-h1_2qdw9_d8n9o_122",
|
|
12
|
+
"main": "awsui_main_2qdw9_d8n9o_132",
|
|
13
|
+
"no-wrap": "awsui_no-wrap_2qdw9_d8n9o_142",
|
|
14
|
+
"main-variant-h1": "awsui_main-variant-h1_2qdw9_d8n9o_148",
|
|
15
|
+
"actions": "awsui_actions_2qdw9_d8n9o_156",
|
|
16
|
+
"actions-variant-h1": "awsui_actions-variant-h1_2qdw9_d8n9o_160",
|
|
17
|
+
"actions-variant-h2": "awsui_actions-variant-h2_2qdw9_d8n9o_163",
|
|
18
|
+
"actions-variant-h3": "awsui_actions-variant-h3_2qdw9_d8n9o_166",
|
|
19
|
+
"title": "awsui_title_2qdw9_d8n9o_179",
|
|
20
|
+
"title-variant-h1": "awsui_title-variant-h1_2qdw9_d8n9o_184",
|
|
21
|
+
"title-variant-h2": "awsui_title-variant-h2_2qdw9_d8n9o_191",
|
|
22
|
+
"title-variant-h3": "awsui_title-variant-h3_2qdw9_d8n9o_197",
|
|
23
|
+
"virtual-space": "awsui_virtual-space_2qdw9_d8n9o_218",
|
|
24
|
+
"info": "awsui_info_2qdw9_d8n9o_224",
|
|
25
|
+
"description": "awsui_description_2qdw9_d8n9o_228",
|
|
26
|
+
"description-variant-h1": "awsui_description-variant-h1_2qdw9_d8n9o_233",
|
|
27
|
+
"description-variant-h2": "awsui_description-variant-h2_2qdw9_d8n9o_237",
|
|
28
|
+
"description-variant-h3": "awsui_description-variant-h3_2qdw9_d8n9o_244",
|
|
29
|
+
"heading": "awsui_heading_2qdw9_d8n9o_253",
|
|
30
|
+
"heading-variant-h1": "awsui_heading-variant-h1_2qdw9_d8n9o_262",
|
|
31
|
+
"heading-variant-h2": "awsui_heading-variant-h2_2qdw9_d8n9o_267",
|
|
32
|
+
"heading-variant-h3": "awsui_heading-variant-h3_2qdw9_d8n9o_272",
|
|
33
|
+
"heading-text": "awsui_heading-text_2qdw9_d8n9o_278",
|
|
34
|
+
"heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_d8n9o_281",
|
|
35
|
+
"heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_d8n9o_289",
|
|
36
|
+
"heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_d8n9o_297",
|
|
37
|
+
"counter": "awsui_counter_2qdw9_d8n9o_306"
|
|
37
38
|
};
|
|
38
39
|
|
package/input/internal.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["input/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,OAAO,EAA6C,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC1G,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC9F,OAAO,EAAE,kBAAkB,EAAgB,MAAM,4BAA4B,CAAC;AAG9E,OAAO,EAAE,+BAA+B,EAAuB,MAAM,wCAAwC,CAAC;AAC9G,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAIlF,MAAM,WAAW,kBACf,SAAQ,kBAAkB,EACxB,cAAc,EACd,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,EACxB,gBAAgB,EAChB,+BAA+B,EAC/B,0BAA0B;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC;IAC3C,UAAU,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC/B,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE/B,WAAW,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,gBAAgB,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,CAAC;IAC/D,kBAAkB,CAAC,EAAE,yBAAyB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAE/E,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;;
|
|
1
|
+
{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["input/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,OAAO,EAA6C,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC1G,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC9F,OAAO,EAAE,kBAAkB,EAAgB,MAAM,4BAA4B,CAAC;AAG9E,OAAO,EAAE,+BAA+B,EAAuB,MAAM,wCAAwC,CAAC;AAC9G,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAIlF,MAAM,WAAW,kBACf,SAAQ,kBAAkB,EACxB,cAAc,EACd,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,EACxB,gBAAgB,EAChB,+BAA+B,EAC/B,0BAA0B;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC;IAC3C,UAAU,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC/B,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE/B,WAAW,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,gBAAgB,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,CAAC;IAC/D,kBAAkB,CAAC,EAAE,yBAAyB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAE/E,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;;AA8JD,wBAA+C"}
|
package/input/internal.js
CHANGED
|
@@ -29,7 +29,11 @@ function InternalInput(_a, ref) {
|
|
|
29
29
|
__onRightIconClick = __onRightIconClick !== null && __onRightIconClick !== void 0 ? __onRightIconClick : searchProps.__onRightIconClick;
|
|
30
30
|
const formFieldContext = useFormFieldContext(rest);
|
|
31
31
|
const { ariaLabelledby, ariaDescribedby, controlId, invalid } = __inheritFormFieldProps ? formFieldContext : rest;
|
|
32
|
-
const attributes = Object.assign({ 'aria-label': ariaLabel,
|
|
32
|
+
const attributes = Object.assign({ 'aria-label': ariaLabel,
|
|
33
|
+
// aria-labelledby has precedence over aria-label in accessible name calculation.
|
|
34
|
+
// When aria-label is provided for Input, it should override aria-labelledBy from form-field context.
|
|
35
|
+
// If both aria-label and aria-labelledby come from Input props, aria-labelledby will be used in accessible name
|
|
36
|
+
'aria-labelledby': ariaLabel && !rest.ariaLabelledby ? undefined : ariaLabelledby, 'aria-describedby': ariaDescribedby, name,
|
|
33
37
|
placeholder,
|
|
34
38
|
autoFocus, id: controlId, className: clsx(styles.input, type && styles[`input-type-${type}`], __rightIcon && styles['input-has-icon-right'], __leftIcon && styles['input-has-icon-left'], __noBorderRadius && styles['input-has-no-border-radius'], {
|
|
35
39
|
[styles['input-readonly']]: readOnly,
|
package/input/internal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["input/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\nimport React, { Ref, useRef } from 'react';\nimport clsx from 'clsx';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport InternalButton from '../button/internal';\nimport { fireNonCancelableEvent, fireKeyboardEvent, NonCancelableEventHandler } from '../internal/events';\nimport { InputProps, BaseInputProps, InputAutoCorrect, BaseChangeDetail } from './interfaces';\nimport { BaseComponentProps, getBaseProps } from '../internal/base-component';\nimport { useSearchProps, convertAutoComplete } from './utils';\nimport { useDebounceCallback } from '../internal/hooks/use-debounce-callback';\nimport { FormFieldValidationControlProps, useFormFieldContext } from '../internal/context/form-field-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport styles from './styles.css.js';\nimport { useInternalI18n } from '../i18n/context';\n\nexport interface InternalInputProps\n extends BaseComponentProps,\n BaseInputProps,\n Omit<InputProps, 'type'>,\n InputAutoCorrect,\n FormFieldValidationControlProps,\n InternalBaseComponentProps {\n type?: InputProps['type'] | 'visualSearch';\n __leftIcon?: IconProps['name'];\n __leftIconVariant?: IconProps['variant'];\n __onLeftIconClick?: () => void;\n\n __rightIcon?: IconProps['name'];\n __onRightIconClick?: () => void;\n\n __nativeAttributes?: Record<string, any>;\n __noBorderRadius?: boolean;\n\n __onDelayedInput?: NonCancelableEventHandler<BaseChangeDetail>;\n __onBlurWithDetail?: NonCancelableEventHandler<{ relatedTarget: Node | null }>;\n\n __inheritFormFieldProps?: boolean;\n}\n\nfunction InternalInput(\n {\n type = 'text',\n step,\n inputMode,\n autoComplete = true,\n ariaLabel,\n clearAriaLabel: clearAriaLabelOverride,\n name,\n value,\n placeholder,\n autoFocus,\n disabled,\n readOnly,\n disableBrowserAutocorrect,\n spellcheck,\n __noBorderRadius,\n\n __leftIcon,\n __leftIconVariant = 'subtle',\n __onLeftIconClick,\n\n ariaRequired,\n\n __rightIcon,\n __onRightIconClick,\n\n onKeyDown,\n onKeyUp,\n onChange,\n __onDelayedInput,\n __onBlurWithDetail,\n onBlur,\n onFocus,\n __nativeAttributes,\n __internalRootRef,\n __inheritFormFieldProps,\n ...rest\n }: InternalInputProps,\n ref: Ref<HTMLInputElement>\n) {\n const baseProps = getBaseProps(rest);\n const i18n = useInternalI18n('input');\n const fireDelayedInput = useDebounceCallback((value: string) => fireNonCancelableEvent(__onDelayedInput, { value }));\n\n const handleChange = (value: string) => {\n fireDelayedInput(value);\n fireNonCancelableEvent(onChange, { value });\n };\n\n const inputRef = useRef<HTMLInputElement>(null);\n const searchProps = useSearchProps(type, disabled, readOnly, value, inputRef, handleChange);\n __leftIcon = __leftIcon ?? searchProps.__leftIcon;\n __rightIcon = __rightIcon ?? searchProps.__rightIcon;\n __onRightIconClick = __onRightIconClick ?? searchProps.__onRightIconClick;\n\n const formFieldContext = useFormFieldContext(rest);\n const { ariaLabelledby, ariaDescribedby, controlId, invalid } = __inheritFormFieldProps ? formFieldContext : rest;\n\n const attributes: React.InputHTMLAttributes<HTMLInputElement> = {\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n name,\n placeholder,\n autoFocus,\n id: controlId,\n className: clsx(\n styles.input,\n type && styles[`input-type-${type}`],\n __rightIcon && styles['input-has-icon-right'],\n __leftIcon && styles['input-has-icon-left'],\n __noBorderRadius && styles['input-has-no-border-radius'],\n {\n [styles['input-readonly']]: readOnly,\n [styles['input-invalid']]: invalid,\n }\n ),\n autoComplete: convertAutoComplete(autoComplete),\n disabled,\n readOnly,\n type,\n step,\n inputMode,\n spellCheck: spellcheck,\n onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n // We set a default value on the component in order to force it into the controlled mode.\n value: value ?? '',\n onChange: onChange && (event => handleChange(event.target.value)),\n onBlur: e => {\n onBlur && fireNonCancelableEvent(onBlur);\n __onBlurWithDetail && fireNonCancelableEvent(__onBlurWithDetail, { relatedTarget: e.relatedTarget });\n },\n onFocus: onFocus && (() => fireNonCancelableEvent(onFocus)),\n ...__nativeAttributes,\n };\n\n if (type === 'number') {\n // Chrome and Safari have a weird built-in behavior of letting focused\n // number inputs be controlled by scrolling on them. However, they don't\n // lock the browser's scroll, so it's very easy to accidentally increment\n // the input while scrolling down the page.\n attributes.onWheel = event => event.currentTarget.blur();\n }\n\n if (disableBrowserAutocorrect) {\n attributes.autoCorrect = 'off';\n attributes.autoCapitalize = 'off';\n }\n\n // ensure aria properties are string literal \"true\"\n if (ariaRequired) {\n attributes['aria-required'] = 'true';\n }\n if (invalid) {\n attributes['aria-invalid'] = 'true';\n }\n\n const mergedRef = useMergeRefs(ref, inputRef);\n\n // type = \"visualSearch\" renders a type=\"text' input\n if (attributes.type === 'visualSearch') {\n attributes.type = 'text';\n }\n\n return (\n <div {...baseProps} className={clsx(baseProps.className, styles['input-container'])} ref={__internalRootRef}>\n {__leftIcon && (\n <span onClick={__onLeftIconClick} className={styles['input-icon-left']}>\n <InternalIcon name={__leftIcon} variant={disabled || readOnly ? 'disabled' : __leftIconVariant} />\n </span>\n )}\n <input ref={mergedRef} {...attributes} />\n {__rightIcon && (\n <span className={styles['input-icon-right']}>\n <InternalButton\n // Used for test utils\n // eslint-disable-next-line react/forbid-component-props\n className={styles['input-button-right']}\n variant=\"inline-icon\"\n formAction=\"none\"\n iconName={__rightIcon}\n onClick={__onRightIconClick}\n ariaLabel={i18n('clearAriaLabel', clearAriaLabelOverride)}\n disabled={disabled}\n />\n </span>\n )}\n </div>\n );\n}\n\nexport default React.forwardRef(InternalInput);\n"]}
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["input/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\nimport React, { Ref, useRef } from 'react';\nimport clsx from 'clsx';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport InternalButton from '../button/internal';\nimport { fireNonCancelableEvent, fireKeyboardEvent, NonCancelableEventHandler } from '../internal/events';\nimport { InputProps, BaseInputProps, InputAutoCorrect, BaseChangeDetail } from './interfaces';\nimport { BaseComponentProps, getBaseProps } from '../internal/base-component';\nimport { useSearchProps, convertAutoComplete } from './utils';\nimport { useDebounceCallback } from '../internal/hooks/use-debounce-callback';\nimport { FormFieldValidationControlProps, useFormFieldContext } from '../internal/context/form-field-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport styles from './styles.css.js';\nimport { useInternalI18n } from '../i18n/context';\n\nexport interface InternalInputProps\n extends BaseComponentProps,\n BaseInputProps,\n Omit<InputProps, 'type'>,\n InputAutoCorrect,\n FormFieldValidationControlProps,\n InternalBaseComponentProps {\n type?: InputProps['type'] | 'visualSearch';\n __leftIcon?: IconProps['name'];\n __leftIconVariant?: IconProps['variant'];\n __onLeftIconClick?: () => void;\n\n __rightIcon?: IconProps['name'];\n __onRightIconClick?: () => void;\n\n __nativeAttributes?: Record<string, any>;\n __noBorderRadius?: boolean;\n\n __onDelayedInput?: NonCancelableEventHandler<BaseChangeDetail>;\n __onBlurWithDetail?: NonCancelableEventHandler<{ relatedTarget: Node | null }>;\n\n __inheritFormFieldProps?: boolean;\n}\n\nfunction InternalInput(\n {\n type = 'text',\n step,\n inputMode,\n autoComplete = true,\n ariaLabel,\n clearAriaLabel: clearAriaLabelOverride,\n name,\n value,\n placeholder,\n autoFocus,\n disabled,\n readOnly,\n disableBrowserAutocorrect,\n spellcheck,\n __noBorderRadius,\n\n __leftIcon,\n __leftIconVariant = 'subtle',\n __onLeftIconClick,\n\n ariaRequired,\n\n __rightIcon,\n __onRightIconClick,\n\n onKeyDown,\n onKeyUp,\n onChange,\n __onDelayedInput,\n __onBlurWithDetail,\n onBlur,\n onFocus,\n __nativeAttributes,\n __internalRootRef,\n __inheritFormFieldProps,\n ...rest\n }: InternalInputProps,\n ref: Ref<HTMLInputElement>\n) {\n const baseProps = getBaseProps(rest);\n const i18n = useInternalI18n('input');\n const fireDelayedInput = useDebounceCallback((value: string) => fireNonCancelableEvent(__onDelayedInput, { value }));\n\n const handleChange = (value: string) => {\n fireDelayedInput(value);\n fireNonCancelableEvent(onChange, { value });\n };\n\n const inputRef = useRef<HTMLInputElement>(null);\n const searchProps = useSearchProps(type, disabled, readOnly, value, inputRef, handleChange);\n __leftIcon = __leftIcon ?? searchProps.__leftIcon;\n __rightIcon = __rightIcon ?? searchProps.__rightIcon;\n __onRightIconClick = __onRightIconClick ?? searchProps.__onRightIconClick;\n\n const formFieldContext = useFormFieldContext(rest);\n const { ariaLabelledby, ariaDescribedby, controlId, invalid } = __inheritFormFieldProps ? formFieldContext : rest;\n\n const attributes: React.InputHTMLAttributes<HTMLInputElement> = {\n 'aria-label': ariaLabel,\n // aria-labelledby has precedence over aria-label in accessible name calculation.\n // When aria-label is provided for Input, it should override aria-labelledBy from form-field context.\n // If both aria-label and aria-labelledby come from Input props, aria-labelledby will be used in accessible name\n 'aria-labelledby': ariaLabel && !rest.ariaLabelledby ? undefined : ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n name,\n placeholder,\n autoFocus,\n id: controlId,\n className: clsx(\n styles.input,\n type && styles[`input-type-${type}`],\n __rightIcon && styles['input-has-icon-right'],\n __leftIcon && styles['input-has-icon-left'],\n __noBorderRadius && styles['input-has-no-border-radius'],\n {\n [styles['input-readonly']]: readOnly,\n [styles['input-invalid']]: invalid,\n }\n ),\n autoComplete: convertAutoComplete(autoComplete),\n disabled,\n readOnly,\n type,\n step,\n inputMode,\n spellCheck: spellcheck,\n onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n // We set a default value on the component in order to force it into the controlled mode.\n value: value ?? '',\n onChange: onChange && (event => handleChange(event.target.value)),\n onBlur: e => {\n onBlur && fireNonCancelableEvent(onBlur);\n __onBlurWithDetail && fireNonCancelableEvent(__onBlurWithDetail, { relatedTarget: e.relatedTarget });\n },\n onFocus: onFocus && (() => fireNonCancelableEvent(onFocus)),\n ...__nativeAttributes,\n };\n\n if (type === 'number') {\n // Chrome and Safari have a weird built-in behavior of letting focused\n // number inputs be controlled by scrolling on them. However, they don't\n // lock the browser's scroll, so it's very easy to accidentally increment\n // the input while scrolling down the page.\n attributes.onWheel = event => event.currentTarget.blur();\n }\n\n if (disableBrowserAutocorrect) {\n attributes.autoCorrect = 'off';\n attributes.autoCapitalize = 'off';\n }\n\n // ensure aria properties are string literal \"true\"\n if (ariaRequired) {\n attributes['aria-required'] = 'true';\n }\n if (invalid) {\n attributes['aria-invalid'] = 'true';\n }\n\n const mergedRef = useMergeRefs(ref, inputRef);\n\n // type = \"visualSearch\" renders a type=\"text' input\n if (attributes.type === 'visualSearch') {\n attributes.type = 'text';\n }\n\n return (\n <div {...baseProps} className={clsx(baseProps.className, styles['input-container'])} ref={__internalRootRef}>\n {__leftIcon && (\n <span onClick={__onLeftIconClick} className={styles['input-icon-left']}>\n <InternalIcon name={__leftIcon} variant={disabled || readOnly ? 'disabled' : __leftIconVariant} />\n </span>\n )}\n <input ref={mergedRef} {...attributes} />\n {__rightIcon && (\n <span className={styles['input-icon-right']}>\n <InternalButton\n // Used for test utils\n // eslint-disable-next-line react/forbid-component-props\n className={styles['input-button-right']}\n variant=\"inline-icon\"\n formAction=\"none\"\n iconName={__rightIcon}\n onClick={__onRightIconClick}\n ariaLabel={i18n('clearAriaLabel', clearAriaLabelOverride)}\n disabled={disabled}\n />\n </span>\n )}\n </div>\n );\n}\n\nexport default React.forwardRef(InternalInput);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/button-trigger/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAGxE,OAAO,EAA0C,sBAAsB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7G,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,MAAM,CAAC,EAAE,sBAAsB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/button-trigger/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAGxE,OAAO,EAA0C,sBAAsB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7G,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,MAAM,CAAC,EAAE,sBAAsB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA2ED,yBAAiB,kBAAkB,CAAC;IAClC,UAAiB,GAAG;QAClB,KAAK,IAAI,IAAI,CAAC;KACf;CACF;;AAED,wBAA+C"}
|
|
@@ -8,9 +8,9 @@ import InternalIcon from '../../../icon/internal';
|
|
|
8
8
|
import styles from './styles.css.js';
|
|
9
9
|
import { fireKeyboardEvent, fireCancelableEvent } from '../../events';
|
|
10
10
|
const ButtonTrigger = (_a, ref) => {
|
|
11
|
-
var { children, pressed = false, hideCaret = false, disabled = false, readOnly = false, invalid = false, inFilteringToken, ariaHasPopup, ariaLabel, ariaLabelledby, ariaDescribedby, ariaControls, onKeyDown, onKeyUp, onMouseDown, onClick, onFocus, onBlur, autoFocus } = _a, restProps = __rest(_a, ["children", "pressed", "hideCaret", "disabled", "readOnly", "invalid", "inFilteringToken", "ariaHasPopup", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "ariaControls", "onKeyDown", "onKeyUp", "onMouseDown", "onClick", "onFocus", "onBlur", "autoFocus"]);
|
|
11
|
+
var { children, pressed = false, hideCaret = false, disabled = false, readOnly = false, invalid = false, inlineTokens, inFilteringToken, ariaHasPopup, ariaLabel, ariaLabelledby, ariaDescribedby, ariaControls, onKeyDown, onKeyUp, onMouseDown, onClick, onFocus, onBlur, autoFocus } = _a, restProps = __rest(_a, ["children", "pressed", "hideCaret", "disabled", "readOnly", "invalid", "inlineTokens", "inFilteringToken", "ariaHasPopup", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "ariaControls", "onKeyDown", "onKeyUp", "onMouseDown", "onClick", "onFocus", "onBlur", "autoFocus"]);
|
|
12
12
|
const baseProps = getBaseProps(restProps);
|
|
13
|
-
const attributes = Object.assign(Object.assign({}, baseProps), { type: 'button', className: clsx(styles['button-trigger'], baseProps.className, pressed && styles.pressed, disabled && styles.disabled, invalid && styles.invalid, !hideCaret && styles['has-caret'], readOnly && styles['read-only'], inFilteringToken && styles['in-filtering-token']), disabled: disabled || readOnly, 'aria-expanded': pressed, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-haspopup': ariaHasPopup !== null && ariaHasPopup !== void 0 ? ariaHasPopup : 'listbox', 'aria-controls': ariaControls, onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)), onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)), onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)), onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)), onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)), onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)), autoFocus });
|
|
13
|
+
const attributes = Object.assign(Object.assign({}, baseProps), { type: 'button', className: clsx(styles['button-trigger'], baseProps.className, pressed && styles.pressed, disabled && styles.disabled, invalid && styles.invalid, !hideCaret && styles['has-caret'], readOnly && styles['read-only'], inFilteringToken && styles['in-filtering-token'], inlineTokens && styles['inline-tokens']), disabled: disabled || readOnly, 'aria-expanded': pressed, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-haspopup': ariaHasPopup !== null && ariaHasPopup !== void 0 ? ariaHasPopup : 'listbox', 'aria-controls': ariaControls, onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)), onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)), onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)), onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)), onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)), onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)), autoFocus });
|
|
14
14
|
if (invalid) {
|
|
15
15
|
attributes['aria-invalid'] = invalid;
|
|
16
16
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/button-trigger/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAsB,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAyC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/button-trigger/index.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\nimport React, { ButtonHTMLAttributes } from 'react';\nimport clsx from 'clsx';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport InternalIcon from '../../../icon/internal';\nimport styles from './styles.css.js';\nimport { fireKeyboardEvent, fireCancelableEvent, CancelableEventHandler, BaseKeyDetail } from '../../events';\n\nexport interface ButtonTriggerProps extends BaseComponentProps {\n children?: React.ReactNode;\n pressed?: boolean;\n hideCaret?: boolean;\n disabled?: boolean;\n readOnly?: boolean;\n invalid?: boolean;\n inFilteringToken?: boolean;\n inlineTokens?: boolean;\n ariaHasPopup?: 'true' | 'listbox' | 'dialog';\n ariaControls?: string;\n ariaLabel?: string;\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n onKeyUp?: CancelableEventHandler<BaseKeyDetail>;\n onMouseDown?: CancelableEventHandler;\n onClick?: CancelableEventHandler;\n onFocus?: CancelableEventHandler;\n onBlur?: CancelableEventHandler<{ relatedTarget: Node | null }>;\n autoFocus?: boolean;\n}\n\nconst ButtonTrigger = (\n {\n children,\n pressed = false,\n hideCaret = false,\n disabled = false,\n readOnly = false,\n invalid = false,\n inlineTokens,\n inFilteringToken,\n ariaHasPopup,\n ariaLabel,\n ariaLabelledby,\n ariaDescribedby,\n ariaControls,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onClick,\n onFocus,\n onBlur,\n autoFocus,\n ...restProps\n }: ButtonTriggerProps,\n ref: React.Ref<HTMLButtonElement>\n) => {\n const baseProps = getBaseProps(restProps);\n const attributes: ButtonHTMLAttributes<HTMLButtonElement> = {\n ...baseProps,\n type: 'button',\n className: clsx(\n styles['button-trigger'],\n baseProps.className,\n pressed && styles.pressed,\n disabled && styles.disabled,\n invalid && styles.invalid,\n !hideCaret && styles['has-caret'],\n readOnly && styles['read-only'],\n inFilteringToken && styles['in-filtering-token'],\n inlineTokens && styles['inline-tokens']\n ),\n disabled: disabled || readOnly,\n 'aria-expanded': pressed,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup ?? 'listbox',\n 'aria-controls': ariaControls,\n onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)),\n onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)),\n onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)),\n onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)),\n autoFocus,\n };\n\n if (invalid) {\n attributes['aria-invalid'] = invalid;\n }\n\n return (\n <button ref={ref} {...attributes}>\n {children}\n {!hideCaret && (\n <span className={styles.arrow}>\n <InternalIcon name=\"caret-down-filled\" variant={disabled ? 'disabled' : 'normal'} />\n </span>\n )}\n </button>\n );\n};\n\nexport namespace ButtonTriggerProps {\n export interface Ref {\n focus(): void;\n }\n}\n\nexport default React.forwardRef(ButtonTrigger);\n"]}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"button-trigger": "awsui_button-
|
|
5
|
-
"arrow": "
|
|
6
|
-
"has-caret": "awsui_has-
|
|
7
|
-
"placeholder": "
|
|
8
|
-
"pressed": "
|
|
9
|
-
"disabled": "
|
|
10
|
-
"in-filtering-token": "awsui_in-filtering-
|
|
11
|
-
"read-only": "awsui_read-
|
|
12
|
-
"invalid": "
|
|
4
|
+
"button-trigger": "awsui_button-trigger_18eso_1drma_97",
|
|
5
|
+
"arrow": "awsui_arrow_18eso_1drma_97",
|
|
6
|
+
"has-caret": "awsui_has-caret_18eso_1drma_137",
|
|
7
|
+
"placeholder": "awsui_placeholder_18eso_1drma_140",
|
|
8
|
+
"pressed": "awsui_pressed_18eso_1drma_153",
|
|
9
|
+
"disabled": "awsui_disabled_18eso_1drma_156",
|
|
10
|
+
"in-filtering-token": "awsui_in-filtering-token_18eso_1drma_165",
|
|
11
|
+
"read-only": "awsui_read-only_18eso_1drma_171",
|
|
12
|
+
"invalid": "awsui_invalid_18eso_1drma_188",
|
|
13
|
+
"inline-tokens": "awsui_inline-tokens_18eso_1drma_223"
|
|
13
14
|
};
|
|
14
15
|
|