@cloudscape-design/components 3.0.23 → 3.0.26
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/alert/styles.scoped.css +0 -34
- package/annotation-context/annotation/styles.scoped.css +0 -18
- package/app-layout/content-wrapper/styles.scoped.css +0 -4
- package/app-layout/mobile-toolbar/styles.scoped.css +0 -9
- package/app-layout/styles.scoped.css +0 -20
- package/app-layout/toggles/styles.scoped.css +0 -16
- package/app-layout/visual-refresh/styles.scoped.css +0 -71
- package/area-chart/styles.scoped.css +0 -13
- package/attribute-editor/styles.scoped.css +0 -23
- package/badge/styles.scoped.css +0 -15
- package/bar-chart/interfaces.d.ts +1 -1
- package/bar-chart/interfaces.d.ts.map +1 -1
- package/bar-chart/interfaces.js.map +1 -1
- package/box/styles.scoped.css +0 -171
- package/breadcrumb-group/item/styles.scoped.css +0 -11
- package/breadcrumb-group/styles.scoped.css +0 -10
- package/button/styles.scoped.css +0 -264
- package/button-dropdown/category-elements/styles.scoped.css +0 -26
- package/button-dropdown/item-element/styles.scoped.css +0 -22
- package/button-dropdown/mobile-expandable-group/styles.scoped.css +0 -5
- package/button-dropdown/styles.scoped.css +0 -7
- package/cards/styles.scoped.css +0 -45
- package/checkbox/styles.scoped.css +0 -11
- package/code-editor/styles.scoped.css +0 -87
- package/collection-preferences/styles.scoped.css +0 -12
- package/column-layout/styles.scoped.css +0 -12
- package/container/styles.scoped.css +0 -27
- package/date-picker/styles.scoped.css +0 -45
- package/date-range-picker/calendar/grids/day/styles.scoped.css +0 -45
- package/date-range-picker/index.d.ts.map +1 -1
- package/date-range-picker/index.js +13 -15
- package/date-range-picker/index.js.map +1 -1
- package/date-range-picker/relative-range/styles.scoped.css +0 -3
- package/date-range-picker/styles.css.js +41 -42
- package/date-range-picker/styles.scoped.css +49 -92
- package/date-range-picker/styles.selectors.js +41 -42
- package/expandable-section/styles.scoped.css +0 -33
- package/flashbar/styles.scoped.css +0 -36
- package/form/styles.scoped.css +0 -12
- package/form-field/styles.scoped.css +0 -26
- package/grid/styles.scoped.css +0 -6
- package/header/styles.scoped.css +0 -51
- package/help-panel/styles.scoped.css +0 -73
- package/hotspot/styles.scoped.css +0 -3
- package/icon/styles.scoped.css +0 -33
- package/input/styles.scoped.css +0 -49
- package/internal/base-component/styles.scoped.css +0 -1
- package/internal/components/abstract-switch/styles.scoped.css +0 -7
- package/internal/components/button-trigger/styles.scoped.css +0 -42
- package/internal/components/cartesian-chart/styles.scoped.css +0 -10
- package/internal/components/chart-filter/styles.scoped.css +0 -4
- package/internal/components/chart-legend/styles.scoped.css +0 -8
- package/internal/components/chart-plot/styles.scoped.css +0 -1
- package/internal/components/chart-popover/styles.scoped.css +0 -4
- package/internal/components/chart-series-details/styles.scoped.css +0 -12
- package/internal/components/chart-series-marker/styles.scoped.css +0 -7
- package/internal/components/chart-status-container/styles.scoped.css +0 -1
- package/internal/components/checkbox-icon/styles.scoped.css +0 -10
- package/internal/components/content-layout/styles.scoped.css +0 -5
- package/internal/components/dark-ribbon/styles.scoped.css +0 -1
- package/internal/components/dropdown/styles.scoped.css +0 -17
- package/internal/components/dropdown-footer/styles.scoped.css +0 -6
- package/internal/components/dropdown-status/styles.scoped.css +0 -6
- package/internal/components/filtering-token/styles.scoped.css +0 -21
- package/internal/components/menu-dropdown/styles.scoped.css +0 -17
- package/internal/components/option/styles.scoped.css +0 -16
- package/internal/components/options-list/styles.scoped.css +0 -5
- package/internal/components/selectable-item/styles.scoped.css +0 -44
- package/internal/environment.js +1 -1
- package/line-chart/interfaces.d.ts +1 -1
- package/line-chart/interfaces.d.ts.map +1 -1
- package/line-chart/interfaces.js.map +1 -1
- package/link/styles.scoped.css +0 -77
- package/mixed-line-bar-chart/bar-series.d.ts +1 -1
- package/mixed-line-bar-chart/bar-series.d.ts.map +1 -1
- package/mixed-line-bar-chart/bar-series.js.map +1 -1
- package/mixed-line-bar-chart/chart-container.d.ts.map +1 -1
- package/mixed-line-bar-chart/chart-container.js +9 -10
- package/mixed-line-bar-chart/chart-container.js.map +1 -1
- package/mixed-line-bar-chart/chart-filters.d.ts +2 -2
- package/mixed-line-bar-chart/chart-filters.d.ts.map +1 -1
- package/mixed-line-bar-chart/chart-filters.js +1 -2
- package/mixed-line-bar-chart/chart-filters.js.map +1 -1
- package/mixed-line-bar-chart/chart-legend.d.ts +2 -2
- package/mixed-line-bar-chart/chart-legend.d.ts.map +1 -1
- package/mixed-line-bar-chart/chart-legend.js +1 -2
- package/mixed-line-bar-chart/chart-legend.js.map +1 -1
- package/mixed-line-bar-chart/domain.d.ts +4 -0
- package/mixed-line-bar-chart/domain.d.ts.map +1 -0
- package/mixed-line-bar-chart/domain.js +138 -0
- package/mixed-line-bar-chart/domain.js.map +1 -0
- package/mixed-line-bar-chart/format-highlighted.d.ts +2 -4
- package/mixed-line-bar-chart/format-highlighted.d.ts.map +1 -1
- package/mixed-line-bar-chart/format-highlighted.js +26 -15
- package/mixed-line-bar-chart/format-highlighted.js.map +1 -1
- package/mixed-line-bar-chart/hooks/use-mouse-hover.d.ts.map +1 -1
- package/mixed-line-bar-chart/hooks/use-mouse-hover.js +3 -2
- package/mixed-line-bar-chart/hooks/use-mouse-hover.js.map +1 -1
- package/mixed-line-bar-chart/hooks/use-navigation.d.ts.map +1 -1
- package/mixed-line-bar-chart/hooks/use-navigation.js +23 -35
- package/mixed-line-bar-chart/hooks/use-navigation.js.map +1 -1
- package/mixed-line-bar-chart/interfaces.d.ts +12 -2
- package/mixed-line-bar-chart/interfaces.d.ts.map +1 -1
- package/mixed-line-bar-chart/interfaces.js.map +1 -1
- package/mixed-line-bar-chart/internal.d.ts.map +1 -1
- package/mixed-line-bar-chart/internal.js +14 -6
- package/mixed-line-bar-chart/internal.js.map +1 -1
- package/mixed-line-bar-chart/line-series.d.ts +2 -2
- package/mixed-line-bar-chart/line-series.d.ts.map +1 -1
- package/mixed-line-bar-chart/line-series.js +21 -9
- package/mixed-line-bar-chart/line-series.js.map +1 -1
- package/mixed-line-bar-chart/make-scaled-bar-groups.d.ts.map +1 -1
- package/mixed-line-bar-chart/make-scaled-bar-groups.js +11 -4
- package/mixed-line-bar-chart/make-scaled-bar-groups.js.map +1 -1
- package/mixed-line-bar-chart/make-scaled-series.d.ts +2 -4
- package/mixed-line-bar-chart/make-scaled-series.d.ts.map +1 -1
- package/mixed-line-bar-chart/make-scaled-series.js +89 -25
- package/mixed-line-bar-chart/make-scaled-series.js.map +1 -1
- package/mixed-line-bar-chart/styles.scoped.css +0 -13
- package/mixed-line-bar-chart/utils.d.ts +5 -6
- package/mixed-line-bar-chart/utils.d.ts.map +1 -1
- package/mixed-line-bar-chart/utils.js +11 -112
- package/mixed-line-bar-chart/utils.js.map +1 -1
- package/modal/styles.scoped.css +0 -31
- package/multiselect/styles.scoped.css +0 -4
- package/package.json +1 -1
- package/pagination/styles.scoped.css +0 -22
- package/pie-chart/styles.scoped.css +0 -25
- package/popover/styles.scoped.css +0 -35
- package/progress-bar/styles.scoped.css +0 -25
- package/property-filter/styles.scoped.css +0 -22
- package/radio-group/styles.scoped.css +0 -22
- package/s3-resource-selector/s3-in-context/styles.scoped.css +0 -6
- package/segmented-control/styles.scoped.css +0 -36
- package/select/parts/styles.scoped.css +0 -6
- package/select/styles.scoped.css +0 -4
- package/side-navigation/styles.scoped.css +0 -38
- package/space-between/styles.scoped.css +0 -40
- package/spinner/styles.scoped.css +0 -17
- package/split-panel/styles.scoped.css +0 -65
- package/status-indicator/styles.scoped.css +0 -20
- package/table/body-cell/styles.scoped.css +0 -29
- package/table/header-cell/styles.scoped.css +0 -32
- package/table/resizer/styles.scoped.css +0 -6
- package/table/selection-control/styles.scoped.css +0 -3
- package/table/styles.scoped.css +0 -39
- package/table/use-selection.d.ts.map +1 -1
- package/table/use-selection.js +5 -5
- package/table/use-selection.js.map +1 -1
- package/tabs/styles.scoped.css +0 -41
- package/tag-editor/styles.scoped.css +0 -12
- package/text-content/styles.scoped.css +0 -54
- package/text-filter/styles.scoped.css +0 -7
- package/textarea/styles.scoped.css +0 -30
- package/tiles/styles.scoped.css +0 -55
- package/toggle/styles.scoped.css +0 -14
- package/token-group/styles.scoped.css +0 -35
- package/top-navigation/1.0-beta/styles.scoped.css +0 -40
- package/top-navigation/styles.scoped.css +0 -75
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +0 -22
- package/tutorial-panel/components/tutorial-list/styles.scoped.css +0 -24
- package/tutorial-panel/styles.scoped.css +0 -5
- package/wizard/styles.scoped.css +0 -54
|
@@ -100,15 +100,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
100
100
|
}
|
|
101
101
|
|
|
102
102
|
.awsui_token_10m3l_anb0r_102:not(#\9) {
|
|
103
|
-
border: 2px solid #0972d3;
|
|
104
103
|
border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-selected-ppkssz, #0972d3);
|
|
105
104
|
display: flex;
|
|
106
105
|
align-items: stretch;
|
|
107
|
-
background: #f2f8fd;
|
|
108
106
|
background: var(--color-background-item-selected-ebt4bi, #f2f8fd);
|
|
109
|
-
border-radius: 8px;
|
|
110
107
|
border-radius: var(--border-radius-token-wohc9e, 8px);
|
|
111
|
-
color: #000716;
|
|
112
108
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
113
109
|
height: 100%;
|
|
114
110
|
box-sizing: border-box;
|
|
@@ -125,7 +121,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
125
121
|
}
|
|
126
122
|
|
|
127
123
|
.awsui_token-content_10m3l_anb0r_123:not(#\9) {
|
|
128
|
-
padding: 4px 12px;
|
|
129
124
|
padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-field-horizontal-89h2yr, 12px);
|
|
130
125
|
}
|
|
131
126
|
|
|
@@ -133,12 +128,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
133
128
|
width: 30px;
|
|
134
129
|
margin: 0;
|
|
135
130
|
border: none;
|
|
136
|
-
padding: 0 4px;
|
|
137
131
|
padding: 0 var(--space-xxs-ynfts5, 4px);
|
|
138
|
-
color: #414d5c;
|
|
139
132
|
color: var(--color-text-interactive-default-eg5fsa, #414d5c);
|
|
140
133
|
background-color: transparent;
|
|
141
|
-
border-left: 2px solid #0972d3;
|
|
142
134
|
border-left: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-selected-ppkssz, #0972d3);
|
|
143
135
|
}
|
|
144
136
|
.awsui_dismiss-button_10m3l_anb0r_127[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
@@ -146,24 +138,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
146
138
|
}
|
|
147
139
|
.awsui_dismiss-button_10m3l_anb0r_127[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
148
140
|
outline: 2px dotted transparent;
|
|
149
|
-
outline-offset: calc(-5px - 1px);
|
|
150
141
|
outline-offset: calc(var(--space-filtering-token-dismiss-button-focus-outline-gutter-itb5fd, -5px) - 1px);
|
|
151
142
|
}
|
|
152
143
|
.awsui_dismiss-button_10m3l_anb0r_127[data-awsui-focus-visible=true]:not(#\9):focus::before {
|
|
153
144
|
content: " ";
|
|
154
145
|
display: block;
|
|
155
146
|
position: absolute;
|
|
156
|
-
left: calc(-1 * -5px);
|
|
157
147
|
left: calc(-1 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-itb5fd, -5px));
|
|
158
|
-
top: calc(-1 * -5px);
|
|
159
148
|
top: calc(-1 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-itb5fd, -5px));
|
|
160
|
-
width: calc(100% + 2 * -5px);
|
|
161
149
|
width: calc(100% + 2 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-itb5fd, -5px));
|
|
162
|
-
height: calc(100% + 2 * -5px);
|
|
163
150
|
height: calc(100% + 2 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-itb5fd, -5px));
|
|
164
|
-
border-radius: 4px;
|
|
165
151
|
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
166
|
-
box-shadow: 0 0 0 2px #0972d3;
|
|
167
152
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
168
153
|
}
|
|
169
154
|
.awsui_dismiss-button_10m3l_anb0r_127:not(#\9):focus {
|
|
@@ -172,22 +157,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
172
157
|
}
|
|
173
158
|
.awsui_dismiss-button_10m3l_anb0r_127:not(#\9):hover {
|
|
174
159
|
cursor: pointer;
|
|
175
|
-
color: #000716;
|
|
176
160
|
color: var(--color-text-interactive-hover-v3lasm, #000716);
|
|
177
161
|
}
|
|
178
162
|
|
|
179
163
|
.awsui_token-disabled_10m3l_anb0r_163:not(#\9) {
|
|
180
|
-
border-color: #d1d5db;
|
|
181
164
|
border-color: var(--color-border-control-disabled-vx8bco, #d1d5db);
|
|
182
|
-
background-color: #ffffff;
|
|
183
165
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
184
|
-
color: #9ba7b6;
|
|
185
166
|
color: var(--color-text-disabled-a2nkh4, #9ba7b6);
|
|
186
167
|
pointer-events: none;
|
|
187
168
|
}
|
|
188
169
|
.awsui_token-disabled_10m3l_anb0r_163 > .awsui_dismiss-button_10m3l_anb0r_127:not(#\9) {
|
|
189
|
-
color: #9ba7b6;
|
|
190
170
|
color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
|
|
191
|
-
border-color: #d1d5db;
|
|
192
171
|
border-color: var(--color-border-control-disabled-vx8bco, #d1d5db);
|
|
193
172
|
}
|
|
@@ -120,14 +120,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
120
120
|
widows: 2;
|
|
121
121
|
word-spacing: normal;
|
|
122
122
|
box-sizing: border-box;
|
|
123
|
-
font-size: 14px;
|
|
124
123
|
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
125
|
-
line-height: 22px;
|
|
126
124
|
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
127
|
-
color: #000716;
|
|
128
125
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
129
126
|
font-weight: 400;
|
|
130
|
-
font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
|
|
131
127
|
font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
132
128
|
min-width: 0;
|
|
133
129
|
-ms-word-break: break-all;
|
|
@@ -137,31 +133,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
137
133
|
align-items: center;
|
|
138
134
|
white-space: nowrap;
|
|
139
135
|
height: 100%;
|
|
140
|
-
padding-left: 8px;
|
|
141
136
|
padding-left: var(--space-xs-rsr2qu, 8px);
|
|
142
|
-
padding-right: 8px;
|
|
143
137
|
padding-right: var(--space-xs-rsr2qu, 8px);
|
|
144
138
|
text-decoration: none;
|
|
145
139
|
cursor: pointer;
|
|
146
140
|
border: transparent;
|
|
147
141
|
background: transparent;
|
|
148
|
-
font-weight: 800;
|
|
149
142
|
font-weight: var(--font-button-weight-7rj5fx, 800);
|
|
150
|
-
color: #414d5c;
|
|
151
143
|
color: var(--color-text-interactive-default-eg5fsa, #414d5c);
|
|
152
144
|
}
|
|
153
145
|
.awsui_button_m5h9f_vm2i5_93:not(#\9):hover {
|
|
154
|
-
color: #000716;
|
|
155
146
|
color: var(--color-text-interactive-hover-v3lasm, #000716);
|
|
156
147
|
text-decoration: none;
|
|
157
148
|
}
|
|
158
149
|
.awsui_button_m5h9f_vm2i5_93:not(#\9):active, .awsui_button_m5h9f_vm2i5_93.awsui_expanded_m5h9f_vm2i5_123:not(#\9) {
|
|
159
150
|
background: transparent;
|
|
160
|
-
color: #000716;
|
|
161
151
|
color: var(--color-text-interactive-active-vol84d, #000716);
|
|
162
152
|
}
|
|
163
153
|
.awsui_button_m5h9f_vm2i5_93.awsui_expanded_m5h9f_vm2i5_123:not(#\9) {
|
|
164
|
-
color: #0972d3;
|
|
165
154
|
color: var(--color-text-accent-s1eqko, #0972d3);
|
|
166
155
|
}
|
|
167
156
|
.awsui_button_m5h9f_vm2i5_93:not(#\9):focus {
|
|
@@ -172,11 +161,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
172
161
|
margin-right: 0;
|
|
173
162
|
}
|
|
174
163
|
.awsui_button_m5h9f_vm2i5_93.awsui_offset-right-l_m5h9f_vm2i5_137:not(#\9) {
|
|
175
|
-
margin-right: 12px;
|
|
176
164
|
margin-right: var(--space-s-hv8c1d, 12px);
|
|
177
165
|
}
|
|
178
166
|
.awsui_button_m5h9f_vm2i5_93.awsui_offset-right-xxl_m5h9f_vm2i5_140:not(#\9) {
|
|
179
|
-
margin-right: 24px;
|
|
180
167
|
margin-right: var(--space-xl-a39hup, 24px);
|
|
181
168
|
}
|
|
182
169
|
.awsui_button_m5h9f_vm2i5_93[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
@@ -194,18 +181,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
194
181
|
top: calc(-1 * -1px);
|
|
195
182
|
width: calc(100% + 2 * -1px);
|
|
196
183
|
height: calc(100% + 2 * -1px);
|
|
197
|
-
border-radius: 4px;
|
|
198
184
|
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
199
|
-
box-shadow: 0 0 0 2px #0972d3;
|
|
200
185
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
201
186
|
}
|
|
202
187
|
|
|
203
188
|
.awsui_text_m5h9f_vm2i5_162:not(#\9) {
|
|
204
|
-
margin-right: 8px;
|
|
205
189
|
margin-right: var(--space-xs-rsr2qu, 8px);
|
|
206
190
|
}
|
|
207
191
|
|
|
208
192
|
.awsui_icon_m5h9f_vm2i5_166 + .awsui_text_m5h9f_vm2i5_162:not(#\9) {
|
|
209
|
-
margin-left: 8px;
|
|
210
193
|
margin-left: var(--space-xs-rsr2qu, 8px);
|
|
211
194
|
}
|
|
@@ -124,14 +124,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
124
124
|
widows: 2;
|
|
125
125
|
word-spacing: normal;
|
|
126
126
|
box-sizing: border-box;
|
|
127
|
-
font-size: 14px;
|
|
128
127
|
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
129
|
-
line-height: 22px;
|
|
130
128
|
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
131
|
-
color: #000716;
|
|
132
129
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
133
130
|
font-weight: 400;
|
|
134
|
-
font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
|
|
135
131
|
font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
136
132
|
display: flex;
|
|
137
133
|
align-items: flex-start;
|
|
@@ -147,7 +143,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
147
143
|
font-weight: bold;
|
|
148
144
|
}
|
|
149
145
|
.awsui_option_1p2cx_1tubf_97.awsui_parent_1p2cx_1tubf_116:not(#\9):not(.awsui_disabled_1p2cx_1tubf_113) {
|
|
150
|
-
color: #414d5c;
|
|
151
146
|
color: var(--color-text-dropdown-group-label-eaqlcl, #414d5c);
|
|
152
147
|
}
|
|
153
148
|
|
|
@@ -182,7 +177,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
182
177
|
}
|
|
183
178
|
|
|
184
179
|
.awsui_label-tag_1p2cx_1tubf_138:not(#\9) {
|
|
185
|
-
padding-left: 12px;
|
|
186
180
|
padding-left: var(--space-s-hv8c1d, 12px);
|
|
187
181
|
flex: auto;
|
|
188
182
|
text-align: right;
|
|
@@ -193,13 +187,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
193
187
|
|
|
194
188
|
.awsui_tags_1p2cx_1tubf_162:not(#\9),
|
|
195
189
|
.awsui_description_1p2cx_1tubf_163:not(#\9) {
|
|
196
|
-
font-size: 12px;
|
|
197
190
|
font-size: var(--font-body-s-size-ukw2p9, 12px);
|
|
198
|
-
line-height: 16px;
|
|
199
191
|
line-height: var(--font-body-s-line-height-kdsbrl, 16px);
|
|
200
|
-
letter-spacing: 0.005em;
|
|
201
192
|
letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
|
|
202
|
-
color: #5f6b7a;
|
|
203
193
|
color: var(--color-text-dropdown-item-secondary-0me7js, #5f6b7a);
|
|
204
194
|
flex-wrap: wrap;
|
|
205
195
|
}
|
|
@@ -210,12 +200,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
210
200
|
}
|
|
211
201
|
|
|
212
202
|
.awsui_tag_1p2cx_1tubf_137:not(#\9):not(:last-child) {
|
|
213
|
-
padding-right: 16px;
|
|
214
203
|
padding-right: var(--space-m-17eucw, 16px);
|
|
215
204
|
}
|
|
216
205
|
|
|
217
206
|
.awsui_icon_1p2cx_1tubf_180:not(#\9) {
|
|
218
|
-
padding-right: 8px;
|
|
219
207
|
padding-right: var(--space-xs-rsr2qu, 8px);
|
|
220
208
|
align-content: center;
|
|
221
209
|
display: flex;
|
|
@@ -223,20 +211,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
223
211
|
}
|
|
224
212
|
|
|
225
213
|
.awsui_icon-size-big_1p2cx_1tubf_187:not(#\9) {
|
|
226
|
-
padding-top: 2px;
|
|
227
214
|
padding-top: var(--space-xxxs-k2w98v, 2px);
|
|
228
215
|
}
|
|
229
216
|
|
|
230
217
|
.awsui_filtering-match-highlight_1p2cx_1tubf_191:not(#\9) {
|
|
231
|
-
background-color: #f2f8fd;
|
|
232
218
|
background-color: var(--color-background-dropdown-item-filter-match-6ac2mw, #f2f8fd);
|
|
233
|
-
color: #0972d3;
|
|
234
219
|
color: var(--color-text-dropdown-item-filter-match-x302if, #0972d3);
|
|
235
220
|
font-weight: bold;
|
|
236
221
|
}
|
|
237
222
|
|
|
238
223
|
.awsui_disabled_1p2cx_1tubf_113:not(#\9) {
|
|
239
|
-
color: #9ba7b6;
|
|
240
224
|
color: var(--color-text-dropdown-item-disabled-varol7, #9ba7b6);
|
|
241
225
|
pointer-events: none;
|
|
242
226
|
}
|
|
@@ -124,20 +124,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
124
124
|
widows: 2;
|
|
125
125
|
word-spacing: normal;
|
|
126
126
|
box-sizing: border-box;
|
|
127
|
-
font-size: 14px;
|
|
128
127
|
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
129
|
-
line-height: 22px;
|
|
130
128
|
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
131
|
-
color: #000716;
|
|
132
129
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
133
130
|
font-weight: 400;
|
|
134
|
-
font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
|
|
135
131
|
font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
136
132
|
white-space: inherit;
|
|
137
133
|
overflow-y: auto;
|
|
138
134
|
flex: 1 1 auto;
|
|
139
135
|
min-height: 0;
|
|
140
|
-
border-radius: 8px;
|
|
141
136
|
border-radius: var(--border-radius-dropdown-ujknaf, 8px);
|
|
142
137
|
}
|
|
143
138
|
|
|
@@ -91,88 +91,59 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
93
|
.awsui_selectable-item_15o6u_19j4z_93:not(#\9) {
|
|
94
|
-
font-size: 14px;
|
|
95
94
|
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
96
|
-
line-height: 22px;
|
|
97
95
|
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
98
|
-
color: #000716;
|
|
99
96
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
100
97
|
font-weight: 400;
|
|
101
|
-
font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
|
|
102
98
|
font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
103
99
|
position: relative;
|
|
104
100
|
list-style: none;
|
|
105
101
|
z-index: 1;
|
|
106
|
-
border: 1px solid transparent;
|
|
107
102
|
border: var(--border-divider-list-width-hacikr, 1px) solid transparent;
|
|
108
|
-
border-top-color: #e9ebed;
|
|
109
103
|
border-top-color: var(--color-border-dropdown-item-default-faosd8, #e9ebed);
|
|
110
|
-
border-bottom-color: #e9ebed;
|
|
111
104
|
border-bottom-color: var(--color-border-dropdown-item-default-faosd8, #e9ebed);
|
|
112
|
-
background-color: #ffffff;
|
|
113
105
|
background-color: var(--color-background-dropdown-item-default-fzdqsg, #ffffff);
|
|
114
|
-
color: #000716;
|
|
115
106
|
color: var(--color-text-dropdown-item-default-7tg9p2, #000716);
|
|
116
107
|
border-left-width: 0;
|
|
117
108
|
border-right-width: 0;
|
|
118
|
-
padding: calc(
|
|
119
|
-
4px + (2px - 1px)
|
|
120
|
-
) calc(12px + 2px);
|
|
121
109
|
padding: calc(
|
|
122
110
|
var(--space-xxs-ynfts5, 4px) + (var(--border-item-width-qbbbsa, 2px) - var(--border-divider-list-width-hacikr, 1px))
|
|
123
111
|
) calc(var(--space-field-horizontal-89h2yr, 12px) + var(--border-item-width-qbbbsa, 2px));
|
|
124
112
|
}
|
|
125
113
|
.awsui_selectable-item_15o6u_19j4z_93.awsui_pad-bottom_15o6u_19j4z_113:not(#\9) {
|
|
126
|
-
padding-bottom: calc(calc(
|
|
127
|
-
4px + (2px - 1px)
|
|
128
|
-
) + 2px);
|
|
129
114
|
padding-bottom: calc(calc(
|
|
130
115
|
var(--space-xxs-ynfts5, 4px) + (var(--border-item-width-qbbbsa, 2px) - var(--border-divider-list-width-hacikr, 1px))
|
|
131
116
|
) + var(--space-xxxs-k2w98v, 2px));
|
|
132
117
|
border-bottom-color: transparent;
|
|
133
118
|
}
|
|
134
119
|
.awsui_selectable-item_15o6u_19j4z_93:not(#\9):not(:first-child) {
|
|
135
|
-
margin-top: calc(-1 * 2px);
|
|
136
120
|
margin-top: calc(-1 * var(--border-item-width-qbbbsa, 2px));
|
|
137
121
|
}
|
|
138
122
|
.awsui_selectable-item_15o6u_19j4z_93.awsui_has-background_15o6u_19j4z_122:not(#\9) {
|
|
139
|
-
background-color: #f4f4f4;
|
|
140
123
|
background-color: var(--color-background-dropdown-item-hover-mqsxkv, #f4f4f4);
|
|
141
124
|
}
|
|
142
125
|
.awsui_selectable-item_15o6u_19j4z_93.awsui_highlighted_15o6u_19j4z_125:not(#\9), .awsui_selectable-item_15o6u_19j4z_93.awsui_selected_15o6u_19j4z_125:not(#\9) {
|
|
143
|
-
color: #000716;
|
|
144
126
|
color: var(--color-text-dropdown-item-highlighted-oaabyk, #000716);
|
|
145
|
-
border-width: 2px;
|
|
146
127
|
border-width: var(--border-item-width-qbbbsa, 2px);
|
|
147
|
-
border-radius: 8px;
|
|
148
128
|
border-radius: var(--border-radius-item-u2ibpi, 8px);
|
|
149
|
-
padding: 4px 12px;
|
|
150
129
|
padding: var(--space-xxs-ynfts5, 4px) var(--space-field-horizontal-89h2yr, 12px);
|
|
151
130
|
}
|
|
152
131
|
.awsui_selectable-item_15o6u_19j4z_93.awsui_highlighted_15o6u_19j4z_125.awsui_pad-bottom_15o6u_19j4z_113:not(#\9), .awsui_selectable-item_15o6u_19j4z_93.awsui_selected_15o6u_19j4z_125.awsui_pad-bottom_15o6u_19j4z_113:not(#\9) {
|
|
153
|
-
padding-bottom: calc(4px + 2px);
|
|
154
132
|
padding-bottom: calc(var(--space-xxs-ynfts5, 4px) + var(--space-xxxs-k2w98v, 2px));
|
|
155
133
|
}
|
|
156
134
|
.awsui_selectable-item_15o6u_19j4z_93.awsui_highlighted_15o6u_19j4z_125:not(#\9) {
|
|
157
135
|
z-index: 2;
|
|
158
|
-
background-color: #f4f4f4;
|
|
159
136
|
background-color: var(--color-background-dropdown-item-hover-mqsxkv, #f4f4f4);
|
|
160
|
-
border-color: #7d8998;
|
|
161
137
|
border-color: var(--color-border-dropdown-item-hover-tyzq9m, #7d8998);
|
|
162
138
|
}
|
|
163
139
|
.awsui_selectable-item_15o6u_19j4z_93.awsui_highlighted_15o6u_19j4z_125.awsui_disabled_15o6u_19j4z_139:not(#\9) {
|
|
164
|
-
color: #9ba7b6;
|
|
165
140
|
color: var(--color-text-dropdown-item-dimmed-jyqdrs, #9ba7b6);
|
|
166
|
-
border-color: #7d8998;
|
|
167
141
|
border-color: var(--color-border-dropdown-item-dimmed-hover-6dhy15, #7d8998);
|
|
168
|
-
background-color: transparent;
|
|
169
142
|
background-color: var(--color-background-dropdown-item-dimmed-qw48ma, transparent);
|
|
170
143
|
}
|
|
171
144
|
.awsui_selectable-item_15o6u_19j4z_93.awsui_selected_15o6u_19j4z_125:not(#\9) {
|
|
172
145
|
z-index: 3;
|
|
173
|
-
background-color: #f2f8fd;
|
|
174
146
|
background-color: var(--color-background-dropdown-item-selected-8l4mpk, #f2f8fd);
|
|
175
|
-
border-color: #0972d3;
|
|
176
147
|
border-color: var(--color-border-dropdown-item-selected-eahq2j, #0972d3);
|
|
177
148
|
}
|
|
178
149
|
.awsui_selectable-item_15o6u_19j4z_93.awsui_selected_15o6u_19j4z_125.awsui_next-item-selected_15o6u_19j4z_149:not(#\9) {
|
|
@@ -184,42 +155,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
184
155
|
border-top-right-radius: 0;
|
|
185
156
|
}
|
|
186
157
|
.awsui_selectable-item_15o6u_19j4z_93.awsui_highlighted_15o6u_19j4z_125.awsui_selected_15o6u_19j4z_125.awsui_is-keyboard_15o6u_19j4z_157:not(#\9) {
|
|
187
|
-
box-shadow: inset 0 0 0 1px #0972d3;
|
|
188
158
|
box-shadow: inset 0 0 0 1px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
189
159
|
}
|
|
190
160
|
.awsui_selectable-item_15o6u_19j4z_93.awsui_parent_15o6u_19j4z_160:not(#\9) {
|
|
191
161
|
font-weight: bold;
|
|
192
|
-
color: #414d5c;
|
|
193
162
|
color: var(--color-text-dropdown-group-label-eaqlcl, #414d5c);
|
|
194
163
|
}
|
|
195
164
|
.awsui_selectable-item_15o6u_19j4z_93.awsui_parent_15o6u_19j4z_160:not(#\9):not(.awsui_interactiveGroups_15o6u_19j4z_164) {
|
|
196
|
-
border-top-color: #e9ebed;
|
|
197
165
|
border-top-color: var(--color-border-dropdown-group-0utpsr, #e9ebed);
|
|
198
|
-
padding: 8px;
|
|
199
166
|
padding: var(--space-xs-rsr2qu, 8px);
|
|
200
167
|
}
|
|
201
168
|
.awsui_selectable-item_15o6u_19j4z_93.awsui_parent_15o6u_19j4z_160.awsui_interactiveGroups_15o6u_19j4z_164:not(#\9) {
|
|
202
|
-
padding: calc(
|
|
203
|
-
8px + (2px - 1px)
|
|
204
|
-
) calc(12px + 2px);
|
|
205
169
|
padding: calc(
|
|
206
170
|
var(--space-xs-rsr2qu, 8px) + (var(--border-item-width-qbbbsa, 2px) - var(--border-divider-list-width-hacikr, 1px))
|
|
207
171
|
) calc(var(--space-field-horizontal-89h2yr, 12px) + var(--border-item-width-qbbbsa, 2px));
|
|
208
172
|
}
|
|
209
173
|
.awsui_selectable-item_15o6u_19j4z_93.awsui_parent_15o6u_19j4z_160.awsui_interactiveGroups_15o6u_19j4z_164.awsui_highlighted_15o6u_19j4z_125:not(#\9), .awsui_selectable-item_15o6u_19j4z_93.awsui_parent_15o6u_19j4z_160.awsui_interactiveGroups_15o6u_19j4z_164.awsui_selected_15o6u_19j4z_125:not(#\9) {
|
|
210
|
-
padding: 8px 12px;
|
|
211
174
|
padding: var(--space-xs-rsr2qu, 8px) var(--space-field-horizontal-89h2yr, 12px);
|
|
212
175
|
}
|
|
213
176
|
.awsui_selectable-item_15o6u_19j4z_93.awsui_child_15o6u_19j4z_176:not(#\9) {
|
|
214
|
-
padding-left: calc(32px + 2px);
|
|
215
177
|
padding-left: calc(var(--space-xxl-2nvmf1, 32px) + var(--border-item-width-qbbbsa, 2px));
|
|
216
178
|
}
|
|
217
179
|
.awsui_selectable-item_15o6u_19j4z_93.awsui_child_15o6u_19j4z_176.awsui_highlighted_15o6u_19j4z_125:not(#\9), .awsui_selectable-item_15o6u_19j4z_93.awsui_child_15o6u_19j4z_176.awsui_selected_15o6u_19j4z_125:not(#\9) {
|
|
218
|
-
padding-left: 32px;
|
|
219
180
|
padding-left: var(--space-xxl-2nvmf1, 32px);
|
|
220
181
|
}
|
|
221
182
|
.awsui_selectable-item_15o6u_19j4z_93.awsui_disabled_15o6u_19j4z_139:not(#\9) {
|
|
222
|
-
color: #9ba7b6;
|
|
223
183
|
color: var(--color-text-dropdown-item-disabled-varol7, #9ba7b6);
|
|
224
184
|
}
|
|
225
185
|
.awsui_selectable-item_15o6u_19j4z_93:not(#\9):not(.awsui_disabled_15o6u_19j4z_139):not(.awsui_parent_15o6u_19j4z_160) {
|
|
@@ -230,14 +190,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
230
190
|
}
|
|
231
191
|
.awsui_selectable-item_15o6u_19j4z_93.awsui_virtual_15o6u_19j4z_191:not(#\9) {
|
|
232
192
|
position: absolute;
|
|
233
|
-
top: 2px;
|
|
234
193
|
top: var(--border-dropdown-virtual-offset-width-fzhepk, 2px);
|
|
235
194
|
left: 0;
|
|
236
195
|
width: 100%;
|
|
237
196
|
box-sizing: border-box;
|
|
238
197
|
}
|
|
239
198
|
.awsui_selectable-item_15o6u_19j4z_93.awsui_virtual_15o6u_19j4z_191:not(#\9):first-of-type:not(.awsui_selected_15o6u_19j4z_125, .awsui_highlighted_15o6u_19j4z_125) {
|
|
240
|
-
border-top-color: transparent;
|
|
241
199
|
border-top-color: var(--color-border-dropdown-item-top-xnzq48, transparent);
|
|
242
200
|
}
|
|
243
201
|
|
|
@@ -248,11 +206,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
248
206
|
width: 100%;
|
|
249
207
|
top: 0;
|
|
250
208
|
left: 0;
|
|
251
|
-
padding-top: 1px;
|
|
252
209
|
padding-top: var(--border-divider-list-width-hacikr, 1px);
|
|
253
210
|
}
|
|
254
211
|
.awsui_measure-strut-first_15o6u_19j4z_211:not(#\9) {
|
|
255
|
-
padding-bottom: 1px;
|
|
256
212
|
padding-bottom: var(--border-divider-list-width-hacikr, 1px);
|
|
257
213
|
}
|
|
258
214
|
|
package/internal/environment.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CartesianChartProps } from '../internal/components/cartesian-chart/interfaces';
|
|
2
2
|
import { ChartDataTypes, MixedLineBarChartProps } from '../mixed-line-bar-chart/interfaces';
|
|
3
|
-
declare type LineSeries<T> = MixedLineBarChartProps.LineDataSeries<T> | MixedLineBarChartProps.ThresholdSeries
|
|
3
|
+
declare type LineSeries<T> = MixedLineBarChartProps.LineDataSeries<T> | MixedLineBarChartProps.ThresholdSeries<T>;
|
|
4
4
|
export interface LineChartProps<T extends ChartDataTypes> extends CartesianChartProps<T, MixedLineBarChartProps.ChartSeries<T>> {
|
|
5
5
|
/**
|
|
6
6
|
* Array that represents the source of data for the displayed chart.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/line-chart/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAE5F,aAAK,UAAU,CAAC,CAAC,IAAI,sBAAsB,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/line-chart/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAE5F,aAAK,UAAU,CAAC,CAAC,IAAI,sBAAsB,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;AAE1G,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,cAAc,CACtD,SAAQ,mBAAmB,CAAC,CAAC,EAAE,sBAAsB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IACrE;;;;;;;;;OASG;IACH,MAAM,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAErC;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAGD,yBAAiB,cAAc,CAAC,GAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/line-chart/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { CartesianChartProps } from '../internal/components/cartesian-chart/interfaces';\nimport { ChartDataTypes, MixedLineBarChartProps } from '../mixed-line-bar-chart/interfaces';\n\ntype LineSeries<T> = MixedLineBarChartProps.LineDataSeries<T> | MixedLineBarChartProps.ThresholdSeries
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/line-chart/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { CartesianChartProps } from '../internal/components/cartesian-chart/interfaces';\nimport { ChartDataTypes, MixedLineBarChartProps } from '../mixed-line-bar-chart/interfaces';\n\ntype LineSeries<T> = MixedLineBarChartProps.LineDataSeries<T> | MixedLineBarChartProps.ThresholdSeries<T>;\n\nexport interface LineChartProps<T extends ChartDataTypes>\n extends CartesianChartProps<T, MixedLineBarChartProps.ChartSeries<T>> {\n /**\n * Array that represents the source of data for the displayed chart.\n * Each element can represent a line series or a threshold, and can have the following properties:\n *\n * * `title` (string): A human-readable title for this series\n * * `type` (string): Series type (`\"line\"`, or `\"threshold\"`)\n * * `data` (Array): An array of data points, represented as objects with `x` and `y` properties\n * * `color` (string): (Optional) A color hex value for this series. When assigned, it takes priority over the automatically assigned color\n * * `valueFormatter` (Function): (Optional) A function that formats data values before rendering in the UI, For example, in the details popover.\n */\n series: ReadonlyArray<LineSeries<T>>;\n\n /**\n * When set to `true`, adds a visual emphasis on the zero baseline axis.\n * See the usage guidelines for more details.\n */\n emphasizeBaselineAxis?: boolean;\n}\n\n// W/o this documenter injects CartesianChartProps namespace properties into LineChartProps definition.\nexport namespace LineChartProps {}\n"]}
|