@cloudscape-design/components-themeable 3.0.153 → 3.0.154
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/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/table/body-cell/styles.scss +47 -4
- package/lib/internal/scss/table/header-cell/styles.scss +35 -3
- package/lib/internal/scss/table/selection-control/styles.scss +0 -2
- package/lib/internal/scss/table/styles.scss +17 -11
- package/lib/internal/template/internal/base-component/styles.scoped.css +3 -4
- package/lib/internal/template/internal/environment.js +1 -1
- package/lib/internal/template/internal/generated/styles/tokens.js +1 -1
- package/lib/internal/template/internal/generated/theming/index.cjs +13 -6
- package/lib/internal/template/internal/generated/theming/index.js +13 -6
- package/lib/internal/template/table/body-cell/index.d.ts +3 -1
- package/lib/internal/template/table/body-cell/index.d.ts.map +1 -1
- package/lib/internal/template/table/body-cell/index.js +4 -2
- package/lib/internal/template/table/body-cell/index.js.map +1 -1
- package/lib/internal/template/table/body-cell/styles.css.js +12 -8
- package/lib/internal/template/table/body-cell/styles.scoped.css +56 -20
- package/lib/internal/template/table/body-cell/styles.selectors.js +12 -8
- package/lib/internal/template/table/header-cell/styles.css.js +18 -16
- package/lib/internal/template/table/header-cell/styles.scoped.css +54 -27
- package/lib/internal/template/table/header-cell/styles.selectors.js +18 -16
- package/lib/internal/template/table/internal.d.ts.map +1 -1
- package/lib/internal/template/table/internal.js +11 -9
- package/lib/internal/template/table/internal.js.map +1 -1
- package/lib/internal/template/table/selection-control/styles.css.js +3 -3
- package/lib/internal/template/table/selection-control/styles.scoped.css +3 -5
- package/lib/internal/template/table/selection-control/styles.selectors.js +3 -3
- package/lib/internal/template/table/styles.css.js +33 -34
- package/lib/internal/template/table/styles.scoped.css +54 -49
- package/lib/internal/template/table/styles.selectors.js +33 -34
- package/lib/internal/template/table/thead.d.ts +1 -0
- package/lib/internal/template/table/thead.d.ts.map +1 -1
- package/lib/internal/template/table/thead.js +5 -3
- package/lib/internal/template/table/thead.js.map +1 -1
- package/lib/internal/template/table/use-sticky-header.d.ts.map +1 -1
- package/lib/internal/template/table/use-sticky-header.js +0 -13
- package/lib/internal/template/table/use-sticky-header.js.map +1 -1
- package/package.json +1 -1
|
@@ -31,7 +31,6 @@ $border-placeholder: awsui.$border-item-width solid transparent;
|
|
|
31
31
|
}
|
|
32
32
|
&:first-child {
|
|
33
33
|
border-left: $border-placeholder;
|
|
34
|
-
padding-left: $cell-edge-horizontal-padding;
|
|
35
34
|
}
|
|
36
35
|
&:last-child {
|
|
37
36
|
border-right: $border-placeholder;
|
|
@@ -40,9 +39,19 @@ $border-placeholder: awsui.$border-item-width solid transparent;
|
|
|
40
39
|
&-first-row {
|
|
41
40
|
border-top: $border-placeholder;
|
|
42
41
|
}
|
|
43
|
-
&-last-row {
|
|
44
|
-
|
|
45
|
-
|
|
42
|
+
&-last-row:not(.body-cell-selected) {
|
|
43
|
+
&:not(.has-footer) {
|
|
44
|
+
// skip the border for the last row because the container already has a border
|
|
45
|
+
border-bottom: $border-placeholder;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
&.has-footer {
|
|
49
|
+
/*
|
|
50
|
+
Add a bottom border to the body cells of the last row as a separator between the
|
|
51
|
+
table and the footer
|
|
52
|
+
*/
|
|
53
|
+
border-bottom: awsui.$border-divider-section-width solid awsui.$color-border-divider-default;
|
|
54
|
+
}
|
|
46
55
|
}
|
|
47
56
|
&-shaded {
|
|
48
57
|
background: awsui.$color-background-cell-shaded;
|
|
@@ -96,3 +105,37 @@ $border-placeholder: awsui.$border-item-width solid transparent;
|
|
|
96
105
|
padding-top: $cell-vertical-padding;
|
|
97
106
|
}
|
|
98
107
|
}
|
|
108
|
+
|
|
109
|
+
/*
|
|
110
|
+
In Visual Refresh the first cell of each row should align with the
|
|
111
|
+
left edge of the table as closely as possible.
|
|
112
|
+
*/
|
|
113
|
+
.body-cell:not(.is-visual-refresh) {
|
|
114
|
+
&:first-child {
|
|
115
|
+
padding-left: $cell-edge-horizontal-padding;
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.body-cell.is-visual-refresh {
|
|
120
|
+
/*
|
|
121
|
+
Remove the placeholder border if the row is not selectable.
|
|
122
|
+
Rows that are not selectable will reserve the horizontal space
|
|
123
|
+
that the placeholder border would consume.
|
|
124
|
+
*/
|
|
125
|
+
&:first-child:not(.has-selection) {
|
|
126
|
+
border-left: none;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
&:first-child:not(.has-striped-rows) {
|
|
130
|
+
padding-left: awsui.$space-xxxs;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
/*
|
|
134
|
+
Striped rows requires additional left padding because the
|
|
135
|
+
shaded background makes the child content appear too close
|
|
136
|
+
to the table edge.
|
|
137
|
+
*/
|
|
138
|
+
&:first-child.has-striped-rows {
|
|
139
|
+
padding-left: awsui.$space-xxs;
|
|
140
|
+
}
|
|
141
|
+
}
|
|
@@ -25,9 +25,6 @@
|
|
|
25
25
|
&-variant-full-page.header-cell-hidden {
|
|
26
26
|
border-bottom-color: transparent;
|
|
27
27
|
}
|
|
28
|
-
&:first-child {
|
|
29
|
-
padding-left: awsui.$space-xs;
|
|
30
|
-
}
|
|
31
28
|
&:last-child,
|
|
32
29
|
&.header-cell-sortable {
|
|
33
30
|
padding-right: awsui.$space-xs;
|
|
@@ -105,3 +102,38 @@
|
|
|
105
102
|
.header-cell-descending {
|
|
106
103
|
/* used in test-utils */
|
|
107
104
|
}
|
|
105
|
+
|
|
106
|
+
/*
|
|
107
|
+
In Visual Refresh the first cell in the header should align
|
|
108
|
+
with the left edge of the table as closely as possible. If the
|
|
109
|
+
last header cell is sortable the sort icon should align with the
|
|
110
|
+
settings icon in the pagination slot.
|
|
111
|
+
*/
|
|
112
|
+
.header-cell:not(.is-visual-refresh) {
|
|
113
|
+
&:first-child {
|
|
114
|
+
padding-left: awsui.$space-xs;
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.header-cell.is-visual-refresh {
|
|
119
|
+
&:first-child:not(.has-striped-rows) {
|
|
120
|
+
padding-left: awsui.$space-xxxs;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
/*
|
|
124
|
+
Striped rows requires additional left padding because the
|
|
125
|
+
shaded background makes the child content appear too close
|
|
126
|
+
to the table edge.
|
|
127
|
+
*/
|
|
128
|
+
&:first-child.has-striped-rows {
|
|
129
|
+
padding-left: awsui.$space-xxs;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
&:first-child > .header-cell-content {
|
|
133
|
+
padding-left: 0;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
&:last-child.header-cell-sortable {
|
|
137
|
+
padding-right: awsui.$space-xxxs;
|
|
138
|
+
}
|
|
139
|
+
}
|
|
@@ -90,6 +90,13 @@
|
|
|
90
90
|
.cell-merged {
|
|
91
91
|
text-align: center;
|
|
92
92
|
padding: 0;
|
|
93
|
+
&.has-footer {
|
|
94
|
+
/*
|
|
95
|
+
Add a bottom border to the body cell of an empty table as a separator between the
|
|
96
|
+
table and the footer
|
|
97
|
+
*/
|
|
98
|
+
border-bottom: awsui.$border-divider-section-width solid awsui.$color-border-divider-default;
|
|
99
|
+
}
|
|
93
100
|
&-content {
|
|
94
101
|
box-sizing: border-box;
|
|
95
102
|
width: 100%;
|
|
@@ -113,12 +120,18 @@
|
|
|
113
120
|
/* used in test-utils */
|
|
114
121
|
}
|
|
115
122
|
|
|
123
|
+
/*
|
|
124
|
+
The min/max/width token values in Visual Refresh should align
|
|
125
|
+
the table header and body cells selection control with the table
|
|
126
|
+
filter search icon.
|
|
127
|
+
*/
|
|
116
128
|
.selection-control {
|
|
117
|
-
position: relative;
|
|
118
129
|
box-sizing: border-box;
|
|
119
|
-
width:
|
|
120
|
-
|
|
121
|
-
|
|
130
|
+
max-width: awsui.$size-table-selection-horizontal;
|
|
131
|
+
min-width: awsui.$size-table-selection-horizontal;
|
|
132
|
+
position: relative;
|
|
133
|
+
width: awsui.$size-table-selection-horizontal;
|
|
134
|
+
|
|
122
135
|
&.selection-control-header {
|
|
123
136
|
padding: awsui.$space-scaled-xs awsui.$space-scaled-l;
|
|
124
137
|
border-left: awsui.$border-item-width solid transparent;
|
|
@@ -189,13 +202,6 @@ the default white background of the container component.
|
|
|
189
202
|
}
|
|
190
203
|
}
|
|
191
204
|
|
|
192
|
-
.divider {
|
|
193
|
-
border: none;
|
|
194
|
-
margin: 0;
|
|
195
|
-
height: 0;
|
|
196
|
-
@include container.divider;
|
|
197
|
-
}
|
|
198
|
-
|
|
199
205
|
.footer-wrapper {
|
|
200
206
|
&.variant-stacked,
|
|
201
207
|
&.variant-container {
|
|
@@ -475,6 +475,7 @@
|
|
|
475
475
|
--size-icon-large-9vh494:48px;
|
|
476
476
|
--size-icon-medium-yynucr:16px;
|
|
477
477
|
--size-icon-normal-j1z5fn:16px;
|
|
478
|
+
--size-table-selection-horizontal-bjirww:54px;
|
|
478
479
|
--size-vertical-input-ikahdk:32px;
|
|
479
480
|
--size-vertical-panel-icon-offset-ti40n4:15px;
|
|
480
481
|
--space-alert-action-left-ovi85g:20px;
|
|
@@ -1396,6 +1397,7 @@
|
|
|
1396
1397
|
--size-calendar-grid-width-luenzs:238px;
|
|
1397
1398
|
--size-control-eyly4k:16px;
|
|
1398
1399
|
--size-icon-medium-yynucr:20px;
|
|
1400
|
+
--size-table-selection-horizontal-bjirww:40px;
|
|
1399
1401
|
--size-vertical-input-ikahdk:34px;
|
|
1400
1402
|
--space-alert-action-left-ovi85g:12px;
|
|
1401
1403
|
--space-alert-horizontal-dvwbh6:16px;
|
|
@@ -1408,10 +1410,8 @@
|
|
|
1408
1410
|
--space-button-modal-dismiss-vertical-zj7c79:0px;
|
|
1409
1411
|
--space-calendar-grid-focus-outline-gutter-lbmex4:-5px;
|
|
1410
1412
|
--space-calendar-grid-selected-focus-outline-gutter-s5ollf:-5px;
|
|
1411
|
-
--space-card-horizontal-di7llb:24px;
|
|
1412
1413
|
--space-code-editor-status-focus-outline-gutter-hxg2um:-7px;
|
|
1413
1414
|
--space-container-content-top-u412x3:0px;
|
|
1414
|
-
--space-container-horizontal-tlw03i:24px;
|
|
1415
1415
|
--space-content-header-padding-bottom-m7tdoi:24px;
|
|
1416
1416
|
--space-dark-header-overlap-distance-ync2s3:36px;
|
|
1417
1417
|
--space-expandable-section-icon-offset-top-jo3eu8:4px;
|
|
@@ -1424,14 +1424,13 @@
|
|
|
1424
1424
|
--space-flashbar-horizontal-klv28o:16px;
|
|
1425
1425
|
--space-layout-content-bottom-ebez2l:40px;
|
|
1426
1426
|
--space-modal-content-bottom-2tkcs5:16px;
|
|
1427
|
-
--space-modal-horizontal-ah0xld:24px;
|
|
1428
1427
|
--space-panel-nav-left-hwf0ky:28px;
|
|
1429
1428
|
--space-panel-side-left-o3fm3s:28px;
|
|
1430
1429
|
--space-panel-side-right-oktwq8:24px;
|
|
1431
1430
|
--space-panel-split-top-mpmkyz:20px;
|
|
1432
1431
|
--space-segmented-control-focus-outline-gutter-82bijn:4px;
|
|
1433
1432
|
--space-tabs-content-top-c5lrql:12px;
|
|
1434
|
-
--space-table-horizontal-njdbej:
|
|
1433
|
+
--space-table-horizontal-njdbej:20px;
|
|
1435
1434
|
--space-table-header-horizontal-4u689g:0px;
|
|
1436
1435
|
--space-table-content-bottom-2l75ve:4px;
|
|
1437
1436
|
--space-table-content-top-su9ka6:12px;
|
|
@@ -258,7 +258,7 @@ export var motionKeyframesFadeIn = "var(--motion-keyframes-fade-in-9ud20b, awsui
|
|
|
258
258
|
export var motionKeyframesFadeOut = "var(--motion-keyframes-fade-out-1ayoyt, awsui-fade-out-35003c)";
|
|
259
259
|
export var motionKeyframesStatusIconError = "var(--motion-keyframes-status-icon-error-ti988k, awsui-status-icon-error-35003c)";
|
|
260
260
|
export var motionKeyframesScalePopup = "var(--motion-keyframes-scale-popup-3oea16, awsui-scale-popup-35003c)";
|
|
261
|
-
export var spaceContainerHorizontal = "var(--space-container-horizontal-
|
|
261
|
+
export var spaceContainerHorizontal = "var(--space-container-horizontal-tlw03i, 20px)";
|
|
262
262
|
export var spaceFieldHorizontal = "var(--space-field-horizontal-89h2yr, 12px)";
|
|
263
263
|
export var spaceScaledXxxs = "var(--space-scaled-xxxs-b6dm8t, 2px)";
|
|
264
264
|
export var spaceScaledXxs = "var(--space-scaled-xxs-95dhkm, 4px)";
|
|
@@ -1813,6 +1813,10 @@ module.exports.preset = {
|
|
|
1813
1813
|
"comfortable": "16px",
|
|
1814
1814
|
"compact": "16px"
|
|
1815
1815
|
},
|
|
1816
|
+
"sizeTableSelectionHorizontal": {
|
|
1817
|
+
"comfortable": "40px",
|
|
1818
|
+
"compact": "40px"
|
|
1819
|
+
},
|
|
1816
1820
|
"sizeVerticalInput": {
|
|
1817
1821
|
"comfortable": "34px",
|
|
1818
1822
|
"compact": "30px"
|
|
@@ -1882,8 +1886,8 @@ module.exports.preset = {
|
|
|
1882
1886
|
"compact": "{spaceS}"
|
|
1883
1887
|
},
|
|
1884
1888
|
"spaceContainerHorizontal": {
|
|
1885
|
-
"comfortable": "{
|
|
1886
|
-
"compact": "{
|
|
1889
|
+
"comfortable": "{spaceL}",
|
|
1890
|
+
"compact": "{spaceL}"
|
|
1887
1891
|
},
|
|
1888
1892
|
"spaceContentHeaderPaddingBottom": {
|
|
1889
1893
|
"comfortable": "{spaceXl}",
|
|
@@ -6120,6 +6124,7 @@ module.exports.preset = {
|
|
|
6120
6124
|
"sizeIconLarge": "density",
|
|
6121
6125
|
"sizeIconMedium": "density",
|
|
6122
6126
|
"sizeIconNormal": "density",
|
|
6127
|
+
"sizeTableSelectionHorizontal": "density",
|
|
6123
6128
|
"sizeVerticalInput": "density",
|
|
6124
6129
|
"sizeVerticalPanelIconOffset": "density",
|
|
6125
6130
|
"spaceAlertActionLeft": "density",
|
|
@@ -7212,6 +7217,7 @@ module.exports.preset = {
|
|
|
7212
7217
|
"sizeIconLarge": "size-icon-large",
|
|
7213
7218
|
"sizeIconMedium": "size-icon-medium",
|
|
7214
7219
|
"sizeIconNormal": "size-icon-normal",
|
|
7220
|
+
"sizeTableSelectionHorizontal": "size-table-selection-horizontal",
|
|
7215
7221
|
"sizeVerticalInput": "size-vertical-input",
|
|
7216
7222
|
"sizeVerticalPanelIconOffset": "size-vertical-panel-icon-offset",
|
|
7217
7223
|
"spaceAlertActionLeft": "space-alert-action-left",
|
|
@@ -7858,6 +7864,7 @@ module.exports.preset = {
|
|
|
7858
7864
|
"sizeIconLarge": "--size-icon-large-9vh494",
|
|
7859
7865
|
"sizeIconMedium": "--size-icon-medium-fvz0oi",
|
|
7860
7866
|
"sizeIconNormal": "--size-icon-normal-j1z5fn",
|
|
7867
|
+
"sizeTableSelectionHorizontal": "--size-table-selection-horizontal-o8c8gs",
|
|
7861
7868
|
"sizeVerticalInput": "--size-vertical-input-js5hfh",
|
|
7862
7869
|
"sizeVerticalPanelIconOffset": "--size-vertical-panel-icon-offset-ti40n4",
|
|
7863
7870
|
"spaceAlertActionLeft": "--space-alert-action-left-hi50rw",
|
|
@@ -7871,11 +7878,11 @@ module.exports.preset = {
|
|
|
7871
7878
|
"spaceButtonModalDismissVertical": "--space-button-modal-dismiss-vertical-r4lx2k",
|
|
7872
7879
|
"spaceCalendarGridFocusOutlineGutter": "--space-calendar-grid-focus-outline-gutter-v3dwvl",
|
|
7873
7880
|
"spaceCalendarGridSelectedFocusOutlineGutter": "--space-calendar-grid-selected-focus-outline-gutter-gqgjqz",
|
|
7874
|
-
"spaceCardHorizontal": "--space-card-horizontal-
|
|
7881
|
+
"spaceCardHorizontal": "--space-card-horizontal-di7llb",
|
|
7875
7882
|
"spaceCodeEditorStatusFocusOutlineGutter": "--space-code-editor-status-focus-outline-gutter-eivtla",
|
|
7876
7883
|
"spaceContainerContentTop": "--space-container-content-top-fsd8nr",
|
|
7877
7884
|
"spaceContainerHeaderVertical": "--space-container-header-vertical-zsjhel",
|
|
7878
|
-
"spaceContainerHorizontal": "--space-container-horizontal-
|
|
7885
|
+
"spaceContainerHorizontal": "--space-container-horizontal-tlw03i",
|
|
7879
7886
|
"spaceContentHeaderPaddingBottom": "--space-content-header-padding-bottom-nvqytg",
|
|
7880
7887
|
"spaceDarkHeaderOverlapDistance": "--space-dark-header-overlap-distance-hfejul",
|
|
7881
7888
|
"spaceExpandableSectionIconOffsetTop": "--space-expandable-section-icon-offset-top-svbirl",
|
|
@@ -7891,7 +7898,7 @@ module.exports.preset = {
|
|
|
7891
7898
|
"spaceLayoutToggleDiameter": "--space-layout-toggle-diameter-hzvqtj",
|
|
7892
7899
|
"spaceLayoutTogglePadding": "--space-layout-toggle-padding-axl9jr",
|
|
7893
7900
|
"spaceModalContentBottom": "--space-modal-content-bottom-cecclv",
|
|
7894
|
-
"spaceModalHorizontal": "--space-modal-horizontal-
|
|
7901
|
+
"spaceModalHorizontal": "--space-modal-horizontal-ah0xld",
|
|
7895
7902
|
"spacePanelNavLeft": "--space-panel-nav-left-o5fvw3",
|
|
7896
7903
|
"spacePanelSideLeft": "--space-panel-side-left-8ozqve",
|
|
7897
7904
|
"spacePanelSideRight": "--space-panel-side-right-kev4k9",
|
|
@@ -7899,7 +7906,7 @@ module.exports.preset = {
|
|
|
7899
7906
|
"spaceSegmentedControlFocusOutlineGutter": "--space-segmented-control-focus-outline-gutter-99x5b9",
|
|
7900
7907
|
"spaceTableHeaderFocusOutlineGutter": "--space-table-header-focus-outline-gutter-rbx7m7",
|
|
7901
7908
|
"spaceTabsContentTop": "--space-tabs-content-top-mn4c9x",
|
|
7902
|
-
"spaceTableHorizontal": "--space-table-horizontal-
|
|
7909
|
+
"spaceTableHorizontal": "--space-table-horizontal-mj7h0h",
|
|
7903
7910
|
"spaceTableHeaderHorizontal": "--space-table-header-horizontal-et2ko8",
|
|
7904
7911
|
"spaceTableContentBottom": "--space-table-content-bottom-pg6yvn",
|
|
7905
7912
|
"spaceTableContentTop": "--space-table-content-top-t15dd1",
|
|
@@ -1813,6 +1813,10 @@ export var preset = {
|
|
|
1813
1813
|
"comfortable": "16px",
|
|
1814
1814
|
"compact": "16px"
|
|
1815
1815
|
},
|
|
1816
|
+
"sizeTableSelectionHorizontal": {
|
|
1817
|
+
"comfortable": "40px",
|
|
1818
|
+
"compact": "40px"
|
|
1819
|
+
},
|
|
1816
1820
|
"sizeVerticalInput": {
|
|
1817
1821
|
"comfortable": "34px",
|
|
1818
1822
|
"compact": "30px"
|
|
@@ -1882,8 +1886,8 @@ export var preset = {
|
|
|
1882
1886
|
"compact": "{spaceS}"
|
|
1883
1887
|
},
|
|
1884
1888
|
"spaceContainerHorizontal": {
|
|
1885
|
-
"comfortable": "{
|
|
1886
|
-
"compact": "{
|
|
1889
|
+
"comfortable": "{spaceL}",
|
|
1890
|
+
"compact": "{spaceL}"
|
|
1887
1891
|
},
|
|
1888
1892
|
"spaceContentHeaderPaddingBottom": {
|
|
1889
1893
|
"comfortable": "{spaceXl}",
|
|
@@ -6120,6 +6124,7 @@ export var preset = {
|
|
|
6120
6124
|
"sizeIconLarge": "density",
|
|
6121
6125
|
"sizeIconMedium": "density",
|
|
6122
6126
|
"sizeIconNormal": "density",
|
|
6127
|
+
"sizeTableSelectionHorizontal": "density",
|
|
6123
6128
|
"sizeVerticalInput": "density",
|
|
6124
6129
|
"sizeVerticalPanelIconOffset": "density",
|
|
6125
6130
|
"spaceAlertActionLeft": "density",
|
|
@@ -7212,6 +7217,7 @@ export var preset = {
|
|
|
7212
7217
|
"sizeIconLarge": "size-icon-large",
|
|
7213
7218
|
"sizeIconMedium": "size-icon-medium",
|
|
7214
7219
|
"sizeIconNormal": "size-icon-normal",
|
|
7220
|
+
"sizeTableSelectionHorizontal": "size-table-selection-horizontal",
|
|
7215
7221
|
"sizeVerticalInput": "size-vertical-input",
|
|
7216
7222
|
"sizeVerticalPanelIconOffset": "size-vertical-panel-icon-offset",
|
|
7217
7223
|
"spaceAlertActionLeft": "space-alert-action-left",
|
|
@@ -7858,6 +7864,7 @@ export var preset = {
|
|
|
7858
7864
|
"sizeIconLarge": "--size-icon-large-9vh494",
|
|
7859
7865
|
"sizeIconMedium": "--size-icon-medium-fvz0oi",
|
|
7860
7866
|
"sizeIconNormal": "--size-icon-normal-j1z5fn",
|
|
7867
|
+
"sizeTableSelectionHorizontal": "--size-table-selection-horizontal-o8c8gs",
|
|
7861
7868
|
"sizeVerticalInput": "--size-vertical-input-js5hfh",
|
|
7862
7869
|
"sizeVerticalPanelIconOffset": "--size-vertical-panel-icon-offset-ti40n4",
|
|
7863
7870
|
"spaceAlertActionLeft": "--space-alert-action-left-hi50rw",
|
|
@@ -7871,11 +7878,11 @@ export var preset = {
|
|
|
7871
7878
|
"spaceButtonModalDismissVertical": "--space-button-modal-dismiss-vertical-r4lx2k",
|
|
7872
7879
|
"spaceCalendarGridFocusOutlineGutter": "--space-calendar-grid-focus-outline-gutter-v3dwvl",
|
|
7873
7880
|
"spaceCalendarGridSelectedFocusOutlineGutter": "--space-calendar-grid-selected-focus-outline-gutter-gqgjqz",
|
|
7874
|
-
"spaceCardHorizontal": "--space-card-horizontal-
|
|
7881
|
+
"spaceCardHorizontal": "--space-card-horizontal-di7llb",
|
|
7875
7882
|
"spaceCodeEditorStatusFocusOutlineGutter": "--space-code-editor-status-focus-outline-gutter-eivtla",
|
|
7876
7883
|
"spaceContainerContentTop": "--space-container-content-top-fsd8nr",
|
|
7877
7884
|
"spaceContainerHeaderVertical": "--space-container-header-vertical-zsjhel",
|
|
7878
|
-
"spaceContainerHorizontal": "--space-container-horizontal-
|
|
7885
|
+
"spaceContainerHorizontal": "--space-container-horizontal-tlw03i",
|
|
7879
7886
|
"spaceContentHeaderPaddingBottom": "--space-content-header-padding-bottom-nvqytg",
|
|
7880
7887
|
"spaceDarkHeaderOverlapDistance": "--space-dark-header-overlap-distance-hfejul",
|
|
7881
7888
|
"spaceExpandableSectionIconOffsetTop": "--space-expandable-section-icon-offset-top-svbirl",
|
|
@@ -7891,7 +7898,7 @@ export var preset = {
|
|
|
7891
7898
|
"spaceLayoutToggleDiameter": "--space-layout-toggle-diameter-hzvqtj",
|
|
7892
7899
|
"spaceLayoutTogglePadding": "--space-layout-toggle-padding-axl9jr",
|
|
7893
7900
|
"spaceModalContentBottom": "--space-modal-content-bottom-cecclv",
|
|
7894
|
-
"spaceModalHorizontal": "--space-modal-horizontal-
|
|
7901
|
+
"spaceModalHorizontal": "--space-modal-horizontal-ah0xld",
|
|
7895
7902
|
"spacePanelNavLeft": "--space-panel-nav-left-o5fvw3",
|
|
7896
7903
|
"spacePanelSideLeft": "--space-panel-side-left-8ozqve",
|
|
7897
7904
|
"spacePanelSideRight": "--space-panel-side-right-kev4k9",
|
|
@@ -7899,7 +7906,7 @@ export var preset = {
|
|
|
7899
7906
|
"spaceSegmentedControlFocusOutlineGutter": "--space-segmented-control-focus-outline-gutter-99x5b9",
|
|
7900
7907
|
"spaceTableHeaderFocusOutlineGutter": "--space-table-header-focus-outline-gutter-rbx7m7",
|
|
7901
7908
|
"spaceTabsContentTop": "--space-tabs-content-top-mn4c9x",
|
|
7902
|
-
"spaceTableHorizontal": "--space-table-horizontal-
|
|
7909
|
+
"spaceTableHorizontal": "--space-table-horizontal-mj7h0h",
|
|
7903
7910
|
"spaceTableHeaderHorizontal": "--space-table-header-horizontal-et2ko8",
|
|
7904
7911
|
"spaceTableContentBottom": "--space-table-content-bottom-pg6yvn",
|
|
7905
7912
|
"spaceTableContentTop": "--space-table-content-top-t15dd1",
|
|
@@ -12,8 +12,10 @@ interface TableBodyCellProps {
|
|
|
12
12
|
isNextSelected: boolean;
|
|
13
13
|
isPrevSelected: boolean;
|
|
14
14
|
children?: React.ReactNode;
|
|
15
|
+
hasSelection?: boolean;
|
|
16
|
+
hasFooter?: boolean;
|
|
15
17
|
}
|
|
16
|
-
export declare function TableBodyCell({ className, style, children, wrapLines, isFirstRow, isLastRow, isSelected, isNextSelected, isPrevSelected, isEvenRow, stripedRows, }: TableBodyCellProps): JSX.Element;
|
|
18
|
+
export declare function TableBodyCell({ className, style, children, wrapLines, isFirstRow, isLastRow, isSelected, isNextSelected, isPrevSelected, isEvenRow, stripedRows, hasSelection, hasFooter, }: TableBodyCellProps): JSX.Element;
|
|
17
19
|
interface TableBodyCellContentProps<ItemType> extends TableBodyCellProps {
|
|
18
20
|
column: TableProps.ColumnDefinition<ItemType>;
|
|
19
21
|
item: ItemType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/table/body-cell/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/table/body-cell/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,cAAc,EACd,cAAc,EACd,SAAS,EACT,WAAW,EACX,YAAY,EACZ,SAAS,GACV,EAAE,kBAAkB,eAyBpB;AAED,UAAU,yBAAyB,CAAC,QAAQ,CAAE,SAAQ,kBAAkB;IACtE,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,yBAAyB,CAAC,QAAQ,CAAC,eAE5G"}
|
|
@@ -4,9 +4,11 @@ import { __assign, __rest } from "tslib";
|
|
|
4
4
|
import clsx from 'clsx';
|
|
5
5
|
import styles from './styles.css.js';
|
|
6
6
|
import React from 'react';
|
|
7
|
+
import { useVisualRefresh } from '../../internal/hooks/use-visual-mode';
|
|
7
8
|
export function TableBodyCell(_a) {
|
|
8
|
-
var className = _a.className, style = _a.style, children = _a.children, wrapLines = _a.wrapLines, isFirstRow = _a.isFirstRow, isLastRow = _a.isLastRow, isSelected = _a.isSelected, isNextSelected = _a.isNextSelected, isPrevSelected = _a.isPrevSelected, isEvenRow = _a.isEvenRow, stripedRows = _a.stripedRows;
|
|
9
|
-
|
|
9
|
+
var className = _a.className, style = _a.style, children = _a.children, wrapLines = _a.wrapLines, isFirstRow = _a.isFirstRow, isLastRow = _a.isLastRow, isSelected = _a.isSelected, isNextSelected = _a.isNextSelected, isPrevSelected = _a.isPrevSelected, isEvenRow = _a.isEvenRow, stripedRows = _a.stripedRows, hasSelection = _a.hasSelection, hasFooter = _a.hasFooter;
|
|
10
|
+
var isVisualRefresh = useVisualRefresh();
|
|
11
|
+
return (React.createElement("td", { style: style, className: clsx(className, styles['body-cell'], wrapLines && styles['body-cell-wrap'], isFirstRow && styles['body-cell-first-row'], isLastRow && styles['body-cell-last-row'], isSelected && styles['body-cell-selected'], isNextSelected && styles['body-cell-next-selected'], isPrevSelected && styles['body-cell-prev-selected'], !isEvenRow && stripedRows && styles['body-cell-shaded'], stripedRows && styles['has-striped-rows'], isVisualRefresh && styles['is-visual-refresh'], hasSelection && styles['has-selection'], hasFooter && styles['has-footer']) }, children));
|
|
10
12
|
}
|
|
11
13
|
export function TableBodyCellContent(_a) {
|
|
12
14
|
var item = _a.item, column = _a.column, rest = __rest(_a, ["item", "column"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table/body-cell/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table/body-cell/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAkBxE,MAAM,UAAU,aAAa,CAAC,EAcT;QAbnB,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,SAAS,eAAA;IAET,IAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAE3C,OAAO,CACL,4BACE,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,CACb,SAAS,EACT,MAAM,CAAC,WAAW,CAAC,EACnB,SAAS,IAAI,MAAM,CAAC,gBAAgB,CAAC,EACrC,UAAU,IAAI,MAAM,CAAC,qBAAqB,CAAC,EAC3C,SAAS,IAAI,MAAM,CAAC,oBAAoB,CAAC,EACzC,UAAU,IAAI,MAAM,CAAC,oBAAoB,CAAC,EAC1C,cAAc,IAAI,MAAM,CAAC,yBAAyB,CAAC,EACnD,cAAc,IAAI,MAAM,CAAC,yBAAyB,CAAC,EACnD,CAAC,SAAS,IAAI,WAAW,IAAI,MAAM,CAAC,kBAAkB,CAAC,EACvD,WAAW,IAAI,MAAM,CAAC,kBAAkB,CAAC,EACzC,eAAe,IAAI,MAAM,CAAC,mBAAmB,CAAC,EAC9C,YAAY,IAAI,MAAM,CAAC,eAAe,CAAC,EACvC,SAAS,IAAI,MAAM,CAAC,YAAY,CAAC,CAClC,IAEA,QAAQ,CACN,CACN,CAAC;AACJ,CAAC;AAOD,MAAM,UAAU,oBAAoB,CAAW,EAA8D;IAA5D,IAAA,IAAI,UAAA,EAAE,MAAM,YAAA,EAAK,IAAI,cAAvB,kBAAyB,CAAF;IACpE,OAAO,oBAAC,aAAa,eAAK,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAiB,CAAC;AACtE,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport React from 'react';\nimport { TableProps } from '../interfaces';\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\n\ninterface TableBodyCellProps {\n className?: string;\n style?: React.CSSProperties;\n wrapLines: boolean | undefined;\n isFirstRow: boolean;\n isLastRow: boolean;\n isEvenRow?: boolean;\n stripedRows?: boolean;\n isSelected: boolean;\n isNextSelected: boolean;\n isPrevSelected: boolean;\n children?: React.ReactNode;\n hasSelection?: boolean;\n hasFooter?: boolean;\n}\n\nexport function TableBodyCell({\n className,\n style,\n children,\n wrapLines,\n isFirstRow,\n isLastRow,\n isSelected,\n isNextSelected,\n isPrevSelected,\n isEvenRow,\n stripedRows,\n hasSelection,\n hasFooter,\n}: TableBodyCellProps) {\n const isVisualRefresh = useVisualRefresh();\n\n return (\n <td\n style={style}\n className={clsx(\n className,\n styles['body-cell'],\n wrapLines && styles['body-cell-wrap'],\n isFirstRow && styles['body-cell-first-row'],\n isLastRow && styles['body-cell-last-row'],\n isSelected && styles['body-cell-selected'],\n isNextSelected && styles['body-cell-next-selected'],\n isPrevSelected && styles['body-cell-prev-selected'],\n !isEvenRow && stripedRows && styles['body-cell-shaded'],\n stripedRows && styles['has-striped-rows'],\n isVisualRefresh && styles['is-visual-refresh'],\n hasSelection && styles['has-selection'],\n hasFooter && styles['has-footer']\n )}\n >\n {children}\n </td>\n );\n}\n\ninterface TableBodyCellContentProps<ItemType> extends TableBodyCellProps {\n column: TableProps.ColumnDefinition<ItemType>;\n item: ItemType;\n}\n\nexport function TableBodyCellContent<ItemType>({ item, column, ...rest }: TableBodyCellContentProps<ItemType>) {\n return <TableBodyCell {...rest}>{column.cell(item)}</TableBodyCell>;\n}\n"]}
|
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"body-cell": "awsui_body-
|
|
5
|
-
"body-cell-wrap": "awsui_body-cell-
|
|
6
|
-
"body-cell-first-row": "awsui_body-cell-first-
|
|
7
|
-
"body-cell-last-row": "awsui_body-cell-last-
|
|
8
|
-
"body-cell-
|
|
9
|
-
"
|
|
10
|
-
"body-cell-
|
|
11
|
-
"body-cell-
|
|
4
|
+
"body-cell": "awsui_body-cell_c6tup_nv0er_9",
|
|
5
|
+
"body-cell-wrap": "awsui_body-cell-wrap_c6tup_nv0er_18",
|
|
6
|
+
"body-cell-first-row": "awsui_body-cell-first-row_c6tup_nv0er_30",
|
|
7
|
+
"body-cell-last-row": "awsui_body-cell-last-row_c6tup_nv0er_33",
|
|
8
|
+
"body-cell-selected": "awsui_body-cell-selected_c6tup_nv0er_33",
|
|
9
|
+
"has-footer": "awsui_has-footer_c6tup_nv0er_33",
|
|
10
|
+
"body-cell-shaded": "awsui_body-cell-shaded_c6tup_nv0er_43",
|
|
11
|
+
"body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_nv0er_65",
|
|
12
|
+
"body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_nv0er_69",
|
|
13
|
+
"is-visual-refresh": "awsui_is-visual-refresh_c6tup_nv0er_98",
|
|
14
|
+
"has-selection": "awsui_has-selection_c6tup_nv0er_114",
|
|
15
|
+
"has-striped-rows": "awsui_has-striped-rows_c6tup_nv0er_117"
|
|
12
16
|
};
|
|
13
17
|
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
7
7
|
SPDX-License-Identifier: Apache-2.0
|
|
8
8
|
*/
|
|
9
|
-
.awsui_body-
|
|
9
|
+
.awsui_body-cell_c6tup_nv0er_9:not(#\9) {
|
|
10
10
|
box-sizing: border-box;
|
|
11
11
|
padding: var(--space-scaled-xs-6859qs, 8px) var(--space-scaled-l-t03y3z, 20px) calc(
|
|
12
12
|
var(--space-scaled-xs-6859qs, 8px) + (var(--border-item-width-yvnixs, 1px) - var(--border-divider-list-width-hacikr, 1px))
|
|
@@ -15,72 +15,108 @@
|
|
|
15
15
|
word-wrap: break-word;
|
|
16
16
|
border-bottom: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
|
|
17
17
|
}
|
|
18
|
-
.awsui_body-
|
|
18
|
+
.awsui_body-cell_c6tup_nv0er_9:not(#\9):not(.awsui_body-cell-wrap_c6tup_nv0er_18) {
|
|
19
19
|
white-space: nowrap;
|
|
20
20
|
overflow: hidden;
|
|
21
21
|
text-overflow: ellipsis;
|
|
22
22
|
}
|
|
23
|
-
.awsui_body-
|
|
23
|
+
.awsui_body-cell_c6tup_nv0er_9:not(#\9):first-child {
|
|
24
24
|
border-left: var(--border-item-width-yvnixs, 1px) solid transparent;
|
|
25
|
-
padding-left: calc(var(--space-l-4vl6xu, 20px) - var(--border-item-width-yvnixs, 1px));
|
|
26
25
|
}
|
|
27
|
-
.awsui_body-
|
|
26
|
+
.awsui_body-cell_c6tup_nv0er_9:not(#\9):last-child {
|
|
28
27
|
border-right: var(--border-item-width-yvnixs, 1px) solid transparent;
|
|
29
28
|
padding-right: calc(var(--space-l-4vl6xu, 20px) - var(--border-item-width-yvnixs, 1px));
|
|
30
29
|
}
|
|
31
|
-
.awsui_body-cell-first-
|
|
30
|
+
.awsui_body-cell-first-row_c6tup_nv0er_30:not(#\9) {
|
|
32
31
|
border-top: var(--border-item-width-yvnixs, 1px) solid transparent;
|
|
33
32
|
}
|
|
34
|
-
.awsui_body-cell-last-
|
|
33
|
+
.awsui_body-cell-last-row_c6tup_nv0er_33:not(#\9):not(.awsui_body-cell-selected_c6tup_nv0er_33):not(.awsui_has-footer_c6tup_nv0er_33) {
|
|
35
34
|
border-bottom: var(--border-item-width-yvnixs, 1px) solid transparent;
|
|
36
35
|
}
|
|
37
|
-
.awsui_body-cell-
|
|
36
|
+
.awsui_body-cell-last-row_c6tup_nv0er_33:not(#\9):not(.awsui_body-cell-selected_c6tup_nv0er_33).awsui_has-footer_c6tup_nv0er_33 {
|
|
37
|
+
/*
|
|
38
|
+
Add a bottom border to the body cells of the last row as a separator between the
|
|
39
|
+
table and the footer
|
|
40
|
+
*/
|
|
41
|
+
border-bottom: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
|
|
42
|
+
}
|
|
43
|
+
.awsui_body-cell-shaded_c6tup_nv0er_43:not(#\9) {
|
|
38
44
|
background: var(--color-background-cell-shaded-y6pwcp, #f2f3f3);
|
|
39
45
|
}
|
|
40
|
-
.awsui_body-cell-
|
|
46
|
+
.awsui_body-cell-selected_c6tup_nv0er_33:not(#\9) {
|
|
41
47
|
background-color: var(--color-background-item-selected-fva7ca, #f1faff);
|
|
42
48
|
border-top: var(--border-item-width-yvnixs, 1px) solid var(--color-border-item-selected-pr9yuf, #00a1c9);
|
|
43
49
|
border-bottom: var(--border-item-width-yvnixs, 1px) solid var(--color-border-item-selected-pr9yuf, #00a1c9);
|
|
44
50
|
padding-bottom: var(--space-scaled-xs-6859qs, 8px);
|
|
45
51
|
}
|
|
46
|
-
.awsui_body-cell-
|
|
52
|
+
.awsui_body-cell-selected_c6tup_nv0er_33:not(#\9):first-child {
|
|
47
53
|
border-left: var(--border-item-width-yvnixs, 1px) solid var(--color-border-item-selected-pr9yuf, #00a1c9);
|
|
48
54
|
border-radius: var(--border-radius-item-wjpc1f, 0px) 0 0 var(--border-radius-item-wjpc1f, 0px);
|
|
49
55
|
}
|
|
50
|
-
.awsui_body-cell-
|
|
56
|
+
.awsui_body-cell-selected_c6tup_nv0er_33:not(#\9):last-child {
|
|
51
57
|
border-right: var(--border-item-width-yvnixs, 1px) solid var(--color-border-item-selected-pr9yuf, #00a1c9);
|
|
52
58
|
border-radius: 0 var(--border-radius-item-wjpc1f, 0px) var(--border-radius-item-wjpc1f, 0px) 0;
|
|
53
59
|
}
|
|
54
|
-
.awsui_body-cell-
|
|
60
|
+
.awsui_body-cell-selected_c6tup_nv0er_33:not(#\9):not(:first-child) {
|
|
55
61
|
padding-top: calc(
|
|
56
62
|
var(--space-scaled-xs-6859qs, 8px) + (var(--border-item-width-yvnixs, 1px) - var(--border-divider-list-width-hacikr, 1px))
|
|
57
63
|
);
|
|
58
64
|
}
|
|
59
|
-
.awsui_body-
|
|
65
|
+
.awsui_body-cell_c6tup_nv0er_9:not(#\9):not(.awsui_body-cell-selected_c6tup_nv0er_33).awsui_body-cell-next-selected_c6tup_nv0er_65 {
|
|
60
66
|
border-bottom: 0;
|
|
61
67
|
padding-bottom: calc(var(--space-scaled-xs-6859qs, 8px) + var(--border-divider-list-width-hacikr, 1px));
|
|
62
68
|
}
|
|
63
|
-
.awsui_body-cell-
|
|
69
|
+
.awsui_body-cell-selected_c6tup_nv0er_33.awsui_body-cell-prev-selected_c6tup_nv0er_69:not(#\9) {
|
|
64
70
|
padding-top: calc(
|
|
65
71
|
var(--space-scaled-xs-6859qs, 8px) + (var(--border-item-width-yvnixs, 1px) - var(--border-divider-list-width-hacikr, 1px))
|
|
66
72
|
);
|
|
67
73
|
border-top: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-item-placeholder-wtgwev, transparent);
|
|
68
74
|
}
|
|
69
|
-
.awsui_body-cell-
|
|
75
|
+
.awsui_body-cell-selected_c6tup_nv0er_33.awsui_body-cell-next-selected_c6tup_nv0er_65:not(#\9) {
|
|
70
76
|
border-bottom-width: var(--border-divider-list-width-hacikr, 1px);
|
|
71
77
|
}
|
|
72
|
-
.awsui_body-cell-
|
|
78
|
+
.awsui_body-cell-selected_c6tup_nv0er_33.awsui_body-cell-next-selected_c6tup_nv0er_65:not(#\9):first-child {
|
|
73
79
|
border-bottom-left-radius: 0;
|
|
74
80
|
}
|
|
75
|
-
.awsui_body-cell-
|
|
81
|
+
.awsui_body-cell-selected_c6tup_nv0er_33.awsui_body-cell-next-selected_c6tup_nv0er_65:not(#\9):last-child {
|
|
76
82
|
border-bottom-right-radius: 0;
|
|
77
83
|
}
|
|
78
|
-
.awsui_body-cell-
|
|
84
|
+
.awsui_body-cell-selected_c6tup_nv0er_33.awsui_body-cell-prev-selected_c6tup_nv0er_69:not(#\9):first-child {
|
|
79
85
|
border-top-left-radius: 0;
|
|
80
86
|
}
|
|
81
|
-
.awsui_body-cell-
|
|
87
|
+
.awsui_body-cell-selected_c6tup_nv0er_33.awsui_body-cell-prev-selected_c6tup_nv0er_69:not(#\9):last-child {
|
|
82
88
|
border-top-right-radius: 0;
|
|
83
89
|
}
|
|
84
|
-
.awsui_body-cell-
|
|
90
|
+
.awsui_body-cell-selected_c6tup_nv0er_33:not(#\9):not(.awsui_body-cell-prev-selected_c6tup_nv0er_69) {
|
|
85
91
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
/*
|
|
95
|
+
In Visual Refresh the first cell of each row should align with the
|
|
96
|
+
left edge of the table as closely as possible.
|
|
97
|
+
*/
|
|
98
|
+
.awsui_body-cell_c6tup_nv0er_9:not(#\9):not(.awsui_is-visual-refresh_c6tup_nv0er_98):first-child {
|
|
99
|
+
padding-left: calc(var(--space-l-4vl6xu, 20px) - var(--border-item-width-yvnixs, 1px));
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.awsui_body-cell_c6tup_nv0er_9.awsui_is-visual-refresh_c6tup_nv0er_98:not(#\9) {
|
|
103
|
+
/*
|
|
104
|
+
Remove the placeholder border if the row is not selectable.
|
|
105
|
+
Rows that are not selectable will reserve the horizontal space
|
|
106
|
+
that the placeholder border would consume.
|
|
107
|
+
*/
|
|
108
|
+
/*
|
|
109
|
+
Striped rows requires additional left padding because the
|
|
110
|
+
shaded background makes the child content appear too close
|
|
111
|
+
to the table edge.
|
|
112
|
+
*/
|
|
113
|
+
}
|
|
114
|
+
.awsui_body-cell_c6tup_nv0er_9.awsui_is-visual-refresh_c6tup_nv0er_98:not(#\9):first-child:not(.awsui_has-selection_c6tup_nv0er_114) {
|
|
115
|
+
border-left: none;
|
|
116
|
+
}
|
|
117
|
+
.awsui_body-cell_c6tup_nv0er_9.awsui_is-visual-refresh_c6tup_nv0er_98:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_nv0er_117) {
|
|
118
|
+
padding-left: var(--space-xxxs-k2w98v, 2px);
|
|
119
|
+
}
|
|
120
|
+
.awsui_body-cell_c6tup_nv0er_9.awsui_is-visual-refresh_c6tup_nv0er_98:not(#\9):first-child.awsui_has-striped-rows_c6tup_nv0er_117 {
|
|
121
|
+
padding-left: var(--space-xxs-ynfts5, 4px);
|
|
86
122
|
}
|