@cloudscape-design/chart-components 1.0.128 → 1.0.130
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/core/styles.css.js +21 -21
- package/core/styles.scoped.css +25 -25
- package/core/styles.selectors.js +21 -21
- package/internal/components/chart-legend/styles.css.js +18 -18
- package/internal/components/chart-legend/styles.scoped.css +33 -33
- package/internal/components/chart-legend/styles.selectors.js +18 -18
- package/internal/components/series-details/styles.css.js +18 -18
- package/internal/components/series-details/styles.scoped.css +30 -30
- package/internal/components/series-details/styles.selectors.js +18 -18
- package/internal/components/series-marker/styles.css.js +3 -3
- package/internal/components/series-marker/styles.scoped.css +4 -4
- package/internal/components/series-marker/styles.selectors.js +3 -3
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/styles/tokens.d.ts +19 -0
- package/internal/generated/styles/tokens.js +342 -323
- package/internal/generated/theming/index.cjs +940 -351
- package/internal/generated/theming/index.cjs.d.ts +5 -5
- package/internal/generated/theming/index.d.ts +5 -5
- package/internal/generated/theming/index.js +940 -351
- package/internal/manifest.json +1 -1
- package/internal/styles.css.js +1 -1
- package/internal/styles.scoped.css +2 -2
- package/internal/styles.selectors.js +1 -1
- package/package.json +2 -2
|
@@ -12,8 +12,8 @@
|
|
|
12
12
|
*/
|
|
13
13
|
/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
14
14
|
/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
15
|
-
body[data-awsui-focus-visible=true] .awsui_focus-
|
|
16
|
-
stroke: var(--color-border-item-focused-
|
|
15
|
+
body[data-awsui-focus-visible=true] .awsui_focus-outline_1no4y_1idpt_15:not(#\9) {
|
|
16
|
+
stroke: var(--color-border-item-focused-ditkrb, #006ce0);
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
/*
|
|
@@ -24,7 +24,7 @@ body[data-awsui-focus-visible=true] .awsui_focus-outline_1no4y_5u6fz_15:not(#\9)
|
|
|
24
24
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
25
25
|
SPDX-License-Identifier: Apache-2.0
|
|
26
26
|
*/
|
|
27
|
-
.
|
|
27
|
+
.awsui_marker_1no4y_1idpt_27:not(#\9) {
|
|
28
28
|
border-collapse: separate;
|
|
29
29
|
border-spacing: 0;
|
|
30
30
|
box-sizing: border-box;
|
|
@@ -60,55 +60,55 @@ body[data-awsui-focus-visible=true] .awsui_focus-outline_1no4y_5u6fz_15:not(#\9)
|
|
|
60
60
|
cursor: inherit;
|
|
61
61
|
}
|
|
62
62
|
|
|
63
|
-
.awsui_visually-
|
|
63
|
+
.awsui_visually-hidden_1no4y_1idpt_63:not(#\9) {
|
|
64
64
|
position: absolute !important;
|
|
65
65
|
inset-block-start: -9999px !important;
|
|
66
66
|
inset-inline-start: -9999px !important;
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
-
.
|
|
69
|
+
.awsui_value_1no4y_1idpt_69:not(#\9) {
|
|
70
70
|
text-align: end;
|
|
71
71
|
margin-inline-start: var(--space-static-xxl-ifa9j8, 32px);
|
|
72
72
|
}
|
|
73
|
-
.
|
|
73
|
+
.awsui_value_1no4y_1idpt_69.awsui_expandable_1no4y_1idpt_73:not(#\9) {
|
|
74
74
|
font-weight: var(--font-weight-heading-s-lcx0ai, 700);
|
|
75
75
|
}
|
|
76
76
|
|
|
77
|
-
.awsui_list-
|
|
78
|
-
.awsui_inner-list-
|
|
77
|
+
.awsui_list-item_1no4y_1idpt_77:not(#\9),
|
|
78
|
+
.awsui_inner-list-item_1no4y_1idpt_78:not(#\9) {
|
|
79
79
|
list-style: none;
|
|
80
80
|
position: relative;
|
|
81
81
|
}
|
|
82
82
|
|
|
83
|
-
.awsui_inner-list-
|
|
84
|
-
.awsui_list-
|
|
85
|
-
.awsui_list-
|
|
83
|
+
.awsui_inner-list-item_1no4y_1idpt_78:not(#\9),
|
|
84
|
+
.awsui_list-item_1no4y_1idpt_77 > .awsui_key-value-pair_1no4y_1idpt_84:not(#\9),
|
|
85
|
+
.awsui_list-item_1no4y_1idpt_77 > .awsui_expandable-section_1no4y_1idpt_85:not(#\9) {
|
|
86
86
|
display: flex;
|
|
87
87
|
flex-direction: row;
|
|
88
88
|
justify-content: space-between;
|
|
89
89
|
inline-size: 100%;
|
|
90
90
|
}
|
|
91
|
-
.awsui_inner-list-
|
|
92
|
-
.awsui_list-
|
|
93
|
-
.awsui_list-
|
|
91
|
+
.awsui_inner-list-item_1no4y_1idpt_78 > .awsui_key_1no4y_1idpt_84:not(#\9),
|
|
92
|
+
.awsui_list-item_1no4y_1idpt_77 > .awsui_key-value-pair_1no4y_1idpt_84 > .awsui_key_1no4y_1idpt_84:not(#\9),
|
|
93
|
+
.awsui_list-item_1no4y_1idpt_77 > .awsui_expandable-section_1no4y_1idpt_85 > .awsui_key_1no4y_1idpt_84:not(#\9) {
|
|
94
94
|
min-inline-size: 0;
|
|
95
95
|
word-break: break-word;
|
|
96
96
|
display: inline-flex;
|
|
97
97
|
align-items: center;
|
|
98
|
-
color: var(--color-text-group-label-
|
|
98
|
+
color: var(--color-text-group-label-0wronh, #424650);
|
|
99
99
|
}
|
|
100
100
|
|
|
101
|
-
.awsui_sub-
|
|
101
|
+
.awsui_sub-items_1no4y_1idpt_101:not(#\9):not(.awsui_expandable_1no4y_1idpt_73) {
|
|
102
102
|
padding-inline-start: 25px;
|
|
103
103
|
}
|
|
104
|
-
.awsui_sub-
|
|
104
|
+
.awsui_sub-items_1no4y_1idpt_101.awsui_expandable_1no4y_1idpt_73:not(#\9) {
|
|
105
105
|
padding-inline-start: 0;
|
|
106
106
|
}
|
|
107
|
-
.awsui_sub-
|
|
107
|
+
.awsui_sub-items_1no4y_1idpt_101.awsui_expandable_1no4y_1idpt_73 > .awsui_inner-list-item_1no4y_1idpt_78 > .awsui_value_1no4y_1idpt_69:not(#\9) {
|
|
108
108
|
white-space: nowrap;
|
|
109
109
|
}
|
|
110
110
|
|
|
111
|
-
.
|
|
111
|
+
.awsui_list_1no4y_1idpt_77:not(#\9) {
|
|
112
112
|
display: flex;
|
|
113
113
|
margin-block: 0;
|
|
114
114
|
margin-inline: 0;
|
|
@@ -117,34 +117,34 @@ body[data-awsui-focus-visible=true] .awsui_focus-outline_1no4y_5u6fz_15:not(#\9)
|
|
|
117
117
|
list-style: none;
|
|
118
118
|
flex-direction: column;
|
|
119
119
|
}
|
|
120
|
-
.
|
|
120
|
+
.awsui_list_1no4y_1idpt_77 > .awsui_list-item_1no4y_1idpt_77.awsui_dimmed_1no4y_1idpt_120:not(#\9) {
|
|
121
121
|
opacity: 0.35;
|
|
122
122
|
}
|
|
123
123
|
|
|
124
|
-
.
|
|
125
|
-
.awsui_inner-list-
|
|
124
|
+
.awsui_list_1no4y_1idpt_77:not(#\9):not(.awsui_compact_1no4y_1idpt_124) > .awsui_list-item_1no4y_1idpt_77:not(:first-child),
|
|
125
|
+
.awsui_inner-list-item_1no4y_1idpt_78:not(#\9) {
|
|
126
126
|
margin-block-start: var(--space-scaled-xxs-pfm1nx, 4px);
|
|
127
127
|
}
|
|
128
128
|
|
|
129
|
-
.awsui_list-
|
|
130
|
-
.awsui_list-
|
|
129
|
+
.awsui_list-item_1no4y_1idpt_77.awsui_with-sub-items_1no4y_1idpt_129:not(#\9):not(.awsui_expandable_1no4y_1idpt_73) > .awsui_key-value-pair_1no4y_1idpt_84 > .awsui_key_1no4y_1idpt_84,
|
|
130
|
+
.awsui_list-item_1no4y_1idpt_77.awsui_with-sub-items_1no4y_1idpt_129:not(#\9):not(.awsui_expandable_1no4y_1idpt_73) > .awsui_key-value-pair_1no4y_1idpt_84 > .awsui_value_1no4y_1idpt_69 {
|
|
131
131
|
font-weight: var(--font-weight-heading-s-lcx0ai, 700);
|
|
132
132
|
}
|
|
133
133
|
|
|
134
|
-
.awsui_list-
|
|
135
|
-
color: var(--color-text-body-secondary-
|
|
134
|
+
.awsui_list-item_1no4y_1idpt_77 .awsui_description_1no4y_1idpt_134:not(#\9) {
|
|
135
|
+
color: var(--color-text-body-secondary-y6dr4d, #424650);
|
|
136
136
|
font-size: var(--font-size-body-s-smc8cv, 12px);
|
|
137
137
|
}
|
|
138
138
|
|
|
139
|
-
.awsui_list-
|
|
139
|
+
.awsui_list-item_1no4y_1idpt_77.awsui_with-sub-items_1no4y_1idpt_129 .awsui_description_1no4y_1idpt_134:not(#\9) {
|
|
140
140
|
margin-top: var(--space-scaled-xxs-pfm1nx, 4px);
|
|
141
141
|
}
|
|
142
142
|
|
|
143
|
-
.awsui_full-
|
|
143
|
+
.awsui_full-width_1no4y_1idpt_143:not(#\9) {
|
|
144
144
|
inline-size: 100%;
|
|
145
145
|
}
|
|
146
146
|
|
|
147
|
-
.awsui_highlight-
|
|
147
|
+
.awsui_highlight-indicator_1no4y_1idpt_147:not(#\9) {
|
|
148
148
|
position: absolute;
|
|
149
149
|
top: 50%;
|
|
150
150
|
transform: translateY(-50%);
|
|
@@ -152,5 +152,5 @@ body[data-awsui-focus-visible=true] .awsui_focus-outline_1no4y_5u6fz_15:not(#\9)
|
|
|
152
152
|
inline-size: 3px;
|
|
153
153
|
block-size: 14px;
|
|
154
154
|
border-radius: 4px;
|
|
155
|
-
background: var(--color-text-body-secondary-
|
|
155
|
+
background: var(--color-text-body-secondary-y6dr4d, #424650);
|
|
156
156
|
}
|
|
@@ -2,23 +2,23 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"focus-outline": "awsui_focus-
|
|
6
|
-
"marker": "
|
|
7
|
-
"visually-hidden": "awsui_visually-
|
|
8
|
-
"value": "
|
|
9
|
-
"expandable": "
|
|
10
|
-
"list-item": "awsui_list-
|
|
11
|
-
"inner-list-item": "awsui_inner-list-
|
|
12
|
-
"key-value-pair": "awsui_key-value-
|
|
13
|
-
"expandable-section": "awsui_expandable-
|
|
14
|
-
"key": "
|
|
15
|
-
"sub-items": "awsui_sub-
|
|
16
|
-
"list": "
|
|
17
|
-
"dimmed": "
|
|
18
|
-
"compact": "
|
|
19
|
-
"with-sub-items": "awsui_with-sub-
|
|
20
|
-
"description": "
|
|
21
|
-
"full-width": "awsui_full-
|
|
22
|
-
"highlight-indicator": "awsui_highlight-
|
|
5
|
+
"focus-outline": "awsui_focus-outline_1no4y_1idpt_15",
|
|
6
|
+
"marker": "awsui_marker_1no4y_1idpt_27",
|
|
7
|
+
"visually-hidden": "awsui_visually-hidden_1no4y_1idpt_63",
|
|
8
|
+
"value": "awsui_value_1no4y_1idpt_69",
|
|
9
|
+
"expandable": "awsui_expandable_1no4y_1idpt_73",
|
|
10
|
+
"list-item": "awsui_list-item_1no4y_1idpt_77",
|
|
11
|
+
"inner-list-item": "awsui_inner-list-item_1no4y_1idpt_78",
|
|
12
|
+
"key-value-pair": "awsui_key-value-pair_1no4y_1idpt_84",
|
|
13
|
+
"expandable-section": "awsui_expandable-section_1no4y_1idpt_85",
|
|
14
|
+
"key": "awsui_key_1no4y_1idpt_84",
|
|
15
|
+
"sub-items": "awsui_sub-items_1no4y_1idpt_101",
|
|
16
|
+
"list": "awsui_list_1no4y_1idpt_77",
|
|
17
|
+
"dimmed": "awsui_dimmed_1no4y_1idpt_120",
|
|
18
|
+
"compact": "awsui_compact_1no4y_1idpt_124",
|
|
19
|
+
"with-sub-items": "awsui_with-sub-items_1no4y_1idpt_129",
|
|
20
|
+
"description": "awsui_description_1no4y_1idpt_134",
|
|
21
|
+
"full-width": "awsui_full-width_1no4y_1idpt_143",
|
|
22
|
+
"highlight-indicator": "awsui_highlight-indicator_1no4y_1idpt_147"
|
|
23
23
|
};
|
|
24
24
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"focus-outline": "awsui_focus-
|
|
5
|
-
"marker": "
|
|
6
|
-
"visually-hidden": "awsui_visually-
|
|
4
|
+
"focus-outline": "awsui_focus-outline_kfsgg_1d7de_15",
|
|
5
|
+
"marker": "awsui_marker_kfsgg_1d7de_19",
|
|
6
|
+
"visually-hidden": "awsui_visually-hidden_kfsgg_1d7de_55"
|
|
7
7
|
};
|
|
8
8
|
|
|
@@ -12,11 +12,11 @@
|
|
|
12
12
|
*/
|
|
13
13
|
/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
14
14
|
/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
15
|
-
body[data-awsui-focus-visible=true] .awsui_focus-
|
|
16
|
-
stroke: var(--color-border-item-focused-
|
|
15
|
+
body[data-awsui-focus-visible=true] .awsui_focus-outline_kfsgg_1d7de_15:not(#\9) {
|
|
16
|
+
stroke: var(--color-border-item-focused-ditkrb, #006ce0);
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
.
|
|
19
|
+
.awsui_marker_kfsgg_1d7de_19:not(#\9) {
|
|
20
20
|
border-collapse: separate;
|
|
21
21
|
border-spacing: 0;
|
|
22
22
|
box-sizing: border-box;
|
|
@@ -52,7 +52,7 @@ body[data-awsui-focus-visible=true] .awsui_focus-outline_kfsgg_65qgj_15:not(#\9)
|
|
|
52
52
|
cursor: inherit;
|
|
53
53
|
}
|
|
54
54
|
|
|
55
|
-
.awsui_visually-
|
|
55
|
+
.awsui_visually-hidden_kfsgg_1d7de_55:not(#\9) {
|
|
56
56
|
position: absolute !important;
|
|
57
57
|
inset-block-start: -9999px !important;
|
|
58
58
|
inset-inline-start: -9999px !important;
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"focus-outline": "awsui_focus-
|
|
6
|
-
"marker": "
|
|
7
|
-
"visually-hidden": "awsui_visually-
|
|
5
|
+
"focus-outline": "awsui_focus-outline_kfsgg_1d7de_15",
|
|
6
|
+
"marker": "awsui_marker_kfsgg_1d7de_19",
|
|
7
|
+
"visually-hidden": "awsui_visually-hidden_kfsgg_1d7de_55"
|
|
8
8
|
};
|
|
9
9
|
|
package/internal/environment.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export var PACKAGE_SOURCE = "chart-components";
|
|
2
|
-
export var PACKAGE_VERSION = "1.0.0 (
|
|
2
|
+
export var PACKAGE_VERSION = "1.0.0 (541c86ad)";
|
|
3
3
|
export var THEME = "open-source-visual-refresh";
|
|
4
4
|
export var ALWAYS_VISUAL_REFRESH = true;
|
|
5
5
|
export var SYSTEM = "core";
|
|
@@ -469,6 +469,8 @@ export const colorBackgroundNotificationStackBarActive: string;
|
|
|
469
469
|
export const colorBackgroundNotificationStackBarHover: string;
|
|
470
470
|
export const colorBackgroundPopover: string;
|
|
471
471
|
export const colorBackgroundProgressBarValueDefault: string;
|
|
472
|
+
export const colorBackgroundProgressBarValueFlash: string;
|
|
473
|
+
export const colorBackgroundProgressBarFlash: string;
|
|
472
474
|
export const colorBackgroundProgressBarDefault: string;
|
|
473
475
|
export const colorBackgroundSegmentActive: string;
|
|
474
476
|
export const colorBackgroundSegmentDefault: string;
|
|
@@ -491,6 +493,10 @@ export const colorBackgroundSliderRangeWarningDefault: string;
|
|
|
491
493
|
export const colorBackgroundSliderRangeWarningActive: string;
|
|
492
494
|
export const colorBackgroundStatusError: string;
|
|
493
495
|
export const colorBackgroundStatusInfo: string;
|
|
496
|
+
export const colorBackgroundAlertError: string;
|
|
497
|
+
export const colorBackgroundAlertInfo: string;
|
|
498
|
+
export const colorBackgroundAlertSuccess: string;
|
|
499
|
+
export const colorBackgroundAlertWarning: string;
|
|
494
500
|
export const colorBackgroundDialog: string;
|
|
495
501
|
export const colorBackgroundStatusSuccess: string;
|
|
496
502
|
export const colorBackgroundStatusWarning: string;
|
|
@@ -548,6 +554,7 @@ export const colorBorderControlDefault: string;
|
|
|
548
554
|
export const colorBorderControlDisabled: string;
|
|
549
555
|
export const colorBorderDividerActive: string;
|
|
550
556
|
export const colorBorderDividerDefault: string;
|
|
557
|
+
export const colorBorderDividerNotification: string;
|
|
551
558
|
export const colorBorderDividerPanelBottom: string;
|
|
552
559
|
export const colorBorderDividerPanelSide: string;
|
|
553
560
|
export const colorBorderDividerSecondary: string;
|
|
@@ -685,10 +692,14 @@ export const colorTextLinkSecondaryDefault: string;
|
|
|
685
692
|
export const colorTextLinkSecondaryHover: string;
|
|
686
693
|
export const colorTextLinkInfoDefault: string;
|
|
687
694
|
export const colorTextLinkInfoHover: string;
|
|
695
|
+
export const colorTextLinkInvertedDefault: string;
|
|
688
696
|
export const colorTextLinkInvertedHover: string;
|
|
689
697
|
export const colorTextLinkButtonUnderline: string;
|
|
690
698
|
export const colorTextLinkButtonUnderlineHover: string;
|
|
691
699
|
export const colorTextNotificationDefault: string;
|
|
700
|
+
export const colorTextAlertDefault: string;
|
|
701
|
+
export const colorTextNotificationLinkDefault: string;
|
|
702
|
+
export const colorTextNotificationLinkHover: string;
|
|
692
703
|
export const colorTextNotificationStackBar: string;
|
|
693
704
|
export const colorTextNotificationYellow: string;
|
|
694
705
|
export const colorTextPaginationPageNumberActiveDisabled: string;
|
|
@@ -697,6 +708,14 @@ export const colorTextSegmentActive: string;
|
|
|
697
708
|
export const colorTextSegmentDefault: string;
|
|
698
709
|
export const colorTextSegmentHover: string;
|
|
699
710
|
export const colorTextSmall: string;
|
|
711
|
+
export const colorTextFlashbarIconError: string;
|
|
712
|
+
export const colorTextFlashbarIconInfo: string;
|
|
713
|
+
export const colorTextFlashbarIconSuccess: string;
|
|
714
|
+
export const colorTextFlashbarIconWarning: string;
|
|
715
|
+
export const colorTextAlertIconError: string;
|
|
716
|
+
export const colorTextAlertIconInfo: string;
|
|
717
|
+
export const colorTextAlertIconSuccess: string;
|
|
718
|
+
export const colorTextAlertIconWarning: string;
|
|
700
719
|
export const colorTextStatusError: string;
|
|
701
720
|
export const colorTextStatusInactive: string;
|
|
702
721
|
export const colorTextStatusInfo: string;
|