@cloudscape-design/components 3.0.395 → 3.0.396
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/app-layout/drawer/index.d.ts.map +1 -1
- package/app-layout/drawer/index.js +3 -2
- package/app-layout/drawer/index.js.map +1 -1
- package/app-layout/drawer/interfaces.d.ts +2 -0
- package/app-layout/drawer/interfaces.d.ts.map +1 -1
- package/app-layout/drawer/interfaces.js.map +1 -1
- package/app-layout/index.d.ts.map +1 -1
- package/app-layout/index.js +2 -0
- package/app-layout/index.js.map +1 -1
- package/app-layout/mobile-toolbar/index.d.ts +3 -2
- package/app-layout/mobile-toolbar/index.d.ts.map +1 -1
- package/app-layout/mobile-toolbar/index.js +4 -3
- package/app-layout/mobile-toolbar/index.js.map +1 -1
- package/app-layout/test-classes/styles.css.js +17 -19
- package/app-layout/test-classes/styles.scoped.css +17 -25
- package/app-layout/test-classes/styles.selectors.js +17 -19
- package/app-layout/utils/use-drawers.d.ts +1 -0
- package/app-layout/utils/use-drawers.d.ts.map +1 -1
- package/app-layout/utils/use-drawers.js +1 -0
- package/app-layout/utils/use-drawers.js.map +1 -1
- package/app-layout/visual-refresh/context.d.ts +1 -0
- package/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/app-layout/visual-refresh/context.js +1 -1
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/drawers.d.ts.map +1 -1
- package/app-layout/visual-refresh/drawers.js +7 -6
- package/app-layout/visual-refresh/drawers.js.map +1 -1
- package/app-layout/visual-refresh/tools.d.ts +0 -6
- package/app-layout/visual-refresh/tools.d.ts.map +1 -1
- package/app-layout/visual-refresh/tools.js +0 -15
- package/app-layout/visual-refresh/tools.js.map +1 -1
- package/button-dropdown/category-elements/expandable-category-element.d.ts.map +1 -1
- package/button-dropdown/category-elements/expandable-category-element.js +1 -2
- package/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
- package/button-dropdown/category-elements/mobile-expandable-category-element.d.ts.map +1 -1
- package/button-dropdown/category-elements/mobile-expandable-category-element.js +1 -2
- package/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
- package/button-dropdown/item-element/index.d.ts.map +1 -1
- package/button-dropdown/item-element/index.js +1 -2
- package/button-dropdown/item-element/index.js.map +1 -1
- package/date-range-picker/index.js +1 -1
- package/date-range-picker/index.js.map +1 -1
- package/header/internal.d.ts.map +1 -1
- package/header/internal.js +3 -1
- package/header/internal.js.map +1 -1
- package/header/styles.css.js +33 -32
- package/header/styles.scoped.css +54 -48
- package/header/styles.selectors.js +33 -32
- package/internal/components/button-trigger/index.d.ts +1 -0
- package/internal/components/button-trigger/index.d.ts.map +1 -1
- package/internal/components/button-trigger/index.js +2 -2
- package/internal/components/button-trigger/index.js.map +1 -1
- package/internal/components/button-trigger/styles.css.js +10 -9
- package/internal/components/button-trigger/styles.scoped.css +27 -23
- package/internal/components/button-trigger/styles.selectors.js +10 -9
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/multiselect/index.d.ts.map +1 -1
- package/multiselect/index.js +3 -1
- package/multiselect/index.js.map +1 -1
- package/multiselect/interfaces.d.ts +1 -0
- package/multiselect/interfaces.d.ts.map +1 -1
- package/multiselect/interfaces.js.map +1 -1
- package/multiselect/internal.d.ts +3 -1
- package/multiselect/internal.d.ts.map +1 -1
- package/multiselect/internal.js +3 -3
- package/multiselect/internal.js.map +1 -1
- package/package.json +1 -1
- package/select/parts/styles.css.js +16 -9
- package/select/parts/styles.scoped.css +58 -9
- package/select/parts/styles.selectors.js +16 -9
- package/select/parts/trigger.d.ts +3 -1
- package/select/parts/trigger.d.ts.map +1 -1
- package/select/parts/trigger.js +22 -3
- package/select/parts/trigger.js.map +1 -1
- package/test-utils/dom/app-layout/index.d.ts +1 -3
- package/test-utils/dom/app-layout/index.js +1 -7
- package/test-utils/dom/app-layout/index.js.map +1 -1
- package/test-utils/selectors/app-layout/index.d.ts +1 -3
- package/test-utils/selectors/app-layout/index.js +1 -7
- package/test-utils/selectors/app-layout/index.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
package/header/styles.css.js
CHANGED
|
@@ -1,37 +1,38 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"refresh": "
|
|
6
|
-
"root-no-actions": "awsui_root-no-
|
|
7
|
-
"root-variant-h2": "awsui_root-variant-
|
|
8
|
-
"root-variant-h3": "awsui_root-variant-
|
|
9
|
-
"root-has-description": "awsui_root-has-
|
|
10
|
-
"root-variant-h1": "awsui_root-variant-
|
|
11
|
-
"main": "
|
|
12
|
-
"no-wrap": "awsui_no-
|
|
13
|
-
"main-variant-h1": "awsui_main-variant-
|
|
14
|
-
"actions": "
|
|
15
|
-
"actions-variant-h1": "awsui_actions-variant-
|
|
16
|
-
"actions-variant-h2": "awsui_actions-variant-
|
|
17
|
-
"actions-variant-h3": "awsui_actions-variant-
|
|
18
|
-
"title": "
|
|
19
|
-
"title-variant-h1": "awsui_title-variant-
|
|
20
|
-
"title-variant-h2": "awsui_title-variant-
|
|
21
|
-
"title-variant-h3": "awsui_title-variant-
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"description
|
|
25
|
-
"description-variant-
|
|
26
|
-
"description-variant-
|
|
27
|
-
"
|
|
28
|
-
"heading
|
|
29
|
-
"heading-variant-
|
|
30
|
-
"heading-variant-
|
|
31
|
-
"heading-
|
|
32
|
-
"heading-text
|
|
33
|
-
"heading-text-variant-
|
|
34
|
-
"heading-text-variant-
|
|
35
|
-
"
|
|
4
|
+
"root": "awsui_root_2qdw9_d8n9o_93",
|
|
5
|
+
"refresh": "awsui_refresh_2qdw9_d8n9o_110",
|
|
6
|
+
"root-no-actions": "awsui_root-no-actions_2qdw9_d8n9o_110",
|
|
7
|
+
"root-variant-h2": "awsui_root-variant-h2_2qdw9_d8n9o_113",
|
|
8
|
+
"root-variant-h3": "awsui_root-variant-h3_2qdw9_d8n9o_113",
|
|
9
|
+
"root-has-description": "awsui_root-has-description_2qdw9_d8n9o_113",
|
|
10
|
+
"root-variant-h1": "awsui_root-variant-h1_2qdw9_d8n9o_122",
|
|
11
|
+
"main": "awsui_main_2qdw9_d8n9o_132",
|
|
12
|
+
"no-wrap": "awsui_no-wrap_2qdw9_d8n9o_142",
|
|
13
|
+
"main-variant-h1": "awsui_main-variant-h1_2qdw9_d8n9o_148",
|
|
14
|
+
"actions": "awsui_actions_2qdw9_d8n9o_156",
|
|
15
|
+
"actions-variant-h1": "awsui_actions-variant-h1_2qdw9_d8n9o_160",
|
|
16
|
+
"actions-variant-h2": "awsui_actions-variant-h2_2qdw9_d8n9o_163",
|
|
17
|
+
"actions-variant-h3": "awsui_actions-variant-h3_2qdw9_d8n9o_166",
|
|
18
|
+
"title": "awsui_title_2qdw9_d8n9o_179",
|
|
19
|
+
"title-variant-h1": "awsui_title-variant-h1_2qdw9_d8n9o_184",
|
|
20
|
+
"title-variant-h2": "awsui_title-variant-h2_2qdw9_d8n9o_191",
|
|
21
|
+
"title-variant-h3": "awsui_title-variant-h3_2qdw9_d8n9o_197",
|
|
22
|
+
"virtual-space": "awsui_virtual-space_2qdw9_d8n9o_218",
|
|
23
|
+
"info": "awsui_info_2qdw9_d8n9o_224",
|
|
24
|
+
"description": "awsui_description_2qdw9_d8n9o_228",
|
|
25
|
+
"description-variant-h1": "awsui_description-variant-h1_2qdw9_d8n9o_233",
|
|
26
|
+
"description-variant-h2": "awsui_description-variant-h2_2qdw9_d8n9o_237",
|
|
27
|
+
"description-variant-h3": "awsui_description-variant-h3_2qdw9_d8n9o_244",
|
|
28
|
+
"heading": "awsui_heading_2qdw9_d8n9o_253",
|
|
29
|
+
"heading-variant-h1": "awsui_heading-variant-h1_2qdw9_d8n9o_262",
|
|
30
|
+
"heading-variant-h2": "awsui_heading-variant-h2_2qdw9_d8n9o_267",
|
|
31
|
+
"heading-variant-h3": "awsui_heading-variant-h3_2qdw9_d8n9o_272",
|
|
32
|
+
"heading-text": "awsui_heading-text_2qdw9_d8n9o_278",
|
|
33
|
+
"heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_d8n9o_281",
|
|
34
|
+
"heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_d8n9o_289",
|
|
35
|
+
"heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_d8n9o_297",
|
|
36
|
+
"counter": "awsui_counter_2qdw9_d8n9o_306"
|
|
36
37
|
};
|
|
37
38
|
|
package/header/styles.scoped.css
CHANGED
|
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
.
|
|
93
|
+
.awsui_root_2qdw9_d8n9o_93:not(#\9) {
|
|
94
94
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
95
95
|
border-collapse: separate;
|
|
96
96
|
border-spacing: 0;
|
|
@@ -133,29 +133,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
133
133
|
flex-wrap: wrap;
|
|
134
134
|
justify-content: space-between;
|
|
135
135
|
}
|
|
136
|
-
.
|
|
136
|
+
.awsui_root_2qdw9_d8n9o_93.awsui_refresh_2qdw9_d8n9o_110:not(#\9), .awsui_root_2qdw9_d8n9o_93:not(#\9):not(.awsui_root-no-actions_2qdw9_d8n9o_110) {
|
|
137
137
|
row-gap: var(--space-scaled-xxs-7597g1, 4px);
|
|
138
138
|
}
|
|
139
|
-
.awsui_root-no-
|
|
139
|
+
.awsui_root-no-actions_2qdw9_d8n9o_110.awsui_root-variant-h2_2qdw9_d8n9o_113:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110), .awsui_root-no-actions_2qdw9_d8n9o_110.awsui_root-variant-h3_2qdw9_d8n9o_113:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110), .awsui_root-has-description_2qdw9_d8n9o_113.awsui_root-variant-h2_2qdw9_d8n9o_113:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110), .awsui_root-has-description_2qdw9_d8n9o_113.awsui_root-variant-h3_2qdw9_d8n9o_113:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110) {
|
|
140
140
|
padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
|
|
141
141
|
}
|
|
142
|
-
.awsui_root-no-
|
|
142
|
+
.awsui_root-no-actions_2qdw9_d8n9o_110:not(#\9):not(.awsui_root-has-description_2qdw9_d8n9o_113):not(.awsui_refresh_2qdw9_d8n9o_110) {
|
|
143
143
|
padding-bottom: calc(var(--space-scaled-xs-26e2du, 8px) + var(--space-xxxs-zbmxqb, 2px));
|
|
144
144
|
}
|
|
145
|
-
.awsui_root-no-
|
|
145
|
+
.awsui_root-no-actions_2qdw9_d8n9o_110.awsui_refresh_2qdw9_d8n9o_110.awsui_root-variant-h2_2qdw9_d8n9o_113:not(#\9), .awsui_root-no-actions_2qdw9_d8n9o_110.awsui_refresh_2qdw9_d8n9o_110.awsui_root-variant-h3_2qdw9_d8n9o_113:not(#\9) {
|
|
146
146
|
row-gap: var(--space-scaled-xxxs-27y4hv, 2px);
|
|
147
147
|
}
|
|
148
|
-
.
|
|
148
|
+
.awsui_root_2qdw9_d8n9o_93.awsui_root-variant-h1_2qdw9_d8n9o_122:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110) {
|
|
149
149
|
row-gap: var(--space-scaled-xxs-7597g1, 4px);
|
|
150
150
|
}
|
|
151
|
-
.awsui_root-no-
|
|
151
|
+
.awsui_root-no-actions_2qdw9_d8n9o_110:not(#\9):not(.awsui_root-has-description_2qdw9_d8n9o_113).awsui_refresh_2qdw9_d8n9o_110.awsui_root-variant-h3_2qdw9_d8n9o_113 {
|
|
152
152
|
padding-bottom: var(--space-scaled-xs-26e2du, 8px);
|
|
153
153
|
}
|
|
154
|
-
.
|
|
154
|
+
.awsui_root_2qdw9_d8n9o_93.awsui_root-variant-h1_2qdw9_d8n9o_122.awsui_root-has-description_2qdw9_d8n9o_113:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110) {
|
|
155
155
|
padding-bottom: var(--space-scaled-2x-xxs-7v8ivz, 4px);
|
|
156
156
|
}
|
|
157
157
|
|
|
158
|
-
.
|
|
158
|
+
.awsui_main_2qdw9_d8n9o_132:not(#\9) {
|
|
159
159
|
word-wrap: break-word;
|
|
160
160
|
max-width: 100%;
|
|
161
161
|
display: flex;
|
|
@@ -165,140 +165,146 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
165
165
|
column-gap: var(--space-xs-zb16t3, 8px);
|
|
166
166
|
row-gap: calc(var(--space-scaled-xxs-7597g1, 4px) + var(--space-scaled-xxxs-27y4hv, 2px));
|
|
167
167
|
}
|
|
168
|
-
.
|
|
168
|
+
.awsui_main_2qdw9_d8n9o_132.awsui_no-wrap_2qdw9_d8n9o_142:not(#\9) {
|
|
169
169
|
flex-wrap: nowrap;
|
|
170
170
|
}
|
|
171
|
-
.
|
|
171
|
+
.awsui_main_2qdw9_d8n9o_132.awsui_refresh_2qdw9_d8n9o_110:not(#\9) {
|
|
172
172
|
row-gap: var(--space-xxs-p8yyaw, 4px);
|
|
173
173
|
}
|
|
174
|
-
.awsui_main-variant-
|
|
174
|
+
.awsui_main-variant-h1_2qdw9_d8n9o_148:not(#\9) {
|
|
175
175
|
row-gap: var(--space-scaled-2x-xxs-7v8ivz, 4px);
|
|
176
176
|
}
|
|
177
177
|
|
|
178
|
-
.awsui_root-has-
|
|
178
|
+
.awsui_root-has-description_2qdw9_d8n9o_113 > .awsui_main_2qdw9_d8n9o_132:not(#\9) {
|
|
179
179
|
row-gap: var(--space-scaled-2x-xxs-7v8ivz, 4px);
|
|
180
180
|
}
|
|
181
181
|
|
|
182
|
-
.
|
|
182
|
+
.awsui_actions_2qdw9_d8n9o_156:not(#\9) {
|
|
183
183
|
display: flex;
|
|
184
184
|
align-items: flex-start;
|
|
185
185
|
}
|
|
186
|
-
.awsui_actions-variant-
|
|
186
|
+
.awsui_actions-variant-h1_2qdw9_d8n9o_160.awsui_refresh_2qdw9_d8n9o_110:not(#\9) {
|
|
187
187
|
padding: calc((var(--line-height-heading-xl-avbttk, 30px) - var(--size-vertical-input-v5iwwf, 32px)) / 2) 0;
|
|
188
188
|
}
|
|
189
|
-
.awsui_actions-variant-
|
|
189
|
+
.awsui_actions-variant-h2_2qdw9_d8n9o_163.awsui_refresh_2qdw9_d8n9o_110:not(#\9) {
|
|
190
190
|
padding: calc((var(--line-height-heading-l-mmm3my, 24px) - var(--size-vertical-input-v5iwwf, 32px)) / 2) 0;
|
|
191
191
|
}
|
|
192
|
-
.awsui_actions-variant-
|
|
192
|
+
.awsui_actions-variant-h3_2qdw9_d8n9o_166.awsui_refresh_2qdw9_d8n9o_110:not(#\9) {
|
|
193
193
|
padding: calc((var(--line-height-heading-m-50evfk, 22px) - var(--size-vertical-input-v5iwwf, 32px)) / 2) 0;
|
|
194
194
|
}
|
|
195
|
-
.awsui_actions-variant-
|
|
195
|
+
.awsui_actions-variant-h1_2qdw9_d8n9o_160:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110) {
|
|
196
196
|
padding: var(--space-scaled-xs-26e2du, 8px) 0;
|
|
197
197
|
}
|
|
198
|
-
.awsui_actions-variant-
|
|
198
|
+
.awsui_actions-variant-h2_2qdw9_d8n9o_163:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110), .awsui_actions-variant-h3_2qdw9_d8n9o_166:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110) {
|
|
199
199
|
padding: var(--space-scaled-xxs-7597g1, 4px) 0;
|
|
200
200
|
}
|
|
201
|
-
.awsui_root-has-
|
|
201
|
+
.awsui_root-has-description_2qdw9_d8n9o_113 > .awsui_main_2qdw9_d8n9o_132 > .awsui_actions_2qdw9_d8n9o_156:not(#\9) {
|
|
202
202
|
padding-bottom: 0;
|
|
203
203
|
}
|
|
204
204
|
|
|
205
|
-
.
|
|
205
|
+
.awsui_title_2qdw9_d8n9o_179:not(#\9) {
|
|
206
206
|
min-width: 0;
|
|
207
207
|
word-break: break-word;
|
|
208
208
|
color: var(--color-text-heading-default-rtslvy, #000716);
|
|
209
209
|
}
|
|
210
|
-
.awsui_title-variant-
|
|
210
|
+
.awsui_title-variant-h1_2qdw9_d8n9o_184:not(#\9) {
|
|
211
211
|
font-size: var(--font-size-heading-xl-ypc05a, 24px);
|
|
212
212
|
padding-top: var(--space-scaled-2x-xxs-7v8ivz, 4px);
|
|
213
213
|
}
|
|
214
|
-
.awsui_title-variant-
|
|
214
|
+
.awsui_title-variant-h1_2qdw9_d8n9o_184.awsui_refresh_2qdw9_d8n9o_110:not(#\9) {
|
|
215
215
|
padding-top: calc((var(--size-vertical-input-v5iwwf, 32px) - var(--line-height-heading-xl-avbttk, 30px)) / 2);
|
|
216
216
|
}
|
|
217
|
-
.awsui_title-variant-
|
|
217
|
+
.awsui_title-variant-h2_2qdw9_d8n9o_191:not(#\9) {
|
|
218
218
|
font-size: var(--font-size-heading-l-ou0d0l, 20px);
|
|
219
219
|
}
|
|
220
|
-
.awsui_title-variant-
|
|
220
|
+
.awsui_title-variant-h2_2qdw9_d8n9o_191.awsui_refresh_2qdw9_d8n9o_110:not(#\9) {
|
|
221
221
|
padding-top: calc((var(--size-vertical-input-v5iwwf, 32px) - var(--line-height-heading-l-mmm3my, 24px)) / 2);
|
|
222
222
|
}
|
|
223
|
-
.awsui_title-variant-
|
|
223
|
+
.awsui_title-variant-h3_2qdw9_d8n9o_197:not(#\9) {
|
|
224
224
|
font-size: var(--font-size-heading-m-sjd256, 18px);
|
|
225
225
|
}
|
|
226
|
-
.awsui_title-variant-
|
|
226
|
+
.awsui_title-variant-h3_2qdw9_d8n9o_197.awsui_refresh_2qdw9_d8n9o_110:not(#\9) {
|
|
227
227
|
padding-top: calc((var(--size-vertical-input-v5iwwf, 32px) - var(--line-height-heading-m-50evfk, 22px)) / 2);
|
|
228
228
|
}
|
|
229
|
-
.awsui_title-variant-
|
|
229
|
+
.awsui_title-variant-h2_2qdw9_d8n9o_191:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110), .awsui_title-variant-h3_2qdw9_d8n9o_197:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110) {
|
|
230
230
|
padding-top: var(--space-scaled-xs-26e2du, 8px);
|
|
231
231
|
}
|
|
232
|
-
.awsui_no-
|
|
232
|
+
.awsui_no-wrap_2qdw9_d8n9o_142 > .awsui_title_2qdw9_d8n9o_179:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110) {
|
|
233
233
|
padding-bottom: calc(var(--space-scaled-xxs-7597g1, 4px) + var(--space-scaled-xxxs-27y4hv, 2px));
|
|
234
234
|
}
|
|
235
235
|
|
|
236
|
-
.awsui_root-no-
|
|
236
|
+
.awsui_root-no-actions_2qdw9_d8n9o_110.awsui_root-has-description_2qdw9_d8n9o_113 > .awsui_main_2qdw9_d8n9o_132 > :not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110).awsui_title-variant-h2_2qdw9_d8n9o_191, .awsui_root-no-actions_2qdw9_d8n9o_110.awsui_root-has-description_2qdw9_d8n9o_113 > .awsui_main_2qdw9_d8n9o_132 > :not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110).awsui_title-variant-h3_2qdw9_d8n9o_197 {
|
|
237
237
|
padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
|
|
238
238
|
}
|
|
239
239
|
|
|
240
|
-
.awsui_root-variant-
|
|
240
|
+
.awsui_root-variant-h1_2qdw9_d8n9o_122.awsui_root-no-actions_2qdw9_d8n9o_110:not(#\9):not(.awsui_root-has-description_2qdw9_d8n9o_113):not(.awsui_refresh_2qdw9_d8n9o_110) {
|
|
241
241
|
padding-bottom: var(--space-scaled-2x-xxs-7v8ivz, 4px);
|
|
242
242
|
}
|
|
243
243
|
|
|
244
|
-
.
|
|
244
|
+
.awsui_virtual-space_2qdw9_d8n9o_218:not(#\9) {
|
|
245
|
+
position: absolute !important;
|
|
246
|
+
top: -9999px !important;
|
|
247
|
+
left: -9999px !important;
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
.awsui_info_2qdw9_d8n9o_224:not(#\9) {
|
|
245
251
|
padding-right: var(--space-s-34lx8l, 12px);
|
|
246
252
|
}
|
|
247
253
|
|
|
248
|
-
.
|
|
254
|
+
.awsui_description_2qdw9_d8n9o_228:not(#\9) {
|
|
249
255
|
margin: 0;
|
|
250
256
|
padding: 0;
|
|
251
257
|
color: var(--color-text-heading-secondary-37b2tq, #414d5c);
|
|
252
258
|
}
|
|
253
|
-
.awsui_description-variant-
|
|
259
|
+
.awsui_description-variant-h1_2qdw9_d8n9o_233:not(#\9) {
|
|
254
260
|
font-size: var(--font-size-body-m-x4okxb, 14px);
|
|
255
261
|
line-height: var(--line-height-body-m-30ar75, 20px);
|
|
256
262
|
}
|
|
257
|
-
.awsui_description-variant-
|
|
263
|
+
.awsui_description-variant-h2_2qdw9_d8n9o_237:not(#\9) {
|
|
258
264
|
font-size: var(--font-header-h2-description-size-2hj97p, 14px);
|
|
259
265
|
line-height: var(--font-header-h2-description-line-height-rtewek, 20px);
|
|
260
266
|
}
|
|
261
|
-
.awsui_description-variant-
|
|
267
|
+
.awsui_description-variant-h2_2qdw9_d8n9o_237:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110) {
|
|
262
268
|
padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
|
|
263
269
|
}
|
|
264
|
-
.awsui_description-variant-
|
|
270
|
+
.awsui_description-variant-h3_2qdw9_d8n9o_244:not(#\9) {
|
|
265
271
|
font-size: var(--font-size-body-s-asqx2i, 12px);
|
|
266
272
|
line-height: var(--line-height-body-s-7zv1j5, 16px);
|
|
267
273
|
letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
|
|
268
274
|
}
|
|
269
|
-
.awsui_description-variant-
|
|
275
|
+
.awsui_description-variant-h3_2qdw9_d8n9o_244:not(#\9):not(.awsui_refresh_2qdw9_d8n9o_110) {
|
|
270
276
|
padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
|
|
271
277
|
}
|
|
272
278
|
|
|
273
|
-
.
|
|
279
|
+
.awsui_heading_2qdw9_d8n9o_253:not(#\9) {
|
|
274
280
|
margin: 0;
|
|
275
281
|
display: inline;
|
|
276
282
|
font-size: inherit;
|
|
277
283
|
margin-right: var(--space-xs-zb16t3, 8px);
|
|
278
284
|
}
|
|
279
|
-
.
|
|
285
|
+
.awsui_heading_2qdw9_d8n9o_253:not(#\9):only-child {
|
|
280
286
|
margin: 0;
|
|
281
287
|
}
|
|
282
|
-
.awsui_heading-variant-
|
|
288
|
+
.awsui_heading-variant-h1_2qdw9_d8n9o_262:not(#\9) {
|
|
283
289
|
font-size: var(--font-size-heading-xl-ypc05a, 24px);
|
|
284
290
|
line-height: var(--line-height-heading-xl-avbttk, 30px);
|
|
285
291
|
letter-spacing: var(--letter-spacing-heading-xl-sagq9c, -0.02em);
|
|
286
292
|
}
|
|
287
|
-
.awsui_heading-variant-
|
|
293
|
+
.awsui_heading-variant-h2_2qdw9_d8n9o_267:not(#\9) {
|
|
288
294
|
font-size: var(--font-size-heading-l-ou0d0l, 20px);
|
|
289
295
|
line-height: var(--line-height-heading-l-mmm3my, 24px);
|
|
290
296
|
letter-spacing: var(--letter-spacing-heading-l-qqjd4y, -0.015em);
|
|
291
297
|
}
|
|
292
|
-
.awsui_heading-variant-
|
|
298
|
+
.awsui_heading-variant-h3_2qdw9_d8n9o_272:not(#\9) {
|
|
293
299
|
font-size: var(--font-size-heading-m-sjd256, 18px);
|
|
294
300
|
line-height: var(--line-height-heading-m-50evfk, 22px);
|
|
295
301
|
letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
|
|
296
302
|
}
|
|
297
303
|
|
|
298
|
-
.awsui_heading-
|
|
304
|
+
.awsui_heading-text_2qdw9_d8n9o_278:not(#\9) {
|
|
299
305
|
/* used in test-utils */
|
|
300
306
|
}
|
|
301
|
-
.awsui_heading-text-variant-
|
|
307
|
+
.awsui_heading-text-variant-h1_2qdw9_d8n9o_281:not(#\9) {
|
|
302
308
|
font-size: var(--font-size-heading-xl-ypc05a, 24px);
|
|
303
309
|
line-height: var(--line-height-heading-xl-avbttk, 30px);
|
|
304
310
|
letter-spacing: var(--letter-spacing-heading-xl-sagq9c, -0.02em);
|
|
@@ -306,7 +312,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
306
312
|
-webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
|
|
307
313
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
|
|
308
314
|
}
|
|
309
|
-
.awsui_heading-text-variant-
|
|
315
|
+
.awsui_heading-text-variant-h2_2qdw9_d8n9o_289:not(#\9) {
|
|
310
316
|
font-size: var(--font-size-heading-l-ou0d0l, 20px);
|
|
311
317
|
line-height: var(--line-height-heading-l-mmm3my, 24px);
|
|
312
318
|
letter-spacing: var(--letter-spacing-heading-l-qqjd4y, -0.015em);
|
|
@@ -314,7 +320,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
314
320
|
-webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
|
|
315
321
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
|
|
316
322
|
}
|
|
317
|
-
.awsui_heading-text-variant-
|
|
323
|
+
.awsui_heading-text-variant-h3_2qdw9_d8n9o_297:not(#\9) {
|
|
318
324
|
font-size: var(--font-size-heading-m-sjd256, 18px);
|
|
319
325
|
line-height: var(--line-height-heading-m-50evfk, 22px);
|
|
320
326
|
letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
|
|
@@ -323,7 +329,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
323
329
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
|
|
324
330
|
}
|
|
325
331
|
|
|
326
|
-
.
|
|
332
|
+
.awsui_counter_2qdw9_d8n9o_306:not(#\9) {
|
|
327
333
|
color: var(--color-text-counter-zqugin, #5f6b7a);
|
|
328
334
|
font-weight: 400;
|
|
329
335
|
}
|
|
@@ -2,37 +2,38 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"refresh": "
|
|
7
|
-
"root-no-actions": "awsui_root-no-
|
|
8
|
-
"root-variant-h2": "awsui_root-variant-
|
|
9
|
-
"root-variant-h3": "awsui_root-variant-
|
|
10
|
-
"root-has-description": "awsui_root-has-
|
|
11
|
-
"root-variant-h1": "awsui_root-variant-
|
|
12
|
-
"main": "
|
|
13
|
-
"no-wrap": "awsui_no-
|
|
14
|
-
"main-variant-h1": "awsui_main-variant-
|
|
15
|
-
"actions": "
|
|
16
|
-
"actions-variant-h1": "awsui_actions-variant-
|
|
17
|
-
"actions-variant-h2": "awsui_actions-variant-
|
|
18
|
-
"actions-variant-h3": "awsui_actions-variant-
|
|
19
|
-
"title": "
|
|
20
|
-
"title-variant-h1": "awsui_title-variant-
|
|
21
|
-
"title-variant-h2": "awsui_title-variant-
|
|
22
|
-
"title-variant-h3": "awsui_title-variant-
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"description
|
|
26
|
-
"description-variant-
|
|
27
|
-
"description-variant-
|
|
28
|
-
"
|
|
29
|
-
"heading
|
|
30
|
-
"heading-variant-
|
|
31
|
-
"heading-variant-
|
|
32
|
-
"heading-
|
|
33
|
-
"heading-text
|
|
34
|
-
"heading-text-variant-
|
|
35
|
-
"heading-text-variant-
|
|
36
|
-
"
|
|
5
|
+
"root": "awsui_root_2qdw9_d8n9o_93",
|
|
6
|
+
"refresh": "awsui_refresh_2qdw9_d8n9o_110",
|
|
7
|
+
"root-no-actions": "awsui_root-no-actions_2qdw9_d8n9o_110",
|
|
8
|
+
"root-variant-h2": "awsui_root-variant-h2_2qdw9_d8n9o_113",
|
|
9
|
+
"root-variant-h3": "awsui_root-variant-h3_2qdw9_d8n9o_113",
|
|
10
|
+
"root-has-description": "awsui_root-has-description_2qdw9_d8n9o_113",
|
|
11
|
+
"root-variant-h1": "awsui_root-variant-h1_2qdw9_d8n9o_122",
|
|
12
|
+
"main": "awsui_main_2qdw9_d8n9o_132",
|
|
13
|
+
"no-wrap": "awsui_no-wrap_2qdw9_d8n9o_142",
|
|
14
|
+
"main-variant-h1": "awsui_main-variant-h1_2qdw9_d8n9o_148",
|
|
15
|
+
"actions": "awsui_actions_2qdw9_d8n9o_156",
|
|
16
|
+
"actions-variant-h1": "awsui_actions-variant-h1_2qdw9_d8n9o_160",
|
|
17
|
+
"actions-variant-h2": "awsui_actions-variant-h2_2qdw9_d8n9o_163",
|
|
18
|
+
"actions-variant-h3": "awsui_actions-variant-h3_2qdw9_d8n9o_166",
|
|
19
|
+
"title": "awsui_title_2qdw9_d8n9o_179",
|
|
20
|
+
"title-variant-h1": "awsui_title-variant-h1_2qdw9_d8n9o_184",
|
|
21
|
+
"title-variant-h2": "awsui_title-variant-h2_2qdw9_d8n9o_191",
|
|
22
|
+
"title-variant-h3": "awsui_title-variant-h3_2qdw9_d8n9o_197",
|
|
23
|
+
"virtual-space": "awsui_virtual-space_2qdw9_d8n9o_218",
|
|
24
|
+
"info": "awsui_info_2qdw9_d8n9o_224",
|
|
25
|
+
"description": "awsui_description_2qdw9_d8n9o_228",
|
|
26
|
+
"description-variant-h1": "awsui_description-variant-h1_2qdw9_d8n9o_233",
|
|
27
|
+
"description-variant-h2": "awsui_description-variant-h2_2qdw9_d8n9o_237",
|
|
28
|
+
"description-variant-h3": "awsui_description-variant-h3_2qdw9_d8n9o_244",
|
|
29
|
+
"heading": "awsui_heading_2qdw9_d8n9o_253",
|
|
30
|
+
"heading-variant-h1": "awsui_heading-variant-h1_2qdw9_d8n9o_262",
|
|
31
|
+
"heading-variant-h2": "awsui_heading-variant-h2_2qdw9_d8n9o_267",
|
|
32
|
+
"heading-variant-h3": "awsui_heading-variant-h3_2qdw9_d8n9o_272",
|
|
33
|
+
"heading-text": "awsui_heading-text_2qdw9_d8n9o_278",
|
|
34
|
+
"heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_d8n9o_281",
|
|
35
|
+
"heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_d8n9o_289",
|
|
36
|
+
"heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_d8n9o_297",
|
|
37
|
+
"counter": "awsui_counter_2qdw9_d8n9o_306"
|
|
37
38
|
};
|
|
38
39
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/button-trigger/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAGxE,OAAO,EAA0C,sBAAsB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7G,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,MAAM,CAAC,EAAE,sBAAsB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/button-trigger/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAGxE,OAAO,EAA0C,sBAAsB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7G,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,MAAM,CAAC,EAAE,sBAAsB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA2ED,yBAAiB,kBAAkB,CAAC;IAClC,UAAiB,GAAG;QAClB,KAAK,IAAI,IAAI,CAAC;KACf;CACF;;AAED,wBAA+C"}
|
|
@@ -8,9 +8,9 @@ import InternalIcon from '../../../icon/internal';
|
|
|
8
8
|
import styles from './styles.css.js';
|
|
9
9
|
import { fireKeyboardEvent, fireCancelableEvent } from '../../events';
|
|
10
10
|
const ButtonTrigger = (_a, ref) => {
|
|
11
|
-
var { children, pressed = false, hideCaret = false, disabled = false, readOnly = false, invalid = false, inFilteringToken, ariaHasPopup, ariaLabel, ariaLabelledby, ariaDescribedby, ariaControls, onKeyDown, onKeyUp, onMouseDown, onClick, onFocus, onBlur, autoFocus } = _a, restProps = __rest(_a, ["children", "pressed", "hideCaret", "disabled", "readOnly", "invalid", "inFilteringToken", "ariaHasPopup", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "ariaControls", "onKeyDown", "onKeyUp", "onMouseDown", "onClick", "onFocus", "onBlur", "autoFocus"]);
|
|
11
|
+
var { children, pressed = false, hideCaret = false, disabled = false, readOnly = false, invalid = false, inlineTokens, inFilteringToken, ariaHasPopup, ariaLabel, ariaLabelledby, ariaDescribedby, ariaControls, onKeyDown, onKeyUp, onMouseDown, onClick, onFocus, onBlur, autoFocus } = _a, restProps = __rest(_a, ["children", "pressed", "hideCaret", "disabled", "readOnly", "invalid", "inlineTokens", "inFilteringToken", "ariaHasPopup", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "ariaControls", "onKeyDown", "onKeyUp", "onMouseDown", "onClick", "onFocus", "onBlur", "autoFocus"]);
|
|
12
12
|
const baseProps = getBaseProps(restProps);
|
|
13
|
-
const attributes = Object.assign(Object.assign({}, baseProps), { type: 'button', className: clsx(styles['button-trigger'], baseProps.className, pressed && styles.pressed, disabled && styles.disabled, invalid && styles.invalid, !hideCaret && styles['has-caret'], readOnly && styles['read-only'], inFilteringToken && styles['in-filtering-token']), disabled: disabled || readOnly, 'aria-expanded': pressed, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-haspopup': ariaHasPopup !== null && ariaHasPopup !== void 0 ? ariaHasPopup : 'listbox', 'aria-controls': ariaControls, onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)), onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)), onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)), onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)), onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)), onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)), autoFocus });
|
|
13
|
+
const attributes = Object.assign(Object.assign({}, baseProps), { type: 'button', className: clsx(styles['button-trigger'], baseProps.className, pressed && styles.pressed, disabled && styles.disabled, invalid && styles.invalid, !hideCaret && styles['has-caret'], readOnly && styles['read-only'], inFilteringToken && styles['in-filtering-token'], inlineTokens && styles['inline-tokens']), disabled: disabled || readOnly, 'aria-expanded': pressed, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-haspopup': ariaHasPopup !== null && ariaHasPopup !== void 0 ? ariaHasPopup : 'listbox', 'aria-controls': ariaControls, onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)), onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)), onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)), onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)), onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)), onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)), autoFocus });
|
|
14
14
|
if (invalid) {
|
|
15
15
|
attributes['aria-invalid'] = invalid;
|
|
16
16
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/button-trigger/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAsB,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAyC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/button-trigger/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { ButtonHTMLAttributes } from 'react';\nimport clsx from 'clsx';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport InternalIcon from '../../../icon/internal';\nimport styles from './styles.css.js';\nimport { fireKeyboardEvent, fireCancelableEvent, CancelableEventHandler, BaseKeyDetail } from '../../events';\n\nexport interface ButtonTriggerProps extends BaseComponentProps {\n children?: React.ReactNode;\n pressed?: boolean;\n hideCaret?: boolean;\n disabled?: boolean;\n readOnly?: boolean;\n invalid?: boolean;\n inFilteringToken?: boolean;\n inlineTokens?: boolean;\n ariaHasPopup?: 'true' | 'listbox' | 'dialog';\n ariaControls?: string;\n ariaLabel?: string;\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n onKeyUp?: CancelableEventHandler<BaseKeyDetail>;\n onMouseDown?: CancelableEventHandler;\n onClick?: CancelableEventHandler;\n onFocus?: CancelableEventHandler;\n onBlur?: CancelableEventHandler<{ relatedTarget: Node | null }>;\n autoFocus?: boolean;\n}\n\nconst ButtonTrigger = (\n {\n children,\n pressed = false,\n hideCaret = false,\n disabled = false,\n readOnly = false,\n invalid = false,\n inlineTokens,\n inFilteringToken,\n ariaHasPopup,\n ariaLabel,\n ariaLabelledby,\n ariaDescribedby,\n ariaControls,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onClick,\n onFocus,\n onBlur,\n autoFocus,\n ...restProps\n }: ButtonTriggerProps,\n ref: React.Ref<HTMLButtonElement>\n) => {\n const baseProps = getBaseProps(restProps);\n const attributes: ButtonHTMLAttributes<HTMLButtonElement> = {\n ...baseProps,\n type: 'button',\n className: clsx(\n styles['button-trigger'],\n baseProps.className,\n pressed && styles.pressed,\n disabled && styles.disabled,\n invalid && styles.invalid,\n !hideCaret && styles['has-caret'],\n readOnly && styles['read-only'],\n inFilteringToken && styles['in-filtering-token'],\n inlineTokens && styles['inline-tokens']\n ),\n disabled: disabled || readOnly,\n 'aria-expanded': pressed,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup ?? 'listbox',\n 'aria-controls': ariaControls,\n onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)),\n onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)),\n onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)),\n onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)),\n autoFocus,\n };\n\n if (invalid) {\n attributes['aria-invalid'] = invalid;\n }\n\n return (\n <button ref={ref} {...attributes}>\n {children}\n {!hideCaret && (\n <span className={styles.arrow}>\n <InternalIcon name=\"caret-down-filled\" variant={disabled ? 'disabled' : 'normal'} />\n </span>\n )}\n </button>\n );\n};\n\nexport namespace ButtonTriggerProps {\n export interface Ref {\n focus(): void;\n }\n}\n\nexport default React.forwardRef(ButtonTrigger);\n"]}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"button-trigger": "awsui_button-
|
|
5
|
-
"arrow": "
|
|
6
|
-
"has-caret": "awsui_has-
|
|
7
|
-
"placeholder": "
|
|
8
|
-
"pressed": "
|
|
9
|
-
"disabled": "
|
|
10
|
-
"in-filtering-token": "awsui_in-filtering-
|
|
11
|
-
"read-only": "awsui_read-
|
|
12
|
-
"invalid": "
|
|
4
|
+
"button-trigger": "awsui_button-trigger_18eso_1drma_97",
|
|
5
|
+
"arrow": "awsui_arrow_18eso_1drma_97",
|
|
6
|
+
"has-caret": "awsui_has-caret_18eso_1drma_137",
|
|
7
|
+
"placeholder": "awsui_placeholder_18eso_1drma_140",
|
|
8
|
+
"pressed": "awsui_pressed_18eso_1drma_153",
|
|
9
|
+
"disabled": "awsui_disabled_18eso_1drma_156",
|
|
10
|
+
"in-filtering-token": "awsui_in-filtering-token_18eso_1drma_165",
|
|
11
|
+
"read-only": "awsui_read-only_18eso_1drma_171",
|
|
12
|
+
"invalid": "awsui_invalid_18eso_1drma_188",
|
|
13
|
+
"inline-tokens": "awsui_inline-tokens_18eso_1drma_223"
|
|
13
14
|
};
|
|
14
15
|
|