@cloudscape-design/components 3.0.337 → 3.0.338
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/app-layout/styles.css.js +17 -17
- package/app-layout/styles.scoped.css +21 -21
- package/app-layout/styles.selectors.js +17 -17
- package/app-layout/visual-refresh/styles.css.js +69 -69
- package/app-layout/visual-refresh/styles.scoped.css +173 -169
- package/app-layout/visual-refresh/styles.selectors.js +69 -69
- package/area-chart/chart-container.d.ts +2 -2
- package/area-chart/chart-container.d.ts.map +1 -1
- package/area-chart/chart-container.js +1 -1
- package/area-chart/chart-container.js.map +1 -1
- package/area-chart/interfaces.d.ts +5 -1
- package/area-chart/interfaces.d.ts.map +1 -1
- package/area-chart/interfaces.js.map +1 -1
- package/area-chart/internal.d.ts +1 -1
- package/area-chart/internal.d.ts.map +1 -1
- package/area-chart/internal.js +2 -2
- package/area-chart/internal.js.map +1 -1
- package/attribute-editor/interfaces.d.ts +7 -0
- package/attribute-editor/interfaces.d.ts.map +1 -1
- package/attribute-editor/interfaces.js.map +1 -1
- package/attribute-editor/internal.d.ts.map +1 -1
- package/attribute-editor/internal.js +2 -2
- package/attribute-editor/internal.js.map +1 -1
- package/attribute-editor/row.d.ts +3 -2
- package/attribute-editor/row.d.ts.map +1 -1
- package/attribute-editor/row.js +2 -2
- package/attribute-editor/row.js.map +1 -1
- package/box/styles.css.js +189 -189
- package/box/styles.scoped.css +257 -257
- package/box/styles.selectors.js +189 -189
- package/button/styles.css.js +20 -20
- package/button/styles.scoped.css +154 -154
- package/button/styles.selectors.js +20 -20
- package/button-dropdown/category-elements/styles.css.js +13 -13
- package/button-dropdown/category-elements/styles.scoped.css +25 -25
- package/button-dropdown/category-elements/styles.selectors.js +13 -13
- package/button-dropdown/item-element/styles.css.js +14 -14
- package/button-dropdown/item-element/styles.scoped.css +20 -20
- package/button-dropdown/item-element/styles.selectors.js +14 -14
- package/cards/styles.css.js +38 -38
- package/cards/styles.scoped.css +57 -62
- package/cards/styles.selectors.js +38 -38
- package/container/styles.css.js +28 -28
- package/container/styles.scoped.css +57 -54
- package/container/styles.selectors.js +28 -28
- package/content-layout/styles.css.js +7 -7
- package/content-layout/styles.scoped.css +13 -13
- package/content-layout/styles.selectors.js +7 -7
- package/expandable-section/styles.css.js +29 -29
- package/expandable-section/styles.scoped.css +61 -61
- package/expandable-section/styles.selectors.js +29 -29
- package/flashbar/styles.css.js +46 -46
- package/flashbar/styles.scoped.css +146 -146
- package/flashbar/styles.selectors.js +46 -46
- package/form-field/internal.js +3 -2
- package/form-field/internal.js.map +1 -1
- package/header/internal.d.ts.map +1 -1
- package/header/internal.js +5 -5
- package/header/internal.js.map +1 -1
- package/header/styles.css.js +33 -44
- package/header/styles.scoped.css +85 -91
- package/header/styles.selectors.js +33 -44
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +80 -80
- package/help-panel/styles.selectors.js +4 -4
- package/icon/styles.css.js +21 -21
- package/icon/styles.scoped.css +54 -54
- package/icon/styles.selectors.js +21 -21
- package/internal/analytics/components/analytics-funnel.d.ts.map +1 -1
- package/internal/analytics/components/analytics-funnel.js +14 -13
- package/internal/analytics/components/analytics-funnel.js.map +1 -1
- package/internal/analytics/context/analytics-context.d.ts +6 -7
- package/internal/analytics/context/analytics-context.d.ts.map +1 -1
- package/internal/analytics/context/analytics-context.js +2 -6
- package/internal/analytics/context/analytics-context.js.map +1 -1
- package/internal/analytics/hooks/use-funnel.d.ts +4 -7
- package/internal/analytics/hooks/use-funnel.d.ts.map +1 -1
- package/internal/analytics/hooks/use-funnel.js +9 -7
- package/internal/analytics/hooks/use-funnel.js.map +1 -1
- package/internal/base-component/styles.scoped.css +45 -35
- package/internal/components/button-trigger/index.d.ts +2 -1
- package/internal/components/button-trigger/index.d.ts.map +1 -1
- package/internal/components/button-trigger/index.js +2 -2
- package/internal/components/button-trigger/index.js.map +1 -1
- package/internal/components/cartesian-chart/interfaces.d.ts +10 -2
- package/internal/components/cartesian-chart/interfaces.d.ts.map +1 -1
- package/internal/components/cartesian-chart/interfaces.js.map +1 -1
- package/internal/components/dropdown/index.d.ts +1 -1
- package/internal/components/dropdown/index.d.ts.map +1 -1
- package/internal/components/dropdown/index.js +4 -4
- package/internal/components/dropdown/index.js.map +1 -1
- package/internal/components/dropdown/interfaces.d.ts +8 -0
- package/internal/components/dropdown/interfaces.d.ts.map +1 -1
- package/internal/components/dropdown/interfaces.js.map +1 -1
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +14 -14
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/environment.js +1 -1
- package/internal/generated/theming/index.cjs +153 -120
- package/internal/generated/theming/index.js +153 -120
- package/internal/manifest.json +1 -1
- package/link/internal.d.ts.map +1 -1
- package/link/internal.js +3 -2
- package/link/internal.js.map +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +83 -83
- package/link/styles.selectors.js +20 -20
- package/mixed-line-bar-chart/internal.d.ts +1 -1
- package/mixed-line-bar-chart/internal.d.ts.map +1 -1
- package/mixed-line-bar-chart/internal.js +2 -2
- package/mixed-line-bar-chart/internal.js.map +1 -1
- package/modal/styles.css.js +23 -23
- package/modal/styles.scoped.css +40 -40
- package/modal/styles.selectors.js +23 -23
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +24 -24
- package/pagination/styles.selectors.js +9 -9
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +65 -65
- package/popover/styles.selectors.js +50 -50
- package/property-filter/index.d.ts.map +1 -1
- package/property-filter/index.js +4 -3
- package/property-filter/index.js.map +1 -1
- package/property-filter/interfaces.d.ts +16 -5
- package/property-filter/interfaces.d.ts.map +1 -1
- package/property-filter/interfaces.js.map +1 -1
- package/s3-resource-selector/index.d.ts.map +1 -1
- package/s3-resource-selector/index.js +2 -2
- package/s3-resource-selector/index.js.map +1 -1
- package/s3-resource-selector/interfaces.d.ts +7 -0
- package/s3-resource-selector/interfaces.d.ts.map +1 -1
- package/s3-resource-selector/interfaces.js.map +1 -1
- package/s3-resource-selector/s3-in-context/index.d.ts +1 -0
- package/s3-resource-selector/s3-in-context/index.d.ts.map +1 -1
- package/s3-resource-selector/s3-in-context/index.js +2 -2
- package/s3-resource-selector/s3-in-context/index.js.map +1 -1
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +35 -35
- package/segmented-control/styles.selectors.js +14 -14
- package/select/utils/use-select.d.ts +5 -7
- package/select/utils/use-select.d.ts.map +1 -1
- package/select/utils/use-select.js +6 -0
- package/select/utils/use-select.js.map +1 -1
- package/side-navigation/styles.css.js +28 -28
- package/side-navigation/styles.scoped.css +49 -49
- package/side-navigation/styles.selectors.js +28 -28
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +22 -22
- package/spinner/styles.selectors.js +13 -13
- package/split-panel/styles.css.js +56 -56
- package/split-panel/styles.scoped.css +80 -80
- package/split-panel/styles.selectors.js +56 -56
- package/table/header-cell/styles.css.js +24 -24
- package/table/header-cell/styles.scoped.css +41 -41
- package/table/header-cell/styles.selectors.js +24 -24
- package/table/styles.css.js +34 -34
- package/table/styles.scoped.css +45 -52
- package/table/styles.selectors.js +34 -34
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +41 -41
- package/tabs/styles.selectors.js +21 -21
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +11 -11
- package/tag-editor/styles.selectors.js +3 -3
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +71 -71
- package/text-content/styles.selectors.js +1 -1
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +45 -45
- package/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +74 -74
- package/top-navigation/styles.selectors.js +47 -47
- package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +22 -22
- package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
- package/wizard/interfaces.d.ts +10 -3
- package/wizard/interfaces.d.ts.map +1 -1
- package/wizard/interfaces.js.map +1 -1
- package/wizard/internal.d.ts +1 -1
- package/wizard/internal.d.ts.map +1 -1
- package/wizard/internal.js +5 -5
- package/wizard/internal.js.map +1 -1
- package/wizard/wizard-form.d.ts +2 -1
- package/wizard/wizard-form.d.ts.map +1 -1
- package/wizard/wizard-form.js +2 -2
- package/wizard/wizard-form.js.map +1 -1
|
@@ -90,31 +90,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
.awsui_header-
|
|
93
|
+
.awsui_header-cell_1spae_11xlj_93:not(#\9) {
|
|
94
94
|
position: relative;
|
|
95
95
|
text-align: left;
|
|
96
96
|
box-sizing: border-box;
|
|
97
97
|
border-bottom: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
|
|
98
98
|
background: var(--color-background-table-header-oc36ue, #ffffff);
|
|
99
99
|
color: var(--color-text-column-header-ymulvc, #414d5c);
|
|
100
|
-
font-weight: var(--font-heading-s-weight-
|
|
100
|
+
font-weight: var(--font-heading-s-weight-fzc30w, 700);
|
|
101
101
|
-webkit-font-smoothing: var(--font-smoothing-webkit-fyh4as, antialiased);
|
|
102
102
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-pa2uqe, grayscale);
|
|
103
103
|
padding: var(--space-scaled-xxs-t2t62i, 4px) var(--space-scaled-xs-wbfgrv, 8px);
|
|
104
104
|
}
|
|
105
|
-
.awsui_header-cell-
|
|
105
|
+
.awsui_header-cell-sticky_1spae_11xlj_105:not(#\9) {
|
|
106
106
|
border-bottom: var(--border-table-sticky-width-7ga74x, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
|
|
107
107
|
}
|
|
108
|
-
.awsui_header-cell-
|
|
108
|
+
.awsui_header-cell-stuck_1spae_11xlj_108:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_11xlj_108) {
|
|
109
109
|
border-bottom-color: transparent;
|
|
110
110
|
}
|
|
111
|
-
.awsui_header-cell-variant-full-
|
|
111
|
+
.awsui_header-cell-variant-full-page_1spae_11xlj_108.awsui_header-cell-hidden_1spae_11xlj_111:not(#\9) {
|
|
112
112
|
border-bottom-color: transparent;
|
|
113
113
|
}
|
|
114
|
-
.awsui_header-
|
|
114
|
+
.awsui_header-cell_1spae_11xlj_93:not(#\9):last-child, .awsui_header-cell_1spae_11xlj_93.awsui_header-cell-sortable_1spae_11xlj_114:not(#\9) {
|
|
115
115
|
padding-right: var(--space-xs-edba2s, 8px);
|
|
116
116
|
}
|
|
117
|
-
.awsui_header-
|
|
117
|
+
.awsui_header-cell_1spae_11xlj_93.awsui_sticky-cell_1spae_11xlj_117:not(#\9) {
|
|
118
118
|
position: sticky;
|
|
119
119
|
background: var(--color-background-table-header-oc36ue, #ffffff);
|
|
120
120
|
z-index: 798;
|
|
@@ -122,31 +122,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
122
122
|
transition-duration: var(--motion-duration-transition-show-quick-tx10w8, 90ms);
|
|
123
123
|
transition-timing-function: var(--motion-easing-sticky-c9pq0x, cubic-bezier(1, 0, 0.83, 1));
|
|
124
124
|
}
|
|
125
|
-
.awsui_header-
|
|
125
|
+
.awsui_header-cell_1spae_11xlj_93.awsui_sticky-cell-pad-left_1spae_11xlj_125:not(#\9):not(.awsui_has-selection_1spae_11xlj_125) {
|
|
126
126
|
padding-left: var(--space-table-horizontal-8ca8r3, 20px);
|
|
127
127
|
}
|
|
128
|
-
.awsui_header-
|
|
128
|
+
.awsui_header-cell_1spae_11xlj_93.awsui_sticky-cell-last-left_1spae_11xlj_128:not(#\9) {
|
|
129
129
|
box-shadow: var(--shadow-sticky-column-first-n8r2og, 4px 0px 20px 1px rgba(0, 7, 22, 0.1));
|
|
130
130
|
clip-path: inset(0px -24px 0px 0px);
|
|
131
131
|
}
|
|
132
|
-
.awsui_header-
|
|
132
|
+
.awsui_header-cell_1spae_11xlj_93.awsui_sticky-cell-last-left_1spae_11xlj_128:not(#\9):not(.awsui_header-cell-resizable_1spae_11xlj_132):before {
|
|
133
133
|
display: none;
|
|
134
134
|
}
|
|
135
|
-
.awsui_header-
|
|
135
|
+
.awsui_header-cell_1spae_11xlj_93.awsui_sticky-cell-last-right_1spae_11xlj_135:not(#\9) {
|
|
136
136
|
box-shadow: var(--shadow-sticky-column-last-gplke4, -4px 0 20px 1px rgba(0, 28, 36, 0.1));
|
|
137
137
|
clip-path: inset(0 0 0 -24px);
|
|
138
138
|
}
|
|
139
139
|
@media (prefers-reduced-motion: reduce) {
|
|
140
|
-
.awsui_header-
|
|
140
|
+
.awsui_header-cell_1spae_11xlj_93.awsui_sticky-cell_1spae_11xlj_117:not(#\9) {
|
|
141
141
|
animation: none;
|
|
142
142
|
transition: none;
|
|
143
143
|
}
|
|
144
144
|
}
|
|
145
|
-
.awsui-motion-disabled .awsui_header-
|
|
145
|
+
.awsui-motion-disabled .awsui_header-cell_1spae_11xlj_93.awsui_sticky-cell_1spae_11xlj_117:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_11xlj_93.awsui_sticky-cell_1spae_11xlj_117:not(#\9) {
|
|
146
146
|
animation: none;
|
|
147
147
|
transition: none;
|
|
148
148
|
}
|
|
149
|
-
.awsui_header-
|
|
149
|
+
.awsui_header-cell_1spae_11xlj_93:not(#\9):not(:last-child):before {
|
|
150
150
|
content: "";
|
|
151
151
|
position: absolute;
|
|
152
152
|
right: 0;
|
|
@@ -158,11 +158,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
158
158
|
border-left: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
|
|
159
159
|
box-sizing: border-box;
|
|
160
160
|
}
|
|
161
|
-
.awsui_header-cell-
|
|
161
|
+
.awsui_header-cell-resizable_1spae_11xlj_132:not(#\9):not(:last-child):before {
|
|
162
162
|
border-left-color: var(--color-border-divider-interactive-default-u9xuwg, #7d8998);
|
|
163
163
|
}
|
|
164
164
|
|
|
165
|
-
.awsui_sorting-
|
|
165
|
+
.awsui_sorting-icon_1spae_11xlj_165:not(#\9) {
|
|
166
166
|
position: absolute;
|
|
167
167
|
top: 50%;
|
|
168
168
|
transform: translateY(-50%);
|
|
@@ -170,31 +170,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
170
170
|
color: var(--color-text-column-sorting-icon-t4cvba, #414d5c);
|
|
171
171
|
}
|
|
172
172
|
|
|
173
|
-
.awsui_edit-
|
|
173
|
+
.awsui_edit-icon_1spae_11xlj_173:not(#\9) {
|
|
174
174
|
margin-left: var(--space-xxs-ja5cp8, 4px);
|
|
175
175
|
margin-top: var(--space-scaled-xxs-t2t62i, 4px);
|
|
176
176
|
color: inherit;
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
.awsui_header-cell-
|
|
179
|
+
.awsui_header-cell-content_1spae_11xlj_179:not(#\9) {
|
|
180
180
|
position: relative;
|
|
181
181
|
padding: var(--space-scaled-xxs-t2t62i, 4px) var(--space-s-hdd878, 12px);
|
|
182
182
|
}
|
|
183
|
-
.awsui_header-cell-
|
|
183
|
+
.awsui_header-cell-sortable_1spae_11xlj_114 > .awsui_header-cell-content_1spae_11xlj_179:not(#\9) {
|
|
184
184
|
padding-right: calc(var(--space-xl-gsucfg, 24px) + var(--space-xxs-ja5cp8, 4px));
|
|
185
185
|
}
|
|
186
|
-
.awsui_header-cell-
|
|
186
|
+
.awsui_header-cell-content_1spae_11xlj_179:not(#\9):focus {
|
|
187
187
|
outline: none;
|
|
188
188
|
text-decoration: none;
|
|
189
189
|
}
|
|
190
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
190
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_11xlj_179:not(#\9):focus {
|
|
191
191
|
position: relative;
|
|
192
192
|
}
|
|
193
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
193
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_11xlj_179:not(#\9):focus {
|
|
194
194
|
outline: 2px dotted transparent;
|
|
195
195
|
outline-offset: calc(var(--space-table-header-focus-outline-gutter-vket9r, 0px) - 1px);
|
|
196
196
|
}
|
|
197
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
197
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_11xlj_179:not(#\9):focus::before {
|
|
198
198
|
content: " ";
|
|
199
199
|
display: block;
|
|
200
200
|
position: absolute;
|
|
@@ -205,14 +205,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1knid_179:n
|
|
|
205
205
|
border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
|
|
206
206
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
|
|
207
207
|
}
|
|
208
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
208
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_11xlj_179.awsui_header-cell-fake-focus_1spae_11xlj_208:not(#\9) {
|
|
209
209
|
position: relative;
|
|
210
210
|
}
|
|
211
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
211
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_11xlj_179.awsui_header-cell-fake-focus_1spae_11xlj_208:not(#\9) {
|
|
212
212
|
outline: 2px dotted transparent;
|
|
213
213
|
outline-offset: calc(var(--space-table-header-focus-outline-gutter-vket9r, 0px) - 1px);
|
|
214
214
|
}
|
|
215
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
215
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_11xlj_179.awsui_header-cell-fake-focus_1spae_11xlj_208:not(#\9)::before {
|
|
216
216
|
content: " ";
|
|
217
217
|
display: block;
|
|
218
218
|
position: absolute;
|
|
@@ -223,33 +223,33 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1knid_179.a
|
|
|
223
223
|
border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
|
|
224
224
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
|
|
225
225
|
}
|
|
226
|
-
.awsui_header-cell-
|
|
226
|
+
.awsui_header-cell-disabled_1spae_11xlj_226.awsui_header-cell-sorted_1spae_11xlj_226 > .awsui_header-cell-content_1spae_11xlj_179 > .awsui_sorting-icon_1spae_11xlj_165:not(#\9) {
|
|
227
227
|
color: var(--color-text-interactive-disabled-nss20z, #9ba7b6);
|
|
228
228
|
}
|
|
229
229
|
|
|
230
|
-
.awsui_header-cell-
|
|
230
|
+
.awsui_header-cell-sortable_1spae_11xlj_114:not(#\9):not(.awsui_header-cell-disabled_1spae_11xlj_226) > .awsui_header-cell-content_1spae_11xlj_179 {
|
|
231
231
|
cursor: pointer;
|
|
232
232
|
}
|
|
233
|
-
.awsui_header-cell-
|
|
233
|
+
.awsui_header-cell-sortable_1spae_11xlj_114:not(#\9):not(.awsui_header-cell-disabled_1spae_11xlj_226) > .awsui_header-cell-content_1spae_11xlj_179:hover, .awsui_header-cell-sortable_1spae_11xlj_114:not(#\9):not(.awsui_header-cell-disabled_1spae_11xlj_226).awsui_header-cell-sorted_1spae_11xlj_226 > .awsui_header-cell-content_1spae_11xlj_179 {
|
|
234
234
|
color: var(--color-text-interactive-active-atr0kj, #000716);
|
|
235
235
|
}
|
|
236
|
-
.awsui_header-cell-
|
|
236
|
+
.awsui_header-cell-sortable_1spae_11xlj_114:not(#\9):not(.awsui_header-cell-disabled_1spae_11xlj_226) > .awsui_header-cell-content_1spae_11xlj_179:hover > .awsui_sorting-icon_1spae_11xlj_165, .awsui_header-cell-sortable_1spae_11xlj_114:not(#\9):not(.awsui_header-cell-disabled_1spae_11xlj_226).awsui_header-cell-sorted_1spae_11xlj_226 > .awsui_header-cell-content_1spae_11xlj_179 > .awsui_sorting-icon_1spae_11xlj_165 {
|
|
237
237
|
color: var(--color-text-interactive-active-atr0kj, #000716);
|
|
238
238
|
}
|
|
239
239
|
|
|
240
|
-
.awsui_header-cell-
|
|
240
|
+
.awsui_header-cell-text_1spae_11xlj_240:not(#\9) {
|
|
241
241
|
line-height: var(--font-heading-xs-line-height-yt5y4b, 18px);
|
|
242
242
|
padding-top: calc(var(--space-xxxs-j6dpcy, 2px) / 2);
|
|
243
243
|
padding-bottom: calc(var(--space-xxxs-j6dpcy, 2px) / 2);
|
|
244
244
|
}
|
|
245
|
-
.awsui_header-cell-
|
|
245
|
+
.awsui_header-cell-text_1spae_11xlj_240:not(#\9):not(.awsui_header-cell-text-wrap_1spae_11xlj_245) {
|
|
246
246
|
white-space: nowrap;
|
|
247
247
|
overflow: hidden;
|
|
248
248
|
text-overflow: ellipsis;
|
|
249
249
|
}
|
|
250
250
|
|
|
251
|
-
.awsui_header-cell-
|
|
252
|
-
.awsui_header-cell-
|
|
251
|
+
.awsui_header-cell-ascending_1spae_11xlj_251:not(#\9),
|
|
252
|
+
.awsui_header-cell-descending_1spae_11xlj_252:not(#\9) {
|
|
253
253
|
/* used in test-utils */
|
|
254
254
|
}
|
|
255
255
|
|
|
@@ -259,29 +259,29 @@ with the left edge of the table as closely as possible. If the
|
|
|
259
259
|
last header cell is sortable the sort icon should align with the
|
|
260
260
|
settings icon in the pagination slot.
|
|
261
261
|
*/
|
|
262
|
-
.awsui_header-
|
|
262
|
+
.awsui_header-cell_1spae_11xlj_93:not(#\9):not(.awsui_is-visual-refresh_1spae_11xlj_262):first-child {
|
|
263
263
|
padding-left: var(--space-xs-edba2s, 8px);
|
|
264
264
|
}
|
|
265
265
|
|
|
266
|
-
.awsui_header-
|
|
266
|
+
.awsui_header-cell_1spae_11xlj_93.awsui_is-visual-refresh_1spae_11xlj_262:not(#\9) {
|
|
267
267
|
/*
|
|
268
268
|
Striped rows requires additional left padding because the
|
|
269
269
|
shaded background makes the child content appear too close
|
|
270
270
|
to the table edge.
|
|
271
271
|
*/
|
|
272
272
|
}
|
|
273
|
-
.awsui_header-
|
|
273
|
+
.awsui_header-cell_1spae_11xlj_93.awsui_is-visual-refresh_1spae_11xlj_262:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_11xlj_273) {
|
|
274
274
|
padding-left: var(--space-xxxs-j6dpcy, 2px);
|
|
275
275
|
}
|
|
276
|
-
.awsui_header-
|
|
276
|
+
.awsui_header-cell_1spae_11xlj_93.awsui_is-visual-refresh_1spae_11xlj_262:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_11xlj_273).awsui_sticky-cell-pad-left_1spae_11xlj_125 {
|
|
277
277
|
padding-left: var(--space-table-horizontal-8ca8r3, 20px);
|
|
278
278
|
}
|
|
279
|
-
.awsui_header-
|
|
279
|
+
.awsui_header-cell_1spae_11xlj_93.awsui_is-visual-refresh_1spae_11xlj_262:not(#\9):first-child.awsui_has-striped-rows_1spae_11xlj_273 {
|
|
280
280
|
padding-left: var(--space-xxs-ja5cp8, 4px);
|
|
281
281
|
}
|
|
282
|
-
.awsui_header-
|
|
282
|
+
.awsui_header-cell_1spae_11xlj_93.awsui_is-visual-refresh_1spae_11xlj_262:not(#\9):first-child > .awsui_header-cell-content_1spae_11xlj_179 {
|
|
283
283
|
padding-left: 0;
|
|
284
284
|
}
|
|
285
|
-
.awsui_header-
|
|
285
|
+
.awsui_header-cell_1spae_11xlj_93.awsui_is-visual-refresh_1spae_11xlj_262:not(#\9):last-child.awsui_header-cell-sortable_1spae_11xlj_114 {
|
|
286
286
|
padding-right: var(--space-xxxs-j6dpcy, 2px);
|
|
287
287
|
}
|
|
@@ -2,29 +2,29 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"header-cell": "awsui_header-
|
|
6
|
-
"header-cell-sticky": "awsui_header-cell-
|
|
7
|
-
"header-cell-stuck": "awsui_header-cell-
|
|
8
|
-
"header-cell-variant-full-page": "awsui_header-cell-variant-full-
|
|
9
|
-
"header-cell-hidden": "awsui_header-cell-
|
|
10
|
-
"header-cell-sortable": "awsui_header-cell-
|
|
11
|
-
"sticky-cell": "awsui_sticky-
|
|
12
|
-
"sticky-cell-pad-left": "awsui_sticky-cell-pad-
|
|
13
|
-
"has-selection": "awsui_has-
|
|
14
|
-
"sticky-cell-last-left": "awsui_sticky-cell-last-
|
|
15
|
-
"header-cell-resizable": "awsui_header-cell-
|
|
16
|
-
"sticky-cell-last-right": "awsui_sticky-cell-last-
|
|
17
|
-
"sorting-icon": "awsui_sorting-
|
|
18
|
-
"edit-icon": "awsui_edit-
|
|
19
|
-
"header-cell-content": "awsui_header-cell-
|
|
20
|
-
"header-cell-fake-focus": "awsui_header-cell-fake-
|
|
21
|
-
"header-cell-disabled": "awsui_header-cell-
|
|
22
|
-
"header-cell-sorted": "awsui_header-cell-
|
|
23
|
-
"header-cell-text": "awsui_header-cell-
|
|
24
|
-
"header-cell-text-wrap": "awsui_header-cell-text-
|
|
25
|
-
"header-cell-ascending": "awsui_header-cell-
|
|
26
|
-
"header-cell-descending": "awsui_header-cell-
|
|
27
|
-
"is-visual-refresh": "awsui_is-visual-
|
|
28
|
-
"has-striped-rows": "awsui_has-striped-
|
|
5
|
+
"header-cell": "awsui_header-cell_1spae_11xlj_93",
|
|
6
|
+
"header-cell-sticky": "awsui_header-cell-sticky_1spae_11xlj_105",
|
|
7
|
+
"header-cell-stuck": "awsui_header-cell-stuck_1spae_11xlj_108",
|
|
8
|
+
"header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_11xlj_108",
|
|
9
|
+
"header-cell-hidden": "awsui_header-cell-hidden_1spae_11xlj_111",
|
|
10
|
+
"header-cell-sortable": "awsui_header-cell-sortable_1spae_11xlj_114",
|
|
11
|
+
"sticky-cell": "awsui_sticky-cell_1spae_11xlj_117",
|
|
12
|
+
"sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_11xlj_125",
|
|
13
|
+
"has-selection": "awsui_has-selection_1spae_11xlj_125",
|
|
14
|
+
"sticky-cell-last-left": "awsui_sticky-cell-last-left_1spae_11xlj_128",
|
|
15
|
+
"header-cell-resizable": "awsui_header-cell-resizable_1spae_11xlj_132",
|
|
16
|
+
"sticky-cell-last-right": "awsui_sticky-cell-last-right_1spae_11xlj_135",
|
|
17
|
+
"sorting-icon": "awsui_sorting-icon_1spae_11xlj_165",
|
|
18
|
+
"edit-icon": "awsui_edit-icon_1spae_11xlj_173",
|
|
19
|
+
"header-cell-content": "awsui_header-cell-content_1spae_11xlj_179",
|
|
20
|
+
"header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_11xlj_208",
|
|
21
|
+
"header-cell-disabled": "awsui_header-cell-disabled_1spae_11xlj_226",
|
|
22
|
+
"header-cell-sorted": "awsui_header-cell-sorted_1spae_11xlj_226",
|
|
23
|
+
"header-cell-text": "awsui_header-cell-text_1spae_11xlj_240",
|
|
24
|
+
"header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_11xlj_245",
|
|
25
|
+
"header-cell-ascending": "awsui_header-cell-ascending_1spae_11xlj_251",
|
|
26
|
+
"header-cell-descending": "awsui_header-cell-descending_1spae_11xlj_252",
|
|
27
|
+
"is-visual-refresh": "awsui_is-visual-refresh_1spae_11xlj_262",
|
|
28
|
+
"has-striped-rows": "awsui_has-striped-rows_1spae_11xlj_273"
|
|
29
29
|
};
|
|
30
30
|
|
package/table/styles.css.js
CHANGED
|
@@ -1,39 +1,39 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"tools": "
|
|
6
|
-
"tools-filtering": "awsui_tools-
|
|
7
|
-
"tools-align-right": "awsui_tools-align-
|
|
8
|
-
"tools-pagination": "awsui_tools-
|
|
9
|
-
"tools-preferences": "awsui_tools-
|
|
10
|
-
"tools-small": "awsui_tools-
|
|
11
|
-
"table": "
|
|
12
|
-
"table-layout-fixed": "awsui_table-layout-
|
|
13
|
-
"wrapper": "
|
|
14
|
-
"variant-stacked": "awsui_variant-
|
|
15
|
-
"variant-container": "awsui_variant-
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"header-
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"variant-
|
|
31
|
-
"footer-wrapper": "awsui_footer-
|
|
32
|
-
"footer": "
|
|
33
|
-
"footer-with-pagination": "awsui_footer-with-
|
|
34
|
-
"footer-pagination": "awsui_footer-
|
|
35
|
-
"thead-active": "awsui_thead-
|
|
36
|
-
"row": "
|
|
37
|
-
"row-selected": "awsui_row-
|
|
4
|
+
"root": "awsui_root_wih1l_183rn_97",
|
|
5
|
+
"tools": "awsui_tools_wih1l_183rn_108",
|
|
6
|
+
"tools-filtering": "awsui_tools-filtering_wih1l_183rn_114",
|
|
7
|
+
"tools-align-right": "awsui_tools-align-right_wih1l_183rn_128",
|
|
8
|
+
"tools-pagination": "awsui_tools-pagination_wih1l_183rn_132",
|
|
9
|
+
"tools-preferences": "awsui_tools-preferences_wih1l_183rn_132",
|
|
10
|
+
"tools-small": "awsui_tools-small_wih1l_183rn_138",
|
|
11
|
+
"table": "awsui_table_wih1l_183rn_144",
|
|
12
|
+
"table-layout-fixed": "awsui_table-layout-fixed_wih1l_183rn_150",
|
|
13
|
+
"wrapper": "awsui_wrapper_wih1l_183rn_154",
|
|
14
|
+
"variant-stacked": "awsui_variant-stacked_wih1l_183rn_161",
|
|
15
|
+
"variant-container": "awsui_variant-container_wih1l_183rn_161",
|
|
16
|
+
"has-footer": "awsui_has-footer_wih1l_183rn_165",
|
|
17
|
+
"has-header": "awsui_has-header_wih1l_183rn_168",
|
|
18
|
+
"cell-merged": "awsui_cell-merged_wih1l_183rn_182",
|
|
19
|
+
"cell-merged-content": "awsui_cell-merged-content_wih1l_183rn_193",
|
|
20
|
+
"empty": "awsui_empty_wih1l_183rn_208",
|
|
21
|
+
"loading": "awsui_loading_wih1l_183rn_212",
|
|
22
|
+
"selection-control": "awsui_selection-control_wih1l_183rn_221",
|
|
23
|
+
"selection-control-header": "awsui_selection-control-header_wih1l_183rn_228",
|
|
24
|
+
"dark-header": "awsui_dark-header_wih1l_183rn_237",
|
|
25
|
+
"header-secondary": "awsui_header-secondary_wih1l_183rn_242",
|
|
26
|
+
"table-has-header": "awsui_table-has-header_wih1l_183rn_258",
|
|
27
|
+
"header-controls": "awsui_header-controls_wih1l_183rn_262",
|
|
28
|
+
"variant-full-page": "awsui_variant-full-page_wih1l_183rn_266",
|
|
29
|
+
"variant-embedded": "awsui_variant-embedded_wih1l_183rn_274",
|
|
30
|
+
"variant-borderless": "awsui_variant-borderless_wih1l_183rn_274",
|
|
31
|
+
"footer-wrapper": "awsui_footer-wrapper_wih1l_183rn_280",
|
|
32
|
+
"footer": "awsui_footer_wih1l_183rn_280",
|
|
33
|
+
"footer-with-pagination": "awsui_footer-with-pagination_wih1l_183rn_288",
|
|
34
|
+
"footer-pagination": "awsui_footer-pagination_wih1l_183rn_296",
|
|
35
|
+
"thead-active": "awsui_thead-active_wih1l_183rn_300",
|
|
36
|
+
"row": "awsui_row_wih1l_183rn_301",
|
|
37
|
+
"row-selected": "awsui_row-selected_wih1l_183rn_302"
|
|
38
38
|
};
|
|
39
39
|
|
package/table/styles.scoped.css
CHANGED
|
@@ -94,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
94
94
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
95
95
|
SPDX-License-Identifier: Apache-2.0
|
|
96
96
|
*/
|
|
97
|
-
.
|
|
97
|
+
.awsui_root_wih1l_183rn_97:not(#\9) {
|
|
98
98
|
font-size: var(--font-body-m-size-7dign1, 14px);
|
|
99
99
|
line-height: var(--font-body-m-line-height-ghizru, 20px);
|
|
100
100
|
color: var(--color-text-body-default-su7kuo, #000716);
|
|
@@ -105,100 +105,92 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
105
105
|
width: 100%;
|
|
106
106
|
}
|
|
107
107
|
|
|
108
|
-
.
|
|
108
|
+
.awsui_tools_wih1l_183rn_108:not(#\9) {
|
|
109
109
|
display: flex;
|
|
110
110
|
align-items: flex-end;
|
|
111
111
|
flex-wrap: wrap;
|
|
112
|
-
padding: var(--space-scaled-xs-wbfgrv, 8px) 0 var(--space-
|
|
112
|
+
padding: var(--space-scaled-xs-wbfgrv, 8px) 0 var(--space-table-header-tools-bottom-u3xvv0, 0px);
|
|
113
113
|
}
|
|
114
|
-
.awsui_tools-
|
|
114
|
+
.awsui_tools-filtering_wih1l_183rn_114:not(#\9) {
|
|
115
115
|
max-width: 100%;
|
|
116
116
|
margin-right: var(--space-l-f4l5gr, 20px);
|
|
117
117
|
}
|
|
118
118
|
@supports (flex-basis: fit-content) {
|
|
119
|
-
.awsui_tools-
|
|
119
|
+
.awsui_tools-filtering_wih1l_183rn_114:not(#\9) {
|
|
120
120
|
flex: 1 1 fit-content;
|
|
121
121
|
}
|
|
122
122
|
}
|
|
123
123
|
@supports not (flex-basis: fit-content) {
|
|
124
|
-
.awsui_tools-
|
|
124
|
+
.awsui_tools-filtering_wih1l_183rn_114:not(#\9) {
|
|
125
125
|
flex: 1 1 auto;
|
|
126
126
|
}
|
|
127
127
|
}
|
|
128
|
-
.awsui_tools-align-
|
|
128
|
+
.awsui_tools-align-right_wih1l_183rn_128:not(#\9) {
|
|
129
129
|
display: flex;
|
|
130
130
|
margin-left: auto;
|
|
131
131
|
}
|
|
132
|
-
.awsui_tools-
|
|
132
|
+
.awsui_tools-pagination_wih1l_183rn_132 + .awsui_tools-preferences_wih1l_183rn_132:not(#\9) {
|
|
133
133
|
border-left: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
|
|
134
134
|
box-sizing: border-box;
|
|
135
135
|
margin-left: var(--space-xs-edba2s, 8px);
|
|
136
136
|
padding-left: var(--space-xs-edba2s, 8px);
|
|
137
137
|
}
|
|
138
|
-
.awsui_tools-
|
|
138
|
+
.awsui_tools-small_wih1l_183rn_138 > .awsui_tools-filtering_wih1l_183rn_114:not(#\9) {
|
|
139
139
|
margin-right: 0;
|
|
140
140
|
margin-bottom: var(--space-scaled-xs-wbfgrv, 8px);
|
|
141
141
|
flex-basis: 100%;
|
|
142
142
|
}
|
|
143
143
|
|
|
144
|
-
.
|
|
144
|
+
.awsui_table_wih1l_183rn_144:not(#\9) {
|
|
145
145
|
width: 100%;
|
|
146
146
|
border-spacing: 0;
|
|
147
147
|
position: relative;
|
|
148
148
|
box-sizing: border-box;
|
|
149
149
|
}
|
|
150
|
-
.awsui_table-layout-
|
|
150
|
+
.awsui_table-layout-fixed_wih1l_183rn_150:not(#\9) {
|
|
151
151
|
table-layout: fixed;
|
|
152
152
|
}
|
|
153
153
|
|
|
154
|
-
.
|
|
154
|
+
.awsui_wrapper_wih1l_183rn_154:not(#\9) {
|
|
155
155
|
position: relative;
|
|
156
156
|
box-sizing: border-box;
|
|
157
157
|
width: 100%;
|
|
158
|
-
padding-top: var(--space-table-content-top-7kuusn, 12px);
|
|
159
|
-
padding-bottom: var(--space-table-content-bottom-xssi3v, 4px);
|
|
160
158
|
overflow-x: auto;
|
|
161
159
|
scrollbar-width: none; /* Hide scrollbar in Firefox */
|
|
162
160
|
}
|
|
163
|
-
.
|
|
161
|
+
.awsui_wrapper_wih1l_183rn_154.awsui_variant-stacked_wih1l_183rn_161 > .awsui_table_wih1l_183rn_144:not(#\9), .awsui_wrapper_wih1l_183rn_154.awsui_variant-container_wih1l_183rn_161 > .awsui_table_wih1l_183rn_144:not(#\9) {
|
|
164
162
|
padding-left: var(--space-table-horizontal-8ca8r3, 20px);
|
|
165
163
|
padding-right: var(--space-table-horizontal-8ca8r3, 20px);
|
|
166
164
|
}
|
|
167
|
-
.
|
|
168
|
-
padding-bottom: var(--space-table-
|
|
169
|
-
}
|
|
170
|
-
.awsui_wrapper_wih1l_1czvh_154.awsui_has-header_wih1l_1czvh_170:not(#\9) {
|
|
171
|
-
padding-top: 0px;
|
|
172
|
-
}
|
|
173
|
-
.awsui_wrapper_wih1l_1czvh_154.awsui_has-footer_wih1l_1czvh_173:not(#\9) {
|
|
174
|
-
padding-bottom: 0px;
|
|
165
|
+
.awsui_wrapper_wih1l_183rn_154.awsui_variant-container_wih1l_183rn_161:not(#\9):not(.awsui_has-footer_wih1l_183rn_165) {
|
|
166
|
+
padding-bottom: var(--space-table-content-bottom-xssi3v, 4px);
|
|
175
167
|
}
|
|
176
|
-
.
|
|
168
|
+
.awsui_wrapper_wih1l_183rn_154:not(#\9):not(.awsui_has-header_wih1l_183rn_168) {
|
|
177
169
|
border-top-right-radius: var(--border-radius-container-pmtq2d, 16px);
|
|
178
170
|
border-top-left-radius: var(--border-radius-container-pmtq2d, 16px);
|
|
179
171
|
}
|
|
180
|
-
.
|
|
172
|
+
.awsui_wrapper_wih1l_183rn_154:not(#\9)::-webkit-scrollbar {
|
|
181
173
|
display: none; /* Hide scrollbar in Safari and Chrome */
|
|
182
174
|
}
|
|
183
|
-
body[data-awsui-focus-visible=true] .
|
|
175
|
+
body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_183rn_154:not(#\9):focus {
|
|
184
176
|
outline: 2px dotted transparent;
|
|
185
177
|
outline-offset: 2px;
|
|
186
178
|
border-radius: var(--border-radius-container-pmtq2d, 16px);
|
|
187
179
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
|
|
188
180
|
}
|
|
189
181
|
|
|
190
|
-
.awsui_cell-
|
|
182
|
+
.awsui_cell-merged_wih1l_183rn_182:not(#\9) {
|
|
191
183
|
text-align: center;
|
|
192
184
|
padding: 0;
|
|
193
185
|
}
|
|
194
|
-
.awsui_cell-
|
|
186
|
+
.awsui_cell-merged_wih1l_183rn_182.awsui_has-footer_wih1l_183rn_165:not(#\9) {
|
|
195
187
|
/*
|
|
196
188
|
Add a bottom border to the body cell of an empty table as a separator between the
|
|
197
189
|
table and the footer
|
|
198
190
|
*/
|
|
199
191
|
border-bottom: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
|
|
200
192
|
}
|
|
201
|
-
.awsui_cell-merged-
|
|
193
|
+
.awsui_cell-merged-content_wih1l_183rn_193:not(#\9) {
|
|
202
194
|
box-sizing: border-box;
|
|
203
195
|
width: 100%;
|
|
204
196
|
padding: var(--space-scaled-m-gxhdpl, 16px) var(--space-l-f4l5gr, 20px) var(--space-scaled-l-2rs0gk, 20px);
|
|
@@ -206,18 +198,18 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1czvh_154:not(#\9):focu
|
|
|
206
198
|
/* stylelint-enable plugin/no-unsupported-browser-features */
|
|
207
199
|
}
|
|
208
200
|
@supports (position: sticky) {
|
|
209
|
-
.awsui_cell-merged-
|
|
201
|
+
.awsui_cell-merged-content_wih1l_183rn_193:not(#\9) {
|
|
210
202
|
position: sticky;
|
|
211
203
|
left: 0;
|
|
212
204
|
margin: 0 calc(-2 * var(--space-table-horizontal-8ca8r3, 20px));
|
|
213
205
|
}
|
|
214
206
|
}
|
|
215
207
|
|
|
216
|
-
.
|
|
208
|
+
.awsui_empty_wih1l_183rn_208:not(#\9) {
|
|
217
209
|
color: var(--color-text-empty-v5xueo, #5f6b7a);
|
|
218
210
|
}
|
|
219
211
|
|
|
220
|
-
.
|
|
212
|
+
.awsui_loading_wih1l_183rn_212:not(#\9) {
|
|
221
213
|
/* used in test-utils */
|
|
222
214
|
}
|
|
223
215
|
|
|
@@ -226,14 +218,14 @@ The min/max/width token values in Visual Refresh should align
|
|
|
226
218
|
the table header and body cells selection control with the table
|
|
227
219
|
filter search icon.
|
|
228
220
|
*/
|
|
229
|
-
.awsui_selection-
|
|
221
|
+
.awsui_selection-control_wih1l_183rn_221:not(#\9) {
|
|
230
222
|
box-sizing: border-box;
|
|
231
223
|
max-width: var(--size-table-selection-horizontal-jcyaue, 40px);
|
|
232
224
|
min-width: var(--size-table-selection-horizontal-jcyaue, 40px);
|
|
233
225
|
position: relative;
|
|
234
226
|
width: var(--size-table-selection-horizontal-jcyaue, 40px);
|
|
235
227
|
}
|
|
236
|
-
.awsui_selection-
|
|
228
|
+
.awsui_selection-control_wih1l_183rn_221.awsui_selection-control-header_wih1l_183rn_228:not(#\9) {
|
|
237
229
|
padding: var(--space-scaled-xs-wbfgrv, 8px) var(--space-scaled-l-2rs0gk, 20px);
|
|
238
230
|
border-left: var(--border-item-width-y36svo, 2px) solid transparent;
|
|
239
231
|
}
|
|
@@ -242,12 +234,12 @@ filter search icon.
|
|
|
242
234
|
The dynamic height dark header needs a background that will cover
|
|
243
235
|
the default white background of the container component.
|
|
244
236
|
*/
|
|
245
|
-
.awsui_dark-
|
|
237
|
+
.awsui_dark-header_wih1l_183rn_237:not(#\9) {
|
|
246
238
|
background-color: var(--color-background-layout-main-m49752, #ffffff);
|
|
247
239
|
color: var(--color-text-body-default-su7kuo, #000716);
|
|
248
240
|
}
|
|
249
241
|
|
|
250
|
-
.awsui_header-
|
|
242
|
+
.awsui_header-secondary_wih1l_183rn_242:not(#\9) {
|
|
251
243
|
overflow: auto;
|
|
252
244
|
-ms-overflow-style: none; /* Internet Explorer 10+ */
|
|
253
245
|
scrollbar-width: none; /* Firefox */
|
|
@@ -256,43 +248,44 @@ the default white background of the container component.
|
|
|
256
248
|
border-radius: 0;
|
|
257
249
|
background: var(--color-background-table-header-oc36ue, #ffffff);
|
|
258
250
|
}
|
|
259
|
-
.awsui_header-
|
|
251
|
+
.awsui_header-secondary_wih1l_183rn_242.awsui_variant-stacked_wih1l_183rn_161 > .awsui_table_wih1l_183rn_144:not(#\9), .awsui_header-secondary_wih1l_183rn_242.awsui_variant-container_wih1l_183rn_161 > .awsui_table_wih1l_183rn_144:not(#\9) {
|
|
260
252
|
padding-left: var(--space-table-horizontal-8ca8r3, 20px);
|
|
261
253
|
padding-right: var(--space-table-horizontal-8ca8r3, 20px);
|
|
262
254
|
}
|
|
263
|
-
.awsui_header-
|
|
255
|
+
.awsui_header-secondary_wih1l_183rn_242:not(#\9)::-webkit-scrollbar {
|
|
264
256
|
display: none; /* Safari and Chrome */
|
|
265
257
|
}
|
|
266
|
-
.awsui_header-
|
|
258
|
+
.awsui_header-secondary_wih1l_183rn_242.awsui_table-has-header_wih1l_183rn_258:not(#\9) {
|
|
267
259
|
border-top: var(--border-divider-list-width-um3zli, 1px) solid var(--color-border-container-divider-tildlh, transparent);
|
|
268
260
|
}
|
|
269
261
|
|
|
270
|
-
.awsui_header-
|
|
271
|
-
padding-top: var(--space-container-header-
|
|
272
|
-
padding-bottom: var(--space-container-header-
|
|
262
|
+
.awsui_header-controls_wih1l_183rn_262:not(#\9) {
|
|
263
|
+
padding-top: var(--space-container-header-top-a9tz2a, 12px);
|
|
264
|
+
padding-bottom: var(--space-container-header-bottom-f79ib3, 8px);
|
|
273
265
|
}
|
|
274
|
-
.awsui_header-
|
|
266
|
+
.awsui_header-controls_wih1l_183rn_262.awsui_variant-full-page_wih1l_183rn_266:not(#\9) {
|
|
275
267
|
padding-top: 0;
|
|
268
|
+
padding-bottom: calc(var(--space-container-header-bottom-f79ib3, 8px) + var(--space-table-header-tools-full-page-bottom-4uhg4l, 4px));
|
|
276
269
|
}
|
|
277
|
-
.awsui_header-
|
|
270
|
+
.awsui_header-controls_wih1l_183rn_262.awsui_variant-stacked_wih1l_183rn_161:not(#\9), .awsui_header-controls_wih1l_183rn_262.awsui_variant-container_wih1l_183rn_161:not(#\9) {
|
|
278
271
|
padding-left: calc(var(--space-table-horizontal-8ca8r3, 20px) + var(--space-table-header-horizontal-gb3iyt, 0px));
|
|
279
272
|
padding-right: calc(var(--space-table-horizontal-8ca8r3, 20px) + var(--space-table-header-horizontal-gb3iyt, 0px));
|
|
280
273
|
}
|
|
281
|
-
.awsui_header-
|
|
274
|
+
.awsui_header-controls_wih1l_183rn_262.awsui_variant-embedded_wih1l_183rn_274:not(#\9), .awsui_header-controls_wih1l_183rn_262.awsui_variant-borderless_wih1l_183rn_274:not(#\9) {
|
|
282
275
|
padding-left: var(--space-table-header-horizontal-gb3iyt, 0px);
|
|
283
276
|
padding-right: var(--space-table-header-horizontal-gb3iyt, 0px);
|
|
284
277
|
padding-top: var(--space-table-embedded-header-top-mtzve4, 0px);
|
|
285
278
|
}
|
|
286
279
|
|
|
287
|
-
.awsui_footer-
|
|
280
|
+
.awsui_footer-wrapper_wih1l_183rn_280.awsui_variant-stacked_wih1l_183rn_161:not(#\9), .awsui_footer-wrapper_wih1l_183rn_280.awsui_variant-container_wih1l_183rn_161:not(#\9) {
|
|
288
281
|
padding-left: var(--space-table-horizontal-8ca8r3, 20px);
|
|
289
282
|
padding-right: var(--space-table-horizontal-8ca8r3, 20px);
|
|
290
283
|
}
|
|
291
284
|
|
|
292
|
-
.
|
|
285
|
+
.awsui_footer_wih1l_183rn_280:not(#\9) {
|
|
293
286
|
padding: var(--space-scaled-s-913kwi, 12px) var(--space-table-footer-horizontal-u2o8yq, 0px);
|
|
294
287
|
}
|
|
295
|
-
.awsui_footer-with-
|
|
288
|
+
.awsui_footer-with-pagination_wih1l_183rn_288:not(#\9) {
|
|
296
289
|
display: flex;
|
|
297
290
|
flex-direction: row;
|
|
298
291
|
justify-content: space-between;
|
|
@@ -300,12 +293,12 @@ the default white background of the container component.
|
|
|
300
293
|
flex-wrap: wrap;
|
|
301
294
|
gap: var(--space-scaled-s-913kwi, 12px);
|
|
302
295
|
}
|
|
303
|
-
.awsui_footer-
|
|
296
|
+
.awsui_footer-pagination_wih1l_183rn_296:not(#\9) {
|
|
304
297
|
margin-left: auto;
|
|
305
298
|
}
|
|
306
299
|
|
|
307
|
-
.awsui_thead-
|
|
308
|
-
.
|
|
309
|
-
.awsui_row-
|
|
300
|
+
.awsui_thead-active_wih1l_183rn_300:not(#\9),
|
|
301
|
+
.awsui_row_wih1l_183rn_301:not(#\9),
|
|
302
|
+
.awsui_row-selected_wih1l_183rn_302:not(#\9) {
|
|
310
303
|
/* used in test-utils */
|
|
311
304
|
}
|