@cube-dev/ui-kit 0.7.3 → 0.7.7

package/dist/mjs/shared/form.d.ts

@@ -50,11 +50,13 @@ export interface FormFieldProps extends FormBaseProps {
     label?: ReactNode;
     /** Custom label props */
     labelProps?: Props;
-    /** Message for the field. Some additional information or error notice. */
+    /** Message for the field. Some additional information or error notice */
     message?: ReactNode;
+    /** Description for the field. Will be placed below the label */
+    description?: ReactNode;
     /** A tooltip that is shown inside the label */
     tooltip?: ReactNode;
-    /** Whether the element should receive focus on render. */
+    /** Whether the element should receive focus on render */
     autoFocus?: boolean;
 }
 export declare type ValidationRuleBase = {

package/dist/mjs/stories/FormFieldArgs.d.ts

@@ -20,6 +20,12 @@ export declare const LABEL_ARG: {
         description: string;
     };
 };
+export declare const DESCRIPTION_ARG: {
+    description: {
+        control: string;
+        description: string;
+    };
+};
 export declare const NECESSITY_INDICATOR_ARG: {
     necessityIndicator: {
         description: string;

package/dist/mjs/styles/styledScrollbar.d.ts

@@ -9,25 +9,9 @@ export declare function styledScrollbarStyle({ styledScrollbar: val }: {
     $?: undefined;
     display?: undefined;
 })[] | ({
-    '--local-scrollbar-thumb-color': string;
-    '--local-scrollbar-border-color': string;
-    '--local-scrollbar-bg-color': string;
-    $?: undefined;
-    width?: undefined;
-    height?: undefined;
-    'background-color'?: undefined;
-    'border-radius'?: undefined;
-    border?: undefined;
-    'background-clip'?: undefined;
-    'scrollbar-width'?: undefined;
-    'scrollbar-color'?: undefined;
-} | {
     $: string;
     width: string;
     height: string;
-    '--local-scrollbar-thumb-color'?: undefined;
-    '--local-scrollbar-border-color'?: undefined;
-    '--local-scrollbar-bg-color'?: undefined;
     'background-color'?: undefined;
     'border-radius'?: undefined;
     border?: undefined;
@@ -37,9 +21,6 @@ export declare function styledScrollbarStyle({ styledScrollbar: val }: {
 } | {
     $: string;
     'background-color': string;
-    '--local-scrollbar-thumb-color'?: undefined;
-    '--local-scrollbar-border-color'?: undefined;
-    '--local-scrollbar-bg-color'?: undefined;
     width?: undefined;
     height?: undefined;
     'border-radius'?: undefined;
@@ -53,9 +34,6 @@ export declare function styledScrollbarStyle({ styledScrollbar: val }: {
     'border-radius': string;
     border: string;
     'background-clip': string;
-    '--local-scrollbar-thumb-color'?: undefined;
-    '--local-scrollbar-border-color'?: undefined;
-    '--local-scrollbar-bg-color'?: undefined;
     width?: undefined;
     height?: undefined;
     'scrollbar-width'?: undefined;
@@ -63,9 +41,6 @@ export declare function styledScrollbarStyle({ styledScrollbar: val }: {
 } | {
     'scrollbar-width': string;
     'scrollbar-color': string;
-    '--local-scrollbar-thumb-color'?: undefined;
-    '--local-scrollbar-border-color'?: undefined;
-    '--local-scrollbar-bg-color'?: undefined;
     $?: undefined;
     width?: undefined;
     height?: undefined;

package/dist/mjs/tokens.d.ts

@@ -148,5 +148,12 @@ declare const TOKENS: {
     'default-line-height': string;
     'default-letter-spacing': string;
     'default-font-weight': string;
+    'scrollbar-width': string;
+    'scrollbar-outline-width': string;
+    'scrollbar-radius': string;
+    'scrollbar-thumb-color': string;
+    'scrollbar-outline-color': string;
+    'scrollbar-bg-color': string;
+    'scrollbar-corner-color': string;
 };
 export { TOKENS };

package/dist/mjs/utils/react/index.d.ts

@@ -5,3 +5,4 @@ export { modAttrs } from './modAttrs';
 export { useSlotProps, SlotProvider, ClearSlots } from './Slots';
 export { useLayoutEffect } from './useLayoutEffect';
 export { useCombinedRefs } from './useCombinedRefs';
+export { wrapNodeIfPlain } from './wrapNodeIfPlain';

package/dist/mjs/utils/react/wrapNodeIfPlain.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare function wrapNodeIfPlain(children: ReactNode, render: () => ReactNode): ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.7.3",
+  "version": "0.7.7",
   "description": "UIKit for Cube Projects",
   "main": "dist/cjs/index.js",
   "module": "dist/mjs/index.js",
@@ -22,15 +22,17 @@
     "build": "NODE_ENV=production rollup -c",
     "watch": "rollup -c -w",
     "test": "jest",
+    "test-cover": "jest --coverage",
     "test-watch": "jest --watch",
     "format": "prettier --write \"src/**/*.{js,jsx}\"",
-    "lint": "prettier --check \"src/**/*.{js,jsx}\"",
+    "lint": "eslint --cache src && prettier --check \"src/**/*.{js,jsx}\"",
     "fix": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\" && eslint --fix --cache src --ext .js,.ts,.jsx,.tsx",
     "compile": "babel src -d dist --copy-files",
     "storybook": "start-storybook -s ./public -p 6006",
     "build-storybook": "build-storybook",
     "chromatic": "npx chromatic",
-    "size": "size-limit"
+    "size": "size-limit",
+    "prepare": "husky install"
   },
   "keywords": [
     "uikit"
@@ -38,6 +40,8 @@
   "author": "Cube Dev Team",
   "devDependencies": {
     "@ant-design/icons": "^4.7.0",
+    "@commitlint/cli": "16.1.0",
+    "@commitlint/config-conventional": "16.0.0",
     "@open-wc/testing": "^3.0.3",
     "@react-aria/button": "^3.3.4",
     "@react-aria/checkbox": "^3.2.3",
@@ -95,6 +99,8 @@
     "@storybook/preset-create-react-app": "^4.0.0",
     "@storybook/react": "^6.4.9",
     "@svgr/rollup": "^6.1.2",
+    "@swc/core": "1.2.136",
+    "@swc/jest": "0.2.17",
     "@testing-library/jest-dom": "^5.16.1",
     "@testing-library/react": "^12.1.2",
     "@types/react": "^17.0.38",
@@ -103,7 +109,6 @@
     "@typescript-eslint/parser": "^5.8.1",
     "@web/test-runner": "^0.13.23",
     "babel-eslint": "^10.1.0",
-    "chai": "^4.3.4",
     "chromatic": "^6.3.3",
     "clipboard-copy": "^4.0.1",
     "clsx": "^1.1.1",
@@ -119,14 +124,17 @@
     "eslint-plugin-react": "^7.28.0",
     "eslint-plugin-react-hooks": "^4.3.0",
     "eslint-plugin-storybook": "^0.5.5",
-    "jest": "^27.4.5",
+    "husky": ">=6",
+    "jest": "27.5.0",
+    "jsdom": "19.0.0",
     "less-loader": "^10.2.0",
+    "lint-staged": ">=10",
     "netlify-cli": "^8.6.0",
     "parcel-bundler": "^1.12.4",
     "prettier": "^2.5.1",
     "prismjs": "^1.25.0",
-    "react": ">=17.0.2",
-    "react-dom": ">=17.0.2",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
     "react-router": "^6.2.1",
     "react-test-renderer": "^17.0.2",
     "react-transition-group": "^4.4.2",