@cube-dev/ui-kit 0.0.0-canary-23bc0fd → 0.0.0-canary-9ea74e0

package/es/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-23bc0fd
+ * @cube-dev/ui-kit v0.0.0-canary-9ea74e0
  * Released under the MIT license.
  */
 
@@ -11,6 +11,7 @@ const SUGGESTED_PROP_MAP = {
     selected: 'isSelected',
 };
 const PREFIX = 'CubeUIKit';
+const devMode = process.env.NODE_ENV !== 'production';
 export function propDeprecationWarning(name, props, propList) {
     propList.forEach((prop) => {
         if (prop in props) {
@@ -20,28 +21,31 @@ export function propDeprecationWarning(name, props, propList) {
     });
 }
 export function accessibilityWarning(...args) {
-    console.warn(`${PREFIX} accessibility issue:`, ...args);
+    if (devMode) {
+        console.warn(`${PREFIX} accessibility issue:`, ...args);
+    }
 }
 export function warn(...args) {
-    console.warn(`${PREFIX}:`, ...args);
+    if (devMode) {
+        console.warn(`${PREFIX}:`, ...args);
+    }
 }
 export function deprecationWarning(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 condition, { property, name, betterAlternative, reason, }) {
     if (condition)
         return;
-    if (process.env.NODE_ENV === 'production') {
-        return warn(`DEPRECATION ${name} "${property}" -> ${typeof betterAlternative === 'function'
-            ? betterAlternative()
-            : betterAlternative}`);
-    }
+    return warn(`DEPRECATION ${name} "${property}" -> ${typeof betterAlternative === 'function'
+        ? betterAlternative()
+        : betterAlternative}`);
     // we can make deprecations even better if we add the md syntax in the console.
     // anyway, everything down below will be stripped in the production build
     console.group(`⚠️ ${PREFIX}: Deprecation in ${name}`);
     warn(`"${property}" is deprecated, consider better alternative: ${typeof betterAlternative === 'function'
         ? betterAlternative()
         : betterAlternative}`);
-    reason && warn(`Reason: ${typeof reason === 'function' ? reason() : reason}`);
+    reason &&
+        warn(`Reason: ${typeof reason === 'function' ? reason() : reason}`);
     console.groupEnd();
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-23bc0fd",
+  "version": "0.0.0-canary-9ea74e0",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"

package/types/components/content/Tag/Tag.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
 import THEMES from '../../../data/themes';
-import { BaseProps, ContainerStyleProps } from '../../../tasty';
+import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 export interface CubeTagProps extends BaseProps, ContainerStyleProps {
     type?: keyof typeof THEMES | string;
     isClosable?: boolean;
     onClose?: () => void;
+    closeButtonStyles?: Styles;
 }
 declare const _Tag: import("react").ForwardRefExoticComponent<CubeTagProps & import("react").RefAttributes<unknown>>;
 export { _Tag as Tag };

package/types/components/overlays/Dialog/Dialog.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { BaseProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps } from '../../../tasty';
+import { BaseProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps, Styles } from '../../../tasty';
 import type { AriaDialogProps } from '@react-types/dialog';
 export interface CubeDialogProps extends Omit<BaseProps, 'role'>, AriaDialogProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps {
     /** The size of the dialog */
@@ -10,6 +10,7 @@ export interface CubeDialogProps extends Omit<BaseProps, 'role'>, AriaDialogProp
     onDismiss?: (arg?: any) => void;
     /** That you can replace the close icon with */
     closeIcon?: ReactNode;
+    closeButtonStyles?: Styles;
 }
 /**
  * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.

package/types/components/pickers/Menu/MenuItem.d.ts

@@ -1,7 +1,7 @@
 import { Key } from 'react';
 import { Node } from '@react-types/shared';
 import { TreeState } from '@react-stately/tree';
-export interface MenuItemProps<T> {
+interface MenuItemProps<T> {
     item: Node<T>;
     state: TreeState<T>;
     isVirtualized?: boolean;
@@ -9,3 +9,4 @@ export interface MenuItemProps<T> {
 }
 /** @private */
 export declare function MenuItem<T>(props: MenuItemProps<T>): JSX.Element;
+export {};

package/types/components/pickers/Menu/MenuSection.d.ts

@@ -1,5 +1,10 @@
-/// <reference types="react" />
-import { MenuItemProps } from './MenuItem';
-export declare type CubeMenuSectionProps<T> = MenuItemProps<T>;
+import { Key } from 'react';
+import { Node } from '@react-types/shared';
+import { TreeState } from '@react-stately/tree';
+export interface CubeMenuSectionProps<T> {
+    item: Node<T>;
+    state: TreeState<T>;
+    onAction?: (key: Key) => void;
+}
 /** @private */
 export declare function MenuSection<T>(props: CubeMenuSectionProps<T>): JSX.Element;

package/types/tasty/index.d.ts

@@ -1,4 +1,4 @@
-export { tasty } from './tasty';
+export { tasty, Element } from './tasty';
 export * from './utils/filterBaseProps';
 export * from './utils/colors';
 export * from './utils/styles';

package/types/tasty/tasty.d.ts

@@ -2,7 +2,10 @@ import { ComponentType } from 'react';
 import { AllBaseProps, BaseProps, BaseStyleProps, Props } from './types';
 import { Styles, StylesInterface } from './styles/types';
 import { ResponsiveStyleValue } from './utils/styles';
-export declare type TastyProps<K extends (keyof StylesInterface)[], DefaultProps = Props> = {
+declare type StyleList = readonly (keyof {
+    [key in keyof StylesInterface]: StylesInterface[key];
+})[];
+export declare type TastyProps<K extends StyleList, DefaultProps = Props> = {
     /** The tag name of the element. */
     as?: string;
     /** Default styles of the element. */
@@ -14,7 +17,7 @@ export declare type TastyProps<K extends (keyof StylesInterface)[], DefaultProps
 export interface GlobalTastyProps {
     breakpoints?: number[];
 }
-export declare type AllBasePropsWithMods<K extends (keyof StylesInterface)[]> = AllBaseProps & {
+export declare type AllBasePropsWithMods<K extends StyleList> = AllBaseProps & {
     [key in K[number]]?: ResponsiveStyleValue<StylesInterface[key]>;
 } & BaseStyleProps;
 declare type TastyPropsWithDefaults<Props extends {
@@ -24,9 +27,10 @@ declare type TastyPropsWithDefaults<Props extends {
 } & {
     [key in keyof Omit<Props, keyof DefaultProps>]: Props[key];
 };
-declare function tasty<K extends (keyof StylesInterface)[]>(options: TastyProps<K>, secondArg?: never): any;
+declare function tasty<K extends StyleList>(options: TastyProps<K>, secondArg?: never): any;
 declare function tasty(selector: string, styles?: Styles): any;
 declare function tasty<Props extends {
     styles?: Styles;
 }, DefaultProps extends Partial<Props> = Partial<Props>>(Component: ComponentType<Props>, options?: TastyProps<never, Props>): ComponentType<TastyPropsWithDefaults<Props, DefaultProps>>;
-export { tasty };
+declare const Element: any;
+export { tasty, Element };