@cloudscape-design/components 3.0.628 → 3.0.630

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.
Files changed (12) hide show
  1. package/header/styles.css.js +35 -35
  2. package/header/styles.scoped.css +51 -59
  3. package/header/styles.selectors.js +35 -35
  4. package/input/internal.d.ts.map +1 -1
  5. package/input/internal.js +1 -1
  6. package/input/internal.js.map +1 -1
  7. package/internal/environment.js +1 -1
  8. package/internal/environment.json +1 -1
  9. package/internal/manifest.json +1 -1
  10. package/package.json +1 -1
  11. package/tag-editor/validation.js +1 -1
  12. package/tag-editor/validation.js.map +1 -1
package/header/styles.css.js CHANGED
@@ -1,40 +1,40 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_2qdw9_jcalo_99",
5
- "root-with-toolbar": "awsui_root-with-toolbar_2qdw9_jcalo_138",
6
- "refresh": "awsui_refresh_2qdw9_jcalo_141",
7
- "root-no-actions": "awsui_root-no-actions_2qdw9_jcalo_141",
8
- "root-variant-h2": "awsui_root-variant-h2_2qdw9_jcalo_144",
9
- "root-variant-h3": "awsui_root-variant-h3_2qdw9_jcalo_144",
10
- "root-has-description": "awsui_root-has-description_2qdw9_jcalo_144",
11
- "root-variant-h1": "awsui_root-variant-h1_2qdw9_jcalo_153",
12
- "main": "awsui_main_2qdw9_jcalo_163",
13
- "no-wrap": "awsui_no-wrap_2qdw9_jcalo_173",
14
- "main-variant-h1": "awsui_main-variant-h1_2qdw9_jcalo_179",
15
- "actions": "awsui_actions_2qdw9_jcalo_187",
16
- "actions-centered": "awsui_actions-centered_2qdw9_jcalo_192",
17
- "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_jcalo_195",
18
- "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_jcalo_199",
19
- "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_jcalo_203",
20
- "title": "awsui_title_2qdw9_jcalo_219",
21
- "title-variant-h1": "awsui_title-variant-h1_2qdw9_jcalo_224",
22
- "title-variant-h2": "awsui_title-variant-h2_2qdw9_jcalo_231",
23
- "title-variant-h3": "awsui_title-variant-h3_2qdw9_jcalo_237",
24
- "virtual-space": "awsui_virtual-space_2qdw9_jcalo_262",
25
- "info": "awsui_info_2qdw9_jcalo_268",
26
- "description": "awsui_description_2qdw9_jcalo_272",
27
- "description-variant-h1": "awsui_description-variant-h1_2qdw9_jcalo_279",
28
- "description-variant-h2": "awsui_description-variant-h2_2qdw9_jcalo_283",
29
- "description-variant-h3": "awsui_description-variant-h3_2qdw9_jcalo_290",
30
- "heading": "awsui_heading_2qdw9_jcalo_299",
31
- "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_jcalo_310",
32
- "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_jcalo_315",
33
- "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_jcalo_320",
34
- "heading-text": "awsui_heading-text_2qdw9_jcalo_330",
35
- "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_jcalo_333",
36
- "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_jcalo_341",
37
- "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_jcalo_349",
38
- "counter": "awsui_counter_2qdw9_jcalo_358"
4
+ "root": "awsui_root_2qdw9_60h2j_99",
5
+ "root-with-toolbar": "awsui_root-with-toolbar_2qdw9_60h2j_138",
6
+ "refresh": "awsui_refresh_2qdw9_60h2j_141",
7
+ "root-no-actions": "awsui_root-no-actions_2qdw9_60h2j_141",
8
+ "root-variant-h2": "awsui_root-variant-h2_2qdw9_60h2j_144",
9
+ "root-variant-h3": "awsui_root-variant-h3_2qdw9_60h2j_144",
10
+ "root-has-description": "awsui_root-has-description_2qdw9_60h2j_144",
11
+ "root-variant-h1": "awsui_root-variant-h1_2qdw9_60h2j_153",
12
+ "main": "awsui_main_2qdw9_60h2j_163",
13
+ "no-wrap": "awsui_no-wrap_2qdw9_60h2j_173",
14
+ "main-variant-h1": "awsui_main-variant-h1_2qdw9_60h2j_179",
15
+ "actions": "awsui_actions_2qdw9_60h2j_187",
16
+ "actions-centered": "awsui_actions-centered_2qdw9_60h2j_192",
17
+ "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_60h2j_195",
18
+ "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_60h2j_199",
19
+ "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_60h2j_203",
20
+ "title": "awsui_title_2qdw9_60h2j_219",
21
+ "title-variant-h1": "awsui_title-variant-h1_2qdw9_60h2j_224",
22
+ "title-variant-h2": "awsui_title-variant-h2_2qdw9_60h2j_231",
23
+ "title-variant-h3": "awsui_title-variant-h3_2qdw9_60h2j_237",
24
+ "virtual-space": "awsui_virtual-space_2qdw9_60h2j_258",
25
+ "info": "awsui_info_2qdw9_60h2j_264",
26
+ "description": "awsui_description_2qdw9_60h2j_268",
27
+ "description-variant-h1": "awsui_description-variant-h1_2qdw9_60h2j_275",
28
+ "description-variant-h2": "awsui_description-variant-h2_2qdw9_60h2j_279",
29
+ "description-variant-h3": "awsui_description-variant-h3_2qdw9_60h2j_286",
30
+ "heading": "awsui_heading_2qdw9_60h2j_295",
31
+ "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_60h2j_306",
32
+ "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_60h2j_311",
33
+ "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_60h2j_316",
34
+ "heading-text": "awsui_heading-text_2qdw9_60h2j_322",
35
+ "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_60h2j_325",
36
+ "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_60h2j_333",
37
+ "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_60h2j_341",
38
+ "counter": "awsui_counter_2qdw9_60h2j_350"
39
39
  };
40
40
 
package/header/styles.scoped.css CHANGED
@@ -96,7 +96,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
96
96
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
97
97
  SPDX-License-Identifier: Apache-2.0
98
98
  */
99
- .awsui_root_2qdw9_jcalo_99:not(#\9) {
99
+ .awsui_root_2qdw9_60h2j_99:not(#\9) {
100
100
  border-collapse: separate;
101
101
  border-spacing: 0;
102
102
  box-sizing: border-box;
@@ -136,32 +136,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
136
136
  flex-wrap: wrap;
137
137
  justify-content: space-between;
138
138
  }
139
- .awsui_root-with-toolbar_2qdw9_jcalo_138:not(#\9) {
139
+ .awsui_root-with-toolbar_2qdw9_60h2j_138:not(#\9) {
140
140
  padding-block-start: var(--space-scaled-s-aqzyko, 12px);
141
141
  }
142
- .awsui_root_2qdw9_jcalo_99.awsui_refresh_2qdw9_jcalo_141:not(#\9), .awsui_root_2qdw9_jcalo_99:not(#\9):not(.awsui_root-no-actions_2qdw9_jcalo_141) {
142
+ .awsui_root_2qdw9_60h2j_99.awsui_refresh_2qdw9_60h2j_141:not(#\9), .awsui_root_2qdw9_60h2j_99:not(#\9):not(.awsui_root-no-actions_2qdw9_60h2j_141) {
143
143
  row-gap: var(--space-scaled-xxs-7597g1, 4px);
144
144
  }
145
- .awsui_root-no-actions_2qdw9_jcalo_141.awsui_root-variant-h2_2qdw9_jcalo_144:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141), .awsui_root-no-actions_2qdw9_jcalo_141.awsui_root-variant-h3_2qdw9_jcalo_144:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141), .awsui_root-has-description_2qdw9_jcalo_144.awsui_root-variant-h2_2qdw9_jcalo_144:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141), .awsui_root-has-description_2qdw9_jcalo_144.awsui_root-variant-h3_2qdw9_jcalo_144:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141) {
145
+ .awsui_root-no-actions_2qdw9_60h2j_141.awsui_root-variant-h2_2qdw9_60h2j_144:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141), .awsui_root-no-actions_2qdw9_60h2j_141.awsui_root-variant-h3_2qdw9_60h2j_144:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141), .awsui_root-has-description_2qdw9_60h2j_144.awsui_root-variant-h2_2qdw9_60h2j_144:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141), .awsui_root-has-description_2qdw9_60h2j_144.awsui_root-variant-h3_2qdw9_60h2j_144:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141) {
146
146
  padding-block-end: var(--space-scaled-xxs-7597g1, 4px);
147
147
  }
148
- .awsui_root-no-actions_2qdw9_jcalo_141:not(#\9):not(.awsui_root-has-description_2qdw9_jcalo_144):not(.awsui_refresh_2qdw9_jcalo_141) {
148
+ .awsui_root-no-actions_2qdw9_60h2j_141:not(#\9):not(.awsui_root-has-description_2qdw9_60h2j_144):not(.awsui_refresh_2qdw9_60h2j_141) {
149
149
  padding-block-end: calc(var(--space-scaled-xs-26e2du, 8px) + var(--space-xxxs-zbmxqb, 2px));
150
150
  }
151
- .awsui_root-no-actions_2qdw9_jcalo_141.awsui_refresh_2qdw9_jcalo_141.awsui_root-variant-h2_2qdw9_jcalo_144:not(#\9), .awsui_root-no-actions_2qdw9_jcalo_141.awsui_refresh_2qdw9_jcalo_141.awsui_root-variant-h3_2qdw9_jcalo_144:not(#\9) {
151
+ .awsui_root-no-actions_2qdw9_60h2j_141.awsui_refresh_2qdw9_60h2j_141.awsui_root-variant-h2_2qdw9_60h2j_144:not(#\9), .awsui_root-no-actions_2qdw9_60h2j_141.awsui_refresh_2qdw9_60h2j_141.awsui_root-variant-h3_2qdw9_60h2j_144:not(#\9) {
152
152
  row-gap: var(--space-scaled-xxxs-27y4hv, 2px);
153
153
  }
154
- .awsui_root_2qdw9_jcalo_99.awsui_root-variant-h1_2qdw9_jcalo_153:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141) {
154
+ .awsui_root_2qdw9_60h2j_99.awsui_root-variant-h1_2qdw9_60h2j_153:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141) {
155
155
  row-gap: var(--space-scaled-xxs-7597g1, 4px);
156
156
  }
157
- .awsui_root-no-actions_2qdw9_jcalo_141:not(#\9):not(.awsui_root-has-description_2qdw9_jcalo_144).awsui_refresh_2qdw9_jcalo_141.awsui_root-variant-h3_2qdw9_jcalo_144 {
157
+ .awsui_root-no-actions_2qdw9_60h2j_141:not(#\9):not(.awsui_root-has-description_2qdw9_60h2j_144).awsui_refresh_2qdw9_60h2j_141.awsui_root-variant-h3_2qdw9_60h2j_144 {
158
158
  padding-block-end: var(--space-scaled-xs-26e2du, 8px);
159
159
  }
160
- .awsui_root_2qdw9_jcalo_99.awsui_root-variant-h1_2qdw9_jcalo_153.awsui_root-has-description_2qdw9_jcalo_144:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141) {
160
+ .awsui_root_2qdw9_60h2j_99.awsui_root-variant-h1_2qdw9_60h2j_153.awsui_root-has-description_2qdw9_60h2j_144:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141) {
161
161
  padding-block-end: var(--space-scaled-2x-xxs-7v8ivz, 4px);
162
162
  }
163
163
 
164
- .awsui_main_2qdw9_jcalo_163:not(#\9) {
164
+ .awsui_main_2qdw9_60h2j_163:not(#\9) {
165
165
  word-wrap: break-word;
166
166
  max-inline-size: 100%;
167
167
  display: flex;
@@ -171,167 +171,159 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
171
171
  column-gap: var(--space-xs-zb16t3, 8px);
172
172
  row-gap: calc(var(--space-scaled-xxs-7597g1, 4px) + var(--space-scaled-xxxs-27y4hv, 2px));
173
173
  }
174
- .awsui_main_2qdw9_jcalo_163.awsui_no-wrap_2qdw9_jcalo_173:not(#\9) {
174
+ .awsui_main_2qdw9_60h2j_163.awsui_no-wrap_2qdw9_60h2j_173:not(#\9) {
175
175
  flex-wrap: nowrap;
176
176
  }
177
- .awsui_main_2qdw9_jcalo_163.awsui_refresh_2qdw9_jcalo_141:not(#\9) {
177
+ .awsui_main_2qdw9_60h2j_163.awsui_refresh_2qdw9_60h2j_141:not(#\9) {
178
178
  row-gap: var(--space-xxs-p8yyaw, 4px);
179
179
  }
180
- .awsui_main-variant-h1_2qdw9_jcalo_179:not(#\9) {
180
+ .awsui_main-variant-h1_2qdw9_60h2j_179:not(#\9) {
181
181
  row-gap: var(--space-scaled-2x-xxs-7v8ivz, 4px);
182
182
  }
183
183
 
184
- .awsui_root-has-description_2qdw9_jcalo_144 > .awsui_main_2qdw9_jcalo_163:not(#\9) {
184
+ .awsui_root-has-description_2qdw9_60h2j_144 > .awsui_main_2qdw9_60h2j_163:not(#\9) {
185
185
  row-gap: var(--space-scaled-2x-xxs-7v8ivz, 4px);
186
186
  }
187
187
 
188
- .awsui_actions_2qdw9_jcalo_187:not(#\9) {
188
+ .awsui_actions_2qdw9_60h2j_187:not(#\9) {
189
189
  display: flex;
190
190
  align-items: flex-start;
191
191
  min-block-size: var(--size-vertical-input-v5iwwf, 32px);
192
192
  }
193
- .awsui_actions-centered_2qdw9_jcalo_192:not(#\9) {
193
+ .awsui_actions-centered_2qdw9_60h2j_192:not(#\9) {
194
194
  align-items: center;
195
195
  }
196
- .awsui_actions-variant-h1_2qdw9_jcalo_195.awsui_refresh_2qdw9_jcalo_141:not(#\9) {
196
+ .awsui_actions-variant-h1_2qdw9_60h2j_195.awsui_refresh_2qdw9_60h2j_141:not(#\9) {
197
197
  padding-block: calc((var(--line-height-heading-xl-avbttk, 30px) - var(--size-vertical-input-v5iwwf, 32px)) / 2);
198
198
  padding-inline: 0;
199
199
  }
200
- .awsui_actions-variant-h2_2qdw9_jcalo_199.awsui_refresh_2qdw9_jcalo_141:not(#\9) {
200
+ .awsui_actions-variant-h2_2qdw9_60h2j_199.awsui_refresh_2qdw9_60h2j_141:not(#\9) {
201
201
  padding-block: calc((var(--line-height-heading-l-mmm3my, 24px) - var(--size-vertical-input-v5iwwf, 32px)) / 2);
202
202
  padding-inline: 0;
203
203
  }
204
- .awsui_actions-variant-h3_2qdw9_jcalo_203.awsui_refresh_2qdw9_jcalo_141:not(#\9) {
204
+ .awsui_actions-variant-h3_2qdw9_60h2j_203.awsui_refresh_2qdw9_60h2j_141:not(#\9) {
205
205
  padding-block: calc((var(--line-height-heading-m-50evfk, 22px) - var(--size-vertical-input-v5iwwf, 32px)) / 2);
206
206
  padding-inline: 0;
207
207
  }
208
- .awsui_actions-variant-h1_2qdw9_jcalo_195:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141) {
208
+ .awsui_actions-variant-h1_2qdw9_60h2j_195:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141) {
209
209
  padding-block: var(--space-scaled-xs-26e2du, 8px);
210
210
  padding-inline: 0;
211
211
  }
212
- .awsui_actions-variant-h2_2qdw9_jcalo_199:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141), .awsui_actions-variant-h3_2qdw9_jcalo_203:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141) {
212
+ .awsui_actions-variant-h2_2qdw9_60h2j_199:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141), .awsui_actions-variant-h3_2qdw9_60h2j_203:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141) {
213
213
  padding-block: var(--space-scaled-xxs-7597g1, 4px);
214
214
  padding-inline: 0;
215
215
  }
216
- .awsui_root-has-description_2qdw9_jcalo_144 > .awsui_main_2qdw9_jcalo_163 > .awsui_actions_2qdw9_jcalo_187:not(#\9) {
216
+ .awsui_root-has-description_2qdw9_60h2j_144 > .awsui_main_2qdw9_60h2j_163 > .awsui_actions_2qdw9_60h2j_187:not(#\9) {
217
217
  padding-block-end: 0;
218
218
  }
219
219
 
220
- .awsui_title_2qdw9_jcalo_219:not(#\9) {
220
+ .awsui_title_2qdw9_60h2j_219:not(#\9) {
221
221
  min-inline-size: 0;
222
222
  word-break: break-word;
223
223
  color: var(--color-text-heading-default-lstrpn, #000716);
224
224
  }
225
- .awsui_title-variant-h1_2qdw9_jcalo_224:not(#\9) {
225
+ .awsui_title-variant-h1_2qdw9_60h2j_224:not(#\9) {
226
226
  font-size: var(--font-size-heading-xl-ypc05a, 24px);
227
227
  padding-block-start: var(--space-scaled-2x-xxs-7v8ivz, 4px);
228
228
  }
229
- .awsui_title-variant-h1_2qdw9_jcalo_224.awsui_refresh_2qdw9_jcalo_141:not(#\9) {
229
+ .awsui_title-variant-h1_2qdw9_60h2j_224.awsui_refresh_2qdw9_60h2j_141:not(#\9) {
230
230
  padding-block-start: calc((var(--size-vertical-input-v5iwwf, 32px) - var(--line-height-heading-xl-avbttk, 30px)) / 2);
231
231
  }
232
- .awsui_title-variant-h2_2qdw9_jcalo_231:not(#\9) {
232
+ .awsui_title-variant-h2_2qdw9_60h2j_231:not(#\9) {
233
233
  font-size: var(--font-size-heading-l-ou0d0l, 20px);
234
234
  }
235
- .awsui_title-variant-h2_2qdw9_jcalo_231.awsui_refresh_2qdw9_jcalo_141:not(#\9) {
235
+ .awsui_title-variant-h2_2qdw9_60h2j_231.awsui_refresh_2qdw9_60h2j_141:not(#\9) {
236
236
  padding-block-start: calc((var(--size-vertical-input-v5iwwf, 32px) - var(--line-height-heading-l-mmm3my, 24px)) / 2);
237
237
  }
238
- .awsui_title-variant-h3_2qdw9_jcalo_237:not(#\9) {
238
+ .awsui_title-variant-h3_2qdw9_60h2j_237:not(#\9) {
239
239
  font-size: var(--font-size-heading-m-sjd256, 18px);
240
240
  }
241
- .awsui_title-variant-h3_2qdw9_jcalo_237.awsui_refresh_2qdw9_jcalo_141:not(#\9) {
241
+ .awsui_title-variant-h3_2qdw9_60h2j_237.awsui_refresh_2qdw9_60h2j_141:not(#\9) {
242
242
  padding-block-start: calc((var(--size-vertical-input-v5iwwf, 32px) - var(--line-height-heading-m-50evfk, 22px)) / 2);
243
243
  }
244
- .awsui_title-variant-h2_2qdw9_jcalo_231:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141), .awsui_title-variant-h3_2qdw9_jcalo_237:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141) {
244
+ .awsui_title-variant-h2_2qdw9_60h2j_231:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141), .awsui_title-variant-h3_2qdw9_60h2j_237:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141) {
245
245
  padding-block-start: var(--space-scaled-xs-26e2du, 8px);
246
246
  }
247
- .awsui_no-wrap_2qdw9_jcalo_173 > .awsui_title_2qdw9_jcalo_219:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141) {
247
+ .awsui_no-wrap_2qdw9_60h2j_173 > .awsui_title_2qdw9_60h2j_219:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141) {
248
248
  padding-block-end: calc(var(--space-scaled-xxs-7597g1, 4px) + var(--space-scaled-xxxs-27y4hv, 2px));
249
249
  }
250
- .awsui_title_2qdw9_jcalo_219:not(#\9):dir(rtl) {
251
- align-items: center;
252
- display: inline-flex;
253
- }
254
250
 
255
- .awsui_root-no-actions_2qdw9_jcalo_141.awsui_root-has-description_2qdw9_jcalo_144 > .awsui_main_2qdw9_jcalo_163 > :not(#\9):not(.awsui_refresh_2qdw9_jcalo_141).awsui_title-variant-h2_2qdw9_jcalo_231, .awsui_root-no-actions_2qdw9_jcalo_141.awsui_root-has-description_2qdw9_jcalo_144 > .awsui_main_2qdw9_jcalo_163 > :not(#\9):not(.awsui_refresh_2qdw9_jcalo_141).awsui_title-variant-h3_2qdw9_jcalo_237 {
251
+ .awsui_root-no-actions_2qdw9_60h2j_141.awsui_root-has-description_2qdw9_60h2j_144 > .awsui_main_2qdw9_60h2j_163 > :not(#\9):not(.awsui_refresh_2qdw9_60h2j_141).awsui_title-variant-h2_2qdw9_60h2j_231, .awsui_root-no-actions_2qdw9_60h2j_141.awsui_root-has-description_2qdw9_60h2j_144 > .awsui_main_2qdw9_60h2j_163 > :not(#\9):not(.awsui_refresh_2qdw9_60h2j_141).awsui_title-variant-h3_2qdw9_60h2j_237 {
256
252
  padding-block-end: var(--space-scaled-xxs-7597g1, 4px);
257
253
  }
258
254
 
259
- .awsui_root-variant-h1_2qdw9_jcalo_153.awsui_root-no-actions_2qdw9_jcalo_141:not(#\9):not(.awsui_root-has-description_2qdw9_jcalo_144):not(.awsui_refresh_2qdw9_jcalo_141) {
255
+ .awsui_root-variant-h1_2qdw9_60h2j_153.awsui_root-no-actions_2qdw9_60h2j_141:not(#\9):not(.awsui_root-has-description_2qdw9_60h2j_144):not(.awsui_refresh_2qdw9_60h2j_141) {
260
256
  padding-block-end: var(--space-scaled-2x-xxs-7v8ivz, 4px);
261
257
  }
262
258
 
263
- .awsui_virtual-space_2qdw9_jcalo_262:not(#\9) {
259
+ .awsui_virtual-space_2qdw9_60h2j_258:not(#\9) {
264
260
  position: absolute !important;
265
261
  inset-block-start: -9999px !important;
266
262
  inset-inline-start: -9999px !important;
267
263
  }
268
264
 
269
- .awsui_info_2qdw9_jcalo_268:not(#\9) {
265
+ .awsui_info_2qdw9_60h2j_264:not(#\9) {
270
266
  padding-inline-end: var(--space-s-34lx8l, 12px);
271
267
  }
272
268
 
273
- .awsui_description_2qdw9_jcalo_272:not(#\9) {
269
+ .awsui_description_2qdw9_60h2j_268:not(#\9) {
274
270
  margin-block: 0;
275
271
  margin-inline: 0;
276
272
  padding-block: 0;
277
273
  padding-inline: 0;
278
274
  color: var(--color-text-heading-secondary-37b2tq, #414d5c);
279
275
  }
280
- .awsui_description-variant-h1_2qdw9_jcalo_279:not(#\9) {
276
+ .awsui_description-variant-h1_2qdw9_60h2j_275:not(#\9) {
281
277
  font-size: var(--font-size-body-m-x4okxb, 14px);
282
278
  line-height: var(--line-height-body-m-30ar75, 20px);
283
279
  }
284
- .awsui_description-variant-h2_2qdw9_jcalo_283:not(#\9) {
280
+ .awsui_description-variant-h2_2qdw9_60h2j_279:not(#\9) {
285
281
  font-size: var(--font-header-h2-description-size-2hj97p, 14px);
286
282
  line-height: var(--font-header-h2-description-line-height-rtewek, 20px);
287
283
  }
288
- .awsui_description-variant-h2_2qdw9_jcalo_283:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141) {
284
+ .awsui_description-variant-h2_2qdw9_60h2j_279:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141) {
289
285
  padding-block-end: var(--space-scaled-xxs-7597g1, 4px);
290
286
  }
291
- .awsui_description-variant-h3_2qdw9_jcalo_290:not(#\9) {
287
+ .awsui_description-variant-h3_2qdw9_60h2j_286:not(#\9) {
292
288
  font-size: var(--font-size-body-s-asqx2i, 12px);
293
289
  line-height: var(--line-height-body-s-7zv1j5, 16px);
294
290
  letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
295
291
  }
296
- .awsui_description-variant-h3_2qdw9_jcalo_290:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141) {
292
+ .awsui_description-variant-h3_2qdw9_60h2j_286:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141) {
297
293
  padding-block-end: var(--space-scaled-xxs-7597g1, 4px);
298
294
  }
299
295
 
300
- .awsui_heading_2qdw9_jcalo_299:not(#\9) {
296
+ .awsui_heading_2qdw9_60h2j_295:not(#\9) {
301
297
  margin-block: 0;
302
298
  margin-inline: 0;
303
299
  display: inline;
304
300
  font-size: inherit;
305
301
  margin-inline-end: var(--space-xs-zb16t3, 8px);
306
302
  }
307
- .awsui_heading_2qdw9_jcalo_299:not(#\9):only-child {
303
+ .awsui_heading_2qdw9_60h2j_295:not(#\9):only-child {
308
304
  margin-block: 0;
309
305
  margin-inline: 0;
310
306
  }
311
- .awsui_heading-variant-h1_2qdw9_jcalo_310:not(#\9) {
307
+ .awsui_heading-variant-h1_2qdw9_60h2j_306:not(#\9) {
312
308
  font-size: var(--font-size-heading-xl-ypc05a, 24px);
313
309
  line-height: var(--line-height-heading-xl-avbttk, 30px);
314
310
  letter-spacing: var(--letter-spacing-heading-xl-sagq9c, -0.02em);
315
311
  }
316
- .awsui_heading-variant-h2_2qdw9_jcalo_315:not(#\9) {
312
+ .awsui_heading-variant-h2_2qdw9_60h2j_311:not(#\9) {
317
313
  font-size: var(--font-size-heading-l-ou0d0l, 20px);
318
314
  line-height: var(--line-height-heading-l-mmm3my, 24px);
319
315
  letter-spacing: var(--letter-spacing-heading-l-qqjd4y, -0.015em);
320
316
  }
321
- .awsui_heading-variant-h3_2qdw9_jcalo_320:not(#\9) {
317
+ .awsui_heading-variant-h3_2qdw9_60h2j_316:not(#\9) {
322
318
  font-size: var(--font-size-heading-m-sjd256, 18px);
323
319
  line-height: var(--line-height-heading-m-50evfk, 22px);
324
320
  letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
325
321
  }
326
- .awsui_heading_2qdw9_jcalo_299:not(#\9):dir(rtl) {
327
- display: inline-flex;
328
- gap: var(--space-scaled-xxs-7597g1, 4px);
329
- }
330
322
 
331
- .awsui_heading-text_2qdw9_jcalo_330:not(#\9) {
323
+ .awsui_heading-text_2qdw9_60h2j_322:not(#\9) {
332
324
  /* used in test-utils */
333
325
  }
334
- .awsui_heading-text-variant-h1_2qdw9_jcalo_333:not(#\9) {
326
+ .awsui_heading-text-variant-h1_2qdw9_60h2j_325:not(#\9) {
335
327
  font-size: var(--font-size-heading-xl-ypc05a, 24px);
336
328
  line-height: var(--line-height-heading-xl-avbttk, 30px);
337
329
  letter-spacing: var(--letter-spacing-heading-xl-sagq9c, -0.02em);
@@ -339,7 +331,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
339
331
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
340
332
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
341
333
  }
342
- .awsui_heading-text-variant-h2_2qdw9_jcalo_341:not(#\9) {
334
+ .awsui_heading-text-variant-h2_2qdw9_60h2j_333:not(#\9) {
343
335
  font-size: var(--font-size-heading-l-ou0d0l, 20px);
344
336
  line-height: var(--line-height-heading-l-mmm3my, 24px);
345
337
  letter-spacing: var(--letter-spacing-heading-l-qqjd4y, -0.015em);
@@ -347,7 +339,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
347
339
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
348
340
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
349
341
  }
350
- .awsui_heading-text-variant-h3_2qdw9_jcalo_349:not(#\9) {
342
+ .awsui_heading-text-variant-h3_2qdw9_60h2j_341:not(#\9) {
351
343
  font-size: var(--font-size-heading-m-sjd256, 18px);
352
344
  line-height: var(--line-height-heading-m-50evfk, 22px);
353
345
  letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
@@ -356,7 +348,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
356
348
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
357
349
  }
358
350
 
359
- .awsui_counter_2qdw9_jcalo_358:not(#\9) {
351
+ .awsui_counter_2qdw9_60h2j_350:not(#\9) {
360
352
  color: var(--color-text-counter-zqugin, #5f6b7a);
361
353
  font-weight: 400;
362
354
  }
package/header/styles.selectors.js CHANGED
@@ -2,40 +2,40 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_2qdw9_jcalo_99",
6
- "root-with-toolbar": "awsui_root-with-toolbar_2qdw9_jcalo_138",
7
- "refresh": "awsui_refresh_2qdw9_jcalo_141",
8
- "root-no-actions": "awsui_root-no-actions_2qdw9_jcalo_141",
9
- "root-variant-h2": "awsui_root-variant-h2_2qdw9_jcalo_144",
10
- "root-variant-h3": "awsui_root-variant-h3_2qdw9_jcalo_144",
11
- "root-has-description": "awsui_root-has-description_2qdw9_jcalo_144",
12
- "root-variant-h1": "awsui_root-variant-h1_2qdw9_jcalo_153",
13
- "main": "awsui_main_2qdw9_jcalo_163",
14
- "no-wrap": "awsui_no-wrap_2qdw9_jcalo_173",
15
- "main-variant-h1": "awsui_main-variant-h1_2qdw9_jcalo_179",
16
- "actions": "awsui_actions_2qdw9_jcalo_187",
17
- "actions-centered": "awsui_actions-centered_2qdw9_jcalo_192",
18
- "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_jcalo_195",
19
- "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_jcalo_199",
20
- "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_jcalo_203",
21
- "title": "awsui_title_2qdw9_jcalo_219",
22
- "title-variant-h1": "awsui_title-variant-h1_2qdw9_jcalo_224",
23
- "title-variant-h2": "awsui_title-variant-h2_2qdw9_jcalo_231",
24
- "title-variant-h3": "awsui_title-variant-h3_2qdw9_jcalo_237",
25
- "virtual-space": "awsui_virtual-space_2qdw9_jcalo_262",
26
- "info": "awsui_info_2qdw9_jcalo_268",
27
- "description": "awsui_description_2qdw9_jcalo_272",
28
- "description-variant-h1": "awsui_description-variant-h1_2qdw9_jcalo_279",
29
- "description-variant-h2": "awsui_description-variant-h2_2qdw9_jcalo_283",
30
- "description-variant-h3": "awsui_description-variant-h3_2qdw9_jcalo_290",
31
- "heading": "awsui_heading_2qdw9_jcalo_299",
32
- "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_jcalo_310",
33
- "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_jcalo_315",
34
- "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_jcalo_320",
35
- "heading-text": "awsui_heading-text_2qdw9_jcalo_330",
36
- "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_jcalo_333",
37
- "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_jcalo_341",
38
- "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_jcalo_349",
39
- "counter": "awsui_counter_2qdw9_jcalo_358"
5
+ "root": "awsui_root_2qdw9_60h2j_99",
6
+ "root-with-toolbar": "awsui_root-with-toolbar_2qdw9_60h2j_138",
7
+ "refresh": "awsui_refresh_2qdw9_60h2j_141",
8
+ "root-no-actions": "awsui_root-no-actions_2qdw9_60h2j_141",
9
+ "root-variant-h2": "awsui_root-variant-h2_2qdw9_60h2j_144",
10
+ "root-variant-h3": "awsui_root-variant-h3_2qdw9_60h2j_144",
11
+ "root-has-description": "awsui_root-has-description_2qdw9_60h2j_144",
12
+ "root-variant-h1": "awsui_root-variant-h1_2qdw9_60h2j_153",
13
+ "main": "awsui_main_2qdw9_60h2j_163",
14
+ "no-wrap": "awsui_no-wrap_2qdw9_60h2j_173",
15
+ "main-variant-h1": "awsui_main-variant-h1_2qdw9_60h2j_179",
16
+ "actions": "awsui_actions_2qdw9_60h2j_187",
17
+ "actions-centered": "awsui_actions-centered_2qdw9_60h2j_192",
18
+ "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_60h2j_195",
19
+ "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_60h2j_199",
20
+ "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_60h2j_203",
21
+ "title": "awsui_title_2qdw9_60h2j_219",
22
+ "title-variant-h1": "awsui_title-variant-h1_2qdw9_60h2j_224",
23
+ "title-variant-h2": "awsui_title-variant-h2_2qdw9_60h2j_231",
24
+ "title-variant-h3": "awsui_title-variant-h3_2qdw9_60h2j_237",
25
+ "virtual-space": "awsui_virtual-space_2qdw9_60h2j_258",
26
+ "info": "awsui_info_2qdw9_60h2j_264",
27
+ "description": "awsui_description_2qdw9_60h2j_268",
28
+ "description-variant-h1": "awsui_description-variant-h1_2qdw9_60h2j_275",
29
+ "description-variant-h2": "awsui_description-variant-h2_2qdw9_60h2j_279",
30
+ "description-variant-h3": "awsui_description-variant-h3_2qdw9_60h2j_286",
31
+ "heading": "awsui_heading_2qdw9_60h2j_295",
32
+ "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_60h2j_306",
33
+ "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_60h2j_311",
34
+ "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_60h2j_316",
35
+ "heading-text": "awsui_heading-text_2qdw9_60h2j_322",
36
+ "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_60h2j_325",
37
+ "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_60h2j_333",
38
+ "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_60h2j_341",
39
+ "counter": "awsui_counter_2qdw9_60h2j_350"
40
40
  };
41
41
 
package/input/internal.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/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,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACjE,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;;AAiKD,wBAA+C"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/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,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACjE,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;;AAsKD,wBAA+C"}
package/input/internal.js CHANGED
@@ -74,7 +74,7 @@ function InternalInput(_a, ref) {
74
74
  if (attributes.type === 'visualSearch') {
75
75
  attributes.type = 'text';
76
76
  }
77
- return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(baseProps.className, styles['input-container']), ref: __internalRootRef }),
77
+ return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(baseProps.className, styles['input-container']), ref: __internalRootRef, dir: type === 'email' ? 'ltr' : undefined }),
78
78
  __leftIcon && (React.createElement("span", { onClick: __onLeftIconClick, className: styles['input-icon-left'] },
79
79
  React.createElement(InternalIcon, { name: __leftIcon, variant: disabled || readOnly ? 'disabled' : __leftIconVariant }))),
80
80
  React.createElement("input", Object.assign({ ref: mergedRef }, attributes)),
package/input/internal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/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?: React.InputHTMLAttributes<HTMLInputElement>;\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, warning } = __inheritFormFieldProps\n ? formFieldContext\n : 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 [styles['input-warning']]: warning && !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":"","sources":["../../../src/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?: React.InputHTMLAttributes<HTMLInputElement>;\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, warning } = __inheritFormFieldProps\n ? formFieldContext\n : 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 [styles['input-warning']]: warning && !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\n {...baseProps}\n className={clsx(baseProps.className, styles['input-container'])}\n ref={__internalRootRef}\n dir={type === 'email' ? 'ltr' : undefined}\n >\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"]}
package/internal/environment.js CHANGED
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (8343c781)";
2
+ export var PACKAGE_VERSION = "3.0.0 (a9a5affb)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
package/internal/environment.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (8343c781)",
3
+ "PACKAGE_VERSION": "3.0.0 (a9a5affb)",
4
4
  "THEME": "default",
5
5
  "ALWAYS_VISUAL_REFRESH": false
6
6
  }
package/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "8343c7815c74c37b93c729d0937ef46d41649b5b"
2
+ "commit": "a9a5affbe3019789e9440a44b8a6b3f181d0924f"
3
3
  }
package/package.json CHANGED
@@ -117,7 +117,7 @@
117
117
  "./internal/base-component/index.js",
118
118
  "./internal/base-component/styles.css.js"
119
119
  ],
120
- "version": "3.0.628",
120
+ "version": "3.0.630",
121
121
  "repository": {
122
122
  "type": "git",
123
123
  "url": "https://github.com/cloudscape-design/components.git"
package/tag-editor/validation.js CHANGED
@@ -1,4 +1,4 @@
1
- const DEFAULT_CHAR_REGEX = /^([\p{L}\p{Z}\p{N}_.:/=+\\@-]*)$/u;
1
+ const DEFAULT_CHAR_REGEX = /^([\p{L}\p{Z}\p{N}_.:/=+\-@]*)$/u;
2
2
  const SYSTEM_TAG_PREFIX = 'aws:';
3
3
  const MAX_KEY_LENGTH = 128;
4
4
  const MAX_VALUE_LENGTH = 256;
package/tag-editor/validation.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"validation.js","sourceRoot":"","sources":["../../../src/tag-editor/validation.ts"],"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 { ComponentFormatFunction } from '../i18n/context';\nimport { TagEditorProps } from './interfaces';\n\nconst DEFAULT_CHAR_REGEX = /^([\\p{L}\\p{Z}\\p{N}_.:/=+\\\\@-]*)$/u;\n\nconst SYSTEM_TAG_PREFIX = 'aws:';\nconst MAX_KEY_LENGTH = 128;\nconst MAX_VALUE_LENGTH = 256;\n\nexport interface ValidationError {\n key?: string;\n value?: string;\n}\n\nexport function validate(\n tags: ReadonlyArray<TagEditorProps.Tag>,\n keyDirtyState: ReadonlyArray<boolean>,\n i18n: ComponentFormatFunction<'tag-editor'>,\n i18nStrings: TagEditorProps.I18nStrings | undefined,\n charRegex: RegExp = DEFAULT_CHAR_REGEX\n): ReadonlyArray<ValidationError | undefined> {\n // Create cache to use for duplicate key check\n const tagKeysCache: Record<string, number | undefined> = {};\n tags.forEach(tag => {\n if (tag.key && !tag.markedForRemoval) {\n tagKeysCache[tag.key] = (tagKeysCache[tag.key] ?? 0) + 1;\n }\n });\n\n return tags.map((tag, i) => {\n let keyError: string | undefined, valueError: string | undefined;\n\n if (keyDirtyState[i] && emptyKeyCheck(tag.key)) {\n keyError = i18n('i18nStrings.emptyKeyError', i18nStrings?.emptyKeyError);\n } else if (awsPrefixCheck(tag.key)) {\n keyError = i18n('i18nStrings.awsPrefixError', i18nStrings?.awsPrefixError);\n } else if (invalidCharCheck(tag.key, charRegex)) {\n keyError = i18n('i18nStrings.invalidKeyError', i18nStrings?.invalidKeyError);\n } else if (maxKeyLengthCheck(tag.key)) {\n keyError = i18n('i18nStrings.maxKeyCharLengthError', i18nStrings?.maxKeyCharLengthError);\n } else if (duplicateKeyCheck(tag.key, tagKeysCache)) {\n keyError = i18n('i18nStrings.duplicateKeyError', i18nStrings?.duplicateKeyError);\n }\n\n if (!tag.markedForRemoval) {\n if (invalidCharCheck(tag.value, charRegex)) {\n valueError = i18n('i18nStrings.invalidValueError', i18nStrings?.invalidValueError);\n } else if (maxValueLengthCheck(tag.value)) {\n valueError = i18n('i18nStrings.maxValueCharLengthError', i18nStrings?.maxValueCharLengthError);\n }\n }\n\n if (keyError || valueError) {\n return { key: keyError, value: valueError };\n }\n });\n}\n\nexport const awsPrefixCheck = (value: string) => {\n return value.toLowerCase().indexOf(SYSTEM_TAG_PREFIX) === 0;\n};\n\nexport const emptyKeyCheck = (value: string) => {\n return !value || value.trim().length === 0;\n};\n\nexport const maxKeyLengthCheck = (value: string) => {\n return value && value.length > MAX_KEY_LENGTH;\n};\n\nexport const duplicateKeyCheck = (value: string, keyCache?: Record<string, number | undefined>) => {\n return (keyCache?.[value] ?? 0) > 1;\n};\n\nexport const maxValueLengthCheck = (value: string) => {\n return value && value.length > MAX_VALUE_LENGTH;\n};\n\nexport const invalidCharCheck = (value: string, validCharRegex: RegExp = DEFAULT_CHAR_REGEX) => {\n // Empty values are valid\n if (!value || !validCharRegex) {\n return false;\n }\n return !validCharRegex.test(value);\n};\n"]}
1
+ {"version":3,"file":"validation.js","sourceRoot":"","sources":["../../../src/tag-editor/validation.ts"],"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 { ComponentFormatFunction } from '../i18n/context';\nimport { TagEditorProps } from './interfaces';\n\nconst DEFAULT_CHAR_REGEX = /^([\\p{L}\\p{Z}\\p{N}_.:/=+\\-@]*)$/u;\n\nconst SYSTEM_TAG_PREFIX = 'aws:';\nconst MAX_KEY_LENGTH = 128;\nconst MAX_VALUE_LENGTH = 256;\n\nexport interface ValidationError {\n key?: string;\n value?: string;\n}\n\nexport function validate(\n tags: ReadonlyArray<TagEditorProps.Tag>,\n keyDirtyState: ReadonlyArray<boolean>,\n i18n: ComponentFormatFunction<'tag-editor'>,\n i18nStrings: TagEditorProps.I18nStrings | undefined,\n charRegex: RegExp = DEFAULT_CHAR_REGEX\n): ReadonlyArray<ValidationError | undefined> {\n // Create cache to use for duplicate key check\n const tagKeysCache: Record<string, number | undefined> = {};\n tags.forEach(tag => {\n if (tag.key && !tag.markedForRemoval) {\n tagKeysCache[tag.key] = (tagKeysCache[tag.key] ?? 0) + 1;\n }\n });\n\n return tags.map((tag, i) => {\n let keyError: string | undefined, valueError: string | undefined;\n\n if (keyDirtyState[i] && emptyKeyCheck(tag.key)) {\n keyError = i18n('i18nStrings.emptyKeyError', i18nStrings?.emptyKeyError);\n } else if (awsPrefixCheck(tag.key)) {\n keyError = i18n('i18nStrings.awsPrefixError', i18nStrings?.awsPrefixError);\n } else if (invalidCharCheck(tag.key, charRegex)) {\n keyError = i18n('i18nStrings.invalidKeyError', i18nStrings?.invalidKeyError);\n } else if (maxKeyLengthCheck(tag.key)) {\n keyError = i18n('i18nStrings.maxKeyCharLengthError', i18nStrings?.maxKeyCharLengthError);\n } else if (duplicateKeyCheck(tag.key, tagKeysCache)) {\n keyError = i18n('i18nStrings.duplicateKeyError', i18nStrings?.duplicateKeyError);\n }\n\n if (!tag.markedForRemoval) {\n if (invalidCharCheck(tag.value, charRegex)) {\n valueError = i18n('i18nStrings.invalidValueError', i18nStrings?.invalidValueError);\n } else if (maxValueLengthCheck(tag.value)) {\n valueError = i18n('i18nStrings.maxValueCharLengthError', i18nStrings?.maxValueCharLengthError);\n }\n }\n\n if (keyError || valueError) {\n return { key: keyError, value: valueError };\n }\n });\n}\n\nexport const awsPrefixCheck = (value: string) => {\n return value.toLowerCase().indexOf(SYSTEM_TAG_PREFIX) === 0;\n};\n\nexport const emptyKeyCheck = (value: string) => {\n return !value || value.trim().length === 0;\n};\n\nexport const maxKeyLengthCheck = (value: string) => {\n return value && value.length > MAX_KEY_LENGTH;\n};\n\nexport const duplicateKeyCheck = (value: string, keyCache?: Record<string, number | undefined>) => {\n return (keyCache?.[value] ?? 0) > 1;\n};\n\nexport const maxValueLengthCheck = (value: string) => {\n return value && value.length > MAX_VALUE_LENGTH;\n};\n\nexport const invalidCharCheck = (value: string, validCharRegex: RegExp = DEFAULT_CHAR_REGEX) => {\n // Empty values are valid\n if (!value || !validCharRegex) {\n return false;\n }\n return !validCharRegex.test(value);\n};\n"]}