@cloudscape-design/components-themeable 3.0.1088 → 3.0.1090
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/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/input/styles.scss +0 -8
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/scss/prompt-input/styles.scss +0 -6
- package/lib/internal/scss/segmented-control/segment.scss +0 -1
- package/lib/internal/scss/segmented-control/styles.scss +0 -1
- package/lib/internal/scss/table/styles.scss +0 -1
- package/lib/internal/scss/tabs/tab-header-bar.scss +0 -1
- package/lib/internal/scss/textarea/styles.scss +0 -8
- package/lib/internal/template/badge/index.d.ts +1 -1
- package/lib/internal/template/badge/index.d.ts.map +1 -1
- package/lib/internal/template/badge/index.js +3 -2
- package/lib/internal/template/badge/index.js.map +1 -1
- package/lib/internal/template/badge/interfaces.d.ts +15 -0
- package/lib/internal/template/badge/interfaces.d.ts.map +1 -1
- package/lib/internal/template/badge/interfaces.js.map +1 -1
- package/lib/internal/template/checkbox/interfaces.d.ts +15 -0
- package/lib/internal/template/checkbox/interfaces.d.ts.map +1 -1
- package/lib/internal/template/checkbox/interfaces.js.map +1 -1
- package/lib/internal/template/checkbox/internal.d.ts.map +1 -1
- package/lib/internal/template/checkbox/internal.js +3 -2
- package/lib/internal/template/checkbox/internal.js.map +1 -1
- package/lib/internal/template/i18n/messages/all.all.js +1 -1
- package/lib/internal/template/i18n/messages/all.all.json +1 -1
- package/lib/internal/template/i18n/messages/all.ar.js +1 -1
- package/lib/internal/template/i18n/messages/all.ar.json +1 -1
- package/lib/internal/template/i18n/messages/all.de.js +1 -1
- package/lib/internal/template/i18n/messages/all.de.json +1 -1
- package/lib/internal/template/i18n/messages/all.en-GB.js +1 -1
- package/lib/internal/template/i18n/messages/all.en-GB.json +1 -1
- package/lib/internal/template/i18n/messages/all.en.js +1 -1
- package/lib/internal/template/i18n/messages/all.en.json +1 -1
- package/lib/internal/template/i18n/messages/all.es.js +1 -1
- package/lib/internal/template/i18n/messages/all.es.json +1 -1
- package/lib/internal/template/i18n/messages/all.fr.js +1 -1
- package/lib/internal/template/i18n/messages/all.fr.json +1 -1
- package/lib/internal/template/i18n/messages/all.id.js +1 -1
- package/lib/internal/template/i18n/messages/all.id.json +1 -1
- package/lib/internal/template/i18n/messages/all.it.js +1 -1
- package/lib/internal/template/i18n/messages/all.it.json +1 -1
- package/lib/internal/template/i18n/messages/all.ja.js +1 -1
- package/lib/internal/template/i18n/messages/all.ja.json +1 -1
- package/lib/internal/template/i18n/messages/all.ko.js +1 -1
- package/lib/internal/template/i18n/messages/all.ko.json +1 -1
- package/lib/internal/template/i18n/messages/all.pt-BR.js +1 -1
- package/lib/internal/template/i18n/messages/all.pt-BR.json +1 -1
- package/lib/internal/template/i18n/messages/all.tr.js +1 -1
- package/lib/internal/template/i18n/messages/all.tr.json +1 -1
- package/lib/internal/template/i18n/messages/all.zh-CN.js +1 -1
- package/lib/internal/template/i18n/messages/all.zh-CN.json +1 -1
- package/lib/internal/template/i18n/messages/all.zh-TW.js +1 -1
- package/lib/internal/template/i18n/messages/all.zh-TW.json +1 -1
- package/lib/internal/template/icon/interfaces.d.ts +15 -0
- package/lib/internal/template/icon/interfaces.d.ts.map +1 -1
- package/lib/internal/template/icon/interfaces.js.map +1 -1
- package/lib/internal/template/icon/internal.d.ts +1 -1
- package/lib/internal/template/icon/internal.d.ts.map +1 -1
- package/lib/internal/template/icon/internal.js +5 -4
- package/lib/internal/template/icon/internal.js.map +1 -1
- package/lib/internal/template/input/styles.css.js +13 -13
- package/lib/internal/template/input/styles.scoped.css +28 -42
- package/lib/internal/template/input/styles.selectors.js +13 -13
- package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
- package/lib/internal/template/internal/environment.js +2 -2
- package/lib/internal/template/internal/environment.json +2 -2
- package/lib/internal/template/multiselect/use-multiselect.d.ts +1 -1
- package/lib/internal/template/prompt-input/styles.css.js +17 -17
- package/lib/internal/template/prompt-input/styles.scoped.css +36 -43
- package/lib/internal/template/prompt-input/styles.selectors.js +17 -17
- package/lib/internal/template/segmented-control/styles.css.js +16 -16
- package/lib/internal/template/segmented-control/styles.scoped.css +36 -42
- package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
- package/lib/internal/template/spinner/interfaces.d.ts +16 -0
- package/lib/internal/template/spinner/interfaces.d.ts.map +1 -1
- package/lib/internal/template/spinner/interfaces.js.map +1 -1
- package/lib/internal/template/spinner/internal.d.ts +1 -1
- package/lib/internal/template/spinner/internal.d.ts.map +1 -1
- package/lib/internal/template/spinner/internal.js +3 -2
- package/lib/internal/template/spinner/internal.js.map +1 -1
- package/lib/internal/template/table/styles.css.js +34 -34
- package/lib/internal/template/table/styles.scoped.css +41 -42
- package/lib/internal/template/table/styles.selectors.js +34 -34
- package/lib/internal/template/tabs/styles.css.js +30 -30
- package/lib/internal/template/tabs/styles.scoped.css +51 -52
- package/lib/internal/template/tabs/styles.selectors.js +30 -30
- package/lib/internal/template/textarea/styles.css.js +5 -5
- package/lib/internal/template/textarea/styles.scoped.css +12 -19
- package/lib/internal/template/textarea/styles.selectors.js +5 -5
- package/package.json +1 -1
|
@@ -151,7 +151,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
151
151
|
SPDX-License-Identifier: Apache-2.0
|
|
152
152
|
*/
|
|
153
153
|
/* stylelint-disable selector-max-type */
|
|
154
|
-
.awsui_tabs-
|
|
154
|
+
.awsui_tabs-header_14rmt_1n7hy_154:not(#\9) {
|
|
155
155
|
margin-block: 0;
|
|
156
156
|
margin-inline: 0;
|
|
157
157
|
padding-block: 0;
|
|
@@ -160,13 +160,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
160
160
|
flex-wrap: wrap;
|
|
161
161
|
}
|
|
162
162
|
|
|
163
|
-
.awsui_tab-header-scroll-
|
|
163
|
+
.awsui_tab-header-scroll-container_14rmt_1n7hy_163:not(#\9) {
|
|
164
164
|
display: flex;
|
|
165
165
|
flex-grow: 1;
|
|
166
166
|
max-inline-size: 100%;
|
|
167
167
|
}
|
|
168
168
|
|
|
169
|
-
.awsui_tabs-header-
|
|
169
|
+
.awsui_tabs-header-list_14rmt_1n7hy_169:not(#\9) {
|
|
170
170
|
margin-block: 0;
|
|
171
171
|
margin-inline: 0;
|
|
172
172
|
padding-block: 0;
|
|
@@ -177,36 +177,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
177
177
|
position: relative;
|
|
178
178
|
inline-size: 100%;
|
|
179
179
|
scroll-snap-type: inline proximity;
|
|
180
|
-
-ms-overflow-style: none; /* Internet Explorer 10+ */
|
|
181
180
|
scrollbar-width: none; /* Firefox */
|
|
182
181
|
}
|
|
183
|
-
.awsui_tabs-header-
|
|
182
|
+
.awsui_tabs-header-list_14rmt_1n7hy_169:not(#\9)::-webkit-scrollbar {
|
|
184
183
|
display: none; /* Safari and Chrome */
|
|
185
184
|
}
|
|
186
185
|
|
|
187
|
-
.awsui_pagination-
|
|
186
|
+
.awsui_pagination-button_14rmt_1n7hy_186:not(#\9) {
|
|
188
187
|
margin-block: var(--space-scaled-s-gjhvjd, 12px);
|
|
189
188
|
margin-inline: 0;
|
|
190
189
|
padding-block: 0;
|
|
191
190
|
padding-inline: var(--space-xxs-jnczic, 4px);
|
|
192
191
|
display: flex;
|
|
193
192
|
}
|
|
194
|
-
.awsui_pagination-button-
|
|
193
|
+
.awsui_pagination-button-left_14rmt_1n7hy_193:not(#\9) {
|
|
195
194
|
border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-control-disabled-c9dn39, #d5dbdb);
|
|
196
195
|
}
|
|
197
|
-
.awsui_pagination-button-left-
|
|
196
|
+
.awsui_pagination-button-left-scrollable_14rmt_1n7hy_196:not(#\9) {
|
|
198
197
|
z-index: 1;
|
|
199
198
|
box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-ya1u83, #eaeded), 1px 0px 0px 0px var(--color-border-tabs-shadow-ya1u83, #eaeded);
|
|
200
199
|
}
|
|
201
|
-
.awsui_pagination-button-
|
|
200
|
+
.awsui_pagination-button-right_14rmt_1n7hy_200:not(#\9) {
|
|
202
201
|
border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-control-disabled-c9dn39, #d5dbdb);
|
|
203
202
|
}
|
|
204
|
-
.awsui_pagination-button-right-
|
|
203
|
+
.awsui_pagination-button-right-scrollable_14rmt_1n7hy_203:not(#\9) {
|
|
205
204
|
z-index: 1;
|
|
206
205
|
box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-ya1u83, #eaeded), -1px 0px 0px 0 var(--color-border-tabs-shadow-ya1u83, #eaeded);
|
|
207
206
|
}
|
|
208
207
|
|
|
209
|
-
.awsui_actions-
|
|
208
|
+
.awsui_actions-container_14rmt_1n7hy_208:not(#\9) {
|
|
210
209
|
flex-shrink: 0;
|
|
211
210
|
align-self: center;
|
|
212
211
|
padding-block: var(--space-xs-kw7k3v, 8px);
|
|
@@ -214,7 +213,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
214
213
|
margin-inline-start: auto;
|
|
215
214
|
}
|
|
216
215
|
|
|
217
|
-
.awsui_tabs-
|
|
216
|
+
.awsui_tabs-tab_14rmt_1n7hy_216:not(#\9) {
|
|
218
217
|
list-style: none;
|
|
219
218
|
padding-block: 0;
|
|
220
219
|
padding-inline: 0;
|
|
@@ -224,7 +223,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
224
223
|
scroll-snap-align: start;
|
|
225
224
|
}
|
|
226
225
|
|
|
227
|
-
.awsui_tabs-tab-
|
|
226
|
+
.awsui_tabs-tab-label_14rmt_1n7hy_226:not(#\9) {
|
|
228
227
|
display: flex;
|
|
229
228
|
align-items: center;
|
|
230
229
|
padding-inline: var(--space-xs-kw7k3v, 8px);
|
|
@@ -235,7 +234,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
235
234
|
word-break: break-word;
|
|
236
235
|
}
|
|
237
236
|
|
|
238
|
-
.awsui_tabs-tab-header-
|
|
237
|
+
.awsui_tabs-tab-header-container_14rmt_1n7hy_237:not(#\9) {
|
|
239
238
|
position: relative;
|
|
240
239
|
border-block: var(--border-divider-section-width-sznrdy, 1px) solid transparent;
|
|
241
240
|
border-inline: var(--border-divider-section-width-sznrdy, 1px) solid transparent;
|
|
@@ -243,19 +242,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
243
242
|
display: flex;
|
|
244
243
|
align-items: stretch;
|
|
245
244
|
}
|
|
246
|
-
.awsui_tabs-tab-header-
|
|
245
|
+
.awsui_tabs-tab-header-container_14rmt_1n7hy_237:not(#\9), .awsui_tabs-tab-header-container_14rmt_1n7hy_237 > button:not(#\9) {
|
|
247
246
|
background-color: transparent;
|
|
248
247
|
}
|
|
249
|
-
.awsui_tabs-tab-header-
|
|
248
|
+
.awsui_tabs-tab-header-container_14rmt_1n7hy_237 > .awsui_tabs-tab-dismiss_14rmt_1n7hy_248:not(#\9), .awsui_tabs-tab-header-container_14rmt_1n7hy_237 > .awsui_tabs-tab-action_14rmt_1n7hy_248:not(#\9) {
|
|
250
249
|
position: relative;
|
|
251
250
|
display: flex;
|
|
252
251
|
align-items: center;
|
|
253
252
|
}
|
|
254
|
-
.awsui_tabs-tab-header-
|
|
253
|
+
.awsui_tabs-tab-header-container_14rmt_1n7hy_237.awsui_refresh_14rmt_1n7hy_253 > span:not(#\9):first-of-type {
|
|
255
254
|
margin-inline-start: calc(-1 * var(--space-scaled-xs-sppte9, 8px));
|
|
256
255
|
}
|
|
257
256
|
|
|
258
|
-
.awsui_tabs-tab-header-
|
|
257
|
+
.awsui_tabs-tab-header-container_14rmt_1n7hy_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1n7hy_257):after {
|
|
259
258
|
content: "";
|
|
260
259
|
position: absolute;
|
|
261
260
|
inset-inline-start: 0;
|
|
@@ -269,35 +268,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
269
268
|
background: var(--color-border-tabs-underline-gpe7rp, #16191f);
|
|
270
269
|
opacity: 0;
|
|
271
270
|
}
|
|
272
|
-
.awsui_tabs-tab-header-
|
|
271
|
+
.awsui_tabs-tab-header-container_14rmt_1n7hy_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1n7hy_257).awsui_refresh_14rmt_1n7hy_253:after {
|
|
273
272
|
transition: opacity var(--motion-duration-refresh-only-medium-h3wrr6, 0ms) var(--motion-easing-refresh-only-c-r5v2kx, cubic-bezier(0.84, 0, 0.16, 1));
|
|
274
273
|
}
|
|
275
274
|
@media (prefers-reduced-motion: reduce) {
|
|
276
|
-
.awsui_tabs-tab-header-
|
|
275
|
+
.awsui_tabs-tab-header-container_14rmt_1n7hy_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1n7hy_257).awsui_refresh_14rmt_1n7hy_253:after {
|
|
277
276
|
animation: none;
|
|
278
277
|
transition: none;
|
|
279
278
|
}
|
|
280
279
|
}
|
|
281
|
-
.awsui-motion-disabled .awsui_tabs-tab-header-
|
|
280
|
+
.awsui-motion-disabled .awsui_tabs-tab-header-container_14rmt_1n7hy_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1n7hy_257).awsui_refresh_14rmt_1n7hy_253:after, .awsui-mode-entering .awsui_tabs-tab-header-container_14rmt_1n7hy_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1n7hy_257).awsui_refresh_14rmt_1n7hy_253:after {
|
|
282
281
|
animation: none;
|
|
283
282
|
transition: none;
|
|
284
283
|
}
|
|
285
284
|
|
|
286
|
-
.awsui_tabs-
|
|
285
|
+
.awsui_tabs-tab_14rmt_1n7hy_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_1n7hy_237 {
|
|
287
286
|
margin-inline-end: calc(-1 * var(--border-divider-section-width-sznrdy, 1px));
|
|
288
287
|
}
|
|
289
|
-
.awsui_tabs-
|
|
288
|
+
.awsui_tabs-tab_14rmt_1n7hy_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_1n7hy_237:before {
|
|
290
289
|
content: "";
|
|
291
290
|
position: absolute;
|
|
292
291
|
border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-tabs-divider-uu65wu, #aab7b8);
|
|
293
292
|
inset: var(--space-scaled-s-gjhvjd, 12px) 0;
|
|
294
293
|
opacity: 1;
|
|
295
294
|
}
|
|
296
|
-
.awsui_tabs-
|
|
295
|
+
.awsui_tabs-tab_14rmt_1n7hy_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_1n7hy_237.awsui_refresh_14rmt_1n7hy_253:before {
|
|
297
296
|
inset: calc(var(--space-static-s-8me5rn, 12px) - var(--border-active-width-vglvq7, 2px)) 0;
|
|
298
297
|
}
|
|
299
298
|
|
|
300
|
-
.awsui_tabs-tab-
|
|
299
|
+
.awsui_tabs-tab-link_14rmt_1n7hy_299:not(#\9) {
|
|
301
300
|
position: relative;
|
|
302
301
|
display: flex;
|
|
303
302
|
align-items: stretch;
|
|
@@ -318,27 +317,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
318
317
|
-webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
|
|
319
318
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
|
|
320
319
|
}
|
|
321
|
-
.awsui_tabs-tab-
|
|
320
|
+
.awsui_tabs-tab-link_14rmt_1n7hy_299.awsui_refresh_14rmt_1n7hy_253:not(#\9) {
|
|
322
321
|
padding-block-start: calc(var(--space-static-xs-4gq40t, 8px) - 1px);
|
|
323
322
|
padding-block-end: calc(var(--space-static-xs-4gq40t, 8px) - 1px);
|
|
324
323
|
margin-block-start: 0;
|
|
325
324
|
}
|
|
326
|
-
.awsui_tabs-tab-
|
|
325
|
+
.awsui_tabs-tab-link_14rmt_1n7hy_299:not(#\9):hover {
|
|
327
326
|
color: var(--color-text-accent-rvq171, #0073bb);
|
|
328
327
|
}
|
|
329
|
-
.awsui_tabs-tab-
|
|
328
|
+
.awsui_tabs-tab-link_14rmt_1n7hy_299:not(#\9):focus {
|
|
330
329
|
outline: none;
|
|
331
330
|
}
|
|
332
|
-
body[data-awsui-focus-visible=true] .awsui_tabs-tab-
|
|
331
|
+
body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1n7hy_299:not(#\9):focus {
|
|
333
332
|
z-index: 1;
|
|
334
333
|
border-inline-end-color: transparent;
|
|
335
334
|
position: relative;
|
|
336
335
|
}
|
|
337
|
-
body[data-awsui-focus-visible=true] .awsui_tabs-tab-
|
|
336
|
+
body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1n7hy_299:not(#\9):focus {
|
|
338
337
|
outline: 2px dotted transparent;
|
|
339
338
|
outline-offset: calc(var(--space-tabs-focus-outline-gutter-7tqwip, 0px) - 1px);
|
|
340
339
|
}
|
|
341
|
-
body[data-awsui-focus-visible=true] .awsui_tabs-tab-
|
|
340
|
+
body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1n7hy_299:not(#\9):focus::before {
|
|
342
341
|
content: " ";
|
|
343
342
|
display: block;
|
|
344
343
|
position: absolute;
|
|
@@ -353,48 +352,48 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_9tgo0_300:not(#\9
|
|
|
353
352
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
354
353
|
}
|
|
355
354
|
|
|
356
|
-
.awsui_tabs-
|
|
355
|
+
.awsui_tabs-tab_14rmt_1n7hy_216:not(#\9):first-child {
|
|
357
356
|
margin-inline-start: 1px;
|
|
358
357
|
scroll-margin-inline-start: 1px;
|
|
359
358
|
}
|
|
360
|
-
.awsui_tabs-
|
|
359
|
+
.awsui_tabs-tab_14rmt_1n7hy_216:not(#\9):first-child > .awsui_tabs-tab-header-container_14rmt_1n7hy_237 {
|
|
361
360
|
padding-inline-start: calc(var(--space-xs-kw7k3v, 8px) - 1px);
|
|
362
361
|
}
|
|
363
362
|
|
|
364
|
-
.awsui_tabs-
|
|
363
|
+
.awsui_tabs-tab_14rmt_1n7hy_216:not(#\9):last-child {
|
|
365
364
|
margin-inline-end: 1px;
|
|
366
365
|
scroll-margin-inline-end: 1px;
|
|
367
366
|
}
|
|
368
|
-
.awsui_tabs-
|
|
367
|
+
.awsui_tabs-tab_14rmt_1n7hy_216:not(#\9):last-child > .awsui_tabs-tab-header-container_14rmt_1n7hy_237 {
|
|
369
368
|
padding-inline-end: calc(var(--space-xs-kw7k3v, 8px) - 1px);
|
|
370
369
|
}
|
|
371
370
|
|
|
372
|
-
.awsui_tabs-tab-
|
|
371
|
+
.awsui_tabs-tab-disabled_14rmt_1n7hy_257:not(#\9), .awsui_tabs-tab-disabled_14rmt_1n7hy_257:not(#\9):hover {
|
|
373
372
|
cursor: default;
|
|
374
373
|
color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
|
|
375
374
|
font-weight: var(--font-tabs-disabled-weight-co27a7, 400);
|
|
376
375
|
}
|
|
377
376
|
|
|
378
|
-
.awsui_tabs-tab-
|
|
377
|
+
.awsui_tabs-tab-active_14rmt_1n7hy_377:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1n7hy_257) {
|
|
379
378
|
color: var(--color-text-accent-rvq171, #0073bb);
|
|
380
379
|
}
|
|
381
|
-
.awsui_tabs-tab-
|
|
380
|
+
.awsui_tabs-tab-active_14rmt_1n7hy_377:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1n7hy_257):after {
|
|
382
381
|
opacity: 1;
|
|
383
382
|
}
|
|
384
383
|
|
|
385
|
-
.awsui_tabs-header-with-
|
|
384
|
+
.awsui_tabs-header-with-divider_14rmt_1n7hy_384:not(#\9) {
|
|
386
385
|
border-block-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-tabs-divider-uu65wu, #aab7b8);
|
|
387
386
|
}
|
|
388
387
|
|
|
389
|
-
.awsui_tabs-tab-
|
|
388
|
+
.awsui_tabs-tab-focusable_14rmt_1n7hy_388:not(#\9) {
|
|
390
389
|
/* used to manage focusable logic */
|
|
391
390
|
}
|
|
392
391
|
|
|
393
|
-
.
|
|
392
|
+
.awsui_root_14rmt_1n7hy_392:not(#\9) {
|
|
394
393
|
/* used in test-utils or tests */
|
|
395
394
|
}
|
|
396
395
|
|
|
397
|
-
.
|
|
396
|
+
.awsui_tabs_14rmt_1n7hy_154:not(#\9) {
|
|
398
397
|
border-collapse: separate;
|
|
399
398
|
border-spacing: 0;
|
|
400
399
|
box-sizing: border-box;
|
|
@@ -428,21 +427,21 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_9tgo0_300:not(#\9
|
|
|
428
427
|
inline-size: 100%;
|
|
429
428
|
}
|
|
430
429
|
|
|
431
|
-
.awsui_tabs-
|
|
430
|
+
.awsui_tabs-content_14rmt_1n7hy_430:not(#\9) {
|
|
432
431
|
display: none;
|
|
433
432
|
}
|
|
434
433
|
|
|
435
|
-
.awsui_fit-
|
|
434
|
+
.awsui_fit-height_14rmt_1n7hy_434:not(#\9) {
|
|
436
435
|
display: flex;
|
|
437
436
|
flex-direction: column;
|
|
438
437
|
block-size: 100%;
|
|
439
438
|
}
|
|
440
439
|
|
|
441
|
-
.awsui_tabs-content-
|
|
440
|
+
.awsui_tabs-content-active_14rmt_1n7hy_440:not(#\9) {
|
|
442
441
|
display: block;
|
|
443
442
|
flex: 1;
|
|
444
443
|
}
|
|
445
|
-
body[data-awsui-focus-visible=true] .awsui_tabs-content-
|
|
444
|
+
body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_1n7hy_440:not(#\9):focus {
|
|
446
445
|
outline: 2px dotted transparent;
|
|
447
446
|
outline-offset: 2px;
|
|
448
447
|
border-start-start-radius: var(--border-radius-container-l30zxy, 0px);
|
|
@@ -452,32 +451,32 @@ body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_9tgo0_441:n
|
|
|
452
451
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
453
452
|
}
|
|
454
453
|
|
|
455
|
-
.awsui_tabs-content-
|
|
454
|
+
.awsui_tabs-content-wrapper_14rmt_1n7hy_454.awsui_with-paddings_14rmt_1n7hy_454 > .awsui_tabs-content_14rmt_1n7hy_430:not(#\9) {
|
|
456
455
|
padding-block: var(--space-scaled-m-sw9kcx, 16px);
|
|
457
456
|
padding-inline: 0;
|
|
458
457
|
}
|
|
459
|
-
.awsui_fit-
|
|
458
|
+
.awsui_fit-height_14rmt_1n7hy_434 > .awsui_tabs-content-wrapper_14rmt_1n7hy_454:not(#\9) {
|
|
460
459
|
flex: 1;
|
|
461
460
|
display: flex;
|
|
462
461
|
flex-direction: column;
|
|
463
462
|
overflow: auto;
|
|
464
463
|
}
|
|
465
464
|
|
|
466
|
-
.awsui_fit-
|
|
465
|
+
.awsui_fit-height_14rmt_1n7hy_434 > .awsui_tabs-content-wrapper_14rmt_1n7hy_454 > .awsui_tabs-container-content-wrapper_14rmt_1n7hy_465:not(#\9) {
|
|
467
466
|
block-size: 100%;
|
|
468
467
|
display: flex;
|
|
469
468
|
flex-direction: column;
|
|
470
469
|
}
|
|
471
|
-
.awsui_tabs-container-content-
|
|
470
|
+
.awsui_tabs-container-content-wrapper_14rmt_1n7hy_465.awsui_with-paddings_14rmt_1n7hy_454 > .awsui_tabs-content_14rmt_1n7hy_430:not(#\9) {
|
|
472
471
|
padding-block-start: var(--space-tabs-content-top-i5vuz0, 16px);
|
|
473
472
|
padding-block-end: var(--space-scaled-l-66n9sr, 20px);
|
|
474
473
|
padding-inline: var(--space-container-horizontal-ipmk0e, 20px);
|
|
475
474
|
}
|
|
476
475
|
|
|
477
|
-
.awsui_disabled-reason-
|
|
476
|
+
.awsui_disabled-reason-tooltip_14rmt_1n7hy_476:not(#\9) {
|
|
478
477
|
/* used in test-utils or tests */
|
|
479
478
|
}
|
|
480
479
|
|
|
481
|
-
.awsui_tabs-tab-
|
|
480
|
+
.awsui_tabs-tab-focused_14rmt_1n7hy_480:not(#\9) {
|
|
482
481
|
/* used to manage focusable state for disabled with reason tabs */
|
|
483
482
|
}
|
|
@@ -2,35 +2,35 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"tabs-header": "awsui_tabs-
|
|
6
|
-
"tab-header-scroll-container": "awsui_tab-header-scroll-
|
|
7
|
-
"tabs-header-list": "awsui_tabs-header-
|
|
8
|
-
"pagination-button": "awsui_pagination-
|
|
9
|
-
"pagination-button-left": "awsui_pagination-button-
|
|
10
|
-
"pagination-button-left-scrollable": "awsui_pagination-button-left-
|
|
11
|
-
"pagination-button-right": "awsui_pagination-button-
|
|
12
|
-
"pagination-button-right-scrollable": "awsui_pagination-button-right-
|
|
13
|
-
"actions-container": "awsui_actions-
|
|
14
|
-
"tabs-tab": "awsui_tabs-
|
|
15
|
-
"tabs-tab-label": "awsui_tabs-tab-
|
|
16
|
-
"tabs-tab-header-container": "awsui_tabs-tab-header-
|
|
17
|
-
"tabs-tab-dismiss": "awsui_tabs-tab-
|
|
18
|
-
"tabs-tab-action": "awsui_tabs-tab-
|
|
19
|
-
"refresh": "
|
|
20
|
-
"tabs-tab-disabled": "awsui_tabs-tab-
|
|
21
|
-
"tabs-tab-link": "awsui_tabs-tab-
|
|
22
|
-
"tabs-tab-active": "awsui_tabs-tab-
|
|
23
|
-
"tabs-header-with-divider": "awsui_tabs-header-with-
|
|
24
|
-
"tabs-tab-focusable": "awsui_tabs-tab-
|
|
25
|
-
"root": "
|
|
26
|
-
"tabs": "
|
|
27
|
-
"tabs-content": "awsui_tabs-
|
|
28
|
-
"fit-height": "awsui_fit-
|
|
29
|
-
"tabs-content-active": "awsui_tabs-content-
|
|
30
|
-
"tabs-content-wrapper": "awsui_tabs-content-
|
|
31
|
-
"with-paddings": "awsui_with-
|
|
32
|
-
"tabs-container-content-wrapper": "awsui_tabs-container-content-
|
|
33
|
-
"disabled-reason-tooltip": "awsui_disabled-reason-
|
|
34
|
-
"tabs-tab-focused": "awsui_tabs-tab-
|
|
5
|
+
"tabs-header": "awsui_tabs-header_14rmt_1n7hy_154",
|
|
6
|
+
"tab-header-scroll-container": "awsui_tab-header-scroll-container_14rmt_1n7hy_163",
|
|
7
|
+
"tabs-header-list": "awsui_tabs-header-list_14rmt_1n7hy_169",
|
|
8
|
+
"pagination-button": "awsui_pagination-button_14rmt_1n7hy_186",
|
|
9
|
+
"pagination-button-left": "awsui_pagination-button-left_14rmt_1n7hy_193",
|
|
10
|
+
"pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_1n7hy_196",
|
|
11
|
+
"pagination-button-right": "awsui_pagination-button-right_14rmt_1n7hy_200",
|
|
12
|
+
"pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_1n7hy_203",
|
|
13
|
+
"actions-container": "awsui_actions-container_14rmt_1n7hy_208",
|
|
14
|
+
"tabs-tab": "awsui_tabs-tab_14rmt_1n7hy_216",
|
|
15
|
+
"tabs-tab-label": "awsui_tabs-tab-label_14rmt_1n7hy_226",
|
|
16
|
+
"tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_1n7hy_237",
|
|
17
|
+
"tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_1n7hy_248",
|
|
18
|
+
"tabs-tab-action": "awsui_tabs-tab-action_14rmt_1n7hy_248",
|
|
19
|
+
"refresh": "awsui_refresh_14rmt_1n7hy_253",
|
|
20
|
+
"tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_1n7hy_257",
|
|
21
|
+
"tabs-tab-link": "awsui_tabs-tab-link_14rmt_1n7hy_299",
|
|
22
|
+
"tabs-tab-active": "awsui_tabs-tab-active_14rmt_1n7hy_377",
|
|
23
|
+
"tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_1n7hy_384",
|
|
24
|
+
"tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_1n7hy_388",
|
|
25
|
+
"root": "awsui_root_14rmt_1n7hy_392",
|
|
26
|
+
"tabs": "awsui_tabs_14rmt_1n7hy_154",
|
|
27
|
+
"tabs-content": "awsui_tabs-content_14rmt_1n7hy_430",
|
|
28
|
+
"fit-height": "awsui_fit-height_14rmt_1n7hy_434",
|
|
29
|
+
"tabs-content-active": "awsui_tabs-content-active_14rmt_1n7hy_440",
|
|
30
|
+
"tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_1n7hy_454",
|
|
31
|
+
"with-paddings": "awsui_with-paddings_14rmt_1n7hy_454",
|
|
32
|
+
"tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_1n7hy_465",
|
|
33
|
+
"disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_1n7hy_476",
|
|
34
|
+
"tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_1n7hy_480"
|
|
35
35
|
};
|
|
36
36
|
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"textarea": "
|
|
6
|
-
"textarea-readonly": "awsui_textarea-
|
|
7
|
-
"textarea-invalid": "awsui_textarea-
|
|
8
|
-
"textarea-warning": "awsui_textarea-
|
|
4
|
+
"root": "awsui_root_qk1j1_1ce9c_145",
|
|
5
|
+
"textarea": "awsui_textarea_qk1j1_1ce9c_149",
|
|
6
|
+
"textarea-readonly": "awsui_textarea-readonly_qk1j1_1ce9c_199",
|
|
7
|
+
"textarea-invalid": "awsui_textarea-invalid_qk1j1_1ce9c_234",
|
|
8
|
+
"textarea-warning": "awsui_textarea-warning_qk1j1_1ce9c_243"
|
|
9
9
|
};
|
|
10
10
|
|
|
@@ -142,11 +142,11 @@
|
|
|
142
142
|
*/
|
|
143
143
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
144
144
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
145
|
-
.
|
|
145
|
+
.awsui_root_qk1j1_1ce9c_145:not(#\9) {
|
|
146
146
|
/* used for test-utils */
|
|
147
147
|
}
|
|
148
148
|
|
|
149
|
-
.
|
|
149
|
+
.awsui_textarea_qk1j1_1ce9c_149:not(#\9) {
|
|
150
150
|
border-collapse: separate;
|
|
151
151
|
border-spacing: 0;
|
|
152
152
|
box-sizing: border-box;
|
|
@@ -196,21 +196,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
196
196
|
font-size: var(--font-size-body-m-vv54cm, 14px);
|
|
197
197
|
line-height: var(--line-height-body-m-bedeoh, 22px);
|
|
198
198
|
}
|
|
199
|
-
.
|
|
199
|
+
.awsui_textarea_qk1j1_1ce9c_149.awsui_textarea-readonly_qk1j1_1ce9c_199:not(#\9) {
|
|
200
200
|
background-color: var(--color-background-input-default-1z2buq, #ffffff);
|
|
201
201
|
border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
|
|
202
202
|
border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
|
|
203
203
|
}
|
|
204
|
-
.
|
|
204
|
+
.awsui_textarea_qk1j1_1ce9c_149:not(#\9)::placeholder {
|
|
205
205
|
color: var(--color-text-input-placeholder-hvcry0, #687078);
|
|
206
206
|
font-style: italic;
|
|
207
207
|
opacity: 1;
|
|
208
208
|
}
|
|
209
|
-
.
|
|
210
|
-
color: var(--color-text-input-placeholder-hvcry0, #687078);
|
|
211
|
-
font-style: italic;
|
|
212
|
-
}
|
|
213
|
-
.awsui_textarea_qk1j1_1t608_149:not(#\9):focus {
|
|
209
|
+
.awsui_textarea_qk1j1_1ce9c_149:not(#\9):focus {
|
|
214
210
|
outline: 2px dotted transparent;
|
|
215
211
|
border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-focused-lslq4r, #0073bb);
|
|
216
212
|
border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-focused-lslq4r, #0073bb);
|
|
@@ -220,10 +216,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
220
216
|
border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
|
|
221
217
|
box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
222
218
|
}
|
|
223
|
-
.
|
|
219
|
+
.awsui_textarea_qk1j1_1ce9c_149:not(#\9):invalid {
|
|
224
220
|
box-shadow: none;
|
|
225
221
|
}
|
|
226
|
-
.
|
|
222
|
+
.awsui_textarea_qk1j1_1ce9c_149:not(#\9):disabled {
|
|
227
223
|
background-color: var(--color-background-input-disabled-4vlau3, #eaeded);
|
|
228
224
|
border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
|
|
229
225
|
border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
|
|
@@ -231,28 +227,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
231
227
|
cursor: auto;
|
|
232
228
|
cursor: default;
|
|
233
229
|
}
|
|
234
|
-
.
|
|
230
|
+
.awsui_textarea_qk1j1_1ce9c_149:not(#\9):disabled::placeholder {
|
|
235
231
|
color: var(--color-text-input-placeholder-disabled-x4lauf, #687078);
|
|
236
232
|
opacity: 1;
|
|
237
233
|
}
|
|
238
|
-
.
|
|
239
|
-
color: var(--color-text-input-placeholder-disabled-x4lauf, #687078);
|
|
240
|
-
}
|
|
241
|
-
.awsui_textarea_qk1j1_1t608_149.awsui_textarea-invalid_qk1j1_1t608_241:not(#\9) {
|
|
234
|
+
.awsui_textarea_qk1j1_1ce9c_149.awsui_textarea-invalid_qk1j1_1ce9c_234:not(#\9) {
|
|
242
235
|
color: var(--color-text-status-error-aknuvu, #d13212);
|
|
243
236
|
border-color: var(--color-text-status-error-aknuvu, #d13212);
|
|
244
237
|
padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
|
|
245
238
|
border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
|
|
246
239
|
}
|
|
247
|
-
.
|
|
240
|
+
.awsui_textarea_qk1j1_1ce9c_149.awsui_textarea-invalid_qk1j1_1ce9c_234:not(#\9):focus {
|
|
248
241
|
box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
249
242
|
}
|
|
250
|
-
.
|
|
243
|
+
.awsui_textarea_qk1j1_1ce9c_149.awsui_textarea-warning_qk1j1_1ce9c_243:not(#\9) {
|
|
251
244
|
color: var(--color-text-status-warning-9b45qh, #906806);
|
|
252
245
|
border-color: var(--color-text-status-warning-9b45qh, #906806);
|
|
253
246
|
padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
|
|
254
247
|
border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
|
|
255
248
|
}
|
|
256
|
-
.
|
|
249
|
+
.awsui_textarea_qk1j1_1ce9c_149.awsui_textarea-warning_qk1j1_1ce9c_243:not(#\9):focus {
|
|
257
250
|
box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
258
251
|
}
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"textarea": "
|
|
7
|
-
"textarea-readonly": "awsui_textarea-
|
|
8
|
-
"textarea-invalid": "awsui_textarea-
|
|
9
|
-
"textarea-warning": "awsui_textarea-
|
|
5
|
+
"root": "awsui_root_qk1j1_1ce9c_145",
|
|
6
|
+
"textarea": "awsui_textarea_qk1j1_1ce9c_149",
|
|
7
|
+
"textarea-readonly": "awsui_textarea-readonly_qk1j1_1ce9c_199",
|
|
8
|
+
"textarea-invalid": "awsui_textarea-invalid_qk1j1_1ce9c_234",
|
|
9
|
+
"textarea-warning": "awsui_textarea-warning_qk1j1_1ce9c_243"
|
|
10
10
|
};
|
|
11
11
|
|