@cube-dev/ui-kit 0.0.0-canary-dfe4967 → 0.0.0-canary-7d798b3

package/es/utils/styles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
  * Released under the MIT license.
  */
 

package/es/utils/transitions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
  * Released under the MIT license.
  */
 

package/es/utils/tree.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
  * Released under the MIT license.
  */
 

package/es/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
  * Released under the MIT license.
  */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-dfe4967",
+  "version": "0.0.0-canary-7d798b3",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"

package/types/components/Base.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { AllBaseProps } from './types';
 /**
- * @deprecated consider using styled() instead
+ * @deprecated consider using tasty() instead
  */
 declare const _Base: import("react").ForwardRefExoticComponent<AllBaseProps<keyof HTMLElementTagNameMap> & import("react").RefAttributes<unknown>>;
 export { _Base as Base };

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

@@ -2,8 +2,6 @@
 export declare const StyledMenu: any;
 export declare const StyledDivider: any;
 export declare const StyledMenuHeader: import("react").ComponentType<{
-    styles?: import("../../..").Styles | undefined;
-} & {
     display?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
     font?: import("../../../utils/styles").ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
     preset?: import("../../../utils/styles").ResponsiveStyleValue<string | undefined>;
@@ -64,6 +62,7 @@ export declare const StyledMenuHeader: import("react").ComponentType<{
         [key: string]: string | number | null;
     }) | undefined;
     element?: string | undefined;
+    styles?: import("../../..").Styles | undefined;
     css?: string | ((props: import("../../types").Props) => string) | undefined;
     id?: string | undefined;
     role?: import("react").AriaRole | undefined;
@@ -78,12 +77,10 @@ export declare const StyledMenuHeader: import("react").ComponentType<{
     theme?: string | undefined;
     ref?: import("react").Ref<unknown> | undefined;
     key?: import("react").Key | null | undefined;
-}>;
+} & {}>;
 export declare const StyledMenuSection: any;
 export declare const StyledMenuItem: any;
 export declare const StyledMenuSectionHeading: import("react").ComponentType<{
-    styles?: import("../../..").Styles | undefined;
-} & {
     display?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
     font?: import("../../../utils/styles").ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
     preset?: import("../../../utils/styles").ResponsiveStyleValue<string | undefined>;
@@ -144,6 +141,7 @@ export declare const StyledMenuSectionHeading: import("react").ComponentType<{
         [key: string]: string | number | null;
     }) | undefined;
     element?: string | undefined;
+    styles?: import("../../..").Styles | undefined;
     css?: string | ((props: import("../../types").Props) => string) | undefined;
     id?: string | undefined;
     role?: import("react").AriaRole | undefined;
@@ -158,4 +156,4 @@ export declare const StyledMenuSectionHeading: import("react").ComponentType<{
     theme?: string | undefined;
     ref?: import("react").Ref<unknown> | undefined;
     key?: import("react").Key | null | undefined;
-}>;
+} & {}>;

package/types/components/types.d.ts

@@ -1,22 +1,9 @@
 import { AllHTMLAttributes, CSSProperties } from 'react';
-import { Styles, StylesInterface } from '../styles/types';
+import { Styles } from '../styles/types';
 import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, CONTAINER_STYLES, DIMENSION_STYLES, FLOW_STYLES, OUTER_STYLES, POSITION_STYLES, TEXT_STYLES } from '../styles/list';
 export interface GlobalStyledProps {
     breakpoints?: number[];
 }
-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: Props) => string);
-    props?: DefaultProps;
-    /** The list of styles that can be provided by props */
-    styleProps?: K;
-};
 export interface BasePropsWithoutChildren extends Pick<AllHTMLAttributes<HTMLElement>, 'className' | 'role' | 'id'> {
     /** QA ID for e2e testing. An alias for `data-qa` attribute. */
     qa?: string;

package/types/index.d.ts

@@ -148,7 +148,7 @@ export * from './styles/list';
 export * from './styles/index';
 export { ModalProvider } from '@react-aria/overlays';
 export * from './utils/react';
-export * from './styled';
+export * from './tasty';
 export { default as copy } from 'clipboard-copy';
 export * from '@react-aria/ssr';
 export * from './components/forms/Form';

package/types/stories/components/StyledButton.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
 export declare const StyledButton: import("react").ComponentType<{
-    styles?: import("../..").Styles | undefined;
-} & {
     display?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
     font?: import("../../utils/styles").ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
     preset?: import("../../utils/styles").ResponsiveStyleValue<string | undefined>;
@@ -66,12 +64,13 @@ export declare const StyledButton: import("react").ComponentType<{
         [key: string]: string | number | null;
     }) | undefined;
     element?: string | undefined;
+    styles?: import("../..").Styles | undefined;
     css?: string | ((props: import("../..").Props) => string) | undefined;
     id?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-details'?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-details"?: string | undefined;
     role?: import("react").AriaRole | undefined;
     as?: keyof HTMLElementTagNameMap | undefined;
     qa?: string | undefined;
@@ -91,10 +90,10 @@ export declare const StyledButton: import("react").ComponentType<{
     autoFocus?: boolean | undefined;
     label?: string | undefined;
     rel?: string | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-expanded'?: boolean | undefined;
-    'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "dialog" | "tree" | undefined;
-    'aria-pressed'?: boolean | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-expanded"?: boolean | undefined;
+    "aria-haspopup"?: boolean | "grid" | "listbox" | "menu" | "dialog" | "tree" | undefined;
+    "aria-pressed"?: boolean | undefined;
     onFocus?: ((e: import("react").FocusEvent<Element, Element>) => void) | undefined;
     onBlur?: ((e: import("react").FocusEvent<Element, Element>) => void) | undefined;
     onKeyDown?: ((e: import("@react-types/shared").KeyboardEvent) => void) | undefined;
@@ -114,6 +113,6 @@ export declare const StyledButton: import("react").ComponentType<{
     to?: string | undefined;
     htmlType?: "reset" | "button" | "submit" | undefined;
     icon?: import("react").ReactNode;
-}>;
+} & {}>;
 export declare const GlobalStyledHeading: any;
 export declare function Block(): JSX.Element;

package/types/tasty/index.d.ts

@@ -0,0 +1,3 @@
+export * from './styled';
+export { tasty } from './tasty';
+export type { TastyProps, GlobalTastyProps } from './tasty';

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, Props } 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: Props) => 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;
@@ -27,5 +40,4 @@ declare function styled(selector: string, styles?: Styles): any;
 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,33 @@
+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;
+    /** Default css of the element. */
+    css?: string;
+    /** The list of styles that can be provided by props */
+    styleProps?: K;
+} & Omit<DefaultProps, 'as' | 'styles' | 'css' | '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<K extends (keyof StylesInterface)[], Props extends {
+    styles?: Styles;
+}, DefaultProps extends Partial<Props> = Partial<Props>>(Component: ComponentType<Props>, options?: TastyProps<K, 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';