@cloudscape-design/components 3.0.1383 → 3.0.1385
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/contexts.d.ts +5 -3
- package/app-layout/visual-refresh-toolbar/contexts.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/contexts.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/interfaces.d.ts +3 -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/skeleton/slots.d.ts +4 -1
- package/app-layout/visual-refresh-toolbar/skeleton/slots.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/skeleton/slots.js +8 -5
- package/app-layout/visual-refresh-toolbar/skeleton/slots.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.d.ts +5 -0
- package/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js +3 -3
- package/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.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 +27 -3
- package/app-layout/visual-refresh-toolbar/state/use-app-layout.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/state/use-own-breadcrumbs-props.d.ts +6 -0
- package/app-layout/visual-refresh-toolbar/state/use-own-breadcrumbs-props.d.ts.map +1 -0
- package/app-layout/visual-refresh-toolbar/state/use-own-breadcrumbs-props.js +16 -0
- package/app-layout/visual-refresh-toolbar/state/use-own-breadcrumbs-props.js.map +1 -0
- package/app-layout/visual-refresh-toolbar/toolbar/index.d.ts +5 -1
- package/app-layout/visual-refresh-toolbar/toolbar/index.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/toolbar/index.js +2 -2
- package/app-layout/visual-refresh-toolbar/toolbar/index.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +15 -14
- package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +35 -31
- package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +15 -14
- package/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js +2 -2
- package/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js.map +1 -1
- package/breadcrumb-group/implementation.d.ts.map +1 -1
- package/breadcrumb-group/implementation.js +30 -1
- package/breadcrumb-group/implementation.js.map +1 -1
- package/container/index.d.ts +3 -7
- package/container/index.d.ts.map +1 -1
- package/container/index.js +4 -3
- package/container/index.js.map +1 -1
- package/container/interfaces.d.ts +7 -0
- package/container/interfaces.d.ts.map +1 -1
- package/container/interfaces.js.map +1 -1
- package/container/internal.d.ts +3 -26
- package/container/internal.d.ts.map +1 -1
- package/container/internal.js +37 -8
- package/container/internal.js.map +1 -1
- package/container/styles.css.js +34 -33
- package/container/styles.scoped.css +77 -56
- package/container/styles.selectors.js +34 -33
- package/copy-to-clipboard/internal.d.ts.map +1 -1
- package/copy-to-clipboard/internal.js +3 -1
- package/copy-to-clipboard/internal.js.map +1 -1
- package/flashbar/styles.css.js +50 -50
- package/flashbar/styles.scoped.css +160 -200
- package/flashbar/styles.selectors.js +50 -50
- package/icon/generated/icons.d.ts +1 -0
- package/icon/generated/icons.d.ts.map +1 -1
- package/icon/generated/icons.js +3 -0
- package/icon/generated/icons.js.map +1 -1
- package/icon-provider/interfaces.d.ts +1 -1
- package/icon-provider/interfaces.d.ts.map +1 -1
- package/icon-provider/interfaces.js.map +1 -1
- package/internal/base-component/styles.scoped.css +1 -1
- package/internal/base-theme/styles.scoped.css +3 -0
- package/internal/environment.js +2 -2
- package/internal/environment.json +2 -2
- package/internal/generated/styles/tokens.d.ts +3 -0
- package/internal/generated/styles/tokens.js +3 -0
- package/internal/generated/theming/index.cjs +65 -0
- package/internal/generated/theming/index.js +65 -0
- package/internal/manifest.json +1 -1
- package/internal/plugins/widget/index.d.ts +5 -1
- package/internal/plugins/widget/index.d.ts.map +1 -1
- package/internal/plugins/widget/index.js +26 -1
- package/internal/plugins/widget/index.js.map +1 -1
- package/internal/plugins/widget/interfaces.d.ts +12 -2
- package/internal/plugins/widget/interfaces.d.ts.map +1 -1
- package/internal/plugins/widget/interfaces.js.map +1 -1
- package/internal/plugins/widget.d.ts +1 -1
- package/internal/plugins/widget.d.ts.map +1 -1
- package/internal/plugins/widget.js +1 -1
- package/internal/plugins/widget.js.map +1 -1
- package/manifest.json +2 -2
- package/package.json +1 -1
- package/plugins/index.d.ts +2 -1
- package/plugins/index.d.ts.map +1 -1
- package/plugins/index.js +2 -1
- package/plugins/index.js.map +1 -1
- package/table/header-cell/styles.css.js +38 -38
- package/table/header-cell/styles.scoped.css +80 -81
- package/table/header-cell/styles.selectors.js +38 -38
- package/table/sticky-columns/interfaces.d.ts +2 -0
- package/table/sticky-columns/interfaces.d.ts.map +1 -1
- package/table/sticky-columns/interfaces.js.map +1 -1
- package/table/sticky-columns/use-sticky-columns.d.ts.map +1 -1
- package/table/sticky-columns/use-sticky-columns.js +11 -5
- package/table/sticky-columns/use-sticky-columns.js.map +1 -1
- package/table/sticky-columns/utils.d.ts.map +1 -1
- package/table/sticky-columns/utils.js +2 -0
- package/table/sticky-columns/utils.js.map +1 -1
- package/table/utils.d.ts +1 -3
- package/table/utils.d.ts.map +1 -1
- package/table/utils.js +12 -5
- package/table/utils.js.map +1 -1
- package/internal/generated/theming/index.cjs.d.ts +0 -4785
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
7
7
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
8
8
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
9
|
-
.awsui_header-
|
|
9
|
+
.awsui_header-cell_1spae_11bbl_9:not(#\9) {
|
|
10
10
|
position: relative;
|
|
11
11
|
text-align: start;
|
|
12
12
|
box-sizing: border-box;
|
|
@@ -19,14 +19,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
19
19
|
padding-block: var(--space-scaled-xxs-j00t0m, 4px);
|
|
20
20
|
padding-inline: var(--space-scaled-xs-pajbd1, 8px);
|
|
21
21
|
}
|
|
22
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
22
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9:not(#\9):focus {
|
|
23
23
|
position: relative;
|
|
24
24
|
}
|
|
25
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
25
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9:not(#\9):focus {
|
|
26
26
|
outline: 2px dotted transparent;
|
|
27
27
|
outline-offset: calc(calc(-1 * var(--space-scaled-xxs-j00t0m, 4px)) - 1px);
|
|
28
28
|
}
|
|
29
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
29
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9:not(#\9):focus::before {
|
|
30
30
|
content: " ";
|
|
31
31
|
display: block;
|
|
32
32
|
position: absolute;
|
|
@@ -40,14 +40,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_m6gr1_9:not(#\9):fo
|
|
|
40
40
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
|
|
41
41
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #006ce0);
|
|
42
42
|
}
|
|
43
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
43
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_header-cell-fake-focus_1spae_11bbl_43:not(#\9) {
|
|
44
44
|
position: relative;
|
|
45
45
|
}
|
|
46
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
46
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_header-cell-fake-focus_1spae_11bbl_43:not(#\9) {
|
|
47
47
|
outline: 2px dotted transparent;
|
|
48
48
|
outline-offset: calc(calc(-1 * var(--space-scaled-xxs-j00t0m, 4px)) - 1px);
|
|
49
49
|
}
|
|
50
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
50
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_header-cell-fake-focus_1spae_11bbl_43:not(#\9)::before {
|
|
51
51
|
content: " ";
|
|
52
52
|
display: block;
|
|
53
53
|
position: absolute;
|
|
@@ -61,36 +61,36 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_m6gr1_9.awsui_heade
|
|
|
61
61
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
|
|
62
62
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #006ce0);
|
|
63
63
|
}
|
|
64
|
-
.awsui_header-
|
|
64
|
+
.awsui_header-cell_1spae_11bbl_9.awsui_header-cell-group_1spae_11bbl_64:not(#\9), .awsui_header-cell_1spae_11bbl_9.awsui_header-cell-grouped_1spae_11bbl_64:not(#\9), .awsui_header-cell_1spae_11bbl_9.awsui_header-cell-spans-rows_1spae_11bbl_64:not(#\9) {
|
|
65
65
|
padding-block: var(--space-xxxs-3ulqs3, 2px);
|
|
66
66
|
padding-inline: var(--space-scaled-xs-pajbd1, 8px);
|
|
67
67
|
border-block-end-color: var(--color-border-divider-table-group-42wwt3, #8c8c94);
|
|
68
68
|
}
|
|
69
|
-
.awsui_header-
|
|
69
|
+
.awsui_header-cell_1spae_11bbl_9.awsui_header-cell-group_1spae_11bbl_64 > .awsui_resize-divider_1spae_11bbl_69.awsui_resize-divider_1spae_11bbl_69:not(#\9), .awsui_header-cell_1spae_11bbl_9.awsui_header-cell-grouped_1spae_11bbl_64 > .awsui_resize-divider_1spae_11bbl_69.awsui_resize-divider_1spae_11bbl_69:not(#\9), .awsui_header-cell_1spae_11bbl_9.awsui_header-cell-spans-rows_1spae_11bbl_64 > .awsui_resize-divider_1spae_11bbl_69.awsui_resize-divider_1spae_11bbl_69:not(#\9) {
|
|
70
70
|
border-inline-start-color: var(--color-border-divider-table-group-42wwt3, #8c8c94);
|
|
71
71
|
}
|
|
72
|
-
.awsui_header-cell-
|
|
72
|
+
.awsui_header-cell-sticky_1spae_11bbl_72:not(#\9) {
|
|
73
73
|
border-block-end: var(--border-table-sticky-width-0njdoj, 1px) solid var(--color-border-divider-default-diwd4w, #c6c6cd);
|
|
74
74
|
}
|
|
75
|
-
.awsui_header-cell-
|
|
75
|
+
.awsui_header-cell-sticky_1spae_11bbl_72.awsui_header-cell-group_1spae_11bbl_64:not(#\9), .awsui_header-cell-sticky_1spae_11bbl_72.awsui_header-cell-grouped_1spae_11bbl_64:not(#\9), .awsui_header-cell-sticky_1spae_11bbl_72.awsui_header-cell-spans-rows_1spae_11bbl_64:not(#\9) {
|
|
76
76
|
border-block-end-color: var(--color-border-divider-table-group-42wwt3, #8c8c94);
|
|
77
77
|
}
|
|
78
|
-
.awsui_header-cell-
|
|
78
|
+
.awsui_header-cell-stuck_1spae_11bbl_78:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_11bbl_78) {
|
|
79
79
|
border-block-end-color: transparent;
|
|
80
80
|
}
|
|
81
|
-
.awsui_header-cell-variant-full-
|
|
81
|
+
.awsui_header-cell-variant-full-page_1spae_11bbl_78:not(#\9) {
|
|
82
82
|
background: var(--color-background-layout-main-y4565g, #ffffff);
|
|
83
83
|
}
|
|
84
|
-
.awsui_header-cell-variant-full-
|
|
84
|
+
.awsui_header-cell-variant-full-page_1spae_11bbl_78.awsui_header-cell-hidden_1spae_11bbl_84:not(#\9) {
|
|
85
85
|
border-block-end-color: transparent;
|
|
86
86
|
}
|
|
87
|
-
.awsui_header-cell-variant-
|
|
87
|
+
.awsui_header-cell-variant-embedded_1spae_11bbl_87.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_11bbl_72, .awsui_sticky-cell_1spae_11bbl_87)), .awsui_header-cell-variant-borderless_1spae_11bbl_87.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_11bbl_72, .awsui_sticky-cell_1spae_11bbl_87)) {
|
|
88
88
|
background: none;
|
|
89
89
|
}
|
|
90
|
-
.awsui_header-
|
|
90
|
+
.awsui_header-cell_1spae_11bbl_9:not(#\9):last-child, .awsui_header-cell_1spae_11bbl_9[data-rightmost]:not(#\9), .awsui_header-cell_1spae_11bbl_9.awsui_header-cell-sortable_1spae_11bbl_90:not(#\9) {
|
|
91
91
|
padding-inline-end: var(--space-xs-m9b7jf, 8px);
|
|
92
92
|
}
|
|
93
|
-
.awsui_header-
|
|
93
|
+
.awsui_header-cell_1spae_11bbl_9.awsui_sticky-cell_1spae_11bbl_87:not(#\9) {
|
|
94
94
|
position: sticky;
|
|
95
95
|
background: var(--color-background-table-header-pgyagt, #ffffff);
|
|
96
96
|
z-index: 798;
|
|
@@ -99,44 +99,43 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_m6gr1_9.awsui_heade
|
|
|
99
99
|
transition-timing-function: var(--motion-easing-sticky-erj3ph, cubic-bezier(1, 0, 0.83, 1));
|
|
100
100
|
}
|
|
101
101
|
@media (prefers-reduced-motion: reduce) {
|
|
102
|
-
.awsui_header-
|
|
102
|
+
.awsui_header-cell_1spae_11bbl_9.awsui_sticky-cell_1spae_11bbl_87:not(#\9) {
|
|
103
103
|
animation: none;
|
|
104
104
|
transition: none;
|
|
105
105
|
}
|
|
106
106
|
}
|
|
107
|
-
.awsui-motion-disabled .awsui_header-
|
|
107
|
+
.awsui-motion-disabled .awsui_header-cell_1spae_11bbl_9.awsui_sticky-cell_1spae_11bbl_87:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_11bbl_9.awsui_sticky-cell_1spae_11bbl_87:not(#\9) {
|
|
108
108
|
animation: none;
|
|
109
109
|
transition: none;
|
|
110
110
|
}
|
|
111
|
-
.awsui_header-
|
|
111
|
+
.awsui_header-cell_1spae_11bbl_9.awsui_sticky-cell_1spae_11bbl_87.awsui_table-variant-full-page_1spae_11bbl_111:not(#\9) {
|
|
112
112
|
background: var(--color-background-layout-main-y4565g, #ffffff);
|
|
113
113
|
}
|
|
114
|
-
.awsui_header-
|
|
114
|
+
.awsui_header-cell_1spae_11bbl_9.awsui_sticky-cell-pad-left_1spae_11bbl_114:not(#\9):not(.awsui_has-selection_1spae_11bbl_114) {
|
|
115
115
|
padding-inline-start: var(--space-table-horizontal-o0ypm8, 20px);
|
|
116
116
|
}
|
|
117
|
-
.awsui_header-
|
|
117
|
+
.awsui_header-cell_1spae_11bbl_9.awsui_sticky-cell-last-inline-start_1spae_11bbl_117:not(#\9) {
|
|
118
118
|
box-shadow: var(--shadow-sticky-column-first-7d9wxu, 4px 0px 8px 1px rgba(0, 7, 22, 0.1));
|
|
119
119
|
clip-path: inset(0px -24px 0px 0px);
|
|
120
120
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
121
121
|
}
|
|
122
|
-
.awsui_header-
|
|
122
|
+
.awsui_header-cell_1spae_11bbl_9.awsui_sticky-cell-last-inline-start_1spae_11bbl_117 > .awsui_resize-divider_1spae_11bbl_69:not(#\9) {
|
|
123
123
|
display: none;
|
|
124
124
|
}
|
|
125
|
-
.awsui_header-
|
|
125
|
+
.awsui_header-cell_1spae_11bbl_9.awsui_sticky-cell-last-inline-start_1spae_11bbl_117:not(#\9):dir(rtl) {
|
|
126
126
|
box-shadow: var(--shadow-sticky-column-last-f2p6g7, -4px 0 8px 1px rgba(0, 28, 36, 0.1));
|
|
127
127
|
clip-path: inset(0 0 0 -24px);
|
|
128
128
|
}
|
|
129
|
-
.awsui_header-
|
|
129
|
+
.awsui_header-cell_1spae_11bbl_9.awsui_sticky-cell-last-inline-end_1spae_11bbl_129:not(#\9) {
|
|
130
130
|
box-shadow: var(--shadow-sticky-column-last-f2p6g7, -4px 0 8px 1px rgba(0, 28, 36, 0.1));
|
|
131
131
|
clip-path: inset(0 0 0 -24px);
|
|
132
132
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
133
133
|
}
|
|
134
|
-
.awsui_header-
|
|
134
|
+
.awsui_header-cell_1spae_11bbl_9.awsui_sticky-cell-last-inline-end_1spae_11bbl_129:not(#\9):dir(rtl) {
|
|
135
135
|
box-shadow: var(--shadow-sticky-column-first-7d9wxu, 4px 0px 8px 1px rgba(0, 7, 22, 0.1));
|
|
136
136
|
clip-path: inset(0 -24px 0 0);
|
|
137
137
|
}
|
|
138
|
-
|
|
139
|
-
.awsui_sorting-icon_1spae_m6gr1_139:not(#\9) {
|
|
138
|
+
.awsui_sorting-icon_1spae_11bbl_138:not(#\9) {
|
|
140
139
|
position: absolute;
|
|
141
140
|
inset-block-start: 50%;
|
|
142
141
|
transform: translateY(-50%);
|
|
@@ -144,45 +143,45 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_m6gr1_9.awsui_heade
|
|
|
144
143
|
color: var(--color-text-column-sorting-icon-8ewv37, #424650);
|
|
145
144
|
}
|
|
146
145
|
|
|
147
|
-
.awsui_header-cell-
|
|
146
|
+
.awsui_header-cell-main_1spae_11bbl_146:not(#\9) {
|
|
148
147
|
/* When the wrapper is present without a sort menu, behave as if it weren't there. */
|
|
149
148
|
display: contents;
|
|
150
149
|
}
|
|
151
150
|
|
|
152
|
-
.awsui_sort-priority-
|
|
151
|
+
.awsui_sort-priority-badge_1spae_11bbl_151:not(#\9) {
|
|
153
152
|
margin-inline-end: var(--space-xxs-3o1yoq, 4px);
|
|
154
153
|
}
|
|
155
154
|
|
|
156
|
-
.awsui_edit-
|
|
155
|
+
.awsui_edit-icon_1spae_11bbl_155:not(#\9) {
|
|
157
156
|
margin-inline-start: var(--space-xxs-3o1yoq, 4px);
|
|
158
157
|
margin-block-start: var(--space-scaled-xxs-j00t0m, 4px);
|
|
159
158
|
color: inherit;
|
|
160
159
|
}
|
|
161
160
|
|
|
162
|
-
.awsui_header-cell-
|
|
161
|
+
.awsui_header-cell-content_1spae_11bbl_161:not(#\9) {
|
|
163
162
|
position: relative;
|
|
164
163
|
padding-block: var(--space-scaled-xxs-j00t0m, 4px);
|
|
165
164
|
padding-inline-end: var(--space-s-kll7oj, 12px);
|
|
166
165
|
padding-inline-start: var(--space-s-kll7oj, 12px);
|
|
167
166
|
}
|
|
168
|
-
.awsui_header-cell-
|
|
167
|
+
.awsui_header-cell-content_1spae_11bbl_161.awsui_header-cell-content-expandable_1spae_11bbl_167:not(#\9) {
|
|
169
168
|
padding-inline-start: calc(var(--space-s-kll7oj, 12px) + var(--space-m-n8iq8o, 16px) + var(--space-xs-m9b7jf, 8px));
|
|
170
169
|
}
|
|
171
|
-
.awsui_header-cell-
|
|
170
|
+
.awsui_header-cell-group_1spae_11bbl_64 > .awsui_header-cell-content_1spae_11bbl_161:not(#\9) {
|
|
172
171
|
padding-block: var(--space-xxxs-3ulqs3, 2px);
|
|
173
172
|
}
|
|
174
|
-
.awsui_header-cell-
|
|
173
|
+
.awsui_header-cell-content_1spae_11bbl_161:not(#\9):focus {
|
|
175
174
|
outline: none;
|
|
176
175
|
text-decoration: none;
|
|
177
176
|
}
|
|
178
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
177
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_11bbl_161:not(#\9):focus {
|
|
179
178
|
position: relative;
|
|
180
179
|
}
|
|
181
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
180
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_11bbl_161:not(#\9):focus {
|
|
182
181
|
outline: 2px dotted transparent;
|
|
183
182
|
outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-yl4rtb, 0px)) - 1px);
|
|
184
183
|
}
|
|
185
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
184
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_11bbl_161:not(#\9):focus::before {
|
|
186
185
|
content: " ";
|
|
187
186
|
display: block;
|
|
188
187
|
position: absolute;
|
|
@@ -196,14 +195,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_m6gr1_162:n
|
|
|
196
195
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
|
|
197
196
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #006ce0);
|
|
198
197
|
}
|
|
199
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
198
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_11bbl_161.awsui_header-cell-fake-focus_1spae_11bbl_43:not(#\9) {
|
|
200
199
|
position: relative;
|
|
201
200
|
}
|
|
202
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
201
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_11bbl_161.awsui_header-cell-fake-focus_1spae_11bbl_43:not(#\9) {
|
|
203
202
|
outline: 2px dotted transparent;
|
|
204
203
|
outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-yl4rtb, 0px)) - 1px);
|
|
205
204
|
}
|
|
206
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
205
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_11bbl_161.awsui_header-cell-fake-focus_1spae_11bbl_43:not(#\9)::before {
|
|
207
206
|
content: " ";
|
|
208
207
|
display: block;
|
|
209
208
|
position: absolute;
|
|
@@ -217,68 +216,68 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_m6gr1_162.a
|
|
|
217
216
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
|
|
218
217
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #006ce0);
|
|
219
218
|
}
|
|
220
|
-
.awsui_header-cell-
|
|
219
|
+
.awsui_header-cell-grouped_1spae_11bbl_64 > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161:not(#\9), .awsui_header-cell-spans-rows_1spae_11bbl_64 > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161:not(#\9) {
|
|
221
220
|
padding-block: var(--space-xxxs-3ulqs3, 2px);
|
|
222
221
|
}
|
|
223
|
-
.awsui_header-cell-
|
|
222
|
+
.awsui_header-cell-sortable_1spae_11bbl_90 > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161:not(#\9) {
|
|
224
223
|
padding-inline-end: calc(var(--space-xl-6jh0ay, 24px) + var(--space-xxs-3o1yoq, 4px));
|
|
225
224
|
}
|
|
226
|
-
.awsui_header-cell-
|
|
225
|
+
.awsui_header-cell-sortable_1spae_11bbl_90 > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161.awsui_header-cell-content-multi-sorted_1spae_11bbl_225:not(#\9) {
|
|
227
226
|
padding-inline-end: calc(var(--space-xl-6jh0ay, 24px) + var(--space-xxs-3o1yoq, 4px) + var(--space-m-n8iq8o, 16px));
|
|
228
227
|
}
|
|
229
|
-
.awsui_header-cell-
|
|
228
|
+
.awsui_header-cell-disabled_1spae_11bbl_228.awsui_header-cell-sorted_1spae_11bbl_228 > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161 > .awsui_sorting-icon_1spae_11bbl_138:not(#\9) {
|
|
230
229
|
color: var(--color-text-interactive-disabled-tuxgxq, #b4b4bb);
|
|
231
230
|
}
|
|
232
231
|
|
|
233
|
-
.awsui_header-cell-main-with-
|
|
232
|
+
.awsui_header-cell-main-with-menu_1spae_11bbl_232:not(#\9) {
|
|
234
233
|
display: flex;
|
|
235
234
|
align-items: center;
|
|
236
235
|
}
|
|
237
236
|
|
|
238
|
-
.awsui_header-cell-content-with-
|
|
237
|
+
.awsui_header-cell-content-with-menu_1spae_11bbl_237:not(#\9) {
|
|
239
238
|
flex-grow: 1;
|
|
240
239
|
min-inline-size: 0;
|
|
241
240
|
}
|
|
242
241
|
|
|
243
|
-
.awsui_header-cell-spans-
|
|
242
|
+
.awsui_header-cell-spans-rows_1spae_11bbl_64:not(#\9) {
|
|
244
243
|
block-size: 100%;
|
|
245
244
|
vertical-align: bottom;
|
|
246
245
|
}
|
|
247
|
-
.awsui_header-cell-spans-
|
|
246
|
+
.awsui_header-cell-spans-rows_1spae_11bbl_64 > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161:not(#\9) {
|
|
248
247
|
block-size: 100%;
|
|
249
248
|
box-sizing: border-box;
|
|
250
249
|
display: flex;
|
|
251
250
|
flex-direction: column;
|
|
252
251
|
justify-content: flex-end;
|
|
253
252
|
}
|
|
254
|
-
.awsui_header-cell-spans-
|
|
253
|
+
.awsui_header-cell-spans-rows_1spae_11bbl_64 > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161 > .awsui_sorting-icon_1spae_11bbl_138:not(#\9) {
|
|
255
254
|
inset-block-start: auto;
|
|
256
255
|
inset-block-end: var(--space-scaled-xxs-j00t0m, 4px);
|
|
257
256
|
transform: none;
|
|
258
257
|
}
|
|
259
258
|
|
|
260
|
-
.awsui_header-cell-
|
|
259
|
+
.awsui_header-cell-sortable_1spae_11bbl_90:not(#\9):not(.awsui_header-cell-disabled_1spae_11bbl_228) {
|
|
261
260
|
cursor: pointer;
|
|
262
261
|
}
|
|
263
|
-
.awsui_header-cell-
|
|
262
|
+
.awsui_header-cell-sortable_1spae_11bbl_90:not(#\9):not(.awsui_header-cell-disabled_1spae_11bbl_228) > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161:hover, .awsui_header-cell-sortable_1spae_11bbl_90:not(#\9):not(.awsui_header-cell-disabled_1spae_11bbl_228).awsui_header-cell-sorted_1spae_11bbl_228 > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161 {
|
|
264
263
|
color: var(--color-text-interactive-active-nbyczy, #0f141a);
|
|
265
264
|
}
|
|
266
|
-
.awsui_header-cell-
|
|
265
|
+
.awsui_header-cell-sortable_1spae_11bbl_90:not(#\9):not(.awsui_header-cell-disabled_1spae_11bbl_228) > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161:hover > .awsui_sorting-icon_1spae_11bbl_138, .awsui_header-cell-sortable_1spae_11bbl_90:not(#\9):not(.awsui_header-cell-disabled_1spae_11bbl_228).awsui_header-cell-sorted_1spae_11bbl_228 > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161 > .awsui_sorting-icon_1spae_11bbl_138 {
|
|
267
266
|
color: var(--color-text-interactive-active-nbyczy, #0f141a);
|
|
268
267
|
}
|
|
269
268
|
|
|
270
|
-
.awsui_header-cell-
|
|
269
|
+
.awsui_header-cell-text_1spae_11bbl_269:not(#\9) {
|
|
271
270
|
line-height: var(--line-height-heading-xs-wcrr4i, 18px);
|
|
272
271
|
padding-block: calc(var(--space-xxxs-3ulqs3, 2px) / 2);
|
|
273
272
|
}
|
|
274
|
-
.awsui_header-cell-
|
|
273
|
+
.awsui_header-cell-text_1spae_11bbl_269:not(#\9):not(.awsui_header-cell-text-wrap_1spae_11bbl_273) {
|
|
275
274
|
white-space: nowrap;
|
|
276
275
|
overflow: hidden;
|
|
277
276
|
text-overflow: ellipsis;
|
|
278
277
|
}
|
|
279
278
|
|
|
280
|
-
.awsui_header-cell-
|
|
281
|
-
.awsui_header-cell-
|
|
279
|
+
.awsui_header-cell-ascending_1spae_11bbl_279:not(#\9),
|
|
280
|
+
.awsui_header-cell-descending_1spae_11bbl_280:not(#\9) {
|
|
282
281
|
/* used in test-utils */
|
|
283
282
|
}
|
|
284
283
|
|
|
@@ -288,28 +287,28 @@ with the left edge of the table as closely as possible. If the
|
|
|
288
287
|
last header cell is sortable the sort icon should align with the
|
|
289
288
|
settings icon in the pagination slot.
|
|
290
289
|
*/
|
|
291
|
-
.awsui_header-
|
|
290
|
+
.awsui_header-cell_1spae_11bbl_9:not(#\9):not(.awsui_is-visual-refresh_1spae_11bbl_87):first-child {
|
|
292
291
|
padding-inline-start: var(--space-xs-m9b7jf, 8px);
|
|
293
292
|
}
|
|
294
|
-
.awsui_header-
|
|
293
|
+
.awsui_header-cell_1spae_11bbl_9:not(#\9):not(.awsui_is-visual-refresh_1spae_11bbl_87):first-child.awsui_header-cell-content-expandable_1spae_11bbl_167 {
|
|
295
294
|
padding-inline-start: calc(var(--space-xs-m9b7jf, 8px) + var(--space-m-n8iq8o, 16px) + var(--space-xs-m9b7jf, 8px));
|
|
296
295
|
}
|
|
297
296
|
|
|
298
|
-
.awsui_header-
|
|
297
|
+
.awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9) {
|
|
299
298
|
/*
|
|
300
299
|
Striped rows requires additional left padding because the
|
|
301
300
|
shaded background makes the child content appear too close
|
|
302
301
|
to the table edge.
|
|
303
302
|
*/
|
|
304
303
|
}
|
|
305
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
304
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:focus {
|
|
306
305
|
position: relative;
|
|
307
306
|
}
|
|
308
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
307
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:focus {
|
|
309
308
|
outline: 2px dotted transparent;
|
|
310
309
|
outline-offset: calc(calc(-1 * var(--space-scaled-xxs-j00t0m, 4px) + var(--space-scaled-xxs-j00t0m, 4px)) - 1px);
|
|
311
310
|
}
|
|
312
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
311
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:focus::before {
|
|
313
312
|
content: " ";
|
|
314
313
|
display: block;
|
|
315
314
|
position: absolute;
|
|
@@ -323,14 +322,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_m6gr1_9.awsui_is-vi
|
|
|
323
322
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
|
|
324
323
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #006ce0);
|
|
325
324
|
}
|
|
326
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
325
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_11bbl_43 {
|
|
327
326
|
position: relative;
|
|
328
327
|
}
|
|
329
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
328
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_11bbl_43 {
|
|
330
329
|
outline: 2px dotted transparent;
|
|
331
330
|
outline-offset: calc(calc(-1 * var(--space-scaled-xxs-j00t0m, 4px) + var(--space-scaled-xxs-j00t0m, 4px)) - 1px);
|
|
332
331
|
}
|
|
333
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
332
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_11bbl_43::before {
|
|
334
333
|
content: " ";
|
|
335
334
|
display: block;
|
|
336
335
|
position: absolute;
|
|
@@ -344,20 +343,20 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_m6gr1_9.awsui_is-vi
|
|
|
344
343
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
|
|
345
344
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #006ce0);
|
|
346
345
|
}
|
|
347
|
-
.awsui_header-
|
|
346
|
+
.awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_11bbl_64):not(.awsui_header-cell-group_1spae_11bbl_64) > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161 {
|
|
348
347
|
padding-inline-start: 0px;
|
|
349
348
|
}
|
|
350
|
-
.awsui_header-
|
|
349
|
+
.awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_11bbl_64):not(.awsui_header-cell-group_1spae_11bbl_64) > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161.awsui_header-cell-content-expandable_1spae_11bbl_167 {
|
|
351
350
|
padding-inline-start: calc(0px + var(--space-m-n8iq8o, 16px) + var(--space-xs-m9b7jf, 8px));
|
|
352
351
|
}
|
|
353
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
352
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_11bbl_64):not(.awsui_header-cell-group_1spae_11bbl_64) > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161:focus {
|
|
354
353
|
position: relative;
|
|
355
354
|
}
|
|
356
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
355
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_11bbl_64):not(.awsui_header-cell-group_1spae_11bbl_64) > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161:focus {
|
|
357
356
|
outline: 2px dotted transparent;
|
|
358
357
|
outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-yl4rtb, 0px) + var(--space-scaled-xxs-j00t0m, 4px)) - 1px);
|
|
359
358
|
}
|
|
360
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
359
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_11bbl_64):not(.awsui_header-cell-group_1spae_11bbl_64) > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161:focus::before {
|
|
361
360
|
content: " ";
|
|
362
361
|
display: block;
|
|
363
362
|
position: absolute;
|
|
@@ -371,14 +370,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_m6gr1_9.awsui_is-vi
|
|
|
371
370
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
|
|
372
371
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #006ce0);
|
|
373
372
|
}
|
|
374
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
373
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_11bbl_64):not(.awsui_header-cell-group_1spae_11bbl_64) > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161.awsui_header-cell-fake-focus_1spae_11bbl_43 {
|
|
375
374
|
position: relative;
|
|
376
375
|
}
|
|
377
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
376
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_11bbl_64):not(.awsui_header-cell-group_1spae_11bbl_64) > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161.awsui_header-cell-fake-focus_1spae_11bbl_43 {
|
|
378
377
|
outline: 2px dotted transparent;
|
|
379
378
|
outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-yl4rtb, 0px) + var(--space-scaled-xxs-j00t0m, 4px)) - 1px);
|
|
380
379
|
}
|
|
381
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
380
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_11bbl_64):not(.awsui_header-cell-group_1spae_11bbl_64) > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161.awsui_header-cell-fake-focus_1spae_11bbl_43::before {
|
|
382
381
|
content: " ";
|
|
383
382
|
display: block;
|
|
384
383
|
position: absolute;
|
|
@@ -392,24 +391,24 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_m6gr1_9.awsui_is-vi
|
|
|
392
391
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
|
|
393
392
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #006ce0);
|
|
394
393
|
}
|
|
395
|
-
.awsui_header-
|
|
394
|
+
.awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_11bbl_394):not(.awsui_sticky-cell-pad-inline-start_1spae_11bbl_394):not(.awsui_header-cell-group_1spae_11bbl_64):not(.awsui_header-cell-grouped_1spae_11bbl_64) {
|
|
396
395
|
padding-inline-start: var(--space-xxxs-3ulqs3, 2px);
|
|
397
396
|
}
|
|
398
|
-
.awsui_header-
|
|
397
|
+
.awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_11bbl_394):not(.awsui_sticky-cell-pad-inline-start_1spae_11bbl_394):not(.awsui_header-cell-group_1spae_11bbl_64):not(.awsui_header-cell-grouped_1spae_11bbl_64).awsui_header-cell-content-expandable_1spae_11bbl_167 {
|
|
399
398
|
padding-inline-start: calc(var(--space-xxxs-3ulqs3, 2px) + var(--space-m-n8iq8o, 16px) + var(--space-xs-m9b7jf, 8px));
|
|
400
399
|
}
|
|
401
|
-
.awsui_header-
|
|
400
|
+
.awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child.awsui_has-striped-rows_1spae_11bbl_394:not(.awsui_sticky-cell-pad-inline-start_1spae_11bbl_394):not(.awsui_header-cell-group_1spae_11bbl_64):not(.awsui_header-cell-grouped_1spae_11bbl_64) {
|
|
402
401
|
padding-inline-start: var(--space-xxs-3o1yoq, 4px);
|
|
403
402
|
}
|
|
404
|
-
.awsui_header-
|
|
403
|
+
.awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child.awsui_has-striped-rows_1spae_11bbl_394:not(.awsui_sticky-cell-pad-inline-start_1spae_11bbl_394):not(.awsui_header-cell-group_1spae_11bbl_64):not(.awsui_header-cell-grouped_1spae_11bbl_64).awsui_header-cell-content-expandable_1spae_11bbl_167 {
|
|
405
404
|
padding-inline-start: calc(var(--space-xxs-3o1yoq, 4px) + var(--space-m-n8iq8o, 16px) + var(--space-xs-m9b7jf, 8px));
|
|
406
405
|
}
|
|
407
|
-
.awsui_header-
|
|
406
|
+
.awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):last-child.awsui_header-cell-sortable_1spae_11bbl_90:not(.awsui_header-cell-resizable_1spae_11bbl_406), .awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87[data-rightmost].awsui_header-cell-sortable_1spae_11bbl_90:not(#\9):not(.awsui_header-cell-resizable_1spae_11bbl_406) {
|
|
408
407
|
padding-inline-end: var(--space-xxxs-3ulqs3, 2px);
|
|
409
408
|
}
|
|
410
|
-
.awsui_header-
|
|
409
|
+
.awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87.awsui_sticky-cell-pad-inline-start_1spae_11bbl_394:not(#\9) {
|
|
411
410
|
padding-inline-start: var(--space-scaled-l-33ruz6, 20px);
|
|
412
411
|
}
|
|
413
|
-
.awsui_header-
|
|
412
|
+
.awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87.awsui_sticky-cell-pad-inline-start_1spae_11bbl_394.awsui_header-cell-content-expandable_1spae_11bbl_167:not(#\9) {
|
|
414
413
|
padding-inline-start: calc(var(--space-scaled-l-33ruz6, 20px) + var(--space-m-n8iq8o, 16px) + var(--space-xs-m9b7jf, 8px));
|
|
415
414
|
}
|
|
@@ -2,43 +2,43 @@
|
|
|
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-group": "awsui_header-cell-
|
|
8
|
-
"header-cell-grouped": "awsui_header-cell-
|
|
9
|
-
"header-cell-spans-rows": "awsui_header-cell-spans-
|
|
10
|
-
"resize-divider": "awsui_resize-
|
|
11
|
-
"header-cell-sticky": "awsui_header-cell-
|
|
12
|
-
"header-cell-stuck": "awsui_header-cell-
|
|
13
|
-
"header-cell-variant-full-page": "awsui_header-cell-variant-full-
|
|
14
|
-
"header-cell-hidden": "awsui_header-cell-
|
|
15
|
-
"header-cell-variant-embedded": "awsui_header-cell-variant-
|
|
16
|
-
"is-visual-refresh": "awsui_is-visual-
|
|
17
|
-
"sticky-cell": "awsui_sticky-
|
|
18
|
-
"header-cell-variant-borderless": "awsui_header-cell-variant-
|
|
19
|
-
"header-cell-sortable": "awsui_header-cell-
|
|
20
|
-
"table-variant-full-page": "awsui_table-variant-full-
|
|
21
|
-
"sticky-cell-pad-left": "awsui_sticky-cell-pad-
|
|
22
|
-
"has-selection": "awsui_has-
|
|
23
|
-
"sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-
|
|
24
|
-
"sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-
|
|
25
|
-
"sorting-icon": "awsui_sorting-
|
|
26
|
-
"header-cell-main": "awsui_header-cell-
|
|
27
|
-
"sort-priority-badge": "awsui_sort-priority-
|
|
28
|
-
"edit-icon": "awsui_edit-
|
|
29
|
-
"header-cell-content": "awsui_header-cell-
|
|
30
|
-
"header-cell-content-expandable": "awsui_header-cell-content-
|
|
31
|
-
"header-cell-content-multi-sorted": "awsui_header-cell-content-multi-
|
|
32
|
-
"header-cell-disabled": "awsui_header-cell-
|
|
33
|
-
"header-cell-sorted": "awsui_header-cell-
|
|
34
|
-
"header-cell-main-with-menu": "awsui_header-cell-main-with-
|
|
35
|
-
"header-cell-content-with-menu": "awsui_header-cell-content-with-
|
|
36
|
-
"header-cell-text": "awsui_header-cell-
|
|
37
|
-
"header-cell-text-wrap": "awsui_header-cell-text-
|
|
38
|
-
"header-cell-ascending": "awsui_header-cell-
|
|
39
|
-
"header-cell-descending": "awsui_header-cell-
|
|
40
|
-
"has-striped-rows": "awsui_has-striped-
|
|
41
|
-
"sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-
|
|
42
|
-
"header-cell-resizable": "awsui_header-cell-
|
|
5
|
+
"header-cell": "awsui_header-cell_1spae_11bbl_9",
|
|
6
|
+
"header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_11bbl_43",
|
|
7
|
+
"header-cell-group": "awsui_header-cell-group_1spae_11bbl_64",
|
|
8
|
+
"header-cell-grouped": "awsui_header-cell-grouped_1spae_11bbl_64",
|
|
9
|
+
"header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_11bbl_64",
|
|
10
|
+
"resize-divider": "awsui_resize-divider_1spae_11bbl_69",
|
|
11
|
+
"header-cell-sticky": "awsui_header-cell-sticky_1spae_11bbl_72",
|
|
12
|
+
"header-cell-stuck": "awsui_header-cell-stuck_1spae_11bbl_78",
|
|
13
|
+
"header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_11bbl_78",
|
|
14
|
+
"header-cell-hidden": "awsui_header-cell-hidden_1spae_11bbl_84",
|
|
15
|
+
"header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_11bbl_87",
|
|
16
|
+
"is-visual-refresh": "awsui_is-visual-refresh_1spae_11bbl_87",
|
|
17
|
+
"sticky-cell": "awsui_sticky-cell_1spae_11bbl_87",
|
|
18
|
+
"header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_11bbl_87",
|
|
19
|
+
"header-cell-sortable": "awsui_header-cell-sortable_1spae_11bbl_90",
|
|
20
|
+
"table-variant-full-page": "awsui_table-variant-full-page_1spae_11bbl_111",
|
|
21
|
+
"sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_11bbl_114",
|
|
22
|
+
"has-selection": "awsui_has-selection_1spae_11bbl_114",
|
|
23
|
+
"sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_11bbl_117",
|
|
24
|
+
"sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_11bbl_129",
|
|
25
|
+
"sorting-icon": "awsui_sorting-icon_1spae_11bbl_138",
|
|
26
|
+
"header-cell-main": "awsui_header-cell-main_1spae_11bbl_146",
|
|
27
|
+
"sort-priority-badge": "awsui_sort-priority-badge_1spae_11bbl_151",
|
|
28
|
+
"edit-icon": "awsui_edit-icon_1spae_11bbl_155",
|
|
29
|
+
"header-cell-content": "awsui_header-cell-content_1spae_11bbl_161",
|
|
30
|
+
"header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_11bbl_167",
|
|
31
|
+
"header-cell-content-multi-sorted": "awsui_header-cell-content-multi-sorted_1spae_11bbl_225",
|
|
32
|
+
"header-cell-disabled": "awsui_header-cell-disabled_1spae_11bbl_228",
|
|
33
|
+
"header-cell-sorted": "awsui_header-cell-sorted_1spae_11bbl_228",
|
|
34
|
+
"header-cell-main-with-menu": "awsui_header-cell-main-with-menu_1spae_11bbl_232",
|
|
35
|
+
"header-cell-content-with-menu": "awsui_header-cell-content-with-menu_1spae_11bbl_237",
|
|
36
|
+
"header-cell-text": "awsui_header-cell-text_1spae_11bbl_269",
|
|
37
|
+
"header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_11bbl_273",
|
|
38
|
+
"header-cell-ascending": "awsui_header-cell-ascending_1spae_11bbl_279",
|
|
39
|
+
"header-cell-descending": "awsui_header-cell-descending_1spae_11bbl_280",
|
|
40
|
+
"has-striped-rows": "awsui_has-striped-rows_1spae_11bbl_394",
|
|
41
|
+
"sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_11bbl_394",
|
|
42
|
+
"header-cell-resizable": "awsui_header-cell-resizable_1spae_11bbl_406"
|
|
43
43
|
};
|
|
44
44
|
|
|
@@ -11,6 +11,8 @@ export interface StickyColumnsCellState {
|
|
|
11
11
|
padInlineStart: boolean;
|
|
12
12
|
lastInsetInlineStart: boolean;
|
|
13
13
|
lastInsetInlineEnd: boolean;
|
|
14
|
+
boundaryInlineStart: boolean;
|
|
15
|
+
boundaryInlineEnd: boolean;
|
|
14
16
|
offset: {
|
|
15
17
|
insetInlineStart?: number;
|
|
16
18
|
insetInlineEnd?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/table/sticky-columns/interfaces.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,kBAAkB;IACjC,cAAc,EAAE,SAAS,WAAW,EAAE,CAAC;IACvC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,GAAG,CAAC,WAAW,EAAE,sBAAsB,CAAC,CAAC;IACpD,YAAY,EAAE,yBAAyB,CAAC;CACzC;AAGD,MAAM,WAAW,sBAAsB;IACrC,cAAc,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/table/sticky-columns/interfaces.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,kBAAkB;IACjC,cAAc,EAAE,SAAS,WAAW,EAAE,CAAC;IACvC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,GAAG,CAAC,WAAW,EAAE,sBAAsB,CAAC,CAAC;IACpD,YAAY,EAAE,yBAAyB,CAAC;CACzC;AAGD,MAAM,WAAW,sBAAsB;IACrC,cAAc,EAAE,OAAO,CAAC;IAGxB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,MAAM,EAAE;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAAC,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAChE;AAGD,MAAM,WAAW,yBAAyB;IACxC,wBAAwB,EAAE,MAAM,CAAC;IACjC,sBAAsB,EAAE,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC3D,sBAAsB,EAAE,MAAM,CAAC;IAC/B,oBAAoB,EAAE,MAAM,CAAC;CAC9B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/table/sticky-columns/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport interface StickyColumnsProps {\n visibleColumns: readonly PropertyKey[];\n stickyColumnsFirst: number;\n stickyColumnsLast: number;\n}\n\nexport interface StickyColumnsState {\n cellState: Map<PropertyKey, StickyColumnsCellState>;\n wrapperState: StickyColumnsWrapperState;\n}\n\n// Cell state is used to apply respective styles and offsets to sticky cells.\nexport interface StickyColumnsCellState {\n padInlineStart: boolean;\n lastInsetInlineStart: boolean;\n lastInsetInlineEnd: boolean;\n offset: { insetInlineStart?: number; insetInlineEnd?: number };\n}\n\n// Scroll padding is applied to table's wrapper so that the table scrolls when focus goes behind sticky column.\nexport interface StickyColumnsWrapperState {\n scrollPaddingInlineStart: number;\n scrollPaddingInlineEnd: number;\n}\n\nexport interface CellOffsets {\n offsets: Map<PropertyKey, { first: number; last: number }>;\n stickyWidthInlineStart: number;\n stickyWidthInlineEnd: number;\n}\n"]}
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/table/sticky-columns/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport interface StickyColumnsProps {\n visibleColumns: readonly PropertyKey[];\n stickyColumnsFirst: number;\n stickyColumnsLast: number;\n}\n\nexport interface StickyColumnsState {\n cellState: Map<PropertyKey, StickyColumnsCellState>;\n wrapperState: StickyColumnsWrapperState;\n}\n\n// Cell state is used to apply respective styles and offsets to sticky cells.\nexport interface StickyColumnsCellState {\n padInlineStart: boolean;\n // Cell is the last sticky column on the respective side and the table is scrolled away from it,\n // so content is passing underneath. Used to render the separating shadow.\n lastInsetInlineStart: boolean;\n lastInsetInlineEnd: boolean;\n boundaryInlineStart: boolean;\n boundaryInlineEnd: boolean;\n offset: { insetInlineStart?: number; insetInlineEnd?: number };\n}\n\n// Scroll padding is applied to table's wrapper so that the table scrolls when focus goes behind sticky column.\nexport interface StickyColumnsWrapperState {\n scrollPaddingInlineStart: number;\n scrollPaddingInlineEnd: number;\n}\n\nexport interface CellOffsets {\n offsets: Map<PropertyKey, { first: number; last: number }>;\n stickyWidthInlineStart: number;\n stickyWidthInlineEnd: number;\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-sticky-columns.d.ts","sourceRoot":"","sources":["../../../../src/table/sticky-columns/use-sticky-columns.ts"],"names":[],"mappings":"AAGA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAMvE,OAAmB,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAEL,sBAAsB,EACtB,kBAAkB,EAClB,kBAAkB,EAEnB,MAAM,cAAc,CAAC;AAOtB,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;IAC9C,KAAK,EAAE;QACL,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC/B,CAAC;IACF,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QACtC,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QACxC,IAAI,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,GAAG,WAAW,KAAK,IAAI,CAAC;KACjE,CAAC;CACH;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,cAAc,EACd,kBAAkB,EAClB,iBAAiB,GAClB,EAAE,kBAAkB,GAAG,kBAAkB,CAgGzC;AAED,UAAU,wBAAwB;IAChC,aAAa,EAAE,kBAAkB,CAAC;IAClC,QAAQ,EAAE,WAAW,CAAC;IACtB,YAAY,EAAE,CAAC,MAAM,EAAE,IAAI,GAAG,sBAAsB,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAMjF,gBAAgB,CAAC,EAAE,WAAW,CAAC;CAChC;AAED,UAAU,gBAAgB;IACxB,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;
|
|
1
|
+
{"version":3,"file":"use-sticky-columns.d.ts","sourceRoot":"","sources":["../../../../src/table/sticky-columns/use-sticky-columns.ts"],"names":[],"mappings":"AAGA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAMvE,OAAmB,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAEL,sBAAsB,EACtB,kBAAkB,EAClB,kBAAkB,EAEnB,MAAM,cAAc,CAAC;AAOtB,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;IAC9C,KAAK,EAAE;QACL,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC/B,CAAC;IACF,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QACtC,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QACxC,IAAI,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,GAAG,WAAW,KAAK,IAAI,CAAC;KACjE,CAAC;CACH;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,cAAc,EACd,kBAAkB,EAClB,iBAAiB,GAClB,EAAE,kBAAkB,GAAG,kBAAkB,CAgGzC;AAED,UAAU,wBAAwB;IAChC,aAAa,EAAE,kBAAkB,CAAC;IAClC,QAAQ,EAAE,WAAW,CAAC;IACtB,YAAY,EAAE,CAAC,MAAM,EAAE,IAAI,GAAG,sBAAsB,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAMjF,gBAAgB,CAAC,EAAE,WAAW,CAAC;CAChC;AAED,UAAU,gBAAgB;IACxB,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AA4BD,wBAAgB,mBAAmB,CAAC,EAClC,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,gBAAgB,GACjB,EAAE,wBAAwB,GAAG,gBAAgB,CAqE7C"}
|