@cube-dev/ui-kit 0.0.0-canary-dfe4967 → 0.0.0-canary-c56f761

package/types/{styled → tasty}/styled.d.ts

@@ -1,7 +1,20 @@
 import { ComponentType } from 'react';
-import { AllBaseProps, BaseStyleProps, StyledProps } from '../components/types';
+import { AllBaseProps, BaseStyleProps } from '../components/types';
 import { Styles, StylesInterface } from '../styles/types';
 import { ResponsiveStyleValue } from '../utils/styles';
+export declare type StyledProps<K extends (keyof StylesInterface)[], DefaultProps> = {
+    /** The name of the element. It can be used to override styles in context. */
+    name?: string;
+    /** The tag name of the element. */
+    tag?: string;
+    /** Default styles of the element. */
+    styles?: Styles;
+    /** Default css of the element. */
+    css?: string;
+    props?: DefaultProps;
+    /** The list of styles that can be provided by props */
+    styleProps?: K;
+};
 export declare type AllBasePropsWithMods<K extends (keyof StylesInterface)[]> = AllBaseProps & {
     [key in K[number]]?: ResponsiveStyleValue<StylesInterface[key]>;
 } & BaseStyleProps;
@@ -22,10 +35,18 @@ declare type EitherLegacyPropsOrInlined<K extends (keyof StylesInterface)[], Def
 }) | ({
     props?: 'You Should use either legacy props field or inline props';
 } & DefaultProps);
+/**
+ * @deprecated Use `tasty()` helper instead.
+ */
 declare function styled<K extends (keyof StylesInterface)[], Props, DefaultProps extends Partial<Props> = Partial<Props>>(options: StyledProps<K, DefaultProps>, secondArg?: never): any;
+/**
+ * @deprecated Use `tasty()` helper instead.
+ */
 declare function styled(selector: string, styles?: Styles): any;
+/**
+ * @deprecated Use `tasty()` helper instead.
+ */
 declare function styled<K extends (keyof StylesInterface)[], Props extends {
     styles?: Styles;
 }, DefaultProps extends Partial<Props> = Partial<Props>>(Component: ComponentType<Props>, options?: EitherLegacyPropsOrInlined<K, DefaultProps>): ComponentType<StyledPropsWithDefaults<Props, DefaultProps>>;
-declare const tasty: typeof styled;
-export { styled, tasty };
+export { styled };

package/types/tasty/tasty.d.ts

@@ -0,0 +1,31 @@
+import { ComponentType } from 'react';
+import { AllBaseProps, BaseStyleProps, Props } from '../components/types';
+import { Styles, StylesInterface } from '../styles/types';
+import { ResponsiveStyleValue } from '../utils/styles';
+export declare type TastyProps<K extends (keyof StylesInterface)[], DefaultProps = Props> = {
+    /** The tag name of the element. */
+    as?: string;
+    /** Default styles of the element. */
+    styles?: Styles;
+    /** The list of styles that can be provided by props */
+    styleProps?: K;
+} & Omit<DefaultProps, 'as' | 'styles' | 'styleProps'>;
+export interface GlobalTastyProps {
+    breakpoints?: number[];
+}
+export declare type AllBasePropsWithMods<K extends (keyof StylesInterface)[]> = AllBaseProps & {
+    [key in K[number]]?: ResponsiveStyleValue<StylesInterface[key]>;
+} & BaseStyleProps;
+declare type TastyPropsWithDefaults<Props extends {
+    styles?: Styles;
+}, DefaultProps extends Partial<Props>> = keyof DefaultProps extends never ? Props : {
+    [key in Extract<keyof Props, keyof DefaultProps>]?: Props[key];
+} & {
+    [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(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 };

package/types/tokens.d.ts

@@ -94,6 +94,10 @@ declare const TOKENS: {
     't3m-line-height': string;
     't3m-letter-spacing': string;
     't3m-font-weight': string;
+    't3s-font-size': string;
+    't3s-line-height': string;
+    't3s-letter-spacing': string;
+    't3s-font-weight': string;
     't4-font-size': string;
     't4-line-height': string;
     't4-letter-spacing': string;

package/types/styled/index.d.ts

@@ -1 +0,0 @@
-export * from './styled';