@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.
Files changed (86) hide show
  1. package/app-layout/drawer/index.d.ts.map +1 -1
  2. package/app-layout/drawer/index.js +3 -2
  3. package/app-layout/drawer/index.js.map +1 -1
  4. package/app-layout/drawer/interfaces.d.ts +2 -0
  5. package/app-layout/drawer/interfaces.d.ts.map +1 -1
  6. package/app-layout/drawer/interfaces.js.map +1 -1
  7. package/app-layout/index.d.ts.map +1 -1
  8. package/app-layout/index.js +2 -0
  9. package/app-layout/index.js.map +1 -1
  10. package/app-layout/mobile-toolbar/index.d.ts +3 -2
  11. package/app-layout/mobile-toolbar/index.d.ts.map +1 -1
  12. package/app-layout/mobile-toolbar/index.js +4 -3
  13. package/app-layout/mobile-toolbar/index.js.map +1 -1
  14. package/app-layout/test-classes/styles.css.js +17 -19
  15. package/app-layout/test-classes/styles.scoped.css +17 -25
  16. package/app-layout/test-classes/styles.selectors.js +17 -19
  17. package/app-layout/utils/use-drawers.d.ts +1 -0
  18. package/app-layout/utils/use-drawers.d.ts.map +1 -1
  19. package/app-layout/utils/use-drawers.js +1 -0
  20. package/app-layout/utils/use-drawers.js.map +1 -1
  21. package/app-layout/visual-refresh/context.d.ts +1 -0
  22. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  23. package/app-layout/visual-refresh/context.js +1 -1
  24. package/app-layout/visual-refresh/context.js.map +1 -1
  25. package/app-layout/visual-refresh/drawers.d.ts.map +1 -1
  26. package/app-layout/visual-refresh/drawers.js +7 -6
  27. package/app-layout/visual-refresh/drawers.js.map +1 -1
  28. package/app-layout/visual-refresh/tools.d.ts +0 -6
  29. package/app-layout/visual-refresh/tools.d.ts.map +1 -1
  30. package/app-layout/visual-refresh/tools.js +0 -15
  31. package/app-layout/visual-refresh/tools.js.map +1 -1
  32. package/button-dropdown/category-elements/expandable-category-element.d.ts.map +1 -1
  33. package/button-dropdown/category-elements/expandable-category-element.js +1 -2
  34. package/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
  35. package/button-dropdown/category-elements/mobile-expandable-category-element.d.ts.map +1 -1
  36. package/button-dropdown/category-elements/mobile-expandable-category-element.js +1 -2
  37. package/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
  38. package/button-dropdown/item-element/index.d.ts.map +1 -1
  39. package/button-dropdown/item-element/index.js +1 -2
  40. package/button-dropdown/item-element/index.js.map +1 -1
  41. package/date-range-picker/index.js +1 -1
  42. package/date-range-picker/index.js.map +1 -1
  43. package/header/internal.d.ts.map +1 -1
  44. package/header/internal.js +3 -1
  45. package/header/internal.js.map +1 -1
  46. package/header/styles.css.js +33 -32
  47. package/header/styles.scoped.css +54 -48
  48. package/header/styles.selectors.js +33 -32
  49. package/input/internal.d.ts.map +1 -1
  50. package/input/internal.js +5 -1
  51. package/input/internal.js.map +1 -1
  52. package/internal/components/button-trigger/index.d.ts +1 -0
  53. package/internal/components/button-trigger/index.d.ts.map +1 -1
  54. package/internal/components/button-trigger/index.js +2 -2
  55. package/internal/components/button-trigger/index.js.map +1 -1
  56. package/internal/components/button-trigger/styles.css.js +10 -9
  57. package/internal/components/button-trigger/styles.scoped.css +27 -23
  58. package/internal/components/button-trigger/styles.selectors.js +10 -9
  59. package/internal/environment.js +1 -1
  60. package/internal/environment.json +1 -1
  61. package/internal/manifest.json +1 -1
  62. package/multiselect/index.d.ts.map +1 -1
  63. package/multiselect/index.js +3 -1
  64. package/multiselect/index.js.map +1 -1
  65. package/multiselect/interfaces.d.ts +1 -0
  66. package/multiselect/interfaces.d.ts.map +1 -1
  67. package/multiselect/interfaces.js.map +1 -1
  68. package/multiselect/internal.d.ts +3 -1
  69. package/multiselect/internal.d.ts.map +1 -1
  70. package/multiselect/internal.js +3 -3
  71. package/multiselect/internal.js.map +1 -1
  72. package/package.json +1 -1
  73. package/select/parts/styles.css.js +16 -9
  74. package/select/parts/styles.scoped.css +58 -9
  75. package/select/parts/styles.selectors.js +16 -9
  76. package/select/parts/trigger.d.ts +3 -1
  77. package/select/parts/trigger.d.ts.map +1 -1
  78. package/select/parts/trigger.js +22 -3
  79. package/select/parts/trigger.js.map +1 -1
  80. package/test-utils/dom/app-layout/index.d.ts +1 -3
  81. package/test-utils/dom/app-layout/index.js +1 -7
  82. package/test-utils/dom/app-layout/index.js.map +1 -1
  83. package/test-utils/selectors/app-layout/index.d.ts +1 -3
  84. package/test-utils/selectors/app-layout/index.js +1 -7
  85. package/test-utils/selectors/app-layout/index.js.map +1 -1
  86. package/test-utils/tsconfig.tsbuildinfo +1 -1
@@ -1,37 +1,38 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_2qdw9_77mrd_93",
5
- "refresh": "awsui_refresh_2qdw9_77mrd_110",
6
- "root-no-actions": "awsui_root-no-actions_2qdw9_77mrd_110",
7
- "root-variant-h2": "awsui_root-variant-h2_2qdw9_77mrd_113",
8
- "root-variant-h3": "awsui_root-variant-h3_2qdw9_77mrd_113",
9
- "root-has-description": "awsui_root-has-description_2qdw9_77mrd_113",
10
- "root-variant-h1": "awsui_root-variant-h1_2qdw9_77mrd_122",
11
- "main": "awsui_main_2qdw9_77mrd_132",
12
- "no-wrap": "awsui_no-wrap_2qdw9_77mrd_142",
13
- "main-variant-h1": "awsui_main-variant-h1_2qdw9_77mrd_148",
14
- "actions": "awsui_actions_2qdw9_77mrd_156",
15
- "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_77mrd_160",
16
- "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_77mrd_163",
17
- "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_77mrd_166",
18
- "title": "awsui_title_2qdw9_77mrd_179",
19
- "title-variant-h1": "awsui_title-variant-h1_2qdw9_77mrd_184",
20
- "title-variant-h2": "awsui_title-variant-h2_2qdw9_77mrd_191",
21
- "title-variant-h3": "awsui_title-variant-h3_2qdw9_77mrd_197",
22
- "info": "awsui_info_2qdw9_77mrd_218",
23
- "description": "awsui_description_2qdw9_77mrd_222",
24
- "description-variant-h1": "awsui_description-variant-h1_2qdw9_77mrd_227",
25
- "description-variant-h2": "awsui_description-variant-h2_2qdw9_77mrd_231",
26
- "description-variant-h3": "awsui_description-variant-h3_2qdw9_77mrd_238",
27
- "heading": "awsui_heading_2qdw9_77mrd_247",
28
- "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_77mrd_256",
29
- "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_77mrd_261",
30
- "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_77mrd_266",
31
- "heading-text": "awsui_heading-text_2qdw9_77mrd_272",
32
- "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_77mrd_275",
33
- "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_77mrd_283",
34
- "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_77mrd_291",
35
- "counter": "awsui_counter_2qdw9_77mrd_300"
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
 
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_root_2qdw9_77mrd_93:not(#\9) {
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
- .awsui_root_2qdw9_77mrd_93.awsui_refresh_2qdw9_77mrd_110:not(#\9), .awsui_root_2qdw9_77mrd_93:not(#\9):not(.awsui_root-no-actions_2qdw9_77mrd_110) {
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-actions_2qdw9_77mrd_110.awsui_root-variant-h2_2qdw9_77mrd_113:not(#\9):not(.awsui_refresh_2qdw9_77mrd_110), .awsui_root-no-actions_2qdw9_77mrd_110.awsui_root-variant-h3_2qdw9_77mrd_113:not(#\9):not(.awsui_refresh_2qdw9_77mrd_110), .awsui_root-has-description_2qdw9_77mrd_113.awsui_root-variant-h2_2qdw9_77mrd_113:not(#\9):not(.awsui_refresh_2qdw9_77mrd_110), .awsui_root-has-description_2qdw9_77mrd_113.awsui_root-variant-h3_2qdw9_77mrd_113:not(#\9):not(.awsui_refresh_2qdw9_77mrd_110) {
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-actions_2qdw9_77mrd_110:not(#\9):not(.awsui_root-has-description_2qdw9_77mrd_113):not(.awsui_refresh_2qdw9_77mrd_110) {
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-actions_2qdw9_77mrd_110.awsui_refresh_2qdw9_77mrd_110.awsui_root-variant-h2_2qdw9_77mrd_113:not(#\9), .awsui_root-no-actions_2qdw9_77mrd_110.awsui_refresh_2qdw9_77mrd_110.awsui_root-variant-h3_2qdw9_77mrd_113:not(#\9) {
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
- .awsui_root_2qdw9_77mrd_93.awsui_root-variant-h1_2qdw9_77mrd_122:not(#\9):not(.awsui_refresh_2qdw9_77mrd_110) {
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-actions_2qdw9_77mrd_110:not(#\9):not(.awsui_root-has-description_2qdw9_77mrd_113).awsui_refresh_2qdw9_77mrd_110.awsui_root-variant-h3_2qdw9_77mrd_113 {
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
- .awsui_root_2qdw9_77mrd_93.awsui_root-variant-h1_2qdw9_77mrd_122.awsui_root-has-description_2qdw9_77mrd_113:not(#\9):not(.awsui_refresh_2qdw9_77mrd_110) {
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
- .awsui_main_2qdw9_77mrd_132:not(#\9) {
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
- .awsui_main_2qdw9_77mrd_132.awsui_no-wrap_2qdw9_77mrd_142:not(#\9) {
168
+ .awsui_main_2qdw9_d8n9o_132.awsui_no-wrap_2qdw9_d8n9o_142:not(#\9) {
169
169
  flex-wrap: nowrap;
170
170
  }
171
- .awsui_main_2qdw9_77mrd_132.awsui_refresh_2qdw9_77mrd_110:not(#\9) {
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-h1_2qdw9_77mrd_148:not(#\9) {
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-description_2qdw9_77mrd_113 > .awsui_main_2qdw9_77mrd_132:not(#\9) {
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
- .awsui_actions_2qdw9_77mrd_156:not(#\9) {
182
+ .awsui_actions_2qdw9_d8n9o_156:not(#\9) {
183
183
  display: flex;
184
184
  align-items: flex-start;
185
185
  }
186
- .awsui_actions-variant-h1_2qdw9_77mrd_160.awsui_refresh_2qdw9_77mrd_110:not(#\9) {
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-h2_2qdw9_77mrd_163.awsui_refresh_2qdw9_77mrd_110:not(#\9) {
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-h3_2qdw9_77mrd_166.awsui_refresh_2qdw9_77mrd_110:not(#\9) {
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-h1_2qdw9_77mrd_160:not(#\9):not(.awsui_refresh_2qdw9_77mrd_110) {
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-h2_2qdw9_77mrd_163:not(#\9):not(.awsui_refresh_2qdw9_77mrd_110), .awsui_actions-variant-h3_2qdw9_77mrd_166:not(#\9):not(.awsui_refresh_2qdw9_77mrd_110) {
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-description_2qdw9_77mrd_113 > .awsui_main_2qdw9_77mrd_132 > .awsui_actions_2qdw9_77mrd_156:not(#\9) {
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
- .awsui_title_2qdw9_77mrd_179:not(#\9) {
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-h1_2qdw9_77mrd_184:not(#\9) {
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-h1_2qdw9_77mrd_184.awsui_refresh_2qdw9_77mrd_110:not(#\9) {
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-h2_2qdw9_77mrd_191:not(#\9) {
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-h2_2qdw9_77mrd_191.awsui_refresh_2qdw9_77mrd_110:not(#\9) {
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-h3_2qdw9_77mrd_197:not(#\9) {
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-h3_2qdw9_77mrd_197.awsui_refresh_2qdw9_77mrd_110:not(#\9) {
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-h2_2qdw9_77mrd_191:not(#\9):not(.awsui_refresh_2qdw9_77mrd_110), .awsui_title-variant-h3_2qdw9_77mrd_197:not(#\9):not(.awsui_refresh_2qdw9_77mrd_110) {
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-wrap_2qdw9_77mrd_142 > .awsui_title_2qdw9_77mrd_179:not(#\9):not(.awsui_refresh_2qdw9_77mrd_110) {
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-actions_2qdw9_77mrd_110.awsui_root-has-description_2qdw9_77mrd_113 > .awsui_main_2qdw9_77mrd_132 > :not(#\9):not(.awsui_refresh_2qdw9_77mrd_110).awsui_title-variant-h2_2qdw9_77mrd_191, .awsui_root-no-actions_2qdw9_77mrd_110.awsui_root-has-description_2qdw9_77mrd_113 > .awsui_main_2qdw9_77mrd_132 > :not(#\9):not(.awsui_refresh_2qdw9_77mrd_110).awsui_title-variant-h3_2qdw9_77mrd_197 {
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-h1_2qdw9_77mrd_122.awsui_root-no-actions_2qdw9_77mrd_110:not(#\9):not(.awsui_root-has-description_2qdw9_77mrd_113):not(.awsui_refresh_2qdw9_77mrd_110) {
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
- .awsui_info_2qdw9_77mrd_218:not(#\9) {
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
- .awsui_description_2qdw9_77mrd_222:not(#\9) {
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-h1_2qdw9_77mrd_227:not(#\9) {
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-h2_2qdw9_77mrd_231:not(#\9) {
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-h2_2qdw9_77mrd_231:not(#\9):not(.awsui_refresh_2qdw9_77mrd_110) {
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-h3_2qdw9_77mrd_238:not(#\9) {
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-h3_2qdw9_77mrd_238:not(#\9):not(.awsui_refresh_2qdw9_77mrd_110) {
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
- .awsui_heading_2qdw9_77mrd_247:not(#\9) {
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
- .awsui_heading_2qdw9_77mrd_247:not(#\9):only-child {
285
+ .awsui_heading_2qdw9_d8n9o_253:not(#\9):only-child {
280
286
  margin: 0;
281
287
  }
282
- .awsui_heading-variant-h1_2qdw9_77mrd_256:not(#\9) {
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-h2_2qdw9_77mrd_261:not(#\9) {
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-h3_2qdw9_77mrd_266:not(#\9) {
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-text_2qdw9_77mrd_272:not(#\9) {
304
+ .awsui_heading-text_2qdw9_d8n9o_278:not(#\9) {
299
305
  /* used in test-utils */
300
306
  }
301
- .awsui_heading-text-variant-h1_2qdw9_77mrd_275:not(#\9) {
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-h2_2qdw9_77mrd_283:not(#\9) {
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-h3_2qdw9_77mrd_291:not(#\9) {
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
- .awsui_counter_2qdw9_77mrd_300:not(#\9) {
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": "awsui_root_2qdw9_77mrd_93",
6
- "refresh": "awsui_refresh_2qdw9_77mrd_110",
7
- "root-no-actions": "awsui_root-no-actions_2qdw9_77mrd_110",
8
- "root-variant-h2": "awsui_root-variant-h2_2qdw9_77mrd_113",
9
- "root-variant-h3": "awsui_root-variant-h3_2qdw9_77mrd_113",
10
- "root-has-description": "awsui_root-has-description_2qdw9_77mrd_113",
11
- "root-variant-h1": "awsui_root-variant-h1_2qdw9_77mrd_122",
12
- "main": "awsui_main_2qdw9_77mrd_132",
13
- "no-wrap": "awsui_no-wrap_2qdw9_77mrd_142",
14
- "main-variant-h1": "awsui_main-variant-h1_2qdw9_77mrd_148",
15
- "actions": "awsui_actions_2qdw9_77mrd_156",
16
- "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_77mrd_160",
17
- "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_77mrd_163",
18
- "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_77mrd_166",
19
- "title": "awsui_title_2qdw9_77mrd_179",
20
- "title-variant-h1": "awsui_title-variant-h1_2qdw9_77mrd_184",
21
- "title-variant-h2": "awsui_title-variant-h2_2qdw9_77mrd_191",
22
- "title-variant-h3": "awsui_title-variant-h3_2qdw9_77mrd_197",
23
- "info": "awsui_info_2qdw9_77mrd_218",
24
- "description": "awsui_description_2qdw9_77mrd_222",
25
- "description-variant-h1": "awsui_description-variant-h1_2qdw9_77mrd_227",
26
- "description-variant-h2": "awsui_description-variant-h2_2qdw9_77mrd_231",
27
- "description-variant-h3": "awsui_description-variant-h3_2qdw9_77mrd_238",
28
- "heading": "awsui_heading_2qdw9_77mrd_247",
29
- "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_77mrd_256",
30
- "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_77mrd_261",
31
- "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_77mrd_266",
32
- "heading-text": "awsui_heading-text_2qdw9_77mrd_272",
33
- "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_77mrd_275",
34
- "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_77mrd_283",
35
- "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_77mrd_291",
36
- "counter": "awsui_counter_2qdw9_77mrd_300"
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
 
@@ -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;;AA2JD,wBAA+C"}
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, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, name,
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,
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["input/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAO,MAAM,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAEhE,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAA6B,MAAM,oBAAoB,CAAC;AAE1G,OAAO,EAAsB,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,EAAmC,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAE9G,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AA0BlD,SAAS,aAAa,CACpB,EAqCqB,EACrB,GAA0B;QAtC1B,EACE,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,SAAS,EACT,YAAY,GAAG,IAAI,EACnB,SAAS,EACT,cAAc,EAAE,sBAAsB,EACtC,IAAI,EACJ,KAAK,EACL,WAAW,EACX,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,yBAAyB,EACzB,UAAU,EACV,gBAAgB,EAEhB,UAAU,EACV,iBAAiB,GAAG,QAAQ,EAC5B,iBAAiB,EAEjB,YAAY,EAEZ,WAAW,EACX,kBAAkB,EAElB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,gBAAgB,EAChB,kBAAkB,EAClB,MAAM,EACN,OAAO,EACP,kBAAkB,EAClB,iBAAiB,EACjB,uBAAuB,OAEJ,EADhB,IAAI,cApCT,seAqCC,CADQ;IAIT,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,IAAI,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IACtC,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,CAAC,KAAa,EAAE,EAAE,CAAC,sBAAsB,CAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IAErH,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,WAAW,GAAG,cAAc,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC;IAC5F,UAAU,GAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,WAAW,CAAC,UAAU,CAAC;IAClD,WAAW,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,WAAW,CAAC,WAAW,CAAC;IACrD,kBAAkB,GAAG,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,WAAW,CAAC,kBAAkB,CAAC;IAE1E,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,uBAAuB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC;IAElH,MAAM,UAAU,mBACd,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,EACnC,IAAI;QACJ,WAAW;QACX,SAAS,EACT,EAAE,EAAE,SAAS,EACb,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,KAAK,EACZ,IAAI,IAAI,MAAM,CAAC,cAAc,IAAI,EAAE,CAAC,EACpC,WAAW,IAAI,MAAM,CAAC,sBAAsB,CAAC,EAC7C,UAAU,IAAI,MAAM,CAAC,qBAAqB,CAAC,EAC3C,gBAAgB,IAAI,MAAM,CAAC,4BAA4B,CAAC,EACxD;YACE,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,QAAQ;YACpC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,OAAO;SACnC,CACF,EACD,YAAY,EAAE,mBAAmB,CAAC,YAAY,CAAC,EAC/C,QAAQ;QACR,QAAQ;QACR,IAAI;QACJ,IAAI;QACJ,SAAS,EACT,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,EACtE,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAChE,yFAAyF;QACzF,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAClB,QAAQ,EAAE,QAAQ,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EACjE,MAAM,EAAE,CAAC,CAAC,EAAE;YACV,MAAM,IAAI,sBAAsB,CAAC,MAAM,CAAC,CAAC;YACzC,kBAAkB,IAAI,sBAAsB,CAAC,kBAAkB,EAAE,EAAE,aAAa,EAAE,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC;QACvG,CAAC,EACD,OAAO,EAAE,OAAO,IAAI,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC,IACxD,kBAAkB,CACtB,CAAC;IAEF,IAAI,IAAI,KAAK,QAAQ,EAAE;QACrB,sEAAsE;QACtE,wEAAwE;QACxE,yEAAyE;QACzE,2CAA2C;QAC3C,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;KAC1D;IAED,IAAI,yBAAyB,EAAE;QAC7B,UAAU,CAAC,WAAW,GAAG,KAAK,CAAC;QAC/B,UAAU,CAAC,cAAc,GAAG,KAAK,CAAC;KACnC;IAED,mDAAmD;IACnD,IAAI,YAAY,EAAE;QAChB,UAAU,CAAC,eAAe,CAAC,GAAG,MAAM,CAAC;KACtC;IACD,IAAI,OAAO,EAAE;QACX,UAAU,CAAC,cAAc,CAAC,GAAG,MAAM,CAAC;KACrC;IAED,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAE9C,oDAAoD;IACpD,IAAI,UAAU,CAAC,IAAI,KAAK,cAAc,EAAE;QACtC,UAAU,CAAC,IAAI,GAAG,MAAM,CAAC;KAC1B;IAED,OAAO,CACL,6CAAS,SAAS,IAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAC,EAAE,GAAG,EAAE,iBAAiB;QACxG,UAAU,IAAI,CACb,8BAAM,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC;YACpE,oBAAC,YAAY,IAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,GAAI,CAC7F,CACR;QACD,6CAAO,GAAG,EAAE,SAAS,IAAM,UAAU,EAAI;QACxC,WAAW,IAAI,CACd,8BAAM,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC;YACzC,oBAAC,cAAc;YACb,sBAAsB;YACtB,wDAAwD;;gBADxD,sBAAsB;gBACtB,wDAAwD;gBACxD,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC,EACvC,OAAO,EAAC,aAAa,EACrB,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,WAAW,EACrB,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE,sBAAsB,CAAC,EACzD,QAAQ,EAAE,QAAQ,GAClB,CACG,CACR,CACG,CACP,CAAC;AACJ,CAAC;AAED,eAAe,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC","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"]}
@@ -9,6 +9,7 @@ export interface ButtonTriggerProps extends BaseComponentProps {
9
9
  readOnly?: boolean;
10
10
  invalid?: boolean;
11
11
  inFilteringToken?: boolean;
12
+ inlineTokens?: boolean;
12
13
  ariaHasPopup?: 'true' | 'listbox' | 'dialog';
13
14
  ariaControls?: string;
14
15
  ariaLabel?: string;
@@ -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;AAyED,yBAAiB,kBAAkB,CAAC;IAClC,UAAiB,GAAG;QAClB,KAAK,IAAI,IAAI,CAAC;KACf;CACF;;AAED,wBAA+C"}
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":"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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 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 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 ),\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
+ {"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-trigger_18eso_1xg8l_97",
5
- "arrow": "awsui_arrow_18eso_1xg8l_97",
6
- "has-caret": "awsui_has-caret_18eso_1xg8l_137",
7
- "placeholder": "awsui_placeholder_18eso_1xg8l_140",
8
- "pressed": "awsui_pressed_18eso_1xg8l_153",
9
- "disabled": "awsui_disabled_18eso_1xg8l_156",
10
- "in-filtering-token": "awsui_in-filtering-token_18eso_1xg8l_165",
11
- "read-only": "awsui_read-only_18eso_1xg8l_171",
12
- "invalid": "awsui_invalid_18eso_1xg8l_188"
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