@snack-uikit/tree 0.5.7 → 0.5.8-preview-993a9cfb.0

package/dist/helperComponents/TreeLine/styles.module.css

@@ -16,7 +16,7 @@
   transform:translateX(-50%);
   width:1px;
   height:calc(100% - var(--size-tree-item-height, 32px) / 2);
-  background:var(--sys-neutral-decor-default, #dedede);
+  background:var(--sys-neutral-decor-default, #dfe2ec);
 }
 .treeLine[data-half-height]::after{
   height:calc(100% - var(--size-tree-item-height, 32px) / 2);

package/dist/helperComponents/TreeNode/styles.module.css

@@ -11,18 +11,18 @@
   align-items:center;
   justify-content:center;
   box-sizing:border-box;
-  color:var(--sys-neutral-text-support, #565656);
+  color:var(--sys-neutral-text-support, #656771);
 }
 .treeNodeIcon svg{
-  width:var(--dimension-3m, 24px) !important;
-  height:var(--dimension-3m, 24px) !important;
+  width:var(--size-icon-container-s, 24px) !important;
+  height:var(--size-icon-container-s, 24px) !important;
 }
 
 .treeNodeTitle{
   flex-grow:1;
   box-sizing:border-box;
   min-width:var(--size-tree-item-checkbox-wrap, 24px);
-  color:var(--sys-neutral-text-main, #333333);
+  color:var(--sys-neutral-text-main, #33333b);
 }
 
 .treeNodeActions{
@@ -56,7 +56,7 @@
   width:100%;
   height:100%;
   opacity:0;
-  background-color:var(--sys-neutral-accent-default, #757575);
+  background-color:var(--sys-neutral-accent-default, #6f717c);
   border-radius:inherit;
 }
 .treeNodeContent:hover::before, .treeNodeContent:focus-visible::before, .treeNodeContent[data-droplist-active]::before{
@@ -70,7 +70,7 @@
   outline-style:var(--border-state-focus-s-border-style, solid);
   outline-color:var(--border-state-focus-s-border-color, );
   outline-offset:calc(var(--border-state-focus-s-border-width, 2px) * -1);
-  outline-color:var(--sys-available-complementary, #131313);
+  outline-color:var(--sys-available-complementary, #141415);
 }
 .treeNodeContent[data-multiselect]{
   cursor:default;
@@ -82,7 +82,7 @@
   display:none;
 }
 .treeNodeContent[aria-disabled=true] .treeNodeTitle, .treeNodeContent[aria-disabled=true] .treeNodeIcon{
-  color:var(--sys-neutral-text-disabled, #9e9e9e);
+  color:var(--sys-neutral-text-disabled, #b3b6bf);
 }
 .treeNodeContent[aria-selected=true]:not([data-multiselect])::before{
   opacity:var(--opacity-a008, 0.08);

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Tree",
-  "version": "0.5.7",
+  "version": "0.5.8-preview-993a9cfb.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -32,16 +32,16 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/button": "0.16.0",
-    "@snack-uikit/droplist": "0.13.4",
+    "@snack-uikit/button": "0.16.1-preview-993a9cfb.0",
+    "@snack-uikit/droplist": "0.13.5-preview-993a9cfb.0",
     "@snack-uikit/icons": "0.20.1",
-    "@snack-uikit/toggles": "0.9.5",
-    "@snack-uikit/truncate-string": "0.4.7",
+    "@snack-uikit/toggles": "0.9.6-preview-993a9cfb.0",
+    "@snack-uikit/truncate-string": "0.4.8-preview-993a9cfb.0",
     "@snack-uikit/typography": "0.6.1",
     "@snack-uikit/utils": "3.2.0",
     "classnames": "2.3.2",
     "react-transition-state": "2.1.1",
     "uncontrollable": "8.0.4"
   },
-  "gitHead": "3da1fb6b1253a73f4e2d7afb5494b64bbfdd6508"
+  "gitHead": "a421965dc78af63a8c292e595b3f0a8ff1be86f9"
 }

package/src/helperComponents/TreeLine/styles.module.scss

@@ -1,5 +1,5 @@
-@import '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-tree';
 @import '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-element';
+@import '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-tree';
 
 .treeLine {
   pointer-events: none;