@cube-dev/ui-kit 0.1.3 → 0.2.1

package/dist/mjs/services/notification.d.ts

@@ -1,4 +1,4 @@
-import { CubeNotificationProps } from '../molecules/Notification/Notification';
+import { CubeNotificationProps } from '../components/overlays/Notification/Notification';
 export interface NotificationData {
     id: number;
     type?: CubeNotificationProps['type'];

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

@@ -1,8 +1,6 @@
 export declare function colorStyle({ color }: {
     color: any;
-}): "" | {
-    color: any;
-};
+}): any[] | "";
 export declare namespace colorStyle {
     var __lookupStyles: string[];
 }

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

@@ -1,9 +1,9 @@
-export declare const BASE_STYLES: readonly ["display", "size", "font"];
+export declare const BASE_STYLES: readonly ["display", "size", "font", "preset"];
 export declare const POSITION_STYLES: readonly ["gridArea", "flexGrow", "flexShrink", "order", "gridColumn", "gridRow", "placeSelf", "zIndex", "margin"];
-export declare const BLOCK_STYLES: readonly ["reset", "padding", "shadow", "border", "radius", "opacity", "overflow", "styledScrollbar", "hide", "outline"];
+export declare const BLOCK_STYLES: readonly ["reset", "padding", "shadow", "border", "radius", "opacity", "overflow", "styledScrollbar", "hide", "outline", "textAlign"];
 export declare const COLOR_STYLES: readonly ["color", "fill"];
-export declare const TEXT_STYLES: readonly ["textAlign", "textTransform", "fontWeight", "fontStyle"];
+export declare const TEXT_STYLES: readonly ["textTransform", "fontWeight", "fontStyle"];
 export declare const DIMENSION_STYLES: readonly ["width", "height", "flexBasis"];
 export declare const FLOW_STYLES: readonly ["flow", "placeItems", "placeContent", "alignItems", "alignContent", "justifyItems", "justifyContent", "gap", "gridColumns", "gridRows", "gridTemplate", "gridAreas"];
-export declare const CONTAINER_STYLES: readonly ["display", "size", "font", "color", "fill", "width", "height", "flexBasis", "gridArea", "flexGrow", "flexShrink", "order", "gridColumn", "gridRow", "placeSelf", "zIndex", "margin", "reset", "padding", "shadow", "border", "radius", "opacity", "overflow", "styledScrollbar", "hide", "outline", "flow", "placeItems", "placeContent", "alignItems", "alignContent", "justifyItems", "justifyContent", "gap", "gridColumns", "gridRows", "gridTemplate", "gridAreas"];
+export declare const CONTAINER_STYLES: readonly ["display", "size", "font", "preset", "color", "fill", "width", "height", "flexBasis", "gridArea", "flexGrow", "flexShrink", "order", "gridColumn", "gridRow", "placeSelf", "zIndex", "margin", "reset", "padding", "shadow", "border", "radius", "opacity", "overflow", "styledScrollbar", "hide", "outline", "textAlign", "flow", "placeItems", "placeContent", "alignItems", "alignContent", "justifyItems", "justifyContent", "gap", "gridColumns", "gridRows", "gridTemplate", "gridAreas"];
 export declare const OUTER_STYLES: readonly ["gridArea", "flexGrow", "flexShrink", "order", "gridColumn", "gridRow", "placeSelf", "zIndex", "margin", "width", "height", "flexBasis"];

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

@@ -0,0 +1,11 @@
+export declare function presetStyle({ preset, fontSize, lineHeight, textTransform, letterSpacing, fontWeight }: {
+    preset: any;
+    fontSize: any;
+    lineHeight: any;
+    textTransform: any;
+    letterSpacing: any;
+    fontWeight: any;
+}): "" | Record<string, any>;
+export declare namespace presetStyle {
+    var __lookupStyles: string[];
+}

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

@@ -4,6 +4,9 @@ export declare function sizeStyle({ size }: {
     'font-size': any;
     'line-height': any;
     'letter-spacing': any;
+    '--font-size': any;
+    '--line-height': any;
+    '--letter-spacing': any;
 };
 export declare namespace sizeStyle {
     var __lookupStyles: string[];

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

@@ -92,6 +92,10 @@ export interface StylesInterface extends Omit<CSSProperties, 'color' | 'fill' |
      * Syntax: <value> 'inset'?
      */
     outline?: CSSProperties['fontFamily'] | boolean;
+    /**
+     * The preset style sets the base text settings according to the names preset. Affected styles: `font-size`, `line-height`, `letter-spacing`, `font-weight` and `text-transform`.
+     */
+    preset?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h5s' | 'h5m' | 'h6' | 't1' | 't2' | 't3' | 't4' | 't4m' | 'p1' | 'p2' | 'p3' | 'p4' | 'tag' | 'default' | string;
 }
 export declare type Styles = {
     [key in keyof StylesInterface]?: ResponsiveStyleValue<StylesInterface[key]>;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { Props } from '../../components/types';
-export declare function useSlotProps(props: Props, defaultSlot: any): Props;
+export declare function useSlotProps(props: Record<string, any>, defaultSlot: any): Record<string, any>;
 export declare function SlotProvider(props: any): JSX.Element;
 export declare function ClearSlots(props: any): JSX.Element;

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

@@ -1,4 +1,4 @@
-import { CubeButtonProps } from '../../atoms/Button/Button';
+import { CubeButtonProps } from '../../components/actions/Button/Button';
 import { AriaButtonProps } from '@react-types/button';
 /** Converts AriaButtonProps to CubeButtonProps */
 export declare function ariaToCubeButtonProps(props: AriaButtonProps<'button'>): CubeButtonProps;

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

@@ -1,5 +1,7 @@
-export declare const getOverlayTransitionCSS: ({ placement, suffix, minScale, }?: {
-    placement?: string | undefined;
-    suffix?: string | undefined;
-    minScale?: string | undefined;
-}) => string;
+export interface OverlayTransitionCSSProps {
+    suffix?: string;
+    placement?: string;
+    minScale?: string | number;
+    minOffset?: string;
+}
+export declare const getOverlayTransitionCSS: ({ suffix, placement, minScale, minOffset, }?: OverlayTransitionCSSProps) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.1.3",
+  "version": "0.2.1",
   "description": "UIKit for Cube Projects",
   "main": "dist/cjs/index.js",
   "module": "dist/mjs/index.js",

package/dist/cjs/components/OverlayWrapper.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-export interface CubeOverlayWrapperProps {
-    isOpen?: boolean;
-    placement?: 'start' | 'end' | 'right' | 'left' | 'top' | 'bottom';
-    children: ReactNode;
-    childrenOnly?: boolean;
-}
-export declare function OverlayWrapper({ isOpen, placement, children, childrenOnly, }: CubeOverlayWrapperProps): JSX.Element;

package/dist/mjs/components/OverlayWrapper.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-export interface CubeOverlayWrapperProps {
-    isOpen?: boolean;
-    placement?: 'start' | 'end' | 'right' | 'left' | 'top' | 'bottom';
-    children: ReactNode;
-    childrenOnly?: boolean;
-}
-export declare function OverlayWrapper({ isOpen, placement, children, childrenOnly, }: CubeOverlayWrapperProps): JSX.Element;