@cloudscape-design/components-themeable 3.0.732 → 3.0.733

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 (8) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/table/body-cell/styles.scss +16 -9
  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/table/body-cell/styles.css.js +47 -47
  6. package/lib/internal/template/table/body-cell/styles.scoped.css +463 -382
  7. package/lib/internal/template/table/body-cell/styles.selectors.js +47 -47
  8. package/package.json +1 -1
package/lib/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "63a2564a1a20741bf6c111ccdd6311bf3c5fa356"
2
+ "commit": "e7561bf039ccec3f97a0d930eaa944383254169f"
3
3
  }
package/lib/internal/scss/table/body-cell/styles.scss CHANGED
@@ -21,13 +21,15 @@ $selected-border-placeholder: awsui.$border-divider-list-width solid awsui.$colo
21
21
  $border-placeholder: awsui.$border-item-width solid transparent;
22
22
  $icon-width-with-spacing: calc(#{awsui.$size-icon-normal} + #{awsui.$space-xs});
23
23
  // Right paddings of the absolute positioned icons (success icon is shown next to the edit icon)
24
- $edit-button-padding-right: calc(
25
- #{awsui.$space-xs} + #{awsui.$space-xxs}
26
- ); // Cell vertical padding + xxs space that would normally come from the button.
24
+ $edit-button-padding-right: calc(#{awsui.$space-xs} + #{awsui.$space-xxs});
25
+ // Cell vertical padding + xxs space that would normally come from the button.
27
26
  $success-icon-padding-right: calc(#{$edit-button-padding-right} + #{$icon-width-with-spacing});
28
27
  $interactive-column-padding-inline-end: calc(#{$cell-horizontal-padding} + #{awsui.$space-l});
29
28
  $cell-offset: calc(#{awsui.$space-m} + #{awsui.$space-xs});
30
29
 
30
+ // Ensuring enough space for absolute-positioned focus outlines of focus-able cell content elements.
31
+ $cell-negative-space-vertical: 2px;
32
+
31
33
  @mixin cell-focus-outline {
32
34
  @include styles.focus-highlight(calc(-1 * #{awsui.$space-scaled-xxs}));
33
35
 
@@ -63,7 +65,7 @@ $cell-offset: calc(#{awsui.$space-m} + #{awsui.$space-xs});
63
65
  $offset-padding: calc($padding - 1 * awsui.$border-divider-list-width);
64
66
 
65
67
  > .body-cell-content {
66
- margin-inline-start: $offset-padding;
68
+ padding-inline-start: $offset-padding;
67
69
  }
68
70
  > .expandable-toggle-wrapper {
69
71
  margin-inline-start: $offset-padding;
@@ -72,7 +74,8 @@ $cell-offset: calc(#{awsui.$space-m} + #{awsui.$space-xs});
72
74
  @for $i from 0 through $max-nesting-levels {
73
75
  &.expandable-level-#{$i} {
74
76
  > .body-cell-content {
75
- margin-inline-start: calc($offset-padding + $i * $cell-offset);
77
+ padding-inline-start: calc(#{$offset-padding} / 2);
78
+ margin-inline-start: calc(#{$offset-padding} / 2 + #{$i} * #{$cell-offset});
76
79
  }
77
80
  > .expandable-toggle-wrapper {
78
81
  margin-inline-start: calc($offset-padding + ($i - 1) * $cell-offset);
@@ -81,7 +84,8 @@ $cell-offset: calc(#{awsui.$space-m} + #{awsui.$space-xs});
81
84
  }
82
85
  &.expandable-level-next {
83
86
  > .body-cell-content {
84
- margin-inline-start: calc(#{$offset-padding} + #{$max-nesting-levels} * #{$cell-offset});
87
+ padding-inline-start: calc(#{$offset-padding} / 2);
88
+ margin-inline-start: calc(#{$offset-padding} / 2 + #{$max-nesting-levels} * #{$cell-offset});
85
89
  }
86
90
  > .expandable-toggle-wrapper {
87
91
  margin-inline-start: calc(#{$offset-padding} + (#{$max-nesting-levels} - 1) * #{$cell-offset});
@@ -95,17 +99,20 @@ $cell-offset: calc(#{awsui.$space-m} + #{awsui.$space-xs});
95
99
  }
96
100
  @mixin cell-padding-block($padding) {
97
101
  > .body-cell-content {
98
- padding-block: calc(#{$padding} - 1 * #{awsui.$border-divider-list-width});
102
+ padding-block: calc(#{$padding} - 1 * #{awsui.$border-divider-list-width} + #{$cell-negative-space-vertical});
103
+ margin-block: calc(-1 * #{$cell-negative-space-vertical});
99
104
  }
100
105
  }
101
106
  @mixin cell-padding-block-start($padding) {
102
107
  > .body-cell-content {
103
- padding-block-start: calc(#{$padding} - 1 * #{awsui.$border-divider-list-width});
108
+ padding-block-start: calc(#{$padding} - 1 * #{awsui.$border-divider-list-width} + #{$cell-negative-space-vertical});
109
+ margin-block-start: calc(-1 * #{$cell-negative-space-vertical});
104
110
  }
105
111
  }
106
112
  @mixin cell-padding-block-end($padding) {
107
113
  > .body-cell-content {
108
- padding-block-end: calc(#{$padding} - 1 * #{awsui.$border-divider-list-width});
114
+ padding-block-end: calc(#{$padding} - 1 * #{awsui.$border-divider-list-width} + #{$cell-negative-space-vertical});
115
+ margin-block-end: calc(-1 * #{$cell-negative-space-vertical});
109
116
  }
110
117
  }
111
118
 
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 (63a2564a)";
2
+ export var PACKAGE_VERSION = "3.0.0 (e7561bf0)";
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 (63a2564a)",
3
+ "PACKAGE_VERSION": "3.0.0 (e7561bf0)",
4
4
  "THEME": "default",
5
5
  "ALWAYS_VISUAL_REFRESH": false
6
6
  }
package/lib/internal/template/table/body-cell/styles.css.js CHANGED
@@ -1,52 +1,52 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "expandable-toggle-wrapper": "awsui_expandable-toggle-wrapper_c6tup_hzqhi_97",
5
- "body-cell": "awsui_body-cell_c6tup_hzqhi_104",
6
- "body-cell-content": "awsui_body-cell-content_c6tup_hzqhi_112",
7
- "expandable-level-0": "awsui_expandable-level-0_c6tup_hzqhi_118",
8
- "expandable-level-1": "awsui_expandable-level-1_c6tup_hzqhi_124",
9
- "expandable-level-2": "awsui_expandable-level-2_c6tup_hzqhi_130",
10
- "expandable-level-3": "awsui_expandable-level-3_c6tup_hzqhi_136",
11
- "expandable-level-4": "awsui_expandable-level-4_c6tup_hzqhi_142",
12
- "expandable-level-5": "awsui_expandable-level-5_c6tup_hzqhi_148",
13
- "expandable-level-6": "awsui_expandable-level-6_c6tup_hzqhi_154",
14
- "expandable-level-7": "awsui_expandable-level-7_c6tup_hzqhi_160",
15
- "expandable-level-8": "awsui_expandable-level-8_c6tup_hzqhi_166",
16
- "expandable-level-9": "awsui_expandable-level-9_c6tup_hzqhi_172",
17
- "expandable-level-next": "awsui_expandable-level-next_c6tup_hzqhi_178",
18
- "body-cell-wrap": "awsui_body-cell-wrap_c6tup_hzqhi_198",
19
- "is-visual-refresh": "awsui_is-visual-refresh_c6tup_hzqhi_212",
20
- "has-striped-rows": "awsui_has-striped-rows_c6tup_hzqhi_224",
21
- "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_hzqhi_296",
22
- "body-cell-interactive": "awsui_body-cell-interactive_c6tup_hzqhi_296",
23
- "body-cell-editable": "awsui_body-cell-editable_c6tup_hzqhi_296",
24
- "has-striped-rows-sticky-cell-pad-inline-start": "awsui_has-striped-rows-sticky-cell-pad-inline-start_c6tup_hzqhi_440",
25
- "has-selection": "awsui_has-selection_c6tup_hzqhi_512",
26
- "body-cell-align-top": "awsui_body-cell-align-top_c6tup_hzqhi_591",
27
- "body-cell-first-row": "awsui_body-cell-first-row_c6tup_hzqhi_594",
28
- "body-cell-last-row": "awsui_body-cell-last-row_c6tup_hzqhi_597",
29
- "body-cell-selected": "awsui_body-cell-selected_c6tup_hzqhi_597",
30
- "has-footer": "awsui_has-footer_c6tup_hzqhi_597",
31
- "body-cell-shaded": "awsui_body-cell-shaded_c6tup_hzqhi_607",
32
- "sticky-cell": "awsui_sticky-cell_c6tup_hzqhi_635",
33
- "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_hzqhi_643",
34
- "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_c6tup_hzqhi_729",
35
- "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_c6tup_hzqhi_738",
36
- "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_hzqhi_771",
37
- "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_hzqhi_777",
38
- "body-cell-editor-wrapper": "awsui_body-cell-editor-wrapper_c6tup_hzqhi_803",
39
- "body-cell-success": "awsui_body-cell-success_c6tup_hzqhi_810",
40
- "body-cell-editor": "awsui_body-cell-editor_c6tup_hzqhi_803",
41
- "body-cell-editor-disabled": "awsui_body-cell-editor-disabled_c6tup_hzqhi_837",
42
- "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_hzqhi_846",
43
- "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_hzqhi_856",
44
- "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_hzqhi_866",
45
- "body-cell-editor-row-editor": "awsui_body-cell-editor-row-editor_c6tup_hzqhi_869",
46
- "body-cell-expandable": "awsui_body-cell-expandable_c6tup_hzqhi_872",
47
- "resizable-columns": "awsui_resizable-columns_c6tup_hzqhi_893",
48
- "expandable-cell-content": "awsui_expandable-cell-content_c6tup_hzqhi_896",
49
- "body-cell-has-success": "awsui_body-cell-has-success_c6tup_hzqhi_965",
50
- "body-cell-edit-disabled-popover": "awsui_body-cell-edit-disabled-popover_c6tup_hzqhi_965"
4
+ "expandable-toggle-wrapper": "awsui_expandable-toggle-wrapper_c6tup_d3q85_97",
5
+ "body-cell": "awsui_body-cell_c6tup_d3q85_104",
6
+ "body-cell-content": "awsui_body-cell-content_c6tup_d3q85_112",
7
+ "expandable-level-0": "awsui_expandable-level-0_c6tup_d3q85_118",
8
+ "expandable-level-1": "awsui_expandable-level-1_c6tup_d3q85_125",
9
+ "expandable-level-2": "awsui_expandable-level-2_c6tup_d3q85_132",
10
+ "expandable-level-3": "awsui_expandable-level-3_c6tup_d3q85_139",
11
+ "expandable-level-4": "awsui_expandable-level-4_c6tup_d3q85_146",
12
+ "expandable-level-5": "awsui_expandable-level-5_c6tup_d3q85_153",
13
+ "expandable-level-6": "awsui_expandable-level-6_c6tup_d3q85_160",
14
+ "expandable-level-7": "awsui_expandable-level-7_c6tup_d3q85_167",
15
+ "expandable-level-8": "awsui_expandable-level-8_c6tup_d3q85_174",
16
+ "expandable-level-9": "awsui_expandable-level-9_c6tup_d3q85_181",
17
+ "expandable-level-next": "awsui_expandable-level-next_c6tup_d3q85_188",
18
+ "body-cell-wrap": "awsui_body-cell-wrap_c6tup_d3q85_211",
19
+ "is-visual-refresh": "awsui_is-visual-refresh_c6tup_d3q85_225",
20
+ "has-striped-rows": "awsui_has-striped-rows_c6tup_d3q85_237",
21
+ "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_d3q85_320",
22
+ "body-cell-interactive": "awsui_body-cell-interactive_c6tup_d3q85_320",
23
+ "body-cell-editable": "awsui_body-cell-editable_c6tup_d3q85_320",
24
+ "has-striped-rows-sticky-cell-pad-inline-start": "awsui_has-striped-rows-sticky-cell-pad-inline-start_c6tup_d3q85_486",
25
+ "has-selection": "awsui_has-selection_c6tup_d3q85_569",
26
+ "body-cell-align-top": "awsui_body-cell-align-top_c6tup_d3q85_659",
27
+ "body-cell-first-row": "awsui_body-cell-first-row_c6tup_d3q85_662",
28
+ "body-cell-last-row": "awsui_body-cell-last-row_c6tup_d3q85_665",
29
+ "body-cell-selected": "awsui_body-cell-selected_c6tup_d3q85_665",
30
+ "has-footer": "awsui_has-footer_c6tup_d3q85_665",
31
+ "body-cell-shaded": "awsui_body-cell-shaded_c6tup_d3q85_675",
32
+ "sticky-cell": "awsui_sticky-cell_c6tup_d3q85_705",
33
+ "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_d3q85_713",
34
+ "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_c6tup_d3q85_810",
35
+ "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_c6tup_d3q85_819",
36
+ "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_d3q85_853",
37
+ "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_d3q85_860",
38
+ "body-cell-editor-wrapper": "awsui_body-cell-editor-wrapper_c6tup_d3q85_888",
39
+ "body-cell-success": "awsui_body-cell-success_c6tup_d3q85_893",
40
+ "body-cell-editor": "awsui_body-cell-editor_c6tup_d3q85_888",
41
+ "body-cell-editor-disabled": "awsui_body-cell-editor-disabled_c6tup_d3q85_918",
42
+ "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_d3q85_927",
43
+ "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_d3q85_937",
44
+ "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_d3q85_947",
45
+ "body-cell-editor-row-editor": "awsui_body-cell-editor-row-editor_c6tup_d3q85_950",
46
+ "body-cell-expandable": "awsui_body-cell-expandable_c6tup_d3q85_953",
47
+ "resizable-columns": "awsui_resizable-columns_c6tup_d3q85_974",
48
+ "expandable-cell-content": "awsui_expandable-cell-content_c6tup_d3q85_977",
49
+ "body-cell-has-success": "awsui_body-cell-has-success_c6tup_d3q85_1046",
50
+ "body-cell-edit-disabled-popover": "awsui_body-cell-edit-disabled-popover_c6tup_d3q85_1046"
51
51
  };
52
52