@cube-dev/ui-kit 0.7.6 → 0.7.10

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/nullableValue.d.ts

@@ -0,0 +1,18 @@
+import { Props } from '../../components/types';
+export declare function castNullableStringValue<T>(props: T): T;
+export declare function castNullableNumberValue<T>(props: T): T;
+export declare function castNullableIsSelected<T>(props: T): T;
+export declare function castNullableSelectedKey<T>(props: T): T;
+export declare function castNullableField<T>(props: T, keys: string[], type?: string, cast?: (k: any) => any): T;
+export declare type WithNullableValue<T extends Props> = Omit<T, 'value' | 'defaultValue'> & {
+    value?: T['value'] | any;
+    defaultValue?: T['defaultValue'] | any;
+};
+export declare type WithNullableSelected<T extends Props> = Omit<T, 'isSelected' | 'defaultSelected'> & {
+    isSelected?: T['isSelected'] | any;
+    defaultSelected?: T['defaultSelected'] | any;
+};
+export declare type WithNullableSelectedKey<T extends Props> = Omit<T, 'selectedKey' | 'defaultSelectedKey'> & {
+    selectedKey?: T['selectedKey'] | any;
+    defaultSelectedKey?: T['defaultSelectedKey'] | any;
+};

package/dist/mjs/utils/warnings.d.ts

@@ -1 +1,3 @@
 export declare function propDeprecationWarning(name: any, props: any, propList: any): void;
+export declare function accessibilityWarning(...args: any[]): void;
+export declare function warn(...args: any[]): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.7.6",
+  "version": "0.7.10",
   "description": "UIKit for Cube Projects",
   "main": "dist/cjs/index.js",
   "module": "dist/mjs/index.js",
@@ -20,6 +20,7 @@
   "scripts": {
     "start": "PARCEL_AUTOINSTALL=false parcel src/storybook.html",
     "build": "NODE_ENV=production rollup -c",
+    "build:esm": "NODE_ENV=production ESM_BUILD_ONLY=true rollup -c",
     "watch": "rollup -c -w",
     "test": "jest",
     "test-cover": "jest --coverage",