@appquality/unguess-design-system 3.0.12-alpha → 3.1.1

package/build/stories/theme/palette.d.ts

@@ -23,6 +23,7 @@ export declare const palette: {
         "800": string;
     };
     blue: {
+        "50": string;
         "100": string;
         "200": string;
         "300": string;
@@ -41,6 +42,7 @@ export declare const palette: {
         "600": string;
         "700": string;
         "800": string;
+        "900": string;
     };
     yellow: {
         "100": string;
@@ -51,8 +53,10 @@ export declare const palette: {
         "600": string;
         "700": string;
         "800": string;
+        "900": string;
     };
     green: {
+        "50": string;
         "100": string;
         "200": string;
         "300": string;
@@ -62,7 +66,7 @@ export declare const palette: {
         "700": string;
         "800": string;
     };
-    kale: {
+    azure: {
         "100": string;
         "200": string;
         "300": string;
@@ -71,26 +75,29 @@ export declare const palette: {
         "600": string;
         "700": string;
         "800": string;
+        "900": string;
     };
-    fuschia: {
-        "400": string;
+    kale: {
+        "100": string;
+        "200": string;
+        "300": string;
         "600": string;
-        M400: string;
-        M600: string;
+        "700": string;
+        "800": string;
     };
     pink: {
-        "400": string;
         "600": string;
-        M400: string;
-        M600: string;
+        "700": string;
+        "800": string;
+        "900": string;
     };
     crimson: {
+        "200": string;
+        "300": string;
         "400": string;
-        "600": string;
-        M400: string;
-        M600: string;
+        "500": string;
     };
-    orange: {
+    fuschia: {
         "400": string;
         "600": string;
         M400: string;
@@ -98,52 +105,44 @@ export declare const palette: {
     };
     lemon: {
         "400": string;
+        "500": string;
         "600": string;
-        M400: string;
-        M600: string;
+        "700": string;
     };
-    lime: {
+    teal: {
         "400": string;
+        "500": string;
         "600": string;
-        M400: string;
-        M600: string;
+        "700": string;
     };
-    mint: {
-        "400": string;
+    royal: {
         "600": string;
-        M400: string;
-        M600: string;
+        "700": string;
+        "800": string;
+        "900": string;
     };
-    teal: {
+    purple: {
+        "200": string;
+        "300": string;
         "400": string;
-        "600": string;
-        M400: string;
-        M600: string;
+        "500": string;
     };
-    azure: {
+    lime: {
         "400": string;
         "600": string;
         M400: string;
         M600: string;
     };
-    royal: {
+    mint: {
         "400": string;
         "600": string;
         M400: string;
         M600: string;
     };
-    purple: {
+    orange: {
         "400": string;
         "600": string;
         M400: string;
         M600: string;
     };
-    water: {
-        100: string;
-        200: string;
-        300: string;
-        600: string;
-        700: string;
-        800: string;
-    };
 };

package/build/stories/theme/palette.stories.d.ts

@@ -1,14 +1,28 @@
 import { HTMLAttributes } from "react";
 interface Variant {
-    colorName: string;
-    color: string;
+    name: string;
+    hex: string;
 }
 interface PaletteProps extends HTMLAttributes<HTMLDivElement> {
-    cards: Array<{
+    palette: Array<{
         title: string;
-        colors: Array<Variant>;
+        variants: Array<Variant>;
     }>;
 }
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PaletteProps>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@zendeskgarden/react-typography").IParagraphProps & import("react").RefAttributes<HTMLParagraphElement>>;
+declare const _default: {
+    title: string;
+    argTypes: {
+        cards: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+    parameters: {
+        chromatic: {
+            delay: number;
+        };
+    };
+};
 export default _default;

package/build/stories/theme/utils.d.ts

@@ -1,7 +1,11 @@
-import { IGardenTheme } from "@zendeskgarden/react-theming";
+import { DefaultTheme } from "styled-components";
+declare type Hue = Record<number | string, string> | string;
+declare type GetColorFunction = (hue: Hue, shade?: number, theme?: DefaultTheme, transparency?: number) => string | undefined;
+export declare const getColor: GetColorFunction;
 export declare const hex2rgba: (hex: string, alpha?: number) => string;
-export declare const boxShadow: (theme: IGardenTheme) => string;
+export declare const boxShadow: (theme: DefaultTheme) => string;
 export declare const isMac: () => boolean | "" | undefined;
 export declare const opacityTransition: import("styled-components").FlattenSimpleInterpolation;
 export declare const sidebarNavItemExpanded: import("styled-components").FlattenSimpleInterpolation;
 export declare const sidebarNavItemHidden: import("styled-components").FlattenSimpleInterpolation;
+export {};

package/build/stories/timeline/index.d.ts

@@ -11,7 +11,7 @@ import { TimelineArgs } from "./_types";
  */
 declare const Timeline: {
     (props: TimelineArgs): import("react/jsx-runtime").JSX.Element;
-    Item: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-accordions").ITimelineItemProps & import("react").RefAttributes<HTMLLIElement>>, any, TimelineArgs, never>;
-    Content: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+    Item: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-accordions").ITimelineItemProps & import("react").RefAttributes<HTMLLIElement>>, import("styled-components").DefaultTheme, TimelineArgs, never>;
+    Content: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 };
 export { Timeline };

package/build/stories/tooltip/index.d.ts

@@ -1,3 +1,3 @@
 import { TooltipArgs } from "./_types";
-declare const Tooltip: import("styled-components").StyledComponent<(props: TooltipArgs) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+declare const Tooltip: import("styled-components").StyledComponent<(props: TooltipArgs) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export { Tooltip };

package/build/stories/tooltip/index.stories.d.ts

@@ -5,7 +5,7 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
     [x: number]: any;
     [x: symbol]: any;
 } & {
-    theme?: any;
+    theme?: import("styled-components").DefaultTheme | undefined;
 } & {
     as?: string | import("react").ComponentType<any> | undefined;
     forwardedAs?: string | import("react").ComponentType<any> | undefined;

package/build/stories/typography/paragraph/index.d.ts

@@ -1,6 +1,6 @@
-import { ParagraphArgs } from "./_types";
+import { IParagraphProps } from "@zendeskgarden/react-typography";
 /**
  *  Use Paragraph to render blocks of text with Garden styling.
  */
-declare const Paragraph: (props: ParagraphArgs) => import("react/jsx-runtime").JSX.Element;
+declare const Paragraph: (props: IParagraphProps) => import("react/jsx-runtime").JSX.Element;
 export { Paragraph };

package/build/stories/typography/paragraph/index.stories.d.ts

@@ -1,4 +1,4 @@
-import { ParagraphArgs } from "./_types";
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ParagraphArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ParagraphArgs>;
+import { IParagraphProps } from "@zendeskgarden/react-typography";
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IParagraphProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, IParagraphProps>;
 export default _default;

package/build/stories/typography/typescale/anchortag/index.stories.d.ts

@@ -1,3 +1,12 @@
 export declare const AnchorTag: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("../_types").MDArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: import("styled-components").DefaultTheme | undefined;
+} & {
+    as?: string | import("react").ComponentType<any> | undefined;
+    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+}>;
 export default _default;

package/build/stories/typography/typescale/index.d.ts

@@ -1,11 +1,29 @@
-import { SMArgs, MDArgs, LGArgs, XLArgs, XXLArgs, XXXLArgs } from "./_types";
+/// <reference types="react" />
+import { ITypescaleMonospaceProps } from "@zendeskgarden/react-typography/dist/typings/types";
 /**
  *  Type components come in small, medium, large, extra-large, extra-extra-large, and extra-extra-extra-large.
  */
-declare const SM: (props: SMArgs) => import("react/jsx-runtime").JSX.Element;
-declare const MD: (props: MDArgs) => import("react/jsx-runtime").JSX.Element;
-declare const LG: (props: LGArgs) => import("react/jsx-runtime").JSX.Element;
-declare const XL: (props: XLArgs) => import("react/jsx-runtime").JSX.Element;
-declare const XXL: (props: XXLArgs) => import("react/jsx-runtime").JSX.Element;
-declare const XXXL: (props: XXXLArgs) => import("react/jsx-runtime").JSX.Element;
-export { SM, MD, LG, XL, XXL, XXXL };
+declare const SM: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<ITypescaleMonospaceProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    color?: string | undefined;
+}, never>;
+declare const MD: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<ITypescaleMonospaceProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    color?: string | undefined;
+}, never>;
+declare const LG: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<ITypescaleMonospaceProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    color?: string | undefined;
+}, never>;
+declare const XL: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").IXLProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    color?: string | undefined;
+}, never>;
+declare const XXL: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").IXLProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    color?: string | undefined;
+}, never>;
+declare const XXXL: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").IXLProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    color?: string | undefined;
+}, never>;
+declare const TextLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<ITypescaleMonospaceProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+interface TextDescriptionProps extends ITypescaleMonospaceProps {
+    isSmall?: boolean;
+}
+declare const TextDescription: ({ isSmall, ...props }: TextDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+export { SM, MD, LG, XL, XXL, XXXL, TextLabel, TextDescription };

package/build/stories/typography/typescale/index.stories.d.ts

@@ -1,3 +1,12 @@
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./_types").MDArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: import("styled-components").DefaultTheme | undefined;
+} & {
+    as?: string | import("react").ComponentType<any> | undefined;
+    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+}>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "3.0.12-alpha",
+  "version": "3.1.1",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -63,11 +63,9 @@
     "ua-parser-js": "^1.0.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.21.8",
     "@babel/preset-env": "^7.21.5",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.21.5",
-    "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-image": "^3.0.2",
     "@storybook/addon-essentials": "^7.0.9",
     "@storybook/addon-interactions": "^7.0.9",
@@ -92,8 +90,8 @@
     "formik": "^2.2.9",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
+    "react-dom": "^18.2.0",
     "rimraf": "3.0.2",
     "rollup": "~2.66",
     "rollup-plugin-typescript2": "^0.34.1",

package/.babelrc.json

@@ -1,3 +0,0 @@
-{
-	"presets": ["@babel/env"]
-}

package/build/stories/buttons/anchor/_types.d.ts

@@ -1,11 +0,0 @@
-import { IAnchorProps } from "@zendeskgarden/react-buttons";
-export interface AnchorArgs extends IAnchorProps {
-    /** Applies danger styling */
-    isDanger?: boolean;
-    /**
-     * Attaches `target="_blank"` and `rel="noopener noreferrer"` to an anchor that
-     * navigates to an external resource. This ensures that the anchor is a
-     * safe [cross-origin destination link](https://web.dev/external-anchors-use-rel-noopener/).
-     **/
-    isExternal?: boolean;
-}

package/build/stories/buttons/button-group/_types.d.ts

@@ -1,5 +0,0 @@
-import { IButtonGroupProps } from "@zendeskgarden/react-buttons";
-export interface ButtonGroupArgs extends IButtonGroupProps {
-    /** Defines the currently selected button in the group */
-    selectedItem?: any;
-}

package/build/stories/buttons/utils/useButtonVariant.d.ts

@@ -1,5 +0,0 @@
-import { ButtonArgs } from "../button/_types";
-declare const getButtonVariant: (args: ButtonArgs) => {
-    isBasic?: boolean | undefined;
-};
-export { getButtonVariant };

package/build/stories/typography/paragraph/_types.d.ts

@@ -1,5 +0,0 @@
-import { IParagraphProps } from "@zendeskgarden/react-typography";
-export interface ParagraphArgs extends IParagraphProps {
-    /** Controls the spacing between sibling paragraphs */
-    size?: "small" | "medium" | "large";
-}

package/build/stories/typography/typescale/_types.d.ts

@@ -1,43 +0,0 @@
-import { ISMProps, IMDProps, ILGProps, IXLProps, IXXLProps, IXXXLProps } from "@zendeskgarden/react-typography";
-export interface SMArgs extends ISMProps {
-    /** Updates the element's HTML tag */
-    tag?: any;
-    /** Applies bold font style */
-    isBold?: boolean;
-    /** Renders with monospace font */
-    isMonospace?: boolean;
-}
-export interface MDArgs extends IMDProps {
-    /** Updates the element's HTML tag */
-    tag?: any;
-    /** Applies bold font style */
-    isBold?: boolean;
-    /** Renders with monospace font */
-    isMonospace?: boolean;
-}
-export interface LGArgs extends ILGProps {
-    /** Updates the element's HTML tag */
-    tag?: any;
-    /** Applies bold font style */
-    isBold?: boolean;
-    /** Renders with monospace font */
-    isMonospace?: boolean;
-}
-export interface XLArgs extends IXLProps {
-    /** Updates the element's HTML tag */
-    tag?: any;
-    /** Applies bold font style */
-    isBold?: boolean;
-}
-export interface XXLArgs extends IXXLProps {
-    /** Updates the element's HTML tag */
-    tag?: any;
-    /** Applies bold font style */
-    isBold?: boolean;
-}
-export interface XXXLArgs extends IXXXLProps {
-    /** Updates the element's HTML tag */
-    tag?: any;
-    /** Applies bold font style */
-    isBold?: boolean;
-}