Skip to content

Commit 1a13586

Browse files
vvaliyevvvaliyev
committed
refactor: Move tab styles from the tab link to the tab container
1 parent ab62434 commit 1a13586

16 files changed

Lines changed: 465 additions & 277 deletions

File tree

‎build-tools/utils/custom-css-properties.js‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -125,6 +125,8 @@ const customCssPropertiesList = [
125125
'styleTabsActiveIndicatorBorderRadius',
126126
'styleTabsSeparatorColor',
127127
'styleTabsSeparatorWidth',
128+
'styleTabsPaddingBlockStart',
129+
'styleTabsPaddingBlockEnd',
128130
// Alert focus ring properties
129131
'alertFocusRingBorderColor',
130132
'alertFocusRingBorderRadius',

‎pages/tabs/actions.page.tsx‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -214,6 +214,31 @@ export default function TabsDemoPage() {
214214
i18nStrings={{ scrollLeftAriaLabel: 'Scroll left', scrollRightAriaLabel: 'Scroll right' }}
215215
/>
216216
</div>
217+
<div>
218+
<h2>Disabled tabs with text action or dismissible</h2>
219+
<Tabs
220+
tabs={[
221+
{ id: 'first', label: 'Enabled tab', content: <p>First tab content</p> },
222+
{
223+
id: 'disabled-action',
224+
label: 'Disabled with action',
225+
disabled: true,
226+
// Marked as disabled so that axe skips color contrast on the disabled text.
227+
action: <span aria-disabled="true">Text action</span>,
228+
content: <p>Second tab content</p>,
229+
},
230+
{
231+
id: 'disabled-dismiss',
232+
label: 'Disabled with dismiss',
233+
disabled: true,
234+
dismissible: true,
235+
dismissLabel: 'Dismiss disabled tab',
236+
content: <p>Third tab content</p>,
237+
},
238+
]}
239+
i18nStrings={{ scrollLeftAriaLabel: 'Scroll left', scrollRightAriaLabel: 'Scroll right' }}
240+
/>
241+
</div>
217242
</SpaceBetween>
218243
</>
219244
);

‎src/container/__tests__/__snapshots__/styles.test.tsx.snap‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,7 @@ exports[`getHeaderStyles handles all possible style configurations 2`] = `
6464

6565
exports[`getHeaderStyles handles all possible style configurations 3`] = `
6666
{
67-
"--awsui-container-style-border-radius-8i8exb": "8px",
67+
"--awsui-container-style-border-radius-fsg7oz": "8px",
6868
"background": "transparent",
6969
"paddingBlock": "12px",
7070
"paddingInline": "20px",
@@ -141,7 +141,7 @@ exports[`getRootStyles handles all possible style configurations 2`] = `
141141

142142
exports[`getRootStyles handles all possible style configurations 3`] = `
143143
{
144-
"--awsui-container-style-border-radius-8i8exb": "8px",
144+
"--awsui-container-style-border-radius-fsg7oz": "8px",
145145
"background": "#ffffff",
146146
"borderColor": "#e0e0e0",
147147
"borderWidth": "1px",

‎src/dropdown/__tests__/__snapshots__/styles.test.tsx.snap‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,9 @@ exports[`getDropdownStyles handles all possible style configurations 2`] = `unde
66

77
exports[`getDropdownStyles handles all possible style configurations 3`] = `
88
{
9-
"--awsui-dropdown-content-border-color-8i8exb": "rgb(0, 0, 0)",
10-
"--awsui-dropdown-content-border-radius-8i8exb": "8px",
11-
"--awsui-dropdown-content-border-width-8i8exb": "2px",
9+
"--awsui-dropdown-content-border-color-fsg7oz": "rgb(0, 0, 0)",
10+
"--awsui-dropdown-content-border-radius-fsg7oz": "8px",
11+
"--awsui-dropdown-content-border-width-fsg7oz": "2px",
1212
"background": "rgb(255, 255, 255)",
1313
}
1414
`;

‎src/input/__tests__/__snapshots__/styles.test.tsx.snap‎

Lines changed: 72 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -2,30 +2,30 @@
22

33
exports[`getInputStyles handles all possible style configurations 1`] = `
44
{
5-
"--awsui-style-background-default-8i8exb": undefined,
6-
"--awsui-style-background-disabled-8i8exb": undefined,
7-
"--awsui-style-background-focus-8i8exb": undefined,
8-
"--awsui-style-background-hover-8i8exb": undefined,
9-
"--awsui-style-background-readonly-8i8exb": undefined,
10-
"--awsui-style-border-color-default-8i8exb": undefined,
11-
"--awsui-style-border-color-disabled-8i8exb": undefined,
12-
"--awsui-style-border-color-focus-8i8exb": undefined,
13-
"--awsui-style-border-color-hover-8i8exb": undefined,
14-
"--awsui-style-border-color-readonly-8i8exb": undefined,
15-
"--awsui-style-box-shadow-default-8i8exb": undefined,
16-
"--awsui-style-box-shadow-disabled-8i8exb": undefined,
17-
"--awsui-style-box-shadow-focus-8i8exb": undefined,
18-
"--awsui-style-box-shadow-hover-8i8exb": undefined,
19-
"--awsui-style-box-shadow-readonly-8i8exb": undefined,
20-
"--awsui-style-color-default-8i8exb": undefined,
21-
"--awsui-style-color-disabled-8i8exb": undefined,
22-
"--awsui-style-color-focus-8i8exb": undefined,
23-
"--awsui-style-color-hover-8i8exb": undefined,
24-
"--awsui-style-color-readonly-8i8exb": undefined,
25-
"--awsui-style-placeholder-color-8i8exb": undefined,
26-
"--awsui-style-placeholder-font-size-8i8exb": undefined,
27-
"--awsui-style-placeholder-font-style-8i8exb": undefined,
28-
"--awsui-style-placeholder-font-weight-8i8exb": undefined,
5+
"--awsui-style-background-default-fsg7oz": undefined,
6+
"--awsui-style-background-disabled-fsg7oz": undefined,
7+
"--awsui-style-background-focus-fsg7oz": undefined,
8+
"--awsui-style-background-hover-fsg7oz": undefined,
9+
"--awsui-style-background-readonly-fsg7oz": undefined,
10+
"--awsui-style-border-color-default-fsg7oz": undefined,
11+
"--awsui-style-border-color-disabled-fsg7oz": undefined,
12+
"--awsui-style-border-color-focus-fsg7oz": undefined,
13+
"--awsui-style-border-color-hover-fsg7oz": undefined,
14+
"--awsui-style-border-color-readonly-fsg7oz": undefined,
15+
"--awsui-style-box-shadow-default-fsg7oz": undefined,
16+
"--awsui-style-box-shadow-disabled-fsg7oz": undefined,
17+
"--awsui-style-box-shadow-focus-fsg7oz": undefined,
18+
"--awsui-style-box-shadow-hover-fsg7oz": undefined,
19+
"--awsui-style-box-shadow-readonly-fsg7oz": undefined,
20+
"--awsui-style-color-default-fsg7oz": undefined,
21+
"--awsui-style-color-disabled-fsg7oz": undefined,
22+
"--awsui-style-color-focus-fsg7oz": undefined,
23+
"--awsui-style-color-hover-fsg7oz": undefined,
24+
"--awsui-style-color-readonly-fsg7oz": undefined,
25+
"--awsui-style-placeholder-color-fsg7oz": undefined,
26+
"--awsui-style-placeholder-font-size-fsg7oz": undefined,
27+
"--awsui-style-placeholder-font-style-fsg7oz": undefined,
28+
"--awsui-style-placeholder-font-weight-fsg7oz": undefined,
2929
"borderRadius": undefined,
3030
"borderWidth": undefined,
3131
"fontSize": undefined,
@@ -37,30 +37,30 @@ exports[`getInputStyles handles all possible style configurations 1`] = `
3737

3838
exports[`getInputStyles handles all possible style configurations 2`] = `
3939
{
40-
"--awsui-style-background-default-8i8exb": undefined,
41-
"--awsui-style-background-disabled-8i8exb": undefined,
42-
"--awsui-style-background-focus-8i8exb": undefined,
43-
"--awsui-style-background-hover-8i8exb": undefined,
44-
"--awsui-style-background-readonly-8i8exb": undefined,
45-
"--awsui-style-border-color-default-8i8exb": undefined,
46-
"--awsui-style-border-color-disabled-8i8exb": undefined,
47-
"--awsui-style-border-color-focus-8i8exb": undefined,
48-
"--awsui-style-border-color-hover-8i8exb": undefined,
49-
"--awsui-style-border-color-readonly-8i8exb": undefined,
50-
"--awsui-style-box-shadow-default-8i8exb": undefined,
51-
"--awsui-style-box-shadow-disabled-8i8exb": undefined,
52-
"--awsui-style-box-shadow-focus-8i8exb": undefined,
53-
"--awsui-style-box-shadow-hover-8i8exb": undefined,
54-
"--awsui-style-box-shadow-readonly-8i8exb": undefined,
55-
"--awsui-style-color-default-8i8exb": undefined,
56-
"--awsui-style-color-disabled-8i8exb": undefined,
57-
"--awsui-style-color-focus-8i8exb": undefined,
58-
"--awsui-style-color-hover-8i8exb": undefined,
59-
"--awsui-style-color-readonly-8i8exb": undefined,
60-
"--awsui-style-placeholder-color-8i8exb": undefined,
61-
"--awsui-style-placeholder-font-size-8i8exb": undefined,
62-
"--awsui-style-placeholder-font-style-8i8exb": undefined,
63-
"--awsui-style-placeholder-font-weight-8i8exb": undefined,
40+
"--awsui-style-background-default-fsg7oz": undefined,
41+
"--awsui-style-background-disabled-fsg7oz": undefined,
42+
"--awsui-style-background-focus-fsg7oz": undefined,
43+
"--awsui-style-background-hover-fsg7oz": undefined,
44+
"--awsui-style-background-readonly-fsg7oz": undefined,
45+
"--awsui-style-border-color-default-fsg7oz": undefined,
46+
"--awsui-style-border-color-disabled-fsg7oz": undefined,
47+
"--awsui-style-border-color-focus-fsg7oz": undefined,
48+
"--awsui-style-border-color-hover-fsg7oz": undefined,
49+
"--awsui-style-border-color-readonly-fsg7oz": undefined,
50+
"--awsui-style-box-shadow-default-fsg7oz": undefined,
51+
"--awsui-style-box-shadow-disabled-fsg7oz": undefined,
52+
"--awsui-style-box-shadow-focus-fsg7oz": undefined,
53+
"--awsui-style-box-shadow-hover-fsg7oz": undefined,
54+
"--awsui-style-box-shadow-readonly-fsg7oz": undefined,
55+
"--awsui-style-color-default-fsg7oz": undefined,
56+
"--awsui-style-color-disabled-fsg7oz": undefined,
57+
"--awsui-style-color-focus-fsg7oz": undefined,
58+
"--awsui-style-color-hover-fsg7oz": undefined,
59+
"--awsui-style-color-readonly-fsg7oz": undefined,
60+
"--awsui-style-placeholder-color-fsg7oz": undefined,
61+
"--awsui-style-placeholder-font-size-fsg7oz": undefined,
62+
"--awsui-style-placeholder-font-style-fsg7oz": undefined,
63+
"--awsui-style-placeholder-font-weight-fsg7oz": undefined,
6464
"borderRadius": undefined,
6565
"borderWidth": undefined,
6666
"fontSize": undefined,
@@ -72,30 +72,30 @@ exports[`getInputStyles handles all possible style configurations 2`] = `
7272

7373
exports[`getInputStyles handles all possible style configurations 3`] = `
7474
{
75-
"--awsui-style-background-default-8i8exb": "#ffffff",
76-
"--awsui-style-background-disabled-8i8exb": "#f0f0f0",
77-
"--awsui-style-background-focus-8i8exb": "#ffffff",
78-
"--awsui-style-background-hover-8i8exb": "#fafafa",
79-
"--awsui-style-background-readonly-8i8exb": "#ffffff",
80-
"--awsui-style-border-color-default-8i8exb": "#cccccc",
81-
"--awsui-style-border-color-disabled-8i8exb": "#e0e0e0",
82-
"--awsui-style-border-color-focus-8i8exb": "#0073bb",
83-
"--awsui-style-border-color-hover-8i8exb": "#999999",
84-
"--awsui-style-border-color-readonly-8i8exb": "#e0e0e0",
85-
"--awsui-style-box-shadow-default-8i8exb": "none",
86-
"--awsui-style-box-shadow-disabled-8i8exb": "none",
87-
"--awsui-style-box-shadow-focus-8i8exb": "0 0 0 2px #0073bb",
88-
"--awsui-style-box-shadow-hover-8i8exb": "0 1px 2px rgba(0,0,0,0.1)",
89-
"--awsui-style-box-shadow-readonly-8i8exb": "none",
90-
"--awsui-style-color-default-8i8exb": "#000000",
91-
"--awsui-style-color-disabled-8i8exb": "#999999",
92-
"--awsui-style-color-focus-8i8exb": "#000000",
93-
"--awsui-style-color-hover-8i8exb": "#000000",
94-
"--awsui-style-color-readonly-8i8exb": "#000000",
95-
"--awsui-style-placeholder-color-8i8exb": "#999999",
96-
"--awsui-style-placeholder-font-size-8i8exb": "14px",
97-
"--awsui-style-placeholder-font-style-8i8exb": "italic",
98-
"--awsui-style-placeholder-font-weight-8i8exb": "400",
75+
"--awsui-style-background-default-fsg7oz": "#ffffff",
76+
"--awsui-style-background-disabled-fsg7oz": "#f0f0f0",
77+
"--awsui-style-background-focus-fsg7oz": "#ffffff",
78+
"--awsui-style-background-hover-fsg7oz": "#fafafa",
79+
"--awsui-style-background-readonly-fsg7oz": "#ffffff",
80+
"--awsui-style-border-color-default-fsg7oz": "#cccccc",
81+
"--awsui-style-border-color-disabled-fsg7oz": "#e0e0e0",
82+
"--awsui-style-border-color-focus-fsg7oz": "#0073bb",
83+
"--awsui-style-border-color-hover-fsg7oz": "#999999",
84+
"--awsui-style-border-color-readonly-fsg7oz": "#e0e0e0",
85+
"--awsui-style-box-shadow-default-fsg7oz": "none",
86+
"--awsui-style-box-shadow-disabled-fsg7oz": "none",
87+
"--awsui-style-box-shadow-focus-fsg7oz": "0 0 0 2px #0073bb",
88+
"--awsui-style-box-shadow-hover-fsg7oz": "0 1px 2px rgba(0,0,0,0.1)",
89+
"--awsui-style-box-shadow-readonly-fsg7oz": "none",
90+
"--awsui-style-color-default-fsg7oz": "#000000",
91+
"--awsui-style-color-disabled-fsg7oz": "#999999",
92+
"--awsui-style-color-focus-fsg7oz": "#000000",
93+
"--awsui-style-color-hover-fsg7oz": "#000000",
94+
"--awsui-style-color-readonly-fsg7oz": "#000000",
95+
"--awsui-style-placeholder-color-fsg7oz": "#999999",
96+
"--awsui-style-placeholder-font-size-fsg7oz": "14px",
97+
"--awsui-style-placeholder-font-style-fsg7oz": "italic",
98+
"--awsui-style-placeholder-font-weight-fsg7oz": "400",
9999
"borderRadius": "4px",
100100
"borderWidth": "1px",
101101
"fontSize": "14px",

‎src/item-card/__tests__/__snapshots__/styles.test.tsx.snap‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -42,11 +42,11 @@ exports[`getRootStyles handles all possible style configurations 2`] = `{}`;
4242

4343
exports[`getRootStyles handles all possible style configurations 3`] = `
4444
{
45-
"--awsui-style-item-card-background-default-8i8exb": "#ffffff",
46-
"--awsui-style-item-card-border-color-default-8i8exb": "#e0e0e0",
47-
"--awsui-style-item-card-border-radius-8i8exb": "8px",
48-
"--awsui-style-item-card-border-width-default-8i8exb": "1px",
49-
"--awsui-style-item-card-box-shadow-default-8i8exb": "0 1px 3px rgba(0,0,0,0.1)",
45+
"--awsui-style-item-card-background-default-fsg7oz": "#ffffff",
46+
"--awsui-style-item-card-border-color-default-fsg7oz": "#e0e0e0",
47+
"--awsui-style-item-card-border-radius-fsg7oz": "8px",
48+
"--awsui-style-item-card-border-width-default-fsg7oz": "1px",
49+
"--awsui-style-item-card-box-shadow-default-fsg7oz": "0 1px 3px rgba(0,0,0,0.1)",
5050
"borderRadius": "8px",
5151
}
5252
`;

‎src/segmented-control/__tests__/__snapshots__/styles.test.tsx.snap‎

Lines changed: 33 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -20,17 +20,17 @@ exports[`getSegmentedControlRootStyles handles all possible style configurations
2020

2121
exports[`getSegmentedControlSegmentStyles handles all possible style configurations 1`] = `
2222
{
23-
"--awsui-style-background-active-8i8exb": undefined,
24-
"--awsui-style-background-default-8i8exb": undefined,
25-
"--awsui-style-background-disabled-8i8exb": undefined,
26-
"--awsui-style-background-hover-8i8exb": undefined,
27-
"--awsui-style-color-active-8i8exb": undefined,
28-
"--awsui-style-color-default-8i8exb": undefined,
29-
"--awsui-style-color-disabled-8i8exb": undefined,
30-
"--awsui-style-color-hover-8i8exb": undefined,
31-
"--awsui-style-focus-ring-border-color-8i8exb": undefined,
32-
"--awsui-style-focus-ring-border-radius-8i8exb": undefined,
33-
"--awsui-style-focus-ring-border-width-8i8exb": undefined,
23+
"--awsui-style-background-active-fsg7oz": undefined,
24+
"--awsui-style-background-default-fsg7oz": undefined,
25+
"--awsui-style-background-disabled-fsg7oz": undefined,
26+
"--awsui-style-background-hover-fsg7oz": undefined,
27+
"--awsui-style-color-active-fsg7oz": undefined,
28+
"--awsui-style-color-default-fsg7oz": undefined,
29+
"--awsui-style-color-disabled-fsg7oz": undefined,
30+
"--awsui-style-color-hover-fsg7oz": undefined,
31+
"--awsui-style-focus-ring-border-color-fsg7oz": undefined,
32+
"--awsui-style-focus-ring-border-radius-fsg7oz": undefined,
33+
"--awsui-style-focus-ring-border-width-fsg7oz": undefined,
3434
"borderRadius": undefined,
3535
"fontSize": undefined,
3636
"paddingBlock": undefined,
@@ -40,17 +40,17 @@ exports[`getSegmentedControlSegmentStyles handles all possible style configurati
4040

4141
exports[`getSegmentedControlSegmentStyles handles all possible style configurations 2`] = `
4242
{
43-
"--awsui-style-background-active-8i8exb": undefined,
44-
"--awsui-style-background-default-8i8exb": undefined,
45-
"--awsui-style-background-disabled-8i8exb": undefined,
46-
"--awsui-style-background-hover-8i8exb": undefined,
47-
"--awsui-style-color-active-8i8exb": undefined,
48-
"--awsui-style-color-default-8i8exb": undefined,
49-
"--awsui-style-color-disabled-8i8exb": undefined,
50-
"--awsui-style-color-hover-8i8exb": undefined,
51-
"--awsui-style-focus-ring-border-color-8i8exb": undefined,
52-
"--awsui-style-focus-ring-border-radius-8i8exb": undefined,
53-
"--awsui-style-focus-ring-border-width-8i8exb": undefined,
43+
"--awsui-style-background-active-fsg7oz": undefined,
44+
"--awsui-style-background-default-fsg7oz": undefined,
45+
"--awsui-style-background-disabled-fsg7oz": undefined,
46+
"--awsui-style-background-hover-fsg7oz": undefined,
47+
"--awsui-style-color-active-fsg7oz": undefined,
48+
"--awsui-style-color-default-fsg7oz": undefined,
49+
"--awsui-style-color-disabled-fsg7oz": undefined,
50+
"--awsui-style-color-hover-fsg7oz": undefined,
51+
"--awsui-style-focus-ring-border-color-fsg7oz": undefined,
52+
"--awsui-style-focus-ring-border-radius-fsg7oz": undefined,
53+
"--awsui-style-focus-ring-border-width-fsg7oz": undefined,
5454
"borderRadius": undefined,
5555
"fontSize": undefined,
5656
"paddingBlock": undefined,
@@ -60,17 +60,17 @@ exports[`getSegmentedControlSegmentStyles handles all possible style configurati
6060

6161
exports[`getSegmentedControlSegmentStyles handles all possible style configurations 3`] = `
6262
{
63-
"--awsui-style-background-active-8i8exb": "#0073bb",
64-
"--awsui-style-background-default-8i8exb": "#ffffff",
65-
"--awsui-style-background-disabled-8i8exb": "#f0f0f0",
66-
"--awsui-style-background-hover-8i8exb": "#fafafa",
67-
"--awsui-style-color-active-8i8exb": "#ffffff",
68-
"--awsui-style-color-default-8i8exb": "#000000",
69-
"--awsui-style-color-disabled-8i8exb": "#999999",
70-
"--awsui-style-color-hover-8i8exb": "#000000",
71-
"--awsui-style-focus-ring-border-color-8i8exb": "#0073bb",
72-
"--awsui-style-focus-ring-border-radius-8i8exb": "8px",
73-
"--awsui-style-focus-ring-border-width-8i8exb": "2px",
63+
"--awsui-style-background-active-fsg7oz": "#0073bb",
64+
"--awsui-style-background-default-fsg7oz": "#ffffff",
65+
"--awsui-style-background-disabled-fsg7oz": "#f0f0f0",
66+
"--awsui-style-background-hover-fsg7oz": "#fafafa",
67+
"--awsui-style-color-active-fsg7oz": "#ffffff",
68+
"--awsui-style-color-default-fsg7oz": "#000000",
69+
"--awsui-style-color-disabled-fsg7oz": "#999999",
70+
"--awsui-style-color-hover-fsg7oz": "#000000",
71+
"--awsui-style-focus-ring-border-color-fsg7oz": "#0073bb",
72+
"--awsui-style-focus-ring-border-radius-fsg7oz": "8px",
73+
"--awsui-style-focus-ring-border-width-fsg7oz": "2px",
7474
"borderRadius": "6px",
7575
"fontSize": "14px",
7676
"paddingBlock": "8px",

‎src/slider/__tests__/__snapshots__/styles.test.tsx.snap‎

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -2,36 +2,36 @@
22

33
exports[`getSliderStyles handles all possible style configurations 1`] = `
44
{
5-
"--awsui-style-slider-handle-background-active-8i8exb": undefined,
6-
"--awsui-style-slider-handle-background-default-8i8exb": undefined,
7-
"--awsui-style-slider-handle-background-hover-8i8exb": undefined,
8-
"--awsui-style-slider-handle-border-radius-8i8exb": undefined,
9-
"--awsui-style-slider-range-background-active-8i8exb": undefined,
10-
"--awsui-style-slider-range-background-default-8i8exb": undefined,
11-
"--awsui-style-slider-track-background-color-8i8exb": undefined,
5+
"--awsui-style-slider-handle-background-active-fsg7oz": undefined,
6+
"--awsui-style-slider-handle-background-default-fsg7oz": undefined,
7+
"--awsui-style-slider-handle-background-hover-fsg7oz": undefined,
8+
"--awsui-style-slider-handle-border-radius-fsg7oz": undefined,
9+
"--awsui-style-slider-range-background-active-fsg7oz": undefined,
10+
"--awsui-style-slider-range-background-default-fsg7oz": undefined,
11+
"--awsui-style-slider-track-background-color-fsg7oz": undefined,
1212
}
1313
`;
1414

1515
exports[`getSliderStyles handles all possible style configurations 2`] = `
1616
{
17-
"--awsui-style-slider-handle-background-active-8i8exb": undefined,
18-
"--awsui-style-slider-handle-background-default-8i8exb": undefined,
19-
"--awsui-style-slider-handle-background-hover-8i8exb": undefined,
20-
"--awsui-style-slider-handle-border-radius-8i8exb": undefined,
21-
"--awsui-style-slider-range-background-active-8i8exb": undefined,
22-
"--awsui-style-slider-range-background-default-8i8exb": undefined,
23-
"--awsui-style-slider-track-background-color-8i8exb": undefined,
17+
"--awsui-style-slider-handle-background-active-fsg7oz": undefined,
18+
"--awsui-style-slider-handle-background-default-fsg7oz": undefined,
19+
"--awsui-style-slider-handle-background-hover-fsg7oz": undefined,
20+
"--awsui-style-slider-handle-border-radius-fsg7oz": undefined,
21+
"--awsui-style-slider-range-background-active-fsg7oz": undefined,
22+
"--awsui-style-slider-range-background-default-fsg7oz": undefined,
23+
"--awsui-style-slider-track-background-color-fsg7oz": undefined,
2424
}
2525
`;
2626

2727
exports[`getSliderStyles handles all possible style configurations 3`] = `
2828
{
29-
"--awsui-style-slider-handle-background-active-8i8exb": "#1d4ed8",
30-
"--awsui-style-slider-handle-background-default-8i8exb": "#3b82f6",
31-
"--awsui-style-slider-handle-background-hover-8i8exb": "#2563eb",
32-
"--awsui-style-slider-handle-border-radius-8i8exb": "50%",
33-
"--awsui-style-slider-range-background-active-8i8exb": "#2563eb",
34-
"--awsui-style-slider-range-background-default-8i8exb": "#3b82f6",
35-
"--awsui-style-slider-track-background-color-8i8exb": "#dbeafe",
29+
"--awsui-style-slider-handle-background-active-fsg7oz": "#1d4ed8",
30+
"--awsui-style-slider-handle-background-default-fsg7oz": "#3b82f6",
31+
"--awsui-style-slider-handle-background-hover-fsg7oz": "#2563eb",
32+
"--awsui-style-slider-handle-border-radius-fsg7oz": "50%",
33+
"--awsui-style-slider-range-background-active-fsg7oz": "#2563eb",
34+
"--awsui-style-slider-range-background-default-fsg7oz": "#3b82f6",
35+
"--awsui-style-slider-track-background-color-fsg7oz": "#dbeafe",
3636
}
3737
`;

0 commit comments

Comments
 (0)