diginet-core-ui 1.3.94-beta.1 → 1.3.94-beta.2

package/components/button/more.js

@@ -182,19 +182,19 @@ ButtonMore.propTypes = {
   popoverProp: PropTypes.object,
   /** Style inline of component. */
   style: PropTypes.object,
-  /**
-   * ref methods (ref.current.instance.*method*)
-   *
-   * * option(): Gets all UI component properties
-   *  * Returns value - object
-   * * option(optionName): Gets the value of a single property
-   *  * @param {optionName} - string
-   *  * Returns value - any
-   * * option(optionName, optionValue): Updates the value of a single property
-   *  * @param {optionName} - string
-   *  * @param {optionValue} - any
-   * * option(options): Updates the values of several properties
-   *  * @param {options} - object
+  /**
+   * ref methods (ref.current.instance.*method*)
+   *
+   * * option(): Gets all UI component properties
+   *  * Returns value - object
+   * * option(optionName): Gets the value of a single property
+   *  * @param {optionName} - string
+   *  * Returns value - any
+   * * option(optionName, optionValue): Updates the value of a single property
+   *  * @param {optionName} - string
+   *  * @param {optionValue} - any
+   * * option(options): Updates the values of several properties
+   *  * @param {options} - object
    */
   ref: ref
 };

package/components/tree-view/index.js

@@ -6,24 +6,8 @@ import { getGlobal } from "../../global";
 import PropTypes from 'prop-types';
 import { forwardRef, Fragment, memo, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { render } from 'react-dom';
-import { bgColor, borderRadius, boxBorder, cursorNotAllowed, cursorPointer, displayBlock, displayInlineBlock, flexRow, itemsCenter, mgb, mgl, mgr, parseHeight, parseMinHeight, parseWidth, pd, pdl, positionRelative, textLeft } from "../../styles/general";
-import { useTheme } from "../../theme";
+import { bgColor, borderRadius, boxBorder, cursorNotAllowed, cursorPointer, displayBlock, displayFlex, displayInlineBlock, flexRow, itemsCenter, mgb, mgl, mgr, parseHeight, parseMinHeight, parseWidth, pd, pdl, positionRelative, textColor, textLeft } from "../../styles/general";
 import { classNames, mapParent, randomString, refType as ref, removeUnicode } from "../../utils";
-const {
-  colors: {
-    system: {
-      disabled: systemDisabled
-    },
-    fill: {
-      focus: fillFocus,
-      hover: fillHover,
-      pressed: fillPressed
-    },
-    text: {
-      main: textMain
-    }
-  }
-} = useTheme();
 const separatorPattern = /\{\w+\}/g;
 const currentValue = {},
   itemsRenderAsync = {};
@@ -157,7 +141,7 @@ const TreeView = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
                   if (input.classList.contains('determinate')) {
                     determinateCheckbox(input, false);
                   }
-                  currentValue[unique][input.value] = false;
+                  // currentValue[unique][input.value] = false;
                 }
               }
             }
@@ -803,9 +787,10 @@ const TreeViewRootCSS = css`
             ${pd(0)};
             ${borderRadius(0)};
             &.focus {
-                ${bgColor(fillFocus)};
+                ${bgColor('fill/focus')};
             }
             .Accordion-Icon-Root {
+                ${displayFlex};
                 ${flexRow};
                 ${mgr([1])};
             }
@@ -815,6 +800,7 @@ const TreeViewRootCSS = css`
             ${borderRadius(0)};
         }
         .Accordion-Icon-Root {
+            ${displayFlex};
             ${flexRow};
             transition: opacity 0.2s ease-out;
             opacity: 1;
@@ -848,23 +834,23 @@ const TreeViewRootCSS = css`
         ${parseWidth('100%')};
         ${parseMinHeight(40)};
         ${textLeft};
-        color: ${textMain};
+        ${textColor('text/main')};
         &.non-child {
             ${cursorPointer};
             transition: background-color 300ms ease;
             &.disabled {
                 ${cursorNotAllowed};
-                color: ${systemDisabled};
+                ${textColor('system/disabled')};
             }
             &:not(.disabled) {
                 &:hover {
-                    ${bgColor(fillHover)};
+                    ${bgColor('fill/hover')};
                 }
                 &:focus {
-                    ${bgColor(fillFocus)};
+                    ${bgColor('fill/focus')};
                 }
                 &:active {
-                    ${bgColor(fillPressed)};
+                    ${bgColor('fill/pressed')};
                 }
             }
             &.DGN-Hidden {
@@ -872,7 +858,7 @@ const TreeViewRootCSS = css`
             }
         }
         &.focus {
-            ${bgColor(fillFocus)};
+            ${bgColor('fill/focus')};
         }
         &.TreeView-Item-active .DGN-UI-Typography {
             font-weight: bold;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "diginet-core-ui",
-  "version": "1.3.94-beta.1",
+  "version": "1.3.94-beta.2",
   "description": "",
   "main": "index.js",
   "license": "UNLICENSED",