@cloudscape-design/components-themeable 3.0.917 → 3.0.918
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/segmented-control/segment.scss +51 -29
- package/lib/internal/scss/segmented-control/styles.scss +22 -2
- package/lib/internal/template/internal/base-component/styles.scoped.css +40 -29
- package/lib/internal/template/internal/environment.js +1 -1
- package/lib/internal/template/internal/environment.json +1 -1
- package/lib/internal/template/internal/generated/styles/tokens.js +3 -3
- package/lib/internal/template/internal/generated/theming/index.cjs +35 -35
- package/lib/internal/template/internal/generated/theming/index.js +35 -35
- package/lib/internal/template/segmented-control/internal-segmented-control.d.ts.map +1 -1
- package/lib/internal/template/segmented-control/internal-segmented-control.js +5 -1
- package/lib/internal/template/segmented-control/internal-segmented-control.js.map +1 -1
- package/lib/internal/template/segmented-control/segment.d.ts.map +1 -1
- package/lib/internal/template/segmented-control/segment.js +3 -1
- package/lib/internal/template/segmented-control/segment.js.map +1 -1
- package/lib/internal/template/segmented-control/styles.css.js +16 -15
- package/lib/internal/template/segmented-control/styles.scoped.css +104 -81
- package/lib/internal/template/segmented-control/styles.selectors.js +16 -15
- package/package.json +1 -1
|
@@ -32,45 +32,41 @@ $disabled-color: map.get($segment-properties, 'disabled-color');
|
|
|
32
32
|
$selected-background: map.get($segment-properties, 'active-background');
|
|
33
33
|
$selected-border-color: awsui.$color-border-segment-active;
|
|
34
34
|
$selected-color: awsui.$color-text-segment-active;
|
|
35
|
+
$segment-gap: awsui.$space-static-xxs;
|
|
36
|
+
$segment-divider-width: 1px;
|
|
35
37
|
|
|
36
38
|
.segment {
|
|
37
39
|
@include styles.font-body-m;
|
|
38
40
|
@include styles.text-flex-wrapping;
|
|
39
41
|
@include styles.font-button;
|
|
40
42
|
letter-spacing: 0.25px;
|
|
41
|
-
border-block: styles.$control-border-width solid $default-border-color;
|
|
42
|
-
border-inline: styles.$control-border-width solid $default-border-color;
|
|
43
43
|
padding-block: styles.$control-padding-vertical;
|
|
44
|
-
padding-inline: awsui.$space-button-horizontal;
|
|
45
|
-
|
|
44
|
+
padding-inline: calc(awsui.$space-button-horizontal - $segment-gap);
|
|
45
|
+
|
|
46
46
|
background: $default-background;
|
|
47
47
|
color: $default-color;
|
|
48
48
|
overflow: visible;
|
|
49
|
+
|
|
50
|
+
border-start-start-radius: awsui.$border-radius-button;
|
|
51
|
+
border-start-end-radius: awsui.$border-radius-button;
|
|
52
|
+
border-end-start-radius: awsui.$border-radius-button;
|
|
53
|
+
border-end-end-radius: awsui.$border-radius-button;
|
|
54
|
+
|
|
55
|
+
position: relative;
|
|
56
|
+
block-size: calc(100% - $segment-gap);
|
|
57
|
+
display: flex;
|
|
58
|
+
align-items: center;
|
|
59
|
+
|
|
60
|
+
border-inline: none;
|
|
61
|
+
border-block: none;
|
|
62
|
+
|
|
63
|
+
&:not(.refresh) {
|
|
64
|
+
block-size: calc(100% - $segment-gap - (2 * awsui.$border-width-field));
|
|
65
|
+
}
|
|
66
|
+
|
|
49
67
|
&:focus {
|
|
50
68
|
outline: none;
|
|
51
69
|
}
|
|
52
|
-
@for $i from 1 through 6 {
|
|
53
|
-
&:nth-child(#{$i}) {
|
|
54
|
-
grid-column: $i;
|
|
55
|
-
-ms-grid-column: $i;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
@include focus-visible.when-visible {
|
|
59
|
-
@include styles.focus-highlight(awsui.$space-segmented-control-focus-outline-gutter);
|
|
60
|
-
}
|
|
61
|
-
&:last-child {
|
|
62
|
-
border-inline-end-width: styles.$control-border-width;
|
|
63
|
-
border-start-start-radius: 0;
|
|
64
|
-
border-start-end-radius: awsui.$border-radius-button;
|
|
65
|
-
border-end-start-radius: 0;
|
|
66
|
-
border-end-end-radius: awsui.$border-radius-button;
|
|
67
|
-
}
|
|
68
|
-
&:first-child {
|
|
69
|
-
border-start-start-radius: awsui.$border-radius-button;
|
|
70
|
-
border-start-end-radius: 0;
|
|
71
|
-
border-end-start-radius: awsui.$border-radius-button;
|
|
72
|
-
border-end-end-radius: 0;
|
|
73
|
-
}
|
|
74
70
|
|
|
75
71
|
&.disabled {
|
|
76
72
|
background: $disabled-background;
|
|
@@ -78,25 +74,51 @@ $selected-color: awsui.$color-text-segment-active;
|
|
|
78
74
|
color: $disabled-color;
|
|
79
75
|
}
|
|
80
76
|
|
|
81
|
-
|
|
82
|
-
|
|
77
|
+
@include focus-visible.when-visible {
|
|
78
|
+
@include styles.focus-highlight(awsui.$space-segmented-control-focus-outline-gutter);
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
&:not(:last-child)::after {
|
|
82
|
+
content: '';
|
|
83
|
+
position: absolute;
|
|
84
|
+
inset-inline-end: calc(-1 * ($segment-gap + $segment-divider-width));
|
|
85
|
+
block-size: calc(100% - (($segment-gap + awsui.$space-static-xxxs) * 2));
|
|
86
|
+
min-block-size: calc(awsui.$line-height-body-m - $segment-gap * 2);
|
|
87
|
+
inline-size: $segment-divider-width;
|
|
88
|
+
background: awsui.$color-border-input-default;
|
|
89
|
+
z-index: 1;
|
|
90
|
+
}
|
|
91
|
+
&:not(.refresh):not(:last-child)::after {
|
|
92
|
+
inset-inline-end: calc(-1 * $segment-gap);
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
@for $i from 1 through 6 {
|
|
96
|
+
&:nth-child(#{$i}) {
|
|
97
|
+
grid-column: $i;
|
|
98
|
+
-ms-grid-column: $i;
|
|
99
|
+
}
|
|
83
100
|
}
|
|
84
101
|
|
|
85
102
|
&.selected {
|
|
86
103
|
background: $selected-background;
|
|
87
|
-
border-color: $selected-border-color;
|
|
88
104
|
color: $selected-color;
|
|
105
|
+
|
|
89
106
|
& + .segment,
|
|
90
107
|
& + .segment.disabled {
|
|
91
108
|
border-inline-start-color: $selected-border-color;
|
|
92
109
|
}
|
|
93
110
|
}
|
|
94
111
|
|
|
112
|
+
&:not(.disabled) + .segment.disabled {
|
|
113
|
+
border-inline-start-color: $default-border-color;
|
|
114
|
+
}
|
|
115
|
+
|
|
95
116
|
&:hover:not(.selected):not(.disabled):not(:focus) {
|
|
96
117
|
background: $hover-background;
|
|
97
118
|
color: $hover-color;
|
|
98
119
|
border-color: $hover-border-color;
|
|
99
120
|
cursor: pointer;
|
|
121
|
+
|
|
100
122
|
& + .segment:not(.selected) {
|
|
101
123
|
border-inline-start-color: $hover-border-color;
|
|
102
124
|
}
|
|
@@ -4,14 +4,17 @@
|
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
@use '../internal/styles/' as styles;
|
|
7
|
-
@use 'segment';
|
|
7
|
+
@use 'segment' as seg;
|
|
8
8
|
@use 'sass:list' as list;
|
|
9
|
+
@use '../internal/styles/tokens' as awsui;
|
|
9
10
|
|
|
10
11
|
@function repeatValue($value, $times) {
|
|
11
12
|
$result: ();
|
|
13
|
+
|
|
12
14
|
@for $i from 1 through $times {
|
|
13
15
|
$result: list.append($result, $value);
|
|
14
16
|
}
|
|
17
|
+
|
|
15
18
|
@return $result;
|
|
16
19
|
}
|
|
17
20
|
|
|
@@ -22,6 +25,22 @@
|
|
|
22
25
|
.segment-part {
|
|
23
26
|
display: -ms-inline-grid;
|
|
24
27
|
display: inline-grid;
|
|
28
|
+
border-inline: solid awsui.$border-width-field awsui.$color-border-input-default;
|
|
29
|
+
border-block: solid awsui.$border-width-field awsui.$color-border-input-default;
|
|
30
|
+
border-start-start-radius: awsui.$border-radius-button;
|
|
31
|
+
border-start-end-radius: awsui.$border-radius-button;
|
|
32
|
+
border-end-start-radius: awsui.$border-radius-button;
|
|
33
|
+
border-end-end-radius: awsui.$border-radius-button;
|
|
34
|
+
align-items: center;
|
|
35
|
+
min-block-size: calc(awsui.$line-height-body-m + awsui.$space-static-xxs);
|
|
36
|
+
padding-inline: awsui.$space-static-xxxs;
|
|
37
|
+
gap: calc(#{seg.$segment-gap} * 2 + #{seg.$segment-divider-width});
|
|
38
|
+
|
|
39
|
+
&:not(.refresh) {
|
|
40
|
+
padding-inline: calc(awsui.$space-static-xxxs + 1px);
|
|
41
|
+
gap: calc(#{seg.$segment-gap} * 2 - #{seg.$segment-divider-width});
|
|
42
|
+
}
|
|
43
|
+
|
|
25
44
|
@include styles.media-breakpoint-down(styles.$breakpoint-x-small) {
|
|
26
45
|
display: none;
|
|
27
46
|
}
|
|
@@ -29,6 +48,7 @@
|
|
|
29
48
|
|
|
30
49
|
.select {
|
|
31
50
|
display: none;
|
|
51
|
+
|
|
32
52
|
@include styles.media-breakpoint-down(styles.$breakpoint-x-small) {
|
|
33
53
|
display: block;
|
|
34
54
|
}
|
|
@@ -37,7 +57,7 @@
|
|
|
37
57
|
@for $i from 2 through 6 {
|
|
38
58
|
.segment-count-#{$i} {
|
|
39
59
|
// The repeat syntax is not used since it is broken when using with SASS together
|
|
40
|
-
grid-template-columns:
|
|
60
|
+
grid-template-columns: repeat(#{$i}, auto);
|
|
41
61
|
}
|
|
42
62
|
}
|
|
43
63
|
|
|
@@ -233,7 +233,7 @@
|
|
|
233
233
|
--color-background-segment-active-sly4sl:#0073bb;
|
|
234
234
|
--color-background-segment-default-i67ckm:#ffffff;
|
|
235
235
|
--color-background-segment-disabled-qrelg7:#ffffff;
|
|
236
|
-
--color-background-segment-hover-
|
|
236
|
+
--color-background-segment-hover-6vky3v:#fafafa;
|
|
237
237
|
--color-background-slider-handle-default-cltbq6:#0073bb;
|
|
238
238
|
--color-background-slider-handle-active-qr2v7p:#0a4a74;
|
|
239
239
|
--color-background-slider-track-3cup70:#879596;
|
|
@@ -399,7 +399,7 @@
|
|
|
399
399
|
--color-text-pagination-page-number-default-010u3g:#545b64;
|
|
400
400
|
--color-text-segment-active-mr3gdg:#ffffff;
|
|
401
401
|
--color-text-segment-default-ifduc0:#545b64;
|
|
402
|
-
--color-text-segment-hover-
|
|
402
|
+
--color-text-segment-hover-2pspuk:#16191f;
|
|
403
403
|
--color-text-small-m48dvk:#687078;
|
|
404
404
|
--color-text-status-error-p5bdwa:#d13212;
|
|
405
405
|
--color-text-status-inactive-hdm5cz:#687078;
|
|
@@ -600,7 +600,7 @@
|
|
|
600
600
|
--space-panel-side-right-otvpm8:32px;
|
|
601
601
|
--space-panel-split-top-lbihmh:0px;
|
|
602
602
|
--space-panel-split-bottom-j0hrt0:20px;
|
|
603
|
-
--space-segmented-control-focus-outline-gutter-
|
|
603
|
+
--space-segmented-control-focus-outline-gutter-zduejh:3px;
|
|
604
604
|
--space-tabs-content-top-asxj61:16px;
|
|
605
605
|
--space-tabs-focus-outline-gutter-ix5qjm:0px;
|
|
606
606
|
--space-table-content-bottom-669dmq:0px;
|
|
@@ -871,7 +871,7 @@
|
|
|
871
871
|
--color-background-segment-active-sly4sl:#00a1c9;
|
|
872
872
|
--color-background-segment-default-i67ckm:#2a2e33;
|
|
873
873
|
--color-background-segment-disabled-qrelg7:#2a2e33;
|
|
874
|
-
--color-background-segment-hover-
|
|
874
|
+
--color-background-segment-hover-6vky3v:#21252c;
|
|
875
875
|
--color-background-slider-handle-default-cltbq6:#00a1c9;
|
|
876
876
|
--color-background-slider-handle-active-qr2v7p:#44b9d6;
|
|
877
877
|
--color-background-slider-track-3cup70:#687078;
|
|
@@ -1005,7 +1005,7 @@
|
|
|
1005
1005
|
--color-text-pagination-page-number-default-010u3g:#d5dbdb;
|
|
1006
1006
|
--color-text-segment-active-mr3gdg:#1a2029;
|
|
1007
1007
|
--color-text-segment-default-ifduc0:#d5dbdb;
|
|
1008
|
-
--color-text-segment-hover-
|
|
1008
|
+
--color-text-segment-hover-2pspuk:#fafafa;
|
|
1009
1009
|
--color-text-small-m48dvk:#95a5a6;
|
|
1010
1010
|
--color-text-status-error-p5bdwa:#ff5d64;
|
|
1011
1011
|
--color-text-status-inactive-hdm5cz:#95a5a6;
|
|
@@ -1181,7 +1181,7 @@
|
|
|
1181
1181
|
--color-background-segment-active-sly4sl:#00a1c9;
|
|
1182
1182
|
--color-background-segment-default-i67ckm:#2a2e33;
|
|
1183
1183
|
--color-background-segment-disabled-qrelg7:#2a2e33;
|
|
1184
|
-
--color-background-segment-hover-
|
|
1184
|
+
--color-background-segment-hover-6vky3v:#21252c;
|
|
1185
1185
|
--color-background-slider-handle-default-cltbq6:#00a1c9;
|
|
1186
1186
|
--color-background-slider-handle-active-qr2v7p:#44b9d6;
|
|
1187
1187
|
--color-background-slider-track-3cup70:#687078;
|
|
@@ -1315,7 +1315,7 @@
|
|
|
1315
1315
|
--color-text-pagination-page-number-default-010u3g:#d5dbdb;
|
|
1316
1316
|
--color-text-segment-active-mr3gdg:#1a2029;
|
|
1317
1317
|
--color-text-segment-default-ifduc0:#d5dbdb;
|
|
1318
|
-
--color-text-segment-hover-
|
|
1318
|
+
--color-text-segment-hover-2pspuk:#fafafa;
|
|
1319
1319
|
--color-text-small-m48dvk:#95a5a6;
|
|
1320
1320
|
--color-text-status-error-p5bdwa:#ff5d64;
|
|
1321
1321
|
--color-text-status-inactive-hdm5cz:#95a5a6;
|
|
@@ -1528,6 +1528,7 @@
|
|
|
1528
1528
|
--color-background-progress-bar-content-in-flash-x3i3hs:#ffffff;
|
|
1529
1529
|
--color-background-progress-bar-layout-default-ojjuy5:#ebebf0;
|
|
1530
1530
|
--color-background-segment-active-sly4sl:#006ce0;
|
|
1531
|
+
--color-background-segment-hover-6vky3v:#f0fbff;
|
|
1531
1532
|
--color-background-slider-handle-default-cltbq6:#006ce0;
|
|
1532
1533
|
--color-background-slider-handle-active-qr2v7p:#004a9e;
|
|
1533
1534
|
--color-background-slider-track-3cup70:#8c8c94;
|
|
@@ -1673,7 +1674,7 @@
|
|
|
1673
1674
|
--color-text-pagination-page-number-active-disabled-m1yzqe:#b4b4bb;
|
|
1674
1675
|
--color-text-pagination-page-number-default-010u3g:#424650;
|
|
1675
1676
|
--color-text-segment-default-ifduc0:#424650;
|
|
1676
|
-
--color-text-segment-hover-
|
|
1677
|
+
--color-text-segment-hover-2pspuk:#002b66;
|
|
1677
1678
|
--color-text-small-m48dvk:#656871;
|
|
1678
1679
|
--color-text-status-error-p5bdwa:#db0000;
|
|
1679
1680
|
--color-text-status-inactive-hdm5cz:#656871;
|
|
@@ -1809,7 +1810,7 @@
|
|
|
1809
1810
|
--space-panel-side-left-1i2jyv:28px;
|
|
1810
1811
|
--space-panel-side-right-otvpm8:24px;
|
|
1811
1812
|
--space-panel-split-top-lbihmh:20px;
|
|
1812
|
-
--space-segmented-control-focus-outline-gutter-
|
|
1813
|
+
--space-segmented-control-focus-outline-gutter-zduejh:6px;
|
|
1813
1814
|
--space-tabs-content-top-asxj61:12px;
|
|
1814
1815
|
--space-tabs-focus-outline-gutter-ix5qjm:-8px;
|
|
1815
1816
|
--space-table-content-bottom-669dmq:4px;
|
|
@@ -1893,7 +1894,7 @@
|
|
|
1893
1894
|
--color-background-segment-active-sly4sl:#42b4ff;
|
|
1894
1895
|
--color-background-segment-default-i67ckm:#161d26;
|
|
1895
1896
|
--color-background-segment-disabled-qrelg7:#161d26;
|
|
1896
|
-
--color-background-segment-hover-
|
|
1897
|
+
--color-background-segment-hover-6vky3v:#1b232d;
|
|
1897
1898
|
--color-background-slider-handle-default-cltbq6:#42b4ff;
|
|
1898
1899
|
--color-background-slider-handle-active-qr2v7p:#75cfff;
|
|
1899
1900
|
--color-background-slider-track-3cup70:#656871;
|
|
@@ -2029,7 +2030,7 @@
|
|
|
2029
2030
|
--color-text-pagination-page-number-default-010u3g:#b4b4bb;
|
|
2030
2031
|
--color-text-segment-active-mr3gdg:#0f141a;
|
|
2031
2032
|
--color-text-segment-default-ifduc0:#dedee3;
|
|
2032
|
-
--color-text-segment-hover-
|
|
2033
|
+
--color-text-segment-hover-2pspuk:#75cfff;
|
|
2033
2034
|
--color-text-small-m48dvk:#a4a4ad;
|
|
2034
2035
|
--color-text-status-error-p5bdwa:#ff7a7a;
|
|
2035
2036
|
--color-text-status-inactive-hdm5cz:#a4a4ad;
|
|
@@ -2170,7 +2171,7 @@
|
|
|
2170
2171
|
--color-background-segment-active-sly4sl:#42b4ff;
|
|
2171
2172
|
--color-background-segment-default-i67ckm:#161d26;
|
|
2172
2173
|
--color-background-segment-disabled-qrelg7:#161d26;
|
|
2173
|
-
--color-background-segment-hover-
|
|
2174
|
+
--color-background-segment-hover-6vky3v:#1b232d;
|
|
2174
2175
|
--color-background-slider-handle-default-cltbq6:#42b4ff;
|
|
2175
2176
|
--color-background-slider-handle-active-qr2v7p:#75cfff;
|
|
2176
2177
|
--color-background-slider-track-3cup70:#656871;
|
|
@@ -2311,7 +2312,7 @@
|
|
|
2311
2312
|
--color-text-pagination-page-number-default-010u3g:#b4b4bb;
|
|
2312
2313
|
--color-text-segment-active-mr3gdg:#0f141a;
|
|
2313
2314
|
--color-text-segment-default-ifduc0:#dedee3;
|
|
2314
|
-
--color-text-segment-hover-
|
|
2315
|
+
--color-text-segment-hover-2pspuk:#75cfff;
|
|
2315
2316
|
--color-text-small-m48dvk:#a4a4ad;
|
|
2316
2317
|
--color-text-status-error-p5bdwa:#ff7a7a;
|
|
2317
2318
|
--color-text-status-inactive-hdm5cz:#a4a4ad;
|
|
@@ -2375,7 +2376,7 @@
|
|
|
2375
2376
|
--color-background-segment-active-sly4sl:#42b4ff;
|
|
2376
2377
|
--color-background-segment-default-i67ckm:#161d26;
|
|
2377
2378
|
--color-background-segment-disabled-qrelg7:#161d26;
|
|
2378
|
-
--color-background-segment-hover-
|
|
2379
|
+
--color-background-segment-hover-6vky3v:#1b232d;
|
|
2379
2380
|
--color-background-slider-handle-default-cltbq6:#42b4ff;
|
|
2380
2381
|
--color-background-slider-handle-active-qr2v7p:#75cfff;
|
|
2381
2382
|
--color-background-slider-track-3cup70:#656871;
|
|
@@ -2511,7 +2512,7 @@
|
|
|
2511
2512
|
--color-text-pagination-page-number-default-010u3g:#b4b4bb;
|
|
2512
2513
|
--color-text-segment-active-mr3gdg:#0f141a;
|
|
2513
2514
|
--color-text-segment-default-ifduc0:#dedee3;
|
|
2514
|
-
--color-text-segment-hover-
|
|
2515
|
+
--color-text-segment-hover-2pspuk:#75cfff;
|
|
2515
2516
|
--color-text-small-m48dvk:#a4a4ad;
|
|
2516
2517
|
--color-text-status-error-p5bdwa:#ff7a7a;
|
|
2517
2518
|
--color-text-status-inactive-hdm5cz:#a4a4ad;
|
|
@@ -2578,7 +2579,7 @@
|
|
|
2578
2579
|
--color-background-segment-active-sly4sl:#42b4ff;
|
|
2579
2580
|
--color-background-segment-default-i67ckm:#0f141a;
|
|
2580
2581
|
--color-background-segment-disabled-qrelg7:#0f141a;
|
|
2581
|
-
--color-background-segment-hover-
|
|
2582
|
+
--color-background-segment-hover-6vky3v:#1b232d;
|
|
2582
2583
|
--color-background-slider-handle-default-cltbq6:#42b4ff;
|
|
2583
2584
|
--color-background-slider-handle-active-qr2v7p:#75cfff;
|
|
2584
2585
|
--color-background-slider-track-3cup70:#656871;
|
|
@@ -2716,7 +2717,7 @@
|
|
|
2716
2717
|
--color-text-pagination-page-number-default-010u3g:#b4b4bb;
|
|
2717
2718
|
--color-text-segment-active-mr3gdg:#0f141a;
|
|
2718
2719
|
--color-text-segment-default-ifduc0:#dedee3;
|
|
2719
|
-
--color-text-segment-hover-
|
|
2720
|
+
--color-text-segment-hover-2pspuk:#75cfff;
|
|
2720
2721
|
--color-text-small-m48dvk:#a4a4ad;
|
|
2721
2722
|
--color-text-status-error-p5bdwa:#ff7a7a;
|
|
2722
2723
|
--color-text-status-inactive-hdm5cz:#a4a4ad;
|
|
@@ -2795,7 +2796,7 @@
|
|
|
2795
2796
|
--color-background-segment-active-sly4sl:#42b4ff;
|
|
2796
2797
|
--color-background-segment-default-i67ckm:#0f141a;
|
|
2797
2798
|
--color-background-segment-disabled-qrelg7:#0f141a;
|
|
2798
|
-
--color-background-segment-hover-
|
|
2799
|
+
--color-background-segment-hover-6vky3v:#1b232d;
|
|
2799
2800
|
--color-background-slider-handle-default-cltbq6:#42b4ff;
|
|
2800
2801
|
--color-background-slider-handle-active-qr2v7p:#75cfff;
|
|
2801
2802
|
--color-background-slider-track-3cup70:#656871;
|
|
@@ -2933,7 +2934,7 @@
|
|
|
2933
2934
|
--color-text-pagination-page-number-default-010u3g:#b4b4bb;
|
|
2934
2935
|
--color-text-segment-active-mr3gdg:#0f141a;
|
|
2935
2936
|
--color-text-segment-default-ifduc0:#dedee3;
|
|
2936
|
-
--color-text-segment-hover-
|
|
2937
|
+
--color-text-segment-hover-2pspuk:#75cfff;
|
|
2937
2938
|
--color-text-small-m48dvk:#a4a4ad;
|
|
2938
2939
|
--color-text-status-error-p5bdwa:#ff7a7a;
|
|
2939
2940
|
--color-text-status-inactive-hdm5cz:#a4a4ad;
|
|
@@ -2972,7 +2973,7 @@
|
|
|
2972
2973
|
--color-background-button-primary-default-e50v6e:#f9f9fa;
|
|
2973
2974
|
--color-background-button-primary-hover-288r60:#ffffff;
|
|
2974
2975
|
--color-background-segment-default-i67ckm:transparent;
|
|
2975
|
-
--color-background-segment-hover-
|
|
2976
|
+
--color-background-segment-hover-6vky3v:rgba(0, 7, 22, 0.15);
|
|
2976
2977
|
--color-text-chat-bubble-outgoing-a4whbc:#f9f9fa;
|
|
2977
2978
|
--color-text-chat-bubble-incoming-wpxwg5:#f9f9fa;
|
|
2978
2979
|
--color-border-button-normal-active-vm8kc9:#ffffff;
|
|
@@ -3002,6 +3003,7 @@
|
|
|
3002
3003
|
--color-text-expandable-section-default-vicj65:#f9f9fa;
|
|
3003
3004
|
--color-text-expandable-section-hover-4hvgvf:#ffffff;
|
|
3004
3005
|
--color-text-heading-secondary-4zbyer:#f9f9fa;
|
|
3006
|
+
--color-text-segment-hover-2pspuk:#ffffff;
|
|
3005
3007
|
}
|
|
3006
3008
|
|
|
3007
3009
|
.awsui-context-flashbar.awsui-visual-refresh:not(#\9) {
|
|
@@ -3011,7 +3013,7 @@
|
|
|
3011
3013
|
--color-background-button-primary-default-e50v6e:#f9f9fa;
|
|
3012
3014
|
--color-background-button-primary-hover-288r60:#ffffff;
|
|
3013
3015
|
--color-background-segment-default-i67ckm:transparent;
|
|
3014
|
-
--color-background-segment-hover-
|
|
3016
|
+
--color-background-segment-hover-6vky3v:rgba(0, 7, 22, 0.15);
|
|
3015
3017
|
--color-text-chat-bubble-outgoing-a4whbc:#f9f9fa;
|
|
3016
3018
|
--color-text-chat-bubble-incoming-wpxwg5:#f9f9fa;
|
|
3017
3019
|
--color-border-button-normal-active-vm8kc9:#ffffff;
|
|
@@ -3034,6 +3036,7 @@
|
|
|
3034
3036
|
--color-text-expandable-section-default-vicj65:#f9f9fa;
|
|
3035
3037
|
--color-text-expandable-section-hover-4hvgvf:#ffffff;
|
|
3036
3038
|
--color-text-heading-secondary-4zbyer:#f9f9fa;
|
|
3039
|
+
--color-text-segment-hover-2pspuk:#ffffff;
|
|
3037
3040
|
}
|
|
3038
3041
|
|
|
3039
3042
|
.awsui-visual-refresh .awsui-context-flashbar-warning:not(#\9) {
|
|
@@ -3044,7 +3047,7 @@
|
|
|
3044
3047
|
--color-background-button-primary-hover-288r60:#0f141a;
|
|
3045
3048
|
--color-background-progress-bar-content-in-flash-x3i3hs:#0f141a;
|
|
3046
3049
|
--color-background-segment-default-i67ckm:transparent;
|
|
3047
|
-
--color-background-segment-hover-
|
|
3050
|
+
--color-background-segment-hover-6vky3v:rgba(0, 7, 22, 0.05);
|
|
3048
3051
|
--color-border-button-normal-active-vm8kc9:#0f141a;
|
|
3049
3052
|
--color-border-button-normal-default-g4ujwl:#424650;
|
|
3050
3053
|
--color-border-button-normal-hover-eyyshk:#0f141a;
|
|
@@ -3073,6 +3076,7 @@
|
|
|
3073
3076
|
--color-text-interactive-inverted-hover-q8rb5i:#0f141a;
|
|
3074
3077
|
--color-text-link-inverted-hover-7na5ek:#0f141a;
|
|
3075
3078
|
--color-text-notification-default-iisqj9:#0f141a;
|
|
3079
|
+
--color-text-segment-hover-2pspuk:#0f141a;
|
|
3076
3080
|
}
|
|
3077
3081
|
|
|
3078
3082
|
.awsui-context-flashbar-warning.awsui-visual-refresh:not(#\9) {
|
|
@@ -3083,7 +3087,7 @@
|
|
|
3083
3087
|
--color-background-button-primary-hover-288r60:#0f141a;
|
|
3084
3088
|
--color-background-progress-bar-content-in-flash-x3i3hs:#0f141a;
|
|
3085
3089
|
--color-background-segment-default-i67ckm:transparent;
|
|
3086
|
-
--color-background-segment-hover-
|
|
3090
|
+
--color-background-segment-hover-6vky3v:rgba(0, 7, 22, 0.05);
|
|
3087
3091
|
--color-border-button-normal-active-vm8kc9:#0f141a;
|
|
3088
3092
|
--color-border-button-normal-default-g4ujwl:#424650;
|
|
3089
3093
|
--color-border-button-normal-hover-eyyshk:#0f141a;
|
|
@@ -3104,6 +3108,7 @@
|
|
|
3104
3108
|
--color-text-interactive-inverted-hover-q8rb5i:#0f141a;
|
|
3105
3109
|
--color-text-link-inverted-hover-7na5ek:#0f141a;
|
|
3106
3110
|
--color-text-notification-default-iisqj9:#0f141a;
|
|
3111
|
+
--color-text-segment-hover-2pspuk:#0f141a;
|
|
3107
3112
|
}
|
|
3108
3113
|
|
|
3109
3114
|
.awsui-visual-refresh .awsui-context-alert:not(#\9) {
|
|
@@ -3113,7 +3118,7 @@
|
|
|
3113
3118
|
--color-background-button-primary-default-e50v6e:#424650;
|
|
3114
3119
|
--color-background-button-primary-hover-288r60:#0f141a;
|
|
3115
3120
|
--color-background-segment-default-i67ckm:transparent;
|
|
3116
|
-
--color-background-segment-hover-
|
|
3121
|
+
--color-background-segment-hover-6vky3v:rgba(0, 7, 22, 0.05);
|
|
3117
3122
|
--color-border-button-normal-active-vm8kc9:#0f141a;
|
|
3118
3123
|
--color-border-button-normal-default-g4ujwl:#424650;
|
|
3119
3124
|
--color-border-button-normal-hover-eyyshk:#0f141a;
|
|
@@ -3134,6 +3139,7 @@
|
|
|
3134
3139
|
--color-text-link-button-normal-active-qa6axb:#0f141a;
|
|
3135
3140
|
--color-text-expandable-section-default-vicj65:#424650;
|
|
3136
3141
|
--color-text-expandable-section-hover-4hvgvf:#0f141a;
|
|
3142
|
+
--color-text-segment-hover-2pspuk:#0f141a;
|
|
3137
3143
|
--font-expandable-heading-size-1w0ot0:14px;
|
|
3138
3144
|
}
|
|
3139
3145
|
|
|
@@ -3144,7 +3150,7 @@
|
|
|
3144
3150
|
--color-background-button-primary-default-e50v6e:#424650;
|
|
3145
3151
|
--color-background-button-primary-hover-288r60:#0f141a;
|
|
3146
3152
|
--color-background-segment-default-i67ckm:transparent;
|
|
3147
|
-
--color-background-segment-hover-
|
|
3153
|
+
--color-background-segment-hover-6vky3v:rgba(0, 7, 22, 0.05);
|
|
3148
3154
|
--color-border-button-normal-active-vm8kc9:#0f141a;
|
|
3149
3155
|
--color-border-button-normal-default-g4ujwl:#424650;
|
|
3150
3156
|
--color-border-button-normal-hover-eyyshk:#0f141a;
|
|
@@ -3160,6 +3166,7 @@
|
|
|
3160
3166
|
--color-text-link-button-normal-active-qa6axb:#0f141a;
|
|
3161
3167
|
--color-text-expandable-section-default-vicj65:#424650;
|
|
3162
3168
|
--color-text-expandable-section-hover-4hvgvf:#0f141a;
|
|
3169
|
+
--color-text-segment-hover-2pspuk:#0f141a;
|
|
3163
3170
|
--font-expandable-heading-size-1w0ot0:14px;
|
|
3164
3171
|
}
|
|
3165
3172
|
|
|
@@ -3210,7 +3217,7 @@
|
|
|
3210
3217
|
--color-background-segment-active-sly4sl:#42b4ff;
|
|
3211
3218
|
--color-background-segment-default-i67ckm:transparent;
|
|
3212
3219
|
--color-background-segment-disabled-qrelg7:#161d26;
|
|
3213
|
-
--color-background-segment-hover-
|
|
3220
|
+
--color-background-segment-hover-6vky3v:rgba(255, 255, 255, 0.1);
|
|
3214
3221
|
--color-background-slider-handle-default-cltbq6:#42b4ff;
|
|
3215
3222
|
--color-background-slider-handle-active-qr2v7p:#75cfff;
|
|
3216
3223
|
--color-background-slider-track-3cup70:#656871;
|
|
@@ -3348,7 +3355,7 @@
|
|
|
3348
3355
|
--color-text-pagination-page-number-default-010u3g:#b4b4bb;
|
|
3349
3356
|
--color-text-segment-active-mr3gdg:#0f141a;
|
|
3350
3357
|
--color-text-segment-default-ifduc0:#dedee3;
|
|
3351
|
-
--color-text-segment-hover-
|
|
3358
|
+
--color-text-segment-hover-2pspuk:#ffffff;
|
|
3352
3359
|
--color-text-small-m48dvk:#a4a4ad;
|
|
3353
3360
|
--color-text-status-error-p5bdwa:#ff7a7a;
|
|
3354
3361
|
--color-text-status-inactive-hdm5cz:#a4a4ad;
|
|
@@ -3415,7 +3422,7 @@
|
|
|
3415
3422
|
--color-background-segment-active-sly4sl:#42b4ff;
|
|
3416
3423
|
--color-background-segment-default-i67ckm:transparent;
|
|
3417
3424
|
--color-background-segment-disabled-qrelg7:#161d26;
|
|
3418
|
-
--color-background-segment-hover-
|
|
3425
|
+
--color-background-segment-hover-6vky3v:rgba(255, 255, 255, 0.1);
|
|
3419
3426
|
--color-background-slider-handle-default-cltbq6:#42b4ff;
|
|
3420
3427
|
--color-background-slider-handle-active-qr2v7p:#75cfff;
|
|
3421
3428
|
--color-background-slider-track-3cup70:#656871;
|
|
@@ -3553,7 +3560,7 @@
|
|
|
3553
3560
|
--color-text-pagination-page-number-default-010u3g:#b4b4bb;
|
|
3554
3561
|
--color-text-segment-active-mr3gdg:#0f141a;
|
|
3555
3562
|
--color-text-segment-default-ifduc0:#dedee3;
|
|
3556
|
-
--color-text-segment-hover-
|
|
3563
|
+
--color-text-segment-hover-2pspuk:#ffffff;
|
|
3557
3564
|
--color-text-small-m48dvk:#a4a4ad;
|
|
3558
3565
|
--color-text-status-error-p5bdwa:#ff7a7a;
|
|
3559
3566
|
--color-text-status-inactive-hdm5cz:#a4a4ad;
|
|
@@ -3617,6 +3624,7 @@
|
|
|
3617
3624
|
--color-background-button-normal-hover-znspn2:rgba(255, 255, 255, 0.1);
|
|
3618
3625
|
--color-background-button-primary-default-e50v6e:#dedee3;
|
|
3619
3626
|
--color-background-button-primary-hover-288r60:#ffffff;
|
|
3627
|
+
--color-background-segment-hover-6vky3v:rgba(255, 255, 255, 0.1);
|
|
3620
3628
|
--color-border-button-normal-active-vm8kc9:#ffffff;
|
|
3621
3629
|
--color-border-button-normal-default-g4ujwl:#dedee3;
|
|
3622
3630
|
--color-border-button-normal-hover-eyyshk:#ffffff;
|
|
@@ -3635,6 +3643,7 @@
|
|
|
3635
3643
|
--color-text-link-button-normal-active-qa6axb:#ffffff;
|
|
3636
3644
|
--color-text-expandable-section-default-vicj65:#dedee3;
|
|
3637
3645
|
--color-text-expandable-section-hover-4hvgvf:#ffffff;
|
|
3646
|
+
--color-text-segment-hover-2pspuk:#ffffff;
|
|
3638
3647
|
}
|
|
3639
3648
|
}
|
|
3640
3649
|
@media not print {
|
|
@@ -3643,6 +3652,7 @@
|
|
|
3643
3652
|
--color-background-button-normal-hover-znspn2:rgba(255, 255, 255, 0.1);
|
|
3644
3653
|
--color-background-button-primary-default-e50v6e:#dedee3;
|
|
3645
3654
|
--color-background-button-primary-hover-288r60:#ffffff;
|
|
3655
|
+
--color-background-segment-hover-6vky3v:rgba(255, 255, 255, 0.1);
|
|
3646
3656
|
--color-border-button-normal-active-vm8kc9:#ffffff;
|
|
3647
3657
|
--color-border-button-normal-default-g4ujwl:#dedee3;
|
|
3648
3658
|
--color-border-button-normal-hover-eyyshk:#ffffff;
|
|
@@ -3661,6 +3671,7 @@
|
|
|
3661
3671
|
--color-text-link-button-normal-active-qa6axb:#ffffff;
|
|
3662
3672
|
--color-text-expandable-section-default-vicj65:#dedee3;
|
|
3663
3673
|
--color-text-expandable-section-hover-4hvgvf:#ffffff;
|
|
3674
|
+
--color-text-segment-hover-2pspuk:#ffffff;
|
|
3664
3675
|
}
|
|
3665
3676
|
}
|
|
3666
3677
|
.awsui-compact-mode.awsui-visual-refresh .awsui-context-compact-table:not(#\9) {
|
|
@@ -292,7 +292,7 @@ export var colorBackgroundProgressBarLayoutInFlash = "var(--color-background-pro
|
|
|
292
292
|
export var colorBackgroundSegmentActive = "var(--color-background-segment-active-bkvyiy, #006ce0)";
|
|
293
293
|
export var colorBackgroundSegmentDefault = "var(--color-background-segment-default-voaiuw, #ffffff)";
|
|
294
294
|
export var colorBackgroundSegmentDisabled = "var(--color-background-segment-disabled-9tsgp1, #ffffff)";
|
|
295
|
-
export var colorBackgroundSegmentHover = "var(--color-background-segment-hover-
|
|
295
|
+
export var colorBackgroundSegmentHover = "var(--color-background-segment-hover-jancts, #f0fbff)";
|
|
296
296
|
export var colorBackgroundSliderHandleDefault = "var(--color-background-slider-handle-default-94lnn1, #006ce0)";
|
|
297
297
|
export var colorBackgroundSliderHandleActive = "var(--color-background-slider-handle-active-7w7xg0, #004a9e)";
|
|
298
298
|
export var colorBackgroundSliderTrack = "var(--color-background-slider-track-uhckut, #8c8c94)";
|
|
@@ -465,7 +465,7 @@ export var colorTextPaginationPageNumberActiveDisabled = "var(--color-text-pagin
|
|
|
465
465
|
export var colorTextPaginationPageNumberDefault = "var(--color-text-pagination-page-number-default-s25kr0, #424650)";
|
|
466
466
|
export var colorTextSegmentActive = "var(--color-text-segment-active-fc6owc, #ffffff)";
|
|
467
467
|
export var colorTextSegmentDefault = "var(--color-text-segment-default-iib3us, #424650)";
|
|
468
|
-
export var colorTextSegmentHover = "var(--color-text-segment-hover-
|
|
468
|
+
export var colorTextSegmentHover = "var(--color-text-segment-hover-yckzgd, #002b66)";
|
|
469
469
|
export var colorTextSmall = "var(--color-text-small-nzfntg, #656871)";
|
|
470
470
|
export var colorTextStatusError = "var(--color-text-status-error-5676bj, #db0000)";
|
|
471
471
|
export var colorTextStatusInactive = "var(--color-text-status-inactive-5megna, #656871)";
|
|
@@ -670,7 +670,7 @@ export var spacePanelSideLeft = "var(--space-panel-side-left-5t0who, 28px)";
|
|
|
670
670
|
export var spacePanelSideRight = "var(--space-panel-side-right-xofg51, 24px)";
|
|
671
671
|
export var spacePanelSplitTop = "var(--space-panel-split-top-q1pux4, 20px)";
|
|
672
672
|
export var spacePanelSplitBottom = "var(--space-panel-split-bottom-qwdduf, 20px)";
|
|
673
|
-
export var spaceSegmentedControlFocusOutlineGutter = "var(--space-segmented-control-focus-outline-gutter-
|
|
673
|
+
export var spaceSegmentedControlFocusOutlineGutter = "var(--space-segmented-control-focus-outline-gutter-ublqj7, 6px)";
|
|
674
674
|
export var spaceTabsContentTop = "var(--space-tabs-content-top-dedu0k, 12px)";
|
|
675
675
|
export var spaceTabsFocusOutlineGutter = "var(--space-tabs-focus-outline-gutter-xm37ly, -8px)";
|
|
676
676
|
export var spaceTableContentBottom = "var(--space-table-content-bottom-9yr834, 4px)";
|