@cube-dev/ui-kit 0.1.2 → 0.2.0

package/dist/mjs/provider.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { NuResponsiveStyleValue } from './utils/styles';
+import { ResponsiveStyleValue } from './utils/styles';
 import { Props } from './components/types';
 export declare const UIKitContext: import("react").Context<ProviderProps>;
 export interface ProviderProps extends Props {
@@ -12,7 +12,7 @@ export interface ProviderProps extends Props {
     router?: Function;
     styles?: {
         [key: string]: {
-            [key: string]: NuResponsiveStyleValue;
+            [key: string]: ResponsiveStyleValue;
         } | Function;
     };
     ref?: JSX.Element;

package/dist/mjs/providers/Styles.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { NuStyles } from '../styles/types';
+import { Styles } from '../styles/types';
 export declare const StyleContext: import("react").Context<any>;
 export declare function StyleProvider({ children, ...props }: {
     [x: string]: any;
     children: any;
 }): JSX.Element;
-export declare function useContextStyles(name: any, props?: any): NuStyles;
+export declare function useContextStyles(name: any, props?: any): Styles;

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

@@ -1,5 +1,5 @@
 import { Props } from '../components/types';
-import { NuStyles } from '../styles/types';
+import { Styles } from '../styles/types';
 import { ReactNode } from 'react';
 export declare type LabelPosition = 'side' | 'top';
 export declare type NecessityIndicator = 'icon' | 'label';
@@ -18,7 +18,7 @@ export interface FieldBaseProps {
     validateTrigger?: ValidateTrigger;
 }
 export interface FormBaseProps {
-    labelStyles?: NuStyles;
+    labelStyles?: Styles;
     labelPosition?: LabelPosition;
     /** Whether the field presents required mark */
     requiredMark?: boolean;

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,17 @@
+export declare function presetStyle({ preset }: {
+    preset: any;
+}): "" | {
+    'font-size': any;
+    'line-height': any;
+    'letter-spacing': any;
+    'font-weight': any;
+    'text-transform': any;
+    '--font-size': any;
+    '--line-height': any;
+    '--letter-spacing': any;
+    '--font-weight': any;
+    '--text-transform': 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

@@ -1,10 +1,10 @@
 import { CSSProperties } from 'react';
-import { NuResponsiveStyleValue } from '../utils/styles';
+import { ResponsiveStyleValue } from '../utils/styles';
 declare type NamedColor = 'purple' | 'purple-text' | 'purple-01' | 'purple-02' | 'purple-03' | 'purple-04' | 'dark' | 'dark-01' | 'dark-02' | 'dark-03' | 'dark-04' | 'dark-05' | 'text' | 'primary' | 'disabled' | 'disabled-bg' | 'disabled-text' | 'danger' | 'danger-bg' | 'danger-text' | 'success' | 'success-bg' | 'success-text' | 'note' | 'note-bg' | 'note-text' | 'white' | 'light' | 'light-grey' | 'black' | 'pink' | 'pink-01' | 'pink-02' | 'border' | 'clear' | 'shadow' | 'draft' | 'minor';
 declare type Digit = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
 declare type OpaquePercentage = '' | `.${Digit}` | `.${Digit}${Digit}` | '.100';
 export declare type NoType = false | null | undefined;
-export interface NuStylesInterface extends Omit<CSSProperties, 'color' | 'fill' | 'font' | 'outline'> {
+export interface StylesInterface extends Omit<CSSProperties, 'color' | 'fill' | 'font' | 'outline'> {
     /** Set the background color of the element.
      * ```
      * fill="#{name_of_the_color}"
@@ -92,10 +92,14 @@ export interface NuStylesInterface 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 NuStyles = {
-    [key in keyof NuStylesInterface]?: NuResponsiveStyleValue<NuStylesInterface[key]>;
+export declare type Styles = {
+    [key in keyof StylesInterface]?: ResponsiveStyleValue<StylesInterface[key]>;
 } & {
-    [key: string]: NuResponsiveStyleValue<string | number | boolean | undefined>;
+    [key: string]: ResponsiveStyleValue<string | number | boolean | undefined>;
 };
 export {};

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

@@ -1,7 +1,7 @@
-import { NuStyleHandler } from './styles';
-import { NuStyles } from '../styles/types';
+import { StyleHandler } from './styles';
+import { Styles } from '../styles/types';
 declare type StyleHandlerMap = {
-    [key: string]: NuStyleHandler[];
+    [key: string]: StyleHandler[];
 };
 /**
  * Render style props to complete Styled Components CSS.
@@ -10,6 +10,6 @@ declare type StyleHandlerMap = {
  * @param styleHandlerMap - Style to handler list map.
  * @return {string}
  */
-export declare function renderStyles(styles: NuStyles, responsive: number[], styleHandlerMap?: StyleHandlerMap): string;
+export declare function renderStyles(styles: Styles, responsive: number[], styleHandlerMap?: StyleHandlerMap): string;
 export declare function createStyle(styleName: string, cssStyle?: string, converter?: Function): any;
 export {};

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

@@ -1,4 +1,4 @@
-import { NuResponsiveStyleValue } from './styles';
+import { ResponsiveStyleValue } from './styles';
 export declare function mediaWrapper(cssRules: any, points: any): any;
 export interface ResponsiveZone {
     max?: number;
@@ -6,4 +6,4 @@ export interface ResponsiveZone {
     mediaQuery?: string;
 }
 export declare function pointsToZones(points: number[]): any;
-export declare function normalizeStyleZones(value: NuResponsiveStyleValue, zoneNumber: number): any[] | null | undefined;
+export declare function normalizeStyleZones(value: ResponsiveStyleValue, zoneNumber: number): any[] | null | undefined;

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

@@ -1,51 +1,51 @@
-import { NuStyles } from '../styles/types';
-export declare type NuStyleValue<T = string> = number | null | boolean | undefined | T;
-export declare type NuStyleValueStateMap<T> = {
-    [key: string]: NuStyleValue<T>;
+import { Styles } from '../styles/types';
+export declare type StyleValue<T = string> = number | null | boolean | undefined | T;
+export declare type StyleValueStateMap<T> = {
+    [key: string]: StyleValue<T>;
 };
-export declare type NuResponsiveStyleValue<T = string> = NuStyleValue<T> | NuStyleValue<T>[] | NuStyleValueStateMap<T> | NuStyleValueStateMap<T>[];
-export declare type NuComputeModel = string | number;
-export declare type NuCSSMap = {
+export declare type ResponsiveStyleValue<T = string> = StyleValue<T> | StyleValue<T>[] | StyleValueStateMap<T> | StyleValueStateMap<T>[];
+export declare type ComputeModel = string | number;
+export declare type CSSMap = {
     $?: string;
 } & {
     [key: string]: string | string[];
 };
-export declare type NuStyleHandler = ((NuStyleValue: any) => NuCSSMap | NuCSSMap[]) & {
+export declare type StyleHandler = ((StyleValue: any) => CSSMap | CSSMap[]) & {
     __lookupStyles: string[];
 };
-export interface NuStyleStateData {
-    model?: NuComputeModel;
+export interface StyleStateData {
+    model?: ComputeModel;
     tokens?: string[];
-    value: NuResponsiveStyleValue;
+    value: ResponsiveStyleValue;
     /** The list of mods to apply */
     mods: string[];
     /** The list of **not** mods to apply (e.g. `:not(:hover)`) */
     notMods: string[];
 }
-export declare type NuStyleStateDataList = NuStyleStateData[];
-export declare type NuStyleStateDataListMap = {
-    [key: string]: NuStyleStateDataList;
+export declare type StyleStateDataList = StyleStateData[];
+export declare type StyleStateDataListMap = {
+    [key: string]: StyleStateDataList;
 };
 /** An object that describes a relation between specific modifiers and style value. **/
-export interface NuStyleState {
+export interface StyleState {
     /** The list of mods to apply */
     mods: string[];
     /** The list of **not** mods to apply (e.g. `:not(:hover)`) */
     notMods: string[];
     /** The value to apply */
-    value: NuStyleMap;
+    value: StyleMap;
 }
-export declare type NuComputeUnit = string | (string | string[])[];
-export declare type NuStyleStateList = NuStyleState[];
-export declare type NuStyleMap = {
-    [key: string]: NuResponsiveStyleValue;
+export declare type ComputeUnit = string | (string | string[])[];
+export declare type StyleStateList = StyleState[];
+export declare type StyleMap = {
+    [key: string]: ResponsiveStyleValue;
 };
-export declare type NuStyleStateMap = {
-    [key: string]: NuStyleState;
+export declare type StyleStateMap = {
+    [key: string]: StyleState;
 };
-export declare type NuStyleStateMapList = NuStyleStateMap[];
-export declare type NuStyleStateListMap = {
-    [key: string]: NuStyleStateList;
+export declare type StyleStateMapList = StyleStateMap[];
+export declare type StyleStateListMap = {
+    [key: string]: StyleStateList;
 };
 export declare const NO_VALUES: (string | boolean)[];
 export declare const YES_VALUES: (string | boolean)[];
@@ -128,20 +128,20 @@ export declare function extendStyles(defaultStyles: any, newStyles: any): {};
  */
 export declare function extractStyles(props: {
     [key: string]: any;
-}, styleList?: readonly string[], defaultStyles?: NuStyles, propMap?: {
+}, styleList?: readonly string[], defaultStyles?: Styles, propMap?: {
     [key: string]: string;
-}, ignoreList?: readonly string[]): NuStyles;
+}, ignoreList?: readonly string[]): Styles;
 /**
- * Render NuCSSMap to Styled Components CSS
+ * Render CSSMap to Styled Components CSS
  * @param styles
  * @param [selector]
  */
-export declare function renderStylesToSC(styles: NuCSSMap | NuCSSMap[], selector?: string): any;
+export declare function renderStylesToSC(styles: CSSMap | CSSMap[], selector?: string): any;
 /**
  * Compile states to finite CSS with selectors.
  * State values should contain a string value with CSS style list.
  * @param {string} selector
- * @param {NuStyleStateList|NuStyleStateMapList} states
+ * @param {StyleStateList|StyleStateMapList} states
  */
 export declare function applyStates(selector: any, states: any): any;
 export declare function styleHandlerCacheWrapper(styleHandler: any, limit?: number): ((arg: any) => any) & {
@@ -149,26 +149,26 @@ export declare function styleHandlerCacheWrapper(styleHandler: any, limit?: numb
 };
 /**
  * Fill all unspecified states and cover all possible combinations of presented modifiers.
- * @param {NuStyleStateList} stateList
+ * @param {StyleStateList} stateList
  * @param {string[]} [allModes]
- * @return {NuStyleStateList}
+ * @return {StyleStateList}
  */
 export declare function normalizeStates(stateList: any, allModes: any): any;
 /**
  * Replace state values with new ones.
  * For example, if you want to replace initial values with finite CSS code.
- * @param {NuStyleStateList|NuStyleStateMapList} states
+ * @param {StyleStateList|StyleStateMapList} states
  * @param {Function} replaceFn
  */
 export declare function replaceStateValues(states: any, replaceFn: any): any;
 /**
  * Get all presented modes from style state list.
- * @param {NuStyleStateList} stateList
+ * @param {StyleStateList} stateList
  */
 export declare function getModesFromStyleStateList(stateList: any): any;
 /**
  * Get all presented modes from style state list map.
- * @param {NuStyleStateMapList} stateListMap
+ * @param {StyleStateMapList} stateListMap
  * @return {string[]}
  */
 export declare function getModesFromStyleStateListMap(stateListMap: any): string[];
@@ -177,7 +177,7 @@ export declare function getModesFromStyleStateListMap(stateListMap: any): string
  * @param styleMap
  * @param filterKeys
  */
-export declare function styleMapToStyleMapStateList(styleMap: NuStyleMap, filterKeys?: string[]): NuStyleStateList;
+export declare function styleMapToStyleMapStateList(styleMap: StyleMap, filterKeys?: string[]): StyleStateList;
 export declare const STATE_OPERATORS: {
     NOT: string;
     AND: string;
@@ -188,10 +188,10 @@ export declare const STATE_OPERATOR_LIST: string[];
 export declare const parseStateNotation: (arg: any) => any;
 /**
  *
- * @param {NuStyleStateMap|string|number|boolean|null|undefined} styleStateMap
- * @return {{ states: NuStyleStateDataList, mods: string[] }}
+ * @param {StyleStateMap|string|number|boolean|null|undefined} styleStateMap
+ * @return {{ states: StyleStateDataList, mods: string[] }}
  */
-export declare function styleStateMapToStyleStateDataList(styleStateMap: NuStyleStateMap | NuResponsiveStyleValue): {
+export declare function styleStateMapToStyleStateDataList(styleStateMap: StyleStateMap | ResponsiveStyleValue): {
     states: {
         model: null;
         mods: never[];
@@ -199,7 +199,7 @@ export declare function styleStateMapToStyleStateDataList(styleStateMap: NuStyle
     }[];
     mods: never[];
 } | {
-    states: NuStyleStateDataList;
+    states: StyleStateDataList;
     mods: string[];
 };
 export declare const COMPUTE_FUNC_MAP: {
@@ -211,7 +211,7 @@ export declare const COMPUTE_FUNC_MAP: {
 /**
  * Compute a result based on model and incoming map.
  */
-export declare function computeState(computeModel: NuComputeModel, valueMap: (number | boolean)[] | {
+export declare function computeState(computeModel: ComputeModel, valueMap: (number | boolean)[] | {
     [key: string]: boolean;
 } | Function): any;
 export declare function cacheWrapper(handler: Function, limit?: number): (arg: any) => any;

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.2",
+  "version": "0.2.0",
   "description": "UIKit for Cube Projects",
   "main": "dist/cjs/index.js",
   "module": "dist/mjs/index.js",
@@ -27,7 +27,7 @@
     "compile": "babel src -d dist --copy-files",
     "storybook": "start-storybook -s ./public -p 6006",
     "build-storybook": "build-storybook",
-    "chromatic": "npx chromatic --project-token 88d3a2cec0c0",
+    "chromatic": "npx chromatic --project-token 73bc89753bad",
     "size": "size-limit"
   },
   "keywords": [
@@ -100,7 +100,7 @@
     "@web/test-runner": "^0.9.7",
     "babel-eslint": "^10.1.0",
     "chai": "^4.2.0",
-    "chromatic": "^5.7.0",
+    "chromatic": "^5.9.2",
     "clipboard-copy": "^4.0.1",
     "clsx": "^1.1.1",
     "css-loader": "^5.0.1",
@@ -115,6 +115,7 @@
     "eslint-plugin-react-hooks": "^4.2.0",
     "jest": "^26.6.3",
     "less-loader": "^7.1.0",
+    "netlify-cli": "^6.9.6",
     "parcel-bundler": "^1.12.4",
     "prettier": "^2.0.5",
     "prismjs": "^1.23.0",

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/cjs/components/Text.d.ts

@@ -1,32 +0,0 @@
-import { CSSProperties } from 'react';
-import { NuResponsiveStyleValue } from '../utils/styles';
-import { BaseProps, BaseStyleProps, ColorStyleProps, TagNameProps, TextStyleProps } from './types';
-export interface CubeTextProps extends BaseProps, TagNameProps, TextStyleProps, BaseStyleProps, ColorStyleProps {
-    /**
-     * Whether the text uses the monospace font.
-     */
-    monospace?: boolean;
-    /**
-     * Whether the text overflow is ellipsis
-     */
-    ellipsis?: boolean;
-    /**
-     * Whether the text is not wrapping
-     */
-    nowrap?: boolean;
-    /**
-     * Whether the text has italic style
-     */
-    italic?: NuResponsiveStyleValue<CSSProperties['fontStyle']>;
-    weight?: NuResponsiveStyleValue<CSSProperties['fontWeight']>;
-    align?: NuResponsiveStyleValue<CSSProperties['textAlign']>;
-    transform?: NuResponsiveStyleValue<CSSProperties['textTransform']>;
-}
-declare const Text: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>> & {
-    Minor: (props: CubeTextProps) => JSX.Element;
-    Danger: (props: CubeTextProps) => JSX.Element;
-    Success: (props: CubeTextProps) => JSX.Element;
-    Strong: (props: CubeTextProps) => JSX.Element;
-    Selection: (props: CubeTextProps) => JSX.Element;
-};
-export { Text };

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

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { CubeTextProps } from './Text';
-import { NuResponsiveStyleValue } from '../utils/styles';
-import { BlockStyleProps, PositionStyleProps, TagNameProps } from './types';
-export interface CubeTitleProps extends CubeTextProps, TagNameProps, BlockStyleProps, PositionStyleProps {
-    /** The level of the heading **/
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
-    /** The size style for the heading **/
-    size?: NuResponsiveStyleValue<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | string>;
-}
-declare const Title: import("react").ForwardRefExoticComponent<CubeTitleProps & import("react").RefAttributes<unknown>> & {
-    Danger: (props: any) => JSX.Element;
-    Success: (props: any) => JSX.Element;
-};
-export { Title };

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;

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

@@ -1,32 +0,0 @@
-import { CSSProperties } from 'react';
-import { NuResponsiveStyleValue } from '../utils/styles';
-import { BaseProps, BaseStyleProps, ColorStyleProps, TagNameProps, TextStyleProps } from './types';
-export interface CubeTextProps extends BaseProps, TagNameProps, TextStyleProps, BaseStyleProps, ColorStyleProps {
-    /**
-     * Whether the text uses the monospace font.
-     */
-    monospace?: boolean;
-    /**
-     * Whether the text overflow is ellipsis
-     */
-    ellipsis?: boolean;
-    /**
-     * Whether the text is not wrapping
-     */
-    nowrap?: boolean;
-    /**
-     * Whether the text has italic style
-     */
-    italic?: NuResponsiveStyleValue<CSSProperties['fontStyle']>;
-    weight?: NuResponsiveStyleValue<CSSProperties['fontWeight']>;
-    align?: NuResponsiveStyleValue<CSSProperties['textAlign']>;
-    transform?: NuResponsiveStyleValue<CSSProperties['textTransform']>;
-}
-declare const Text: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>> & {
-    Minor: (props: CubeTextProps) => JSX.Element;
-    Danger: (props: CubeTextProps) => JSX.Element;
-    Success: (props: CubeTextProps) => JSX.Element;
-    Strong: (props: CubeTextProps) => JSX.Element;
-    Selection: (props: CubeTextProps) => JSX.Element;
-};
-export { Text };

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

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { CubeTextProps } from './Text';
-import { NuResponsiveStyleValue } from '../utils/styles';
-import { BlockStyleProps, PositionStyleProps, TagNameProps } from './types';
-export interface CubeTitleProps extends CubeTextProps, TagNameProps, BlockStyleProps, PositionStyleProps {
-    /** The level of the heading **/
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
-    /** The size style for the heading **/
-    size?: NuResponsiveStyleValue<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | string>;
-}
-declare const Title: import("react").ForwardRefExoticComponent<CubeTitleProps & import("react").RefAttributes<unknown>> & {
-    Danger: (props: any) => JSX.Element;
-    Success: (props: any) => JSX.Element;
-};
-export { Title };