@cube-dev/ui-kit 0.42.1 → 0.44.0

package/types/index.d.ts

@@ -87,13 +87,13 @@ export { notification } from './services/notification';
 export type { CubeNotificationOptions } from './services/notification';
 export * from './tasty';
 export declare const Typography: {
-    Text: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>> & {
-        Minor: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>>;
-        Danger: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>>;
-        Success: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>>;
-        Strong: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>>;
-        Emphasis: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>>;
-        Selection: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>>;
+    Text: import("react").ForwardRefExoticComponent<CubeTextProps<keyof HTMLElementTagNameMap> & import("react").RefAttributes<unknown>> & {
+        Minor: import("react").ForwardRefExoticComponent<CubeTextProps<keyof HTMLElementTagNameMap> & import("react").RefAttributes<unknown>>;
+        Danger: import("react").ForwardRefExoticComponent<CubeTextProps<keyof HTMLElementTagNameMap> & import("react").RefAttributes<unknown>>;
+        Success: import("react").ForwardRefExoticComponent<CubeTextProps<keyof HTMLElementTagNameMap> & import("react").RefAttributes<unknown>>;
+        Strong: import("react").ForwardRefExoticComponent<CubeTextProps<"strong"> & import("react").RefAttributes<unknown>>;
+        Emphasis: import("react").ForwardRefExoticComponent<CubeTextProps<"em"> & import("react").RefAttributes<unknown>>;
+        Selection: import("react").ForwardRefExoticComponent<CubeTextProps<keyof HTMLElementTagNameMap> & import("react").RefAttributes<unknown>>;
     };
     Title: import("react").ForwardRefExoticComponent<CubeTitleProps & import("react").RefAttributes<unknown>> & {
         Danger: import("react").ForwardRefExoticComponent<CubeTitleProps & import("react").RefAttributes<unknown>>;
@@ -108,7 +108,7 @@ export type { ProviderProps } from './provider';
 export { Portal } from './components/portal';
 export type { PortalProps } from './components/portal';
 export * from './components/fields';
-export type { TagName, TagNameProps, AllBaseProps, BaseProps, BaseStyleProps, DimensionStyleProps, ColorStyleProps, OuterStyleProps, PositionStyleProps, TextStyleProps, BlockStyleProps, ContainerStyleProps, BasePropsWithoutChildren, Props, FlowStyleProps, ShortGridStyles, } from './tasty';
+export type { TagName, AllBaseProps, BaseProps, BaseStyleProps, DimensionStyleProps, ColorStyleProps, OuterStyleProps, PositionStyleProps, TextStyleProps, BlockStyleProps, ContainerStyleProps, BasePropsWithoutChildren, Props, FlowStyleProps, ShortGridStyles, } from './tasty';
 export * from './utils/react';
 export * from './tasty';
 export { default as copy } from 'clipboard-copy';

package/types/tasty/index.d.ts

@@ -12,5 +12,5 @@ export * from './utils/mergeStyles';
 export * from './utils/warnings';
 export * from './utils/getDisplayName';
 export type { TastyProps, GlobalTastyProps, AllBasePropsWithMods, } from './tasty';
-export type { AllBaseProps, BaseProps, BaseStyleProps, DimensionStyleProps, ColorStyleProps, OuterStyleProps, PositionStyleProps, TextStyleProps, BlockStyleProps, ContainerStyleProps, BasePropsWithoutChildren, Props, FlowStyleProps, ShortGridStyles, GlobalStyledProps, TagNameProps, TagName, } from './types';
+export type { AllBaseProps, BaseProps, BaseStyleProps, DimensionStyleProps, ColorStyleProps, OuterStyleProps, PositionStyleProps, TextStyleProps, BlockStyleProps, ContainerStyleProps, BasePropsWithoutChildren, Props, FlowStyleProps, ShortGridStyles, GlobalStyledProps, TagName, } from './types';
 export type { StylesInterface, Styles, StylesWithoutSelectors, NoType, Selector, SuffixForSelector, NotSelector, } from './styles/types';

package/types/tasty/types.d.ts

@@ -6,7 +6,8 @@ export interface GlobalStyledProps {
     breakpoints?: number[];
 }
 type Caps = 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K' | 'L' | 'M' | 'N' | 'O' | 'P' | 'Q' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X' | 'Y' | 'Z';
-export interface BasePropsWithoutChildren extends Pick<AllHTMLAttributes<HTMLElement>, 'className' | 'role' | 'id'> {
+export interface BasePropsWithoutChildren<K extends TagName = TagName> extends Pick<AllHTMLAttributes<HTMLElement>, 'className' | 'role' | 'id'> {
+    as?: K;
     /** QA ID for e2e testing. An alias for `data-qa` attribute. */
     qa?: string;
     /** QA value for e2e testing. An alias for `data-qaval` attribute. */
@@ -40,10 +41,9 @@ export interface BasePropsWithoutChildren extends Pick<AllHTMLAttributes<HTMLEle
     /** User-defined theme for the element. Mapped to data-theme attribute. Use `default`, or `danger`, or any custom string value you need. */
     theme?: 'default' | 'danger' | 'special' | (string & {});
 }
-export interface BaseProps extends AriaLabelingProps, BasePropsWithoutChildren, Pick<AllHTMLAttributes<HTMLElementTagNameMap['div']>, 'children'> {
+export interface BaseProps<K extends TagName = TagName> extends AriaLabelingProps, BasePropsWithoutChildren<K>, Pick<AllHTMLAttributes<HTMLElementTagNameMap[K]>, 'children'> {
 }
-export interface AllBaseProps<K extends keyof HTMLElementTagNameMap = 'div'> extends BaseProps, Omit<AllHTMLAttributes<HTMLElementTagNameMap[K]>, 'style' | 'size' | 'disabled' | 'hidden' | 'css' | 'color' | 'height' | 'width'> {
-    as?: string;
+export interface AllBaseProps<K extends TagName = TagName> extends BaseProps<K>, Omit<AllHTMLAttributes<HTMLElementTagNameMap[K]>, 'style' | 'disabled' | 'hidden' | 'css' | 'content' | 'translate' | 'as' | 'form' | 'bgcolor' | 'background' | 'align' | 'border' | 'color' | 'height' | 'size' | 'width' | 'prefix'> {
 }
 export type BaseStyleProps = Pick<Styles, (typeof BASE_STYLES)[number]>;
 export type PositionStyleProps = Pick<Styles, (typeof POSITION_STYLES)[number]>;
@@ -64,8 +64,4 @@ export interface Props {
     [key: string]: any;
 }
 export type TagName = keyof HTMLElementTagNameMap;
-export interface TagNameProps {
-    /** The tag name you want to use for the element */
-    as?: TagName;
-}
 export {};