@cloudscape-design/components 3.0.1307 → 3.0.1309
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/visual-refresh-toolbar/drawer/global-ai-drawer.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/drawer/global-ai-drawer.js +4 -2
- package/app-layout/visual-refresh-toolbar/drawer/global-ai-drawer.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/drawer/global-bottom-drawer.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/drawer/global-bottom-drawer.js +4 -2
- package/app-layout/visual-refresh-toolbar/drawer/global-bottom-drawer.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/drawer/global-drawer.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/drawer/global-drawer.js +3 -2
- package/app-layout/visual-refresh-toolbar/drawer/global-drawer.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/drawer/local-drawer.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/drawer/local-drawer.js +2 -2
- package/app-layout/visual-refresh-toolbar/drawer/local-drawer.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/interfaces.d.ts +1 -0
- package/app-layout/visual-refresh-toolbar/interfaces.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/interfaces.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/state/use-app-layout.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/state/use-app-layout.js +12 -1
- package/app-layout/visual-refresh-toolbar/state/use-app-layout.js.map +1 -1
- package/badge/styles.css.js +10 -10
- package/badge/styles.scoped.css +29 -16
- package/badge/styles.selectors.js +10 -10
- package/collection-preferences/content-display/content-display-option.js +1 -1
- package/collection-preferences/content-display/content-display-option.js.map +1 -1
- package/collection-preferences/content-display/index.d.ts +3 -7
- package/collection-preferences/content-display/index.d.ts.map +1 -1
- package/collection-preferences/content-display/index.js +63 -27
- package/collection-preferences/content-display/index.js.map +1 -1
- package/collection-preferences/content-display/utils.d.ts +41 -2
- package/collection-preferences/content-display/utils.d.ts.map +1 -1
- package/collection-preferences/content-display/utils.js +107 -13
- package/collection-preferences/content-display/utils.js.map +1 -1
- package/collection-preferences/index.d.ts.map +1 -1
- package/collection-preferences/index.js +2 -2
- package/collection-preferences/index.js.map +1 -1
- package/collection-preferences/interfaces.d.ts +30 -2
- package/collection-preferences/interfaces.d.ts.map +1 -1
- package/collection-preferences/interfaces.js.map +1 -1
- package/collection-preferences/styles.css.js +38 -36
- package/collection-preferences/styles.scoped.css +81 -37
- package/collection-preferences/styles.selectors.js +38 -36
- package/collection-preferences/utils.d.ts +1 -0
- package/collection-preferences/utils.d.ts.map +1 -1
- package/collection-preferences/utils.js +14 -0
- package/collection-preferences/utils.js.map +1 -1
- package/expandable-section/styles.css.js +35 -35
- package/expandable-section/styles.scoped.css +68 -68
- package/expandable-section/styles.selectors.js +35 -35
- package/i18n/messages/all.all.js +1 -1
- package/i18n/messages/all.all.json +1 -1
- package/i18n/messages/all.en.js +1 -1
- package/i18n/messages/all.en.json +1 -1
- package/i18n/messages-types.d.ts +4 -0
- package/i18n/messages-types.d.ts.map +1 -1
- package/i18n/messages-types.js.map +1 -1
- package/icon/interfaces.d.ts +1 -1
- package/icon/interfaces.d.ts.map +1 -1
- package/icon/interfaces.js.map +1 -1
- package/icon/internal.js +2 -2
- package/icon/internal.js.map +1 -1
- package/icon/styles.css.js +41 -39
- package/icon/styles.scoped.css +104 -85
- package/icon/styles.selectors.js +41 -39
- package/internal/base-component/styles.scoped.css +35 -3
- package/internal/environment.js +2 -2
- package/internal/environment.json +2 -2
- package/internal/generated/styles/tokens.d.ts +23 -1
- package/internal/generated/styles/tokens.js +23 -1
- package/internal/generated/theming/index.cjs +476 -4
- package/internal/generated/theming/index.cjs.d.ts +216 -0
- package/internal/generated/theming/index.d.ts +216 -0
- package/internal/generated/theming/index.js +476 -4
- package/internal/hooks/use-width-change/index.d.ts +12 -0
- package/internal/hooks/use-width-change/index.d.ts.map +1 -0
- package/internal/hooks/use-width-change/index.js +33 -0
- package/internal/hooks/use-width-change/index.js.map +1 -0
- package/internal/manifest.json +1 -1
- package/manifest.json +2 -2
- package/package.json +1 -1
- package/pagination/internal.d.ts.map +1 -1
- package/pagination/internal.js +4 -1
- package/pagination/internal.js.map +1 -1
- package/prompt-input/internal.d.ts.map +1 -1
- package/prompt-input/internal.js +9 -2
- package/prompt-input/internal.js.map +1 -1
- package/prompt-input/tokens/use-token-mode.d.ts.map +1 -1
- package/prompt-input/tokens/use-token-mode.js +0 -9
- package/prompt-input/tokens/use-token-mode.js.map +1 -1
- package/table/column-groups/col-group.d.ts +12 -0
- package/table/column-groups/col-group.d.ts.map +1 -0
- package/table/column-groups/col-group.js +24 -0
- package/table/column-groups/col-group.js.map +1 -0
- package/table/column-groups/split-utils.d.ts +31 -0
- package/table/column-groups/split-utils.d.ts.map +1 -0
- package/table/column-groups/split-utils.js +43 -0
- package/table/column-groups/split-utils.js.map +1 -0
- package/table/column-groups/use-column-groups.d.ts +7 -0
- package/table/column-groups/use-column-groups.d.ts.map +1 -0
- package/table/column-groups/use-column-groups.js +23 -0
- package/table/column-groups/use-column-groups.js.map +1 -0
- package/table/column-groups/utils.d.ts +54 -0
- package/table/column-groups/utils.d.ts.map +1 -0
- package/table/column-groups/utils.js +204 -0
- package/table/column-groups/utils.js.map +1 -0
- package/table/header-cell/common-props.d.ts +23 -0
- package/table/header-cell/common-props.d.ts.map +1 -0
- package/table/header-cell/common-props.js +4 -0
- package/table/header-cell/common-props.js.map +1 -0
- package/table/header-cell/group-header-cell.d.ts +45 -0
- package/table/header-cell/group-header-cell.d.ts.map +1 -0
- package/table/header-cell/group-header-cell.js +44 -0
- package/table/header-cell/group-header-cell.js.map +1 -0
- package/table/header-cell/index.d.ts +12 -22
- package/table/header-cell/index.d.ts.map +1 -1
- package/table/header-cell/index.js +3 -3
- package/table/header-cell/index.js.map +1 -1
- package/table/header-cell/styles.css.js +33 -30
- package/table/header-cell/styles.scoped.css +92 -68
- package/table/header-cell/styles.selectors.js +33 -30
- package/table/header-cell/th-element.d.ts +16 -0
- package/table/header-cell/th-element.d.ts.map +1 -1
- package/table/header-cell/th-element.js +6 -4
- package/table/header-cell/th-element.js.map +1 -1
- package/table/index.d.ts.map +1 -1
- package/table/index.js +5 -2
- package/table/index.js.map +1 -1
- package/table/interfaces.d.ts +37 -1
- package/table/interfaces.d.ts.map +1 -1
- package/table/interfaces.js.map +1 -1
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +17 -5
- package/table/internal.js.map +1 -1
- package/table/resizer/index.d.ts +9 -2
- package/table/resizer/index.d.ts.map +1 -1
- package/table/resizer/index.js +5 -5
- package/table/resizer/index.js.map +1 -1
- package/table/resizer/styles.css.js +16 -13
- package/table/resizer/styles.scoped.css +36 -26
- package/table/resizer/styles.selectors.js +16 -13
- package/table/sticky-header.d.ts +3 -0
- package/table/sticky-header.d.ts.map +1 -1
- package/table/sticky-header.js +7 -2
- package/table/sticky-header.js.map +1 -1
- package/table/sticky-scrolling.d.ts.map +1 -1
- package/table/sticky-scrolling.js +6 -1
- package/table/sticky-scrolling.js.map +1 -1
- package/table/styles.css.js +35 -34
- package/table/styles.scoped.css +47 -41
- package/table/styles.selectors.js +35 -34
- package/table/table-role/grid-navigation.d.ts.map +1 -1
- package/table/table-role/grid-navigation.js +5 -7
- package/table/table-role/grid-navigation.js.map +1 -1
- package/table/table-role/table-role-helper.d.ts +3 -0
- package/table/table-role/table-role-helper.d.ts.map +1 -1
- package/table/table-role/table-role-helper.js +9 -4
- package/table/table-role/table-role-helper.js.map +1 -1
- package/table/table-role/utils.d.ts +19 -0
- package/table/table-role/utils.d.ts.map +1 -1
- package/table/table-role/utils.js +86 -7
- package/table/table-role/utils.js.map +1 -1
- package/table/thead.d.ts +5 -0
- package/table/thead.d.ts.map +1 -1
- package/table/thead.js +145 -18
- package/table/thead.js.map +1 -1
- package/table/use-column-widths.d.ts +4 -0
- package/table/use-column-widths.d.ts.map +1 -1
- package/table/use-column-widths.js +68 -18
- package/table/use-column-widths.js.map +1 -1
- package/table/use-sticky-header.d.ts.map +1 -1
- package/table/use-sticky-header.js +4 -1
- package/table/use-sticky-header.js.map +1 -1
- package/table/utils.d.ts.map +1 -1
- package/table/utils.js +14 -4
- package/table/utils.js.map +1 -1
- package/test-utils/dom/collection-preferences/content-display-preference.d.ts +28 -2
- package/test-utils/dom/collection-preferences/content-display-preference.js +60 -2
- package/test-utils/dom/collection-preferences/content-display-preference.js.map +1 -1
- package/test-utils/dom/table/index.d.ts +18 -1
- package/test-utils/dom/table/index.js +22 -3
- package/test-utils/dom/table/index.js.map +1 -1
- package/test-utils/selectors/collection-preferences/content-display-preference.d.ts +28 -2
- package/test-utils/selectors/collection-preferences/content-display-preference.js +52 -2
- package/test-utils/selectors/collection-preferences/content-display-preference.js.map +1 -1
- package/test-utils/selectors/table/index.d.ts +18 -1
- package/test-utils/selectors/table/index.js +22 -3
- package/test-utils/selectors/table/index.js.map +1 -1
- package/wizard/wizard-step-list.js +4 -4
- package/wizard/wizard-step-list.js.map +1 -1
|
@@ -1,35 +1,38 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"header-cell": "awsui_header-
|
|
5
|
-
"header-cell-fake-focus": "awsui_header-cell-fake-
|
|
6
|
-
"header-cell-
|
|
7
|
-
"header-cell-
|
|
8
|
-
"header-cell-
|
|
9
|
-
"header-cell-
|
|
10
|
-
"header-cell-
|
|
11
|
-
"
|
|
12
|
-
"
|
|
13
|
-
"header-cell-variant-
|
|
14
|
-
"
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"header-cell-
|
|
27
|
-
"header-cell-
|
|
28
|
-
"header-cell-
|
|
29
|
-
"header-cell-
|
|
30
|
-
"header-cell-
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"header-cell-
|
|
4
|
+
"header-cell": "awsui_header-cell_1spae_ysd4g_149",
|
|
5
|
+
"header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_ysd4g_183",
|
|
6
|
+
"header-cell-group": "awsui_header-cell-group_1spae_ysd4g_204",
|
|
7
|
+
"header-cell-grouped": "awsui_header-cell-grouped_1spae_ysd4g_204",
|
|
8
|
+
"header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_ysd4g_204",
|
|
9
|
+
"header-cell-sticky": "awsui_header-cell-sticky_1spae_ysd4g_208",
|
|
10
|
+
"header-cell-stuck": "awsui_header-cell-stuck_1spae_ysd4g_211",
|
|
11
|
+
"header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_ysd4g_211",
|
|
12
|
+
"header-cell-hidden": "awsui_header-cell-hidden_1spae_ysd4g_217",
|
|
13
|
+
"header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_ysd4g_220",
|
|
14
|
+
"is-visual-refresh": "awsui_is-visual-refresh_1spae_ysd4g_220",
|
|
15
|
+
"sticky-cell": "awsui_sticky-cell_1spae_ysd4g_220",
|
|
16
|
+
"header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_ysd4g_220",
|
|
17
|
+
"header-cell-sortable": "awsui_header-cell-sortable_1spae_ysd4g_223",
|
|
18
|
+
"table-variant-full-page": "awsui_table-variant-full-page_1spae_ysd4g_244",
|
|
19
|
+
"sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_ysd4g_247",
|
|
20
|
+
"has-selection": "awsui_has-selection_1spae_ysd4g_247",
|
|
21
|
+
"sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_ysd4g_250",
|
|
22
|
+
"resize-divider": "awsui_resize-divider_1spae_ysd4g_255",
|
|
23
|
+
"sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_ysd4g_262",
|
|
24
|
+
"sorting-icon": "awsui_sorting-icon_1spae_ysd4g_272",
|
|
25
|
+
"edit-icon": "awsui_edit-icon_1spae_ysd4g_280",
|
|
26
|
+
"header-cell-content": "awsui_header-cell-content_1spae_ysd4g_286",
|
|
27
|
+
"header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_ysd4g_292",
|
|
28
|
+
"header-cell-disabled": "awsui_header-cell-disabled_1spae_ysd4g_347",
|
|
29
|
+
"header-cell-sorted": "awsui_header-cell-sorted_1spae_ysd4g_347",
|
|
30
|
+
"header-cell-text": "awsui_header-cell-text_1spae_ysd4g_378",
|
|
31
|
+
"header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_ysd4g_382",
|
|
32
|
+
"header-cell-ascending": "awsui_header-cell-ascending_1spae_ysd4g_388",
|
|
33
|
+
"header-cell-descending": "awsui_header-cell-descending_1spae_ysd4g_389",
|
|
34
|
+
"has-striped-rows": "awsui_has-striped-rows_1spae_ysd4g_503",
|
|
35
|
+
"sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_ysd4g_503",
|
|
36
|
+
"header-cell-resizable": "awsui_header-cell-resizable_1spae_ysd4g_515"
|
|
34
37
|
};
|
|
35
38
|
|
|
@@ -146,11 +146,11 @@
|
|
|
146
146
|
*/
|
|
147
147
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
148
148
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
149
|
-
.awsui_header-
|
|
149
|
+
.awsui_header-cell_1spae_ysd4g_149:not(#\9) {
|
|
150
150
|
position: relative;
|
|
151
151
|
text-align: start;
|
|
152
152
|
box-sizing: border-box;
|
|
153
|
-
border-block-end: var(--border-divider-
|
|
153
|
+
border-block-end: var(--border-divider-list-width-tdfx1x, 1px) solid var(--color-border-divider-interactive-default-r928dz, #8c8c94);
|
|
154
154
|
background: var(--color-background-table-header-hdjxos, #ffffff);
|
|
155
155
|
color: var(--color-text-column-header-e6urd1, #424650);
|
|
156
156
|
font-weight: var(--font-weight-heading-s-lcx0ai, 700);
|
|
@@ -159,14 +159,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
159
159
|
padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
|
|
160
160
|
padding-inline: var(--space-scaled-xs-xwoogq, 8px);
|
|
161
161
|
}
|
|
162
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
162
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149:not(#\9):focus {
|
|
163
163
|
position: relative;
|
|
164
164
|
}
|
|
165
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
165
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149:not(#\9):focus {
|
|
166
166
|
outline: 2px dotted transparent;
|
|
167
167
|
outline-offset: calc(calc(-1 * var(--space-scaled-xxs-pfm1nx, 4px)) - 1px);
|
|
168
168
|
}
|
|
169
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
169
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149:not(#\9):focus::before {
|
|
170
170
|
content: " ";
|
|
171
171
|
display: block;
|
|
172
172
|
position: absolute;
|
|
@@ -180,14 +180,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149:not(#\9):f
|
|
|
180
180
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
|
|
181
181
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
|
|
182
182
|
}
|
|
183
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
183
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_header-cell-fake-focus_1spae_ysd4g_183:not(#\9) {
|
|
184
184
|
position: relative;
|
|
185
185
|
}
|
|
186
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
186
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_header-cell-fake-focus_1spae_ysd4g_183:not(#\9) {
|
|
187
187
|
outline: 2px dotted transparent;
|
|
188
188
|
outline-offset: calc(calc(-1 * var(--space-scaled-xxs-pfm1nx, 4px)) - 1px);
|
|
189
189
|
}
|
|
190
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
190
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_header-cell-fake-focus_1spae_ysd4g_183:not(#\9)::before {
|
|
191
191
|
content: " ";
|
|
192
192
|
display: block;
|
|
193
193
|
position: absolute;
|
|
@@ -201,25 +201,29 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_head
|
|
|
201
201
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
|
|
202
202
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
|
|
203
203
|
}
|
|
204
|
-
.awsui_header-cell-
|
|
204
|
+
.awsui_header-cell_1spae_ysd4g_149.awsui_header-cell-group_1spae_ysd4g_204:not(#\9), .awsui_header-cell_1spae_ysd4g_149.awsui_header-cell-grouped_1spae_ysd4g_204:not(#\9), .awsui_header-cell_1spae_ysd4g_149.awsui_header-cell-spans-rows_1spae_ysd4g_204:not(#\9) {
|
|
205
|
+
padding-block: var(--space-xxxs-pajhad, 2px);
|
|
206
|
+
padding-inline: var(--space-scaled-xs-xwoogq, 8px);
|
|
207
|
+
}
|
|
208
|
+
.awsui_header-cell-sticky_1spae_ysd4g_208:not(#\9) {
|
|
205
209
|
border-block-end: var(--border-table-sticky-width-ai31mi, 1px) solid var(--color-border-divider-default-nr68jt, #c6c6cd);
|
|
206
210
|
}
|
|
207
|
-
.awsui_header-cell-
|
|
211
|
+
.awsui_header-cell-stuck_1spae_ysd4g_211:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_ysd4g_211) {
|
|
208
212
|
border-block-end-color: transparent;
|
|
209
213
|
}
|
|
210
|
-
.awsui_header-cell-variant-full-
|
|
214
|
+
.awsui_header-cell-variant-full-page_1spae_ysd4g_211:not(#\9) {
|
|
211
215
|
background: var(--color-background-layout-main-5ilwcb, #ffffff);
|
|
212
216
|
}
|
|
213
|
-
.awsui_header-cell-variant-full-
|
|
217
|
+
.awsui_header-cell-variant-full-page_1spae_ysd4g_211.awsui_header-cell-hidden_1spae_ysd4g_217:not(#\9) {
|
|
214
218
|
border-block-end-color: transparent;
|
|
215
219
|
}
|
|
216
|
-
.awsui_header-cell-variant-
|
|
220
|
+
.awsui_header-cell-variant-embedded_1spae_ysd4g_220.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_ysd4g_208, .awsui_sticky-cell_1spae_ysd4g_220)), .awsui_header-cell-variant-borderless_1spae_ysd4g_220.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_ysd4g_208, .awsui_sticky-cell_1spae_ysd4g_220)) {
|
|
217
221
|
background: none;
|
|
218
222
|
}
|
|
219
|
-
.awsui_header-
|
|
223
|
+
.awsui_header-cell_1spae_ysd4g_149:not(#\9):last-child, .awsui_header-cell_1spae_ysd4g_149[data-rightmost]:not(#\9), .awsui_header-cell_1spae_ysd4g_149.awsui_header-cell-sortable_1spae_ysd4g_223:not(#\9) {
|
|
220
224
|
padding-inline-end: var(--space-xs-ymlm0b, 8px);
|
|
221
225
|
}
|
|
222
|
-
.awsui_header-
|
|
226
|
+
.awsui_header-cell_1spae_ysd4g_149.awsui_sticky-cell_1spae_ysd4g_220:not(#\9) {
|
|
223
227
|
position: sticky;
|
|
224
228
|
background: var(--color-background-table-header-hdjxos, #ffffff);
|
|
225
229
|
z-index: 798;
|
|
@@ -228,44 +232,44 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_head
|
|
|
228
232
|
transition-timing-function: var(--motion-easing-sticky-tn072u, cubic-bezier(1, 0, 0.83, 1));
|
|
229
233
|
}
|
|
230
234
|
@media (prefers-reduced-motion: reduce) {
|
|
231
|
-
.awsui_header-
|
|
235
|
+
.awsui_header-cell_1spae_ysd4g_149.awsui_sticky-cell_1spae_ysd4g_220:not(#\9) {
|
|
232
236
|
animation: none;
|
|
233
237
|
transition: none;
|
|
234
238
|
}
|
|
235
239
|
}
|
|
236
|
-
.awsui-motion-disabled .awsui_header-
|
|
240
|
+
.awsui-motion-disabled .awsui_header-cell_1spae_ysd4g_149.awsui_sticky-cell_1spae_ysd4g_220:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_ysd4g_149.awsui_sticky-cell_1spae_ysd4g_220:not(#\9) {
|
|
237
241
|
animation: none;
|
|
238
242
|
transition: none;
|
|
239
243
|
}
|
|
240
|
-
.awsui_header-
|
|
244
|
+
.awsui_header-cell_1spae_ysd4g_149.awsui_sticky-cell_1spae_ysd4g_220.awsui_table-variant-full-page_1spae_ysd4g_244:not(#\9) {
|
|
241
245
|
background: var(--color-background-layout-main-5ilwcb, #ffffff);
|
|
242
246
|
}
|
|
243
|
-
.awsui_header-
|
|
247
|
+
.awsui_header-cell_1spae_ysd4g_149.awsui_sticky-cell-pad-left_1spae_ysd4g_247:not(#\9):not(.awsui_has-selection_1spae_ysd4g_247) {
|
|
244
248
|
padding-inline-start: var(--space-table-horizontal-suurzj, 20px);
|
|
245
249
|
}
|
|
246
|
-
.awsui_header-
|
|
250
|
+
.awsui_header-cell_1spae_ysd4g_149.awsui_sticky-cell-last-inline-start_1spae_ysd4g_250:not(#\9) {
|
|
247
251
|
box-shadow: var(--shadow-sticky-column-first-trcd2o, 4px 0px 8px 1px rgba(0, 7, 22, 0.1));
|
|
248
252
|
clip-path: inset(0px -24px 0px 0px);
|
|
249
253
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
250
254
|
}
|
|
251
|
-
.awsui_header-
|
|
255
|
+
.awsui_header-cell_1spae_ysd4g_149.awsui_sticky-cell-last-inline-start_1spae_ysd4g_250 > .awsui_resize-divider_1spae_ysd4g_255:not(#\9) {
|
|
252
256
|
display: none;
|
|
253
257
|
}
|
|
254
|
-
.awsui_header-
|
|
258
|
+
.awsui_header-cell_1spae_ysd4g_149.awsui_sticky-cell-last-inline-start_1spae_ysd4g_250:not(#\9):dir(rtl) {
|
|
255
259
|
box-shadow: var(--shadow-sticky-column-last-qgh697, -4px 0 8px 1px rgba(0, 28, 36, 0.1));
|
|
256
260
|
clip-path: inset(0 0 0 -24px);
|
|
257
261
|
}
|
|
258
|
-
.awsui_header-
|
|
262
|
+
.awsui_header-cell_1spae_ysd4g_149.awsui_sticky-cell-last-inline-end_1spae_ysd4g_262:not(#\9) {
|
|
259
263
|
box-shadow: var(--shadow-sticky-column-last-qgh697, -4px 0 8px 1px rgba(0, 28, 36, 0.1));
|
|
260
264
|
clip-path: inset(0 0 0 -24px);
|
|
261
265
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
262
266
|
}
|
|
263
|
-
.awsui_header-
|
|
267
|
+
.awsui_header-cell_1spae_ysd4g_149.awsui_sticky-cell-last-inline-end_1spae_ysd4g_262:not(#\9):dir(rtl) {
|
|
264
268
|
box-shadow: var(--shadow-sticky-column-first-trcd2o, 4px 0px 8px 1px rgba(0, 7, 22, 0.1));
|
|
265
269
|
clip-path: inset(0 -24px 0 0);
|
|
266
270
|
}
|
|
267
271
|
|
|
268
|
-
.awsui_sorting-
|
|
272
|
+
.awsui_sorting-icon_1spae_ysd4g_272:not(#\9) {
|
|
269
273
|
position: absolute;
|
|
270
274
|
inset-block-start: 50%;
|
|
271
275
|
transform: translateY(-50%);
|
|
@@ -273,36 +277,39 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_head
|
|
|
273
277
|
color: var(--color-text-column-sorting-icon-fngn77, #424650);
|
|
274
278
|
}
|
|
275
279
|
|
|
276
|
-
.awsui_edit-
|
|
280
|
+
.awsui_edit-icon_1spae_ysd4g_280:not(#\9) {
|
|
277
281
|
margin-inline-start: var(--space-xxs-hwfkai, 4px);
|
|
278
282
|
margin-block-start: var(--space-scaled-xxs-pfm1nx, 4px);
|
|
279
283
|
color: inherit;
|
|
280
284
|
}
|
|
281
285
|
|
|
282
|
-
.awsui_header-cell-
|
|
286
|
+
.awsui_header-cell-content_1spae_ysd4g_286:not(#\9) {
|
|
283
287
|
position: relative;
|
|
284
288
|
padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
|
|
285
289
|
padding-inline-end: var(--space-s-tvghoh, 12px);
|
|
286
290
|
padding-inline-start: var(--space-s-tvghoh, 12px);
|
|
287
291
|
}
|
|
288
|
-
.awsui_header-cell-
|
|
292
|
+
.awsui_header-cell-content_1spae_ysd4g_286.awsui_header-cell-content-expandable_1spae_ysd4g_292:not(#\9) {
|
|
289
293
|
padding-inline-start: calc(var(--space-s-tvghoh, 12px) + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
|
|
290
294
|
}
|
|
291
|
-
.awsui_header-cell-
|
|
295
|
+
.awsui_header-cell-group_1spae_ysd4g_204 > .awsui_header-cell-content_1spae_ysd4g_286:not(#\9), .awsui_header-cell-grouped_1spae_ysd4g_204 > .awsui_header-cell-content_1spae_ysd4g_286:not(#\9), .awsui_header-cell-spans-rows_1spae_ysd4g_204 > .awsui_header-cell-content_1spae_ysd4g_286:not(#\9) {
|
|
296
|
+
padding-block: var(--space-xxxs-pajhad, 2px);
|
|
297
|
+
}
|
|
298
|
+
.awsui_header-cell-sortable_1spae_ysd4g_223 > .awsui_header-cell-content_1spae_ysd4g_286:not(#\9) {
|
|
292
299
|
padding-inline-end: calc(var(--space-xl-jfy3x4, 24px) + var(--space-xxs-hwfkai, 4px));
|
|
293
300
|
}
|
|
294
|
-
.awsui_header-cell-
|
|
301
|
+
.awsui_header-cell-content_1spae_ysd4g_286:not(#\9):focus {
|
|
295
302
|
outline: none;
|
|
296
303
|
text-decoration: none;
|
|
297
304
|
}
|
|
298
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
305
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ysd4g_286:not(#\9):focus {
|
|
299
306
|
position: relative;
|
|
300
307
|
}
|
|
301
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
308
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ysd4g_286:not(#\9):focus {
|
|
302
309
|
outline: 2px dotted transparent;
|
|
303
310
|
outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-ymwujm, 0px)) - 1px);
|
|
304
311
|
}
|
|
305
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
312
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ysd4g_286:not(#\9):focus::before {
|
|
306
313
|
content: " ";
|
|
307
314
|
display: block;
|
|
308
315
|
position: absolute;
|
|
@@ -316,14 +323,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_wii4_282:no
|
|
|
316
323
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
|
|
317
324
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
|
|
318
325
|
}
|
|
319
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
326
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ysd4g_286.awsui_header-cell-fake-focus_1spae_ysd4g_183:not(#\9) {
|
|
320
327
|
position: relative;
|
|
321
328
|
}
|
|
322
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
329
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ysd4g_286.awsui_header-cell-fake-focus_1spae_ysd4g_183:not(#\9) {
|
|
323
330
|
outline: 2px dotted transparent;
|
|
324
331
|
outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-ymwujm, 0px)) - 1px);
|
|
325
332
|
}
|
|
326
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
333
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ysd4g_286.awsui_header-cell-fake-focus_1spae_ysd4g_183:not(#\9)::before {
|
|
327
334
|
content: " ";
|
|
328
335
|
display: block;
|
|
329
336
|
position: absolute;
|
|
@@ -337,32 +344,49 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_wii4_282.aw
|
|
|
337
344
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
|
|
338
345
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
|
|
339
346
|
}
|
|
340
|
-
.awsui_header-cell-
|
|
347
|
+
.awsui_header-cell-disabled_1spae_ysd4g_347.awsui_header-cell-sorted_1spae_ysd4g_347 > .awsui_header-cell-content_1spae_ysd4g_286 > .awsui_sorting-icon_1spae_ysd4g_272:not(#\9) {
|
|
341
348
|
color: var(--color-text-interactive-disabled-1bqmrl, #b4b4bb);
|
|
342
349
|
}
|
|
343
350
|
|
|
344
|
-
.awsui_header-cell-
|
|
351
|
+
.awsui_header-cell-spans-rows_1spae_ysd4g_204:not(#\9) {
|
|
352
|
+
block-size: 100%;
|
|
353
|
+
vertical-align: bottom;
|
|
354
|
+
}
|
|
355
|
+
.awsui_header-cell-spans-rows_1spae_ysd4g_204 > .awsui_header-cell-content_1spae_ysd4g_286:not(#\9) {
|
|
356
|
+
block-size: 100%;
|
|
357
|
+
box-sizing: border-box;
|
|
358
|
+
display: flex;
|
|
359
|
+
flex-direction: column;
|
|
360
|
+
justify-content: flex-end;
|
|
361
|
+
}
|
|
362
|
+
.awsui_header-cell-spans-rows_1spae_ysd4g_204 > .awsui_header-cell-content_1spae_ysd4g_286 > .awsui_sorting-icon_1spae_ysd4g_272:not(#\9) {
|
|
363
|
+
inset-block-start: auto;
|
|
364
|
+
inset-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
|
|
365
|
+
transform: none;
|
|
366
|
+
}
|
|
367
|
+
|
|
368
|
+
.awsui_header-cell-sortable_1spae_ysd4g_223:not(#\9):not(.awsui_header-cell-disabled_1spae_ysd4g_347) > .awsui_header-cell-content_1spae_ysd4g_286 {
|
|
345
369
|
cursor: pointer;
|
|
346
370
|
}
|
|
347
|
-
.awsui_header-cell-
|
|
371
|
+
.awsui_header-cell-sortable_1spae_ysd4g_223:not(#\9):not(.awsui_header-cell-disabled_1spae_ysd4g_347) > .awsui_header-cell-content_1spae_ysd4g_286:hover, .awsui_header-cell-sortable_1spae_ysd4g_223:not(#\9):not(.awsui_header-cell-disabled_1spae_ysd4g_347).awsui_header-cell-sorted_1spae_ysd4g_347 > .awsui_header-cell-content_1spae_ysd4g_286 {
|
|
348
372
|
color: var(--color-text-interactive-active-uoe6zi, #0f141a);
|
|
349
373
|
}
|
|
350
|
-
.awsui_header-cell-
|
|
374
|
+
.awsui_header-cell-sortable_1spae_ysd4g_223:not(#\9):not(.awsui_header-cell-disabled_1spae_ysd4g_347) > .awsui_header-cell-content_1spae_ysd4g_286:hover > .awsui_sorting-icon_1spae_ysd4g_272, .awsui_header-cell-sortable_1spae_ysd4g_223:not(#\9):not(.awsui_header-cell-disabled_1spae_ysd4g_347).awsui_header-cell-sorted_1spae_ysd4g_347 > .awsui_header-cell-content_1spae_ysd4g_286 > .awsui_sorting-icon_1spae_ysd4g_272 {
|
|
351
375
|
color: var(--color-text-interactive-active-uoe6zi, #0f141a);
|
|
352
376
|
}
|
|
353
377
|
|
|
354
|
-
.awsui_header-cell-
|
|
378
|
+
.awsui_header-cell-text_1spae_ysd4g_378:not(#\9) {
|
|
355
379
|
line-height: var(--line-height-heading-xs-q9j004, 18px);
|
|
356
380
|
padding-block: calc(var(--space-xxxs-pajhad, 2px) / 2);
|
|
357
381
|
}
|
|
358
|
-
.awsui_header-cell-
|
|
382
|
+
.awsui_header-cell-text_1spae_ysd4g_378:not(#\9):not(.awsui_header-cell-text-wrap_1spae_ysd4g_382) {
|
|
359
383
|
white-space: nowrap;
|
|
360
384
|
overflow: hidden;
|
|
361
385
|
text-overflow: ellipsis;
|
|
362
386
|
}
|
|
363
387
|
|
|
364
|
-
.awsui_header-cell-
|
|
365
|
-
.awsui_header-cell-
|
|
388
|
+
.awsui_header-cell-ascending_1spae_ysd4g_388:not(#\9),
|
|
389
|
+
.awsui_header-cell-descending_1spae_ysd4g_389:not(#\9) {
|
|
366
390
|
/* used in test-utils */
|
|
367
391
|
}
|
|
368
392
|
|
|
@@ -372,28 +396,28 @@ with the left edge of the table as closely as possible. If the
|
|
|
372
396
|
last header cell is sortable the sort icon should align with the
|
|
373
397
|
settings icon in the pagination slot.
|
|
374
398
|
*/
|
|
375
|
-
.awsui_header-
|
|
399
|
+
.awsui_header-cell_1spae_ysd4g_149:not(#\9):not(.awsui_is-visual-refresh_1spae_ysd4g_220):first-child {
|
|
376
400
|
padding-inline-start: var(--space-xs-ymlm0b, 8px);
|
|
377
401
|
}
|
|
378
|
-
.awsui_header-
|
|
402
|
+
.awsui_header-cell_1spae_ysd4g_149:not(#\9):not(.awsui_is-visual-refresh_1spae_ysd4g_220):first-child.awsui_header-cell-content-expandable_1spae_ysd4g_292 {
|
|
379
403
|
padding-inline-start: calc(var(--space-xs-ymlm0b, 8px) + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
|
|
380
404
|
}
|
|
381
405
|
|
|
382
|
-
.awsui_header-
|
|
406
|
+
.awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9) {
|
|
383
407
|
/*
|
|
384
408
|
Striped rows requires additional left padding because the
|
|
385
409
|
shaded background makes the child content appear too close
|
|
386
410
|
to the table edge.
|
|
387
411
|
*/
|
|
388
412
|
}
|
|
389
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
413
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child:focus {
|
|
390
414
|
position: relative;
|
|
391
415
|
}
|
|
392
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
416
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child:focus {
|
|
393
417
|
outline: 2px dotted transparent;
|
|
394
418
|
outline-offset: calc(calc(-1 * var(--space-scaled-xxs-pfm1nx, 4px) + var(--space-scaled-xxs-pfm1nx, 4px)) - 1px);
|
|
395
419
|
}
|
|
396
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
420
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child:focus::before {
|
|
397
421
|
content: " ";
|
|
398
422
|
display: block;
|
|
399
423
|
position: absolute;
|
|
@@ -407,14 +431,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_is-v
|
|
|
407
431
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
|
|
408
432
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
|
|
409
433
|
}
|
|
410
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
434
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_ysd4g_183 {
|
|
411
435
|
position: relative;
|
|
412
436
|
}
|
|
413
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
437
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_ysd4g_183 {
|
|
414
438
|
outline: 2px dotted transparent;
|
|
415
439
|
outline-offset: calc(calc(-1 * var(--space-scaled-xxs-pfm1nx, 4px) + var(--space-scaled-xxs-pfm1nx, 4px)) - 1px);
|
|
416
440
|
}
|
|
417
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
441
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_ysd4g_183::before {
|
|
418
442
|
content: " ";
|
|
419
443
|
display: block;
|
|
420
444
|
position: absolute;
|
|
@@ -428,20 +452,20 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_is-v
|
|
|
428
452
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
|
|
429
453
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
|
|
430
454
|
}
|
|
431
|
-
.awsui_header-
|
|
455
|
+
.awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_ysd4g_204):not(.awsui_header-cell-group_1spae_ysd4g_204) > .awsui_header-cell-content_1spae_ysd4g_286 {
|
|
432
456
|
padding-inline-start: 0px;
|
|
433
457
|
}
|
|
434
|
-
.awsui_header-
|
|
458
|
+
.awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_ysd4g_204):not(.awsui_header-cell-group_1spae_ysd4g_204) > .awsui_header-cell-content_1spae_ysd4g_286.awsui_header-cell-content-expandable_1spae_ysd4g_292 {
|
|
435
459
|
padding-inline-start: calc(0px + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
|
|
436
460
|
}
|
|
437
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
461
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_ysd4g_204):not(.awsui_header-cell-group_1spae_ysd4g_204) > .awsui_header-cell-content_1spae_ysd4g_286:focus {
|
|
438
462
|
position: relative;
|
|
439
463
|
}
|
|
440
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
464
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_ysd4g_204):not(.awsui_header-cell-group_1spae_ysd4g_204) > .awsui_header-cell-content_1spae_ysd4g_286:focus {
|
|
441
465
|
outline: 2px dotted transparent;
|
|
442
466
|
outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-ymwujm, 0px) + var(--space-scaled-xxs-pfm1nx, 4px)) - 1px);
|
|
443
467
|
}
|
|
444
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
468
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_ysd4g_204):not(.awsui_header-cell-group_1spae_ysd4g_204) > .awsui_header-cell-content_1spae_ysd4g_286:focus::before {
|
|
445
469
|
content: " ";
|
|
446
470
|
display: block;
|
|
447
471
|
position: absolute;
|
|
@@ -455,14 +479,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_is-v
|
|
|
455
479
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
|
|
456
480
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
|
|
457
481
|
}
|
|
458
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
482
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_ysd4g_204):not(.awsui_header-cell-group_1spae_ysd4g_204) > .awsui_header-cell-content_1spae_ysd4g_286.awsui_header-cell-fake-focus_1spae_ysd4g_183 {
|
|
459
483
|
position: relative;
|
|
460
484
|
}
|
|
461
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
485
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_ysd4g_204):not(.awsui_header-cell-group_1spae_ysd4g_204) > .awsui_header-cell-content_1spae_ysd4g_286.awsui_header-cell-fake-focus_1spae_ysd4g_183 {
|
|
462
486
|
outline: 2px dotted transparent;
|
|
463
487
|
outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-ymwujm, 0px) + var(--space-scaled-xxs-pfm1nx, 4px)) - 1px);
|
|
464
488
|
}
|
|
465
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
489
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_ysd4g_204):not(.awsui_header-cell-group_1spae_ysd4g_204) > .awsui_header-cell-content_1spae_ysd4g_286.awsui_header-cell-fake-focus_1spae_ysd4g_183::before {
|
|
466
490
|
content: " ";
|
|
467
491
|
display: block;
|
|
468
492
|
position: absolute;
|
|
@@ -476,24 +500,24 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_is-v
|
|
|
476
500
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
|
|
477
501
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
|
|
478
502
|
}
|
|
479
|
-
.awsui_header-
|
|
503
|
+
.awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_ysd4g_503):not(.awsui_sticky-cell-pad-inline-start_1spae_ysd4g_503):not(.awsui_header-cell-group_1spae_ysd4g_204):not(.awsui_header-cell-grouped_1spae_ysd4g_204) {
|
|
480
504
|
padding-inline-start: var(--space-xxxs-pajhad, 2px);
|
|
481
505
|
}
|
|
482
|
-
.awsui_header-
|
|
506
|
+
.awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_ysd4g_503):not(.awsui_sticky-cell-pad-inline-start_1spae_ysd4g_503):not(.awsui_header-cell-group_1spae_ysd4g_204):not(.awsui_header-cell-grouped_1spae_ysd4g_204).awsui_header-cell-content-expandable_1spae_ysd4g_292 {
|
|
483
507
|
padding-inline-start: calc(var(--space-xxxs-pajhad, 2px) + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
|
|
484
508
|
}
|
|
485
|
-
.awsui_header-
|
|
509
|
+
.awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child.awsui_has-striped-rows_1spae_ysd4g_503:not(.awsui_sticky-cell-pad-inline-start_1spae_ysd4g_503):not(.awsui_header-cell-group_1spae_ysd4g_204):not(.awsui_header-cell-grouped_1spae_ysd4g_204) {
|
|
486
510
|
padding-inline-start: var(--space-xxs-hwfkai, 4px);
|
|
487
511
|
}
|
|
488
|
-
.awsui_header-
|
|
512
|
+
.awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child.awsui_has-striped-rows_1spae_ysd4g_503:not(.awsui_sticky-cell-pad-inline-start_1spae_ysd4g_503):not(.awsui_header-cell-group_1spae_ysd4g_204):not(.awsui_header-cell-grouped_1spae_ysd4g_204).awsui_header-cell-content-expandable_1spae_ysd4g_292 {
|
|
489
513
|
padding-inline-start: calc(var(--space-xxs-hwfkai, 4px) + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
|
|
490
514
|
}
|
|
491
|
-
.awsui_header-
|
|
515
|
+
.awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):last-child.awsui_header-cell-sortable_1spae_ysd4g_223:not(.awsui_header-cell-resizable_1spae_ysd4g_515), .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220[data-rightmost].awsui_header-cell-sortable_1spae_ysd4g_223:not(#\9):not(.awsui_header-cell-resizable_1spae_ysd4g_515) {
|
|
492
516
|
padding-inline-end: var(--space-xxxs-pajhad, 2px);
|
|
493
517
|
}
|
|
494
|
-
.awsui_header-
|
|
518
|
+
.awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220.awsui_sticky-cell-pad-inline-start_1spae_ysd4g_503:not(#\9) {
|
|
495
519
|
padding-inline-start: var(--space-scaled-l-sej05l, 20px);
|
|
496
520
|
}
|
|
497
|
-
.awsui_header-
|
|
521
|
+
.awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220.awsui_sticky-cell-pad-inline-start_1spae_ysd4g_503.awsui_header-cell-content-expandable_1spae_ysd4g_292:not(#\9) {
|
|
498
522
|
padding-inline-start: calc(var(--space-scaled-l-sej05l, 20px) + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
|
|
499
523
|
}
|
|
@@ -2,35 +2,38 @@
|
|
|
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-fake-focus": "awsui_header-cell-fake-
|
|
7
|
-
"header-cell-
|
|
8
|
-
"header-cell-
|
|
9
|
-
"header-cell-
|
|
10
|
-
"header-cell-
|
|
11
|
-
"header-cell-
|
|
12
|
-
"
|
|
13
|
-
"
|
|
14
|
-
"header-cell-variant-
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"header-cell-
|
|
28
|
-
"header-cell-
|
|
29
|
-
"header-cell-
|
|
30
|
-
"header-cell-
|
|
31
|
-
"header-cell-
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"header-cell-
|
|
5
|
+
"header-cell": "awsui_header-cell_1spae_ysd4g_149",
|
|
6
|
+
"header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_ysd4g_183",
|
|
7
|
+
"header-cell-group": "awsui_header-cell-group_1spae_ysd4g_204",
|
|
8
|
+
"header-cell-grouped": "awsui_header-cell-grouped_1spae_ysd4g_204",
|
|
9
|
+
"header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_ysd4g_204",
|
|
10
|
+
"header-cell-sticky": "awsui_header-cell-sticky_1spae_ysd4g_208",
|
|
11
|
+
"header-cell-stuck": "awsui_header-cell-stuck_1spae_ysd4g_211",
|
|
12
|
+
"header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_ysd4g_211",
|
|
13
|
+
"header-cell-hidden": "awsui_header-cell-hidden_1spae_ysd4g_217",
|
|
14
|
+
"header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_ysd4g_220",
|
|
15
|
+
"is-visual-refresh": "awsui_is-visual-refresh_1spae_ysd4g_220",
|
|
16
|
+
"sticky-cell": "awsui_sticky-cell_1spae_ysd4g_220",
|
|
17
|
+
"header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_ysd4g_220",
|
|
18
|
+
"header-cell-sortable": "awsui_header-cell-sortable_1spae_ysd4g_223",
|
|
19
|
+
"table-variant-full-page": "awsui_table-variant-full-page_1spae_ysd4g_244",
|
|
20
|
+
"sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_ysd4g_247",
|
|
21
|
+
"has-selection": "awsui_has-selection_1spae_ysd4g_247",
|
|
22
|
+
"sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_ysd4g_250",
|
|
23
|
+
"resize-divider": "awsui_resize-divider_1spae_ysd4g_255",
|
|
24
|
+
"sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_ysd4g_262",
|
|
25
|
+
"sorting-icon": "awsui_sorting-icon_1spae_ysd4g_272",
|
|
26
|
+
"edit-icon": "awsui_edit-icon_1spae_ysd4g_280",
|
|
27
|
+
"header-cell-content": "awsui_header-cell-content_1spae_ysd4g_286",
|
|
28
|
+
"header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_ysd4g_292",
|
|
29
|
+
"header-cell-disabled": "awsui_header-cell-disabled_1spae_ysd4g_347",
|
|
30
|
+
"header-cell-sorted": "awsui_header-cell-sorted_1spae_ysd4g_347",
|
|
31
|
+
"header-cell-text": "awsui_header-cell-text_1spae_ysd4g_378",
|
|
32
|
+
"header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_ysd4g_382",
|
|
33
|
+
"header-cell-ascending": "awsui_header-cell-ascending_1spae_ysd4g_388",
|
|
34
|
+
"header-cell-descending": "awsui_header-cell-descending_1spae_ysd4g_389",
|
|
35
|
+
"has-striped-rows": "awsui_has-striped-rows_1spae_ysd4g_503",
|
|
36
|
+
"sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_ysd4g_503",
|
|
37
|
+
"header-cell-resizable": "awsui_header-cell-resizable_1spae_ysd4g_515"
|
|
35
38
|
};
|
|
36
39
|
|
|
@@ -24,6 +24,15 @@ export interface TableThElementProps {
|
|
|
24
24
|
variant: TableProps.Variant;
|
|
25
25
|
tableVariant?: TableProps.Variant;
|
|
26
26
|
ariaLabel?: string;
|
|
27
|
+
colSpan?: number;
|
|
28
|
+
rowSpan?: number;
|
|
29
|
+
scope?: 'col' | 'colgroup';
|
|
30
|
+
columnGroupId?: string;
|
|
31
|
+
isLast?: boolean;
|
|
32
|
+
/** Additional className to merge (e.g. boundary shadow classes from a secondary sticky subscription). */
|
|
33
|
+
className?: string;
|
|
34
|
+
/** Additional ref for boundary sticky subscription (imperatively updates shadow classes). */
|
|
35
|
+
boundaryRef?: React.RefCallback<HTMLElement>;
|
|
27
36
|
}
|
|
28
37
|
export declare function TableThElement({
|
|
29
38
|
resizableStyle,
|
|
@@ -45,5 +54,12 @@ export declare function TableThElement({
|
|
|
45
54
|
variant,
|
|
46
55
|
ariaLabel,
|
|
47
56
|
tableVariant,
|
|
57
|
+
colSpan,
|
|
58
|
+
rowSpan,
|
|
59
|
+
scope,
|
|
60
|
+
columnGroupId,
|
|
61
|
+
isLast,
|
|
62
|
+
className,
|
|
63
|
+
boundaryRef,
|
|
48
64
|
...props
|
|
49
65
|
}: TableThElementProps): JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"th-element.d.ts","sourceRoot":"","sources":["../../../../src/table/header-cell/th-element.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAQtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAuB,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAA8B,SAAS,EAAE,MAAM,eAAe,CAAC;AAEtE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAKxC,MAAM,WAAW,mBAAmB;IAClC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,WAAW,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAChD,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"th-element.d.ts","sourceRoot":"","sources":["../../../../src/table/header-cell/th-element.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAQtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAuB,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAA8B,SAAS,EAAE,MAAM,eAAe,CAAC;AAEtE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAKxC,MAAM,WAAW,mBAAmB;IAClC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,WAAW,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAChD,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yGAAyG;IACzG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6FAA6F;IAC7F,WAAW,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;CAC9C;AAED,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,KAAK,EACL,MAAM,EACN,SAAS,EACT,MAAM,EACN,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,EACZ,OAAO,EACP,OAAO,EACP,KAAK,EACL,aAAa,EACb,MAAM,EACN,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EACT,EAAE,mBAAmB,eAyDrB"}
|