@cloudscape-design/components-themeable 3.0.868 → 3.0.869

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.
Files changed (9) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/table/body-cell/styles.scss +23 -23
  3. package/lib/internal/template/internal/environment.js +1 -1
  4. package/lib/internal/template/internal/environment.json +1 -1
  5. package/lib/internal/template/package.json +1 -1
  6. package/lib/internal/template/table/body-cell/styles.css.js +44 -45
  7. package/lib/internal/template/table/body-cell/styles.scoped.css +618 -453
  8. package/lib/internal/template/table/body-cell/styles.selectors.js +44 -45
  9. package/package.json +1 -1
package/lib/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "d0ecb9aaad86fab076bd04d1c539e844a9c128d7"
2
+ "commit": "1e11f46fcfed3aa1c0bf67e74dad8f8cd6977eda"
3
3
  }
package/lib/internal/scss/table/body-cell/styles.scss CHANGED
@@ -116,6 +116,11 @@ $cell-negative-space-vertical: 2px;
116
116
  margin-block-end: calc(-1 * #{$cell-negative-space-vertical});
117
117
  }
118
118
  }
119
+ @mixin body-cell-active-hover-padding($padding-start) {
120
+ &:not(.body-cell-edit-active).body-cell-editable:hover {
121
+ @include cell-padding-inline-start(calc(#{$padding-start} + #{awsui.$border-divider-list-width}));
122
+ }
123
+ }
119
124
 
120
125
  .body-cell {
121
126
  box-sizing: border-box;
@@ -126,9 +131,10 @@ $cell-negative-space-vertical: 2px;
126
131
  text-align: start;
127
132
 
128
133
  @include cell-padding-inline-start($cell-horizontal-padding);
134
+ @include cell-padding-inline-end($cell-horizontal-padding);
135
+
129
136
  @include cell-padding-block-start($cell-vertical-padding);
130
137
  @include cell-padding-block-end($cell-vertical-padding-w-border);
131
- @include cell-padding-inline-end($cell-horizontal-padding);
132
138
 
133
139
  &-content {
134
140
  box-sizing: border-box;
@@ -147,36 +153,35 @@ $cell-negative-space-vertical: 2px;
147
153
  }
148
154
  &:first-child {
149
155
  border-inline-start: $border-placeholder;
156
+ @include cell-padding-inline-start($cell-edge-horizontal-padding);
150
157
  }
151
158
  &:last-child {
152
159
  border-inline-end: $border-placeholder;
153
160
  @include cell-padding-inline-end($cell-edge-horizontal-padding);
154
161
  }
162
+ // Using very small padding for 1st column cells in VR.
155
163
  &.is-visual-refresh:first-child {
156
- &:not(.has-striped-rows) {
157
- @include cell-padding-inline-start(awsui.$space-xxxs);
158
- &:not(.body-cell-edit-active).body-cell-editable:hover {
159
- @include cell-padding-inline-start(calc(#{awsui.$space-xxxs} + #{awsui.$border-divider-list-width}));
160
- }
161
- }
164
+ @include cell-padding-inline-start(awsui.$space-xxxs);
165
+ @include body-cell-active-hover-padding(awsui.$space-xxxs);
162
166
 
163
- &.sticky-cell-pad-inline-start:not(.has-selection) {
164
- @include cell-padding-inline-start($cell-horizontal-padding);
165
- }
166
-
167
- /*
168
- Striped rows requires additional left padding because the
169
- shaded background makes the child content appear too close
170
- to the table edge.
171
- */
167
+ // Using slightly larger padding for tables with striped rows because the shaded background
168
+ // makes the child content appear too close to the table edge.
172
169
  &:first-child.has-striped-rows {
173
170
  @include cell-padding-inline-start(awsui.$space-xxs);
171
+ @include body-cell-active-hover-padding(awsui.$space-xxs);
174
172
 
175
173
  &.sticky-cell-pad-inline-start {
176
174
  @include cell-padding-inline-start($cell-horizontal-padding);
175
+ @include body-cell-active-hover-padding($cell-horizontal-padding);
177
176
  }
178
177
  }
179
178
 
179
+ // Using normal padding when 1st column is sticky.
180
+ &.sticky-cell-pad-inline-start:not(.has-selection) {
181
+ @include cell-padding-inline-start($cell-horizontal-padding);
182
+ @include body-cell-active-hover-padding($cell-horizontal-padding);
183
+ }
184
+
180
185
  /*
181
186
  Remove the placeholder border if the row is not selectable.
182
187
  Rows that are not selectable will reserve the horizontal space
@@ -186,9 +191,6 @@ $cell-negative-space-vertical: 2px;
186
191
  border-inline-start: none;
187
192
  }
188
193
  }
189
- &:first-child:not(.is-visual-refresh) {
190
- @include cell-padding-inline-start($cell-edge-horizontal-padding);
191
- }
192
194
  &-first-row {
193
195
  border-block-start: $border-placeholder;
194
196
  }
@@ -246,9 +248,6 @@ $cell-negative-space-vertical: 2px;
246
248
  transition-duration: awsui.$motion-duration-transition-show-quick;
247
249
  transition-timing-function: awsui.$motion-easing-sticky;
248
250
  }
249
- &-pad-left:not(.has-selection):not(.is-visual-refresh.body-cell:first-child.has-striped-rows) {
250
- @include cell-padding-inline-start(awsui.$space-table-horizontal);
251
- }
252
251
  &.body-cell-shaded {
253
252
  background: awsui.$color-background-cell-shaded;
254
253
  }
@@ -418,7 +417,8 @@ $cell-negative-space-vertical: 2px;
418
417
  }
419
418
  @include cell-padding-inline-start($editing-cell-padding-inline);
420
419
  @include cell-padding-inline-end($editing-cell-padding-inline);
421
- @include cell-padding-block($editing-cell-padding-block);
420
+ @include cell-padding-block-start($editing-cell-padding-block);
421
+ @include cell-padding-block-end(calc($editing-cell-padding-block + 1px));
422
422
  }
423
423
 
424
424
  &:not(.body-cell-edit-active) {
package/lib/internal/template/internal/environment.js CHANGED
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (d0ecb9aa)";
2
+ export var PACKAGE_VERSION = "3.0.0 (1e11f46f)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
package/lib/internal/template/internal/environment.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (d0ecb9aa)",
3
+ "PACKAGE_VERSION": "3.0.0 (1e11f46f)",
4
4
  "THEME": "default",
5
5
  "ALWAYS_VISUAL_REFRESH": false
6
6
  }
package/lib/internal/template/package.json CHANGED
@@ -149,7 +149,7 @@
149
149
  "@dnd-kit/sortable": "^7.0.2",
150
150
  "@dnd-kit/utilities": "^3.2.1",
151
151
  "@juggle/resize-observer": "^3.3.1",
152
- "ace-builds": "^1.34.0",
152
+ "ace-builds": "1.36.0",
153
153
  "balanced-match": "^1.0.2",
154
154
  "clsx": "^1.1.0",
155
155
  "d3-shape": "^1.3.7",
package/lib/internal/template/table/body-cell/styles.css.js CHANGED
@@ -1,50 +1,49 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "expandable-toggle-wrapper": "awsui_expandable-toggle-wrapper_c6tup_md5f6_145",
5
- "body-cell": "awsui_body-cell_c6tup_md5f6_152",
6
- "body-cell-content": "awsui_body-cell-content_c6tup_md5f6_160",
7
- "expandable-level-0": "awsui_expandable-level-0_c6tup_md5f6_166",
8
- "expandable-level-1": "awsui_expandable-level-1_c6tup_md5f6_173",
9
- "expandable-level-2": "awsui_expandable-level-2_c6tup_md5f6_180",
10
- "expandable-level-3": "awsui_expandable-level-3_c6tup_md5f6_187",
11
- "expandable-level-4": "awsui_expandable-level-4_c6tup_md5f6_194",
12
- "expandable-level-5": "awsui_expandable-level-5_c6tup_md5f6_201",
13
- "expandable-level-6": "awsui_expandable-level-6_c6tup_md5f6_208",
14
- "expandable-level-7": "awsui_expandable-level-7_c6tup_md5f6_215",
15
- "expandable-level-8": "awsui_expandable-level-8_c6tup_md5f6_222",
16
- "expandable-level-9": "awsui_expandable-level-9_c6tup_md5f6_229",
17
- "expandable-level-next": "awsui_expandable-level-next_c6tup_md5f6_236",
18
- "body-cell-align-top": "awsui_body-cell-align-top_c6tup_md5f6_259",
19
- "body-cell-wrap": "awsui_body-cell-wrap_c6tup_md5f6_262",
20
- "is-visual-refresh": "awsui_is-visual-refresh_c6tup_md5f6_276",
21
- "has-striped-rows": "awsui_has-striped-rows_c6tup_md5f6_288",
22
- "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_md5f6_371",
23
- "body-cell-editable": "awsui_body-cell-editable_c6tup_md5f6_371",
24
- "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_c6tup_md5f6_454",
25
- "has-selection": "awsui_has-selection_c6tup_md5f6_454",
26
- "body-cell-first-row": "awsui_body-cell-first-row_c6tup_md5f6_789",
27
- "body-cell-last-row": "awsui_body-cell-last-row_c6tup_md5f6_792",
28
- "body-cell-selected": "awsui_body-cell-selected_c6tup_md5f6_792",
29
- "has-footer": "awsui_has-footer_c6tup_md5f6_792",
30
- "body-cell-shaded": "awsui_body-cell-shaded_c6tup_md5f6_802",
31
- "sticky-cell": "awsui_sticky-cell_c6tup_md5f6_454",
32
- "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_md5f6_850",
33
- "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_c6tup_md5f6_947",
34
- "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_c6tup_md5f6_956",
35
- "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_md5f6_978",
36
- "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_md5f6_985",
37
- "body-cell-editor-wrapper": "awsui_body-cell-editor-wrapper_c6tup_md5f6_1011",
38
- "body-cell-success": "awsui_body-cell-success_c6tup_md5f6_1016",
39
- "body-cell-editor": "awsui_body-cell-editor_c6tup_md5f6_1011",
40
- "body-cell-editor-disabled": "awsui_body-cell-editor-disabled_c6tup_md5f6_1041",
41
- "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_md5f6_1050",
42
- "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_md5f6_1060",
43
- "body-cell-editor-row-editor": "awsui_body-cell-editor-row-editor_c6tup_md5f6_1063",
44
- "body-cell-expandable": "awsui_body-cell-expandable_c6tup_md5f6_1066",
45
- "resizable-columns": "awsui_resizable-columns_c6tup_md5f6_1174",
46
- "expandable-cell-content": "awsui_expandable-cell-content_c6tup_md5f6_1177",
47
- "body-cell-has-success": "awsui_body-cell-has-success_c6tup_md5f6_1225",
48
- "body-cell-edit-disabled-popover": "awsui_body-cell-edit-disabled-popover_c6tup_md5f6_1225"
4
+ "expandable-toggle-wrapper": "awsui_expandable-toggle-wrapper_c6tup_8kb49_145",
5
+ "body-cell": "awsui_body-cell_c6tup_8kb49_152",
6
+ "body-cell-content": "awsui_body-cell-content_c6tup_8kb49_160",
7
+ "expandable-level-0": "awsui_expandable-level-0_c6tup_8kb49_166",
8
+ "expandable-level-1": "awsui_expandable-level-1_c6tup_8kb49_173",
9
+ "expandable-level-2": "awsui_expandable-level-2_c6tup_8kb49_180",
10
+ "expandable-level-3": "awsui_expandable-level-3_c6tup_8kb49_187",
11
+ "expandable-level-4": "awsui_expandable-level-4_c6tup_8kb49_194",
12
+ "expandable-level-5": "awsui_expandable-level-5_c6tup_8kb49_201",
13
+ "expandable-level-6": "awsui_expandable-level-6_c6tup_8kb49_208",
14
+ "expandable-level-7": "awsui_expandable-level-7_c6tup_8kb49_215",
15
+ "expandable-level-8": "awsui_expandable-level-8_c6tup_8kb49_222",
16
+ "expandable-level-9": "awsui_expandable-level-9_c6tup_8kb49_229",
17
+ "expandable-level-next": "awsui_expandable-level-next_c6tup_8kb49_236",
18
+ "body-cell-align-top": "awsui_body-cell-align-top_c6tup_8kb49_259",
19
+ "body-cell-wrap": "awsui_body-cell-wrap_c6tup_8kb49_262",
20
+ "is-visual-refresh": "awsui_is-visual-refresh_c6tup_8kb49_359",
21
+ "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_8kb49_449",
22
+ "body-cell-editable": "awsui_body-cell-editable_c6tup_8kb49_449",
23
+ "has-striped-rows": "awsui_has-striped-rows_c6tup_8kb49_532",
24
+ "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_c6tup_8kb49_698",
25
+ "has-selection": "awsui_has-selection_c6tup_8kb49_864",
26
+ "body-cell-first-row": "awsui_body-cell-first-row_c6tup_8kb49_1033",
27
+ "body-cell-last-row": "awsui_body-cell-last-row_c6tup_8kb49_1036",
28
+ "body-cell-selected": "awsui_body-cell-selected_c6tup_8kb49_1036",
29
+ "has-footer": "awsui_has-footer_c6tup_8kb49_1036",
30
+ "body-cell-shaded": "awsui_body-cell-shaded_c6tup_8kb49_1046",
31
+ "sticky-cell": "awsui_sticky-cell_c6tup_8kb49_698",
32
+ "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_c6tup_8kb49_1108",
33
+ "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_c6tup_8kb49_1117",
34
+ "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_8kb49_1139",
35
+ "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_8kb49_1146",
36
+ "body-cell-editor-wrapper": "awsui_body-cell-editor-wrapper_c6tup_8kb49_1172",
37
+ "body-cell-success": "awsui_body-cell-success_c6tup_8kb49_1177",
38
+ "body-cell-editor": "awsui_body-cell-editor_c6tup_8kb49_1172",
39
+ "body-cell-editor-disabled": "awsui_body-cell-editor-disabled_c6tup_8kb49_1202",
40
+ "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_8kb49_1211",
41
+ "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_8kb49_1221",
42
+ "body-cell-editor-row-editor": "awsui_body-cell-editor-row-editor_c6tup_8kb49_1224",
43
+ "body-cell-expandable": "awsui_body-cell-expandable_c6tup_8kb49_1227",
44
+ "resizable-columns": "awsui_resizable-columns_c6tup_8kb49_1339",
45
+ "expandable-cell-content": "awsui_expandable-cell-content_c6tup_8kb49_1342",
46
+ "body-cell-has-success": "awsui_body-cell-has-success_c6tup_8kb49_1390",
47
+ "body-cell-edit-disabled-popover": "awsui_body-cell-edit-disabled-popover_c6tup_8kb49_1390"
49
48
  };
50
49