@cloudscape-design/board-components 3.0.41 → 3.0.43

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 (13) hide show
  1. package/board-item/styles.css.js +11 -11
  2. package/board-item/styles.scoped.css +13 -16
  3. package/board-item/styles.selectors.js +11 -11
  4. package/internal/drag-handle/styles.css.js +2 -2
  5. package/internal/drag-handle/styles.scoped.css +22 -3
  6. package/internal/drag-handle/styles.selectors.js +2 -2
  7. package/internal/environment.js +1 -1
  8. package/internal/environment.json +1 -1
  9. package/internal/manifest.json +1 -1
  10. package/internal/resize-handle/styles.css.js +2 -2
  11. package/internal/resize-handle/styles.scoped.css +21 -2
  12. package/internal/resize-handle/styles.selectors.js +2 -2
  13. package/package.json +1 -1
package/board-item/styles.css.js CHANGED
@@ -1,16 +1,16 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_9ckv7_1p0lm_1",
5
- "container-override": "awsui_container-override_9ckv7_1p0lm_6",
6
- "active": "awsui_active_9ckv7_1p0lm_6",
7
- "header": "awsui_header_9ckv7_1p0lm_31",
8
- "flexible": "awsui_flexible_9ckv7_1p0lm_37",
9
- "handle": "awsui_handle_9ckv7_1p0lm_41",
10
- "refresh": "awsui_refresh_9ckv7_1p0lm_44",
11
- "header-content": "awsui_header-content_9ckv7_1p0lm_48",
12
- "settings": "awsui_settings_9ckv7_1p0lm_52",
13
- "fixed": "awsui_fixed_9ckv7_1p0lm_60",
14
- "resizer": "awsui_resizer_9ckv7_1p0lm_64"
4
+ "root": "awsui_root_9ckv7_421ga_1",
5
+ "container-override": "awsui_container-override_9ckv7_421ga_6",
6
+ "active": "awsui_active_9ckv7_421ga_6",
7
+ "header": "awsui_header_9ckv7_421ga_28",
8
+ "flexible": "awsui_flexible_9ckv7_421ga_34",
9
+ "handle": "awsui_handle_9ckv7_421ga_38",
10
+ "refresh": "awsui_refresh_9ckv7_421ga_41",
11
+ "header-content": "awsui_header-content_9ckv7_421ga_45",
12
+ "settings": "awsui_settings_9ckv7_421ga_49",
13
+ "fixed": "awsui_fixed_9ckv7_421ga_57",
14
+ "resizer": "awsui_resizer_9ckv7_421ga_61"
15
15
  };
16
16
 
package/board-item/styles.scoped.css CHANGED
@@ -1,21 +1,18 @@
1
- .awsui_root_9ckv7_1p0lm_1:not(#\9) {
1
+ .awsui_root_9ckv7_421ga_1:not(#\9) {
2
2
  display: contents;
3
3
  }
4
4
 
5
5
  /* TODO: use container API instead of styles override */
6
- .awsui_container-override_9ckv7_1p0lm_6.awsui_active_9ckv7_1p0lm_6:not(#\9) {
6
+ .awsui_container-override_9ckv7_421ga_6.awsui_active_9ckv7_421ga_6:not(#\9) {
7
7
  box-shadow: var(--shadow-container-active-7yvi6w, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1019607843));
8
8
  }
9
- [data-awsui-focus-visible] .awsui_container-override_9ckv7_1p0lm_6.awsui_active_9ckv7_1p0lm_6:not(#\9) {
9
+ [data-awsui-focus-visible] .awsui_container-override_9ckv7_421ga_6.awsui_active_9ckv7_421ga_6:not(#\9) {
10
10
  position: relative;
11
11
  box-sizing: border-box;
12
- outline: none;
13
- }
14
- [data-awsui-focus-visible] .awsui_container-override_9ckv7_1p0lm_6.awsui_active_9ckv7_1p0lm_6:not(#\9) {
15
12
  outline: 2px dotted transparent;
16
13
  outline-offset: -1px;
17
14
  }
18
- [data-awsui-focus-visible] .awsui_container-override_9ckv7_1p0lm_6.awsui_active_9ckv7_1p0lm_6:not(#\9)::before {
15
+ [data-awsui-focus-visible] .awsui_container-override_9ckv7_421ga_6.awsui_active_9ckv7_421ga_6:not(#\9)::before {
19
16
  content: " ";
20
17
  display: block;
21
18
  position: absolute;
@@ -28,40 +25,40 @@
28
25
  border: 2px solid var(--color-border-item-focused-b2ntyl, #0972d3);
29
26
  }
30
27
 
31
- .awsui_header_9ckv7_1p0lm_31:not(#\9) {
28
+ .awsui_header_9ckv7_421ga_28:not(#\9) {
32
29
  display: flex;
33
30
  justify-items: center;
34
31
  padding: var(--space-scaled-s-aqzyko, 12px) calc(var(--space-container-horizontal-wfukh3, 20px) - var(--space-scaled-xs-26e2du, 8px));
35
32
  }
36
33
 
37
- .awsui_flexible_9ckv7_1p0lm_37:not(#\9) {
34
+ .awsui_flexible_9ckv7_421ga_34:not(#\9) {
38
35
  flex: 1 1 min-content;
39
36
  }
40
37
 
41
- .awsui_handle_9ckv7_1p0lm_41:not(#\9) {
38
+ .awsui_handle_9ckv7_421ga_38:not(#\9) {
42
39
  margin-top: calc(var(--space-scaled-xxs-7597g1, 4px) + 1px);
43
40
  }
44
- .awsui_refresh_9ckv7_1p0lm_44 > .awsui_handle_9ckv7_1p0lm_41:not(#\9) {
41
+ .awsui_refresh_9ckv7_421ga_41 > .awsui_handle_9ckv7_421ga_38:not(#\9) {
45
42
  margin-top: calc(var(--space-static-xxxs-3gu9os, 2px) + 1px);
46
43
  }
47
44
 
48
- .awsui_header-content_9ckv7_1p0lm_48:not(#\9) {
45
+ .awsui_header-content_9ckv7_421ga_45:not(#\9) {
49
46
  margin-left: var(--space-scaled-xxs-7597g1, 4px);
50
47
  }
51
48
 
52
- .awsui_settings_9ckv7_1p0lm_52:not(#\9) {
49
+ .awsui_settings_9ckv7_421ga_49:not(#\9) {
53
50
  margin-top: calc(var(--space-scaled-xxxs-27y4hv, 2px) + 1px);
54
51
  margin-left: var(--space-static-xs-7sfb63, 8px);
55
52
  }
56
- .awsui_refresh_9ckv7_1p0lm_44 > .awsui_settings_9ckv7_1p0lm_52:not(#\9) {
53
+ .awsui_refresh_9ckv7_421ga_41 > .awsui_settings_9ckv7_421ga_49:not(#\9) {
57
54
  margin-top: 0px;
58
55
  }
59
56
 
60
- .awsui_fixed_9ckv7_1p0lm_60:not(#\9) {
57
+ .awsui_fixed_9ckv7_421ga_57:not(#\9) {
61
58
  flex: 0 0 auto;
62
59
  }
63
60
 
64
- .awsui_resizer_9ckv7_1p0lm_64:not(#\9) {
61
+ .awsui_resizer_9ckv7_421ga_61:not(#\9) {
65
62
  position: absolute;
66
63
  bottom: calc(var(--space-static-xs-7sfb63, 8px) - var(--space-static-xxxs-3gu9os, 2px));
67
64
  right: calc(var(--space-static-xs-7sfb63, 8px) - var(--space-static-xxxs-3gu9os, 2px));
package/board-item/styles.selectors.js CHANGED
@@ -2,16 +2,16 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_9ckv7_1p0lm_1",
6
- "container-override": "awsui_container-override_9ckv7_1p0lm_6",
7
- "active": "awsui_active_9ckv7_1p0lm_6",
8
- "header": "awsui_header_9ckv7_1p0lm_31",
9
- "flexible": "awsui_flexible_9ckv7_1p0lm_37",
10
- "handle": "awsui_handle_9ckv7_1p0lm_41",
11
- "refresh": "awsui_refresh_9ckv7_1p0lm_44",
12
- "header-content": "awsui_header-content_9ckv7_1p0lm_48",
13
- "settings": "awsui_settings_9ckv7_1p0lm_52",
14
- "fixed": "awsui_fixed_9ckv7_1p0lm_60",
15
- "resizer": "awsui_resizer_9ckv7_1p0lm_64"
5
+ "root": "awsui_root_9ckv7_421ga_1",
6
+ "container-override": "awsui_container-override_9ckv7_421ga_6",
7
+ "active": "awsui_active_9ckv7_421ga_6",
8
+ "header": "awsui_header_9ckv7_421ga_28",
9
+ "flexible": "awsui_flexible_9ckv7_421ga_34",
10
+ "handle": "awsui_handle_9ckv7_421ga_38",
11
+ "refresh": "awsui_refresh_9ckv7_421ga_41",
12
+ "header-content": "awsui_header-content_9ckv7_421ga_45",
13
+ "settings": "awsui_settings_9ckv7_421ga_49",
14
+ "fixed": "awsui_fixed_9ckv7_421ga_57",
15
+ "resizer": "awsui_resizer_9ckv7_421ga_61"
16
16
  };
17
17
 
package/internal/drag-handle/styles.css.js CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "handle": "awsui_handle_umbhe_1k0eu_1",
5
- "active": "awsui_active_umbhe_1k0eu_9"
4
+ "handle": "awsui_handle_umbhe_1bn34_1",
5
+ "active": "awsui_active_umbhe_1bn34_9"
6
6
  };
7
7
 
package/internal/drag-handle/styles.scoped.css CHANGED
@@ -1,11 +1,30 @@
1
- .awsui_handle_umbhe_1k0eu_1:not(#\9) {
1
+ .awsui_handle_umbhe_1bn34_1:not(#\9) {
2
2
  cursor: grab;
3
3
  }
4
4
 
5
- .awsui_handle_umbhe_1k0eu_1:not(#\9):active {
5
+ .awsui_handle_umbhe_1bn34_1:not(#\9):active {
6
6
  cursor: grabbing;
7
7
  }
8
8
 
9
- .awsui_active_umbhe_1k0eu_9:not(#\9) {
9
+ .awsui_handle_umbhe_1bn34_1:not(#\9):not(.awsui_active_umbhe_1bn34_9):focus-visible {
10
+ position: relative;
11
+ box-sizing: border-box;
12
+ outline: 2px dotted transparent;
13
+ outline-offset: 3px;
14
+ }
15
+ .awsui_handle_umbhe_1bn34_1:not(#\9):not(.awsui_active_umbhe_1bn34_9):focus-visible::before {
16
+ content: " ";
17
+ display: block;
18
+ position: absolute;
19
+ box-sizing: border-box;
20
+ left: calc(-1 * 4px);
21
+ top: calc(-1 * 4px);
22
+ width: calc(100% + 2 * 4px);
23
+ height: calc(100% + 2 * 4px);
24
+ border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
25
+ border: 2px solid var(--color-border-item-focused-b2ntyl, #0972d3);
26
+ }
27
+
28
+ .awsui_active_umbhe_1bn34_9:not(#\9) {
10
29
  outline: none;
11
30
  }
package/internal/drag-handle/styles.selectors.js CHANGED
@@ -2,7 +2,7 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "handle": "awsui_handle_umbhe_1k0eu_1",
6
- "active": "awsui_active_umbhe_1k0eu_9"
5
+ "handle": "awsui_handle_umbhe_1bn34_1",
6
+ "active": "awsui_active_umbhe_1bn34_9"
7
7
  };
8
8
 
package/internal/environment.js CHANGED
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "board-components";
2
- export var PACKAGE_VERSION = "3.0.0 (24d59acf)";
2
+ export var PACKAGE_VERSION = "3.0.0 (18fb68cf)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
package/internal/environment.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "board-components",
3
- "PACKAGE_VERSION": "3.0.0 (24d59acf)",
3
+ "PACKAGE_VERSION": "3.0.0 (18fb68cf)",
4
4
  "THEME": "open-source-visual-refresh",
5
5
  "ALWAYS_VISUAL_REFRESH": true
6
6
  }
package/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "24d59acf52b81cd33158ac072925bf172d04a85a"
2
+ "commit": "18fb68cfd91e9cdfaa9eb2ee4cc606c87dc68797"
3
3
  }
package/internal/resize-handle/styles.css.js CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "handle": "awsui_handle_19hnz_esh5b_1",
5
- "active": "awsui_active_19hnz_esh5b_5"
4
+ "handle": "awsui_handle_19hnz_10d4k_1",
5
+ "active": "awsui_active_19hnz_10d4k_5"
6
6
  };
7
7
 
package/internal/resize-handle/styles.scoped.css CHANGED
@@ -1,7 +1,26 @@
1
- .awsui_handle_19hnz_esh5b_1:not(#\9) {
1
+ .awsui_handle_19hnz_10d4k_1:not(#\9) {
2
2
  cursor: nwse-resize;
3
3
  }
4
4
 
5
- .awsui_active_19hnz_esh5b_5:not(#\9) {
5
+ .awsui_handle_19hnz_10d4k_1:not(#\9):not(.awsui_active_19hnz_10d4k_5):focus-visible {
6
+ position: relative;
7
+ box-sizing: border-box;
8
+ outline: 2px dotted transparent;
9
+ outline-offset: 3px;
10
+ }
11
+ .awsui_handle_19hnz_10d4k_1:not(#\9):not(.awsui_active_19hnz_10d4k_5):focus-visible::before {
12
+ content: " ";
13
+ display: block;
14
+ position: absolute;
15
+ box-sizing: border-box;
16
+ left: calc(-1 * 4px);
17
+ top: calc(-1 * 4px);
18
+ width: calc(100% + 2 * 4px);
19
+ height: calc(100% + 2 * 4px);
20
+ border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
21
+ border: 2px solid var(--color-border-item-focused-b2ntyl, #0972d3);
22
+ }
23
+
24
+ .awsui_active_19hnz_10d4k_5:not(#\9) {
6
25
  outline: none;
7
26
  }
package/internal/resize-handle/styles.selectors.js CHANGED
@@ -2,7 +2,7 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "handle": "awsui_handle_19hnz_esh5b_1",
6
- "active": "awsui_active_19hnz_esh5b_5"
5
+ "handle": "awsui_handle_19hnz_10d4k_1",
6
+ "active": "awsui_active_19hnz_10d4k_5"
7
7
  };
8
8
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/board-components",
3
- "version": "3.0.41",
3
+ "version": "3.0.43",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://github.com/cloudscape-design/board-components.git"