@snack-uikit/tree 0.8.40-preview-ef227a87.0 → 0.8.40-preview-3e55020c.0

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 (4) hide show
  1. package/dist/cjs/helperComponents/TreeNode/styles.module.css +5 -6
  2. package/dist/esm/helperComponents/TreeNode/styles.module.css +5 -6
  3. package/package.json +6 -6
  4. package/src/helperComponents/TreeNode/styles.module.scss +3 -10
package/dist/cjs/helperComponents/TreeNode/styles.module.css CHANGED
@@ -32,7 +32,7 @@
32
32
  display:flex;
33
33
  visibility:hidden;
34
34
  }
35
- .treeNodeActions:focus, .treeNodeActions:focus-visible, .treeNodeActions[data-focused]{
35
+ .treeNodeActions:focus-visible, .treeNodeActions[data-focused]{
36
36
  visibility:visible;
37
37
  }
38
38
 
@@ -64,13 +64,13 @@
64
64
  background-color:var(--sys-neutral-accent-default, #787b8a);
65
65
  border-radius:inherit;
66
66
  }
67
- .treeNodeContent:hover::before, .treeNodeContent:focus::before, .treeNodeContent:focus-visible::before, .treeNodeContent[data-droplist-active]::before{
67
+ .treeNodeContent:hover::before, .treeNodeContent:focus-visible::before, .treeNodeContent[data-droplist-active]::before{
68
68
  opacity:var(--opacity-a008, 0.08);
69
69
  }
70
- .treeNodeContent:hover .treeNodeActions, .treeNodeContent:focus .treeNodeActions, .treeNodeContent:focus-visible .treeNodeActions, .treeNodeContent[data-droplist-active] .treeNodeActions{
70
+ .treeNodeContent:hover .treeNodeActions, .treeNodeContent:focus-visible .treeNodeActions, .treeNodeContent[data-droplist-active] .treeNodeActions{
71
71
  visibility:visible;
72
72
  }
73
- .treeNodeContent:focus, .treeNodeContent:focus-visible{
73
+ .treeNodeContent:focus-visible{
74
74
  outline-width:var(--border-state-focus-s-border-width, 2px);
75
75
  outline-style:var(--border-state-focus-s-border-style, solid);
76
76
  outline-color:var(--border-state-focus-s-border-color, );
@@ -86,8 +86,7 @@
86
86
  .treeNodeContent[aria-disabled=true]::before{
87
87
  display:none;
88
88
  }
89
- .treeNodeContent[aria-disabled=true] .treeNodeTitle,
90
- .treeNodeContent[aria-disabled=true] .treeNodeIcon{
89
+ .treeNodeContent[aria-disabled=true] .treeNodeTitle, .treeNodeContent[aria-disabled=true] .treeNodeIcon{
91
90
  color:var(--sys-neutral-text-disabled, #aaaebd);
92
91
  }
93
92
  .treeNodeContent[aria-selected=true]:not([data-multiselect])::before{
package/dist/esm/helperComponents/TreeNode/styles.module.css CHANGED
@@ -32,7 +32,7 @@
32
32
  display:flex;
33
33
  visibility:hidden;
34
34
  }
35
- .treeNodeActions:focus, .treeNodeActions:focus-visible, .treeNodeActions[data-focused]{
35
+ .treeNodeActions:focus-visible, .treeNodeActions[data-focused]{
36
36
  visibility:visible;
37
37
  }
38
38
 
@@ -64,13 +64,13 @@
64
64
  background-color:var(--sys-neutral-accent-default, #787b8a);
65
65
  border-radius:inherit;
66
66
  }
67
- .treeNodeContent:hover::before, .treeNodeContent:focus::before, .treeNodeContent:focus-visible::before, .treeNodeContent[data-droplist-active]::before{
67
+ .treeNodeContent:hover::before, .treeNodeContent:focus-visible::before, .treeNodeContent[data-droplist-active]::before{
68
68
  opacity:var(--opacity-a008, 0.08);
69
69
  }
70
- .treeNodeContent:hover .treeNodeActions, .treeNodeContent:focus .treeNodeActions, .treeNodeContent:focus-visible .treeNodeActions, .treeNodeContent[data-droplist-active] .treeNodeActions{
70
+ .treeNodeContent:hover .treeNodeActions, .treeNodeContent:focus-visible .treeNodeActions, .treeNodeContent[data-droplist-active] .treeNodeActions{
71
71
  visibility:visible;
72
72
  }
73
- .treeNodeContent:focus, .treeNodeContent:focus-visible{
73
+ .treeNodeContent:focus-visible{
74
74
  outline-width:var(--border-state-focus-s-border-width, 2px);
75
75
  outline-style:var(--border-state-focus-s-border-style, solid);
76
76
  outline-color:var(--border-state-focus-s-border-color, );
@@ -86,8 +86,7 @@
86
86
  .treeNodeContent[aria-disabled=true]::before{
87
87
  display:none;
88
88
  }
89
- .treeNodeContent[aria-disabled=true] .treeNodeTitle,
90
- .treeNodeContent[aria-disabled=true] .treeNodeIcon{
89
+ .treeNodeContent[aria-disabled=true] .treeNodeTitle, .treeNodeContent[aria-disabled=true] .treeNodeIcon{
91
90
  color:var(--sys-neutral-text-disabled, #aaaebd);
92
91
  }
93
92
  .treeNodeContent[aria-selected=true]:not([data-multiselect])::before{
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Tree",
7
- "version": "0.8.40-preview-ef227a87.0",
7
+ "version": "0.8.40-preview-3e55020c.0",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -36,16 +36,16 @@
36
36
  "license": "Apache-2.0",
37
37
  "scripts": {},
38
38
  "dependencies": {
39
- "@snack-uikit/button": "0.19.10-preview-ef227a87.0",
39
+ "@snack-uikit/button": "0.19.9",
40
40
  "@snack-uikit/icons": "0.26.2",
41
- "@snack-uikit/list": "0.27.8-preview-ef227a87.0",
42
- "@snack-uikit/toggles": "0.13.14-preview-ef227a87.0",
43
- "@snack-uikit/truncate-string": "0.6.19-preview-ef227a87.0",
41
+ "@snack-uikit/list": "0.27.8-preview-3e55020c.0",
42
+ "@snack-uikit/toggles": "0.13.13",
43
+ "@snack-uikit/truncate-string": "0.6.18",
44
44
  "@snack-uikit/typography": "0.8.6",
45
45
  "@snack-uikit/utils": "3.8.1",
46
46
  "classnames": "2.5.1",
47
47
  "react-transition-state": "2.1.1",
48
48
  "uncontrollable": "8.0.4"
49
49
  },
50
- "gitHead": "6364766107f054b3b701396967b92eef49fe9b0f"
50
+ "gitHead": "3883f099f804547276105bab6f3b9e5dc48b8d81"
51
51
  }
package/src/helperComponents/TreeNode/styles.module.scss CHANGED
@@ -41,9 +41,7 @@
41
41
  display: flex;
42
42
  visibility: hidden;
43
43
 
44
- &:focus,
45
- &:focus-visible,
46
- &[data-focused] {
44
+ &:focus-visible, &[data-focused] {
47
45
  visibility: visible;
48
46
  }
49
47
  }
@@ -78,10 +76,7 @@
78
76
  border-radius: inherit;
79
77
  }
80
78
 
81
- &:hover,
82
- &:focus,
83
- &:focus-visible,
84
- &[data-droplist-active] {
79
+ &:hover, &:focus-visible, &[data-droplist-active] {
85
80
  &::before {
86
81
  opacity: tree.$opacity-a008;
87
82
  }
@@ -91,7 +86,6 @@
91
86
  }
92
87
  }
93
88
 
94
- &:focus,
95
89
  &:focus-visible {
96
90
  @include tree.outline-inside-var(element.$container-focused-s);
97
91
 
@@ -109,8 +103,7 @@
109
103
  display: none;
110
104
  }
111
105
 
112
- .treeNodeTitle,
113
- .treeNodeIcon {
106
+ .treeNodeTitle, .treeNodeIcon {
114
107
  color: tree.$sys-neutral-text-disabled;
115
108
  }
116
109
  }