@appquality/unguess-design-system 2.0.0 → 2.1.0

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

@@ -0,0 +1,7 @@
+import { ICodeProps } from "@zendeskgarden/react-typography";
+export interface CodeArgs extends ICodeProps {
+    /** Applies color to the background and the text */
+    hue?: "grey" | "red" | "green" | "yellow";
+    /** Adjusts the font size. By default font size is inherited from the surrounding text. */
+    size?: "small" | "medium" | "large" | "inherit";
+}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { CodeArgs } from "./_types";
+/**
+ *  Use Code to style and format inline fragments of computer code.
+ */
+declare const Code: (props: CodeArgs) => JSX.Element;
+export { Code };

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ComponentMeta, Story } from "@storybook/react";
+import { CodeArgs } from "./_types";
+export declare const Default: Story<CodeArgs>;
+export declare const Color: Story<CodeArgs>;
+export declare const Size: Story<CodeArgs>;
+declare const _default: ComponentMeta<(props: CodeArgs) => JSX.Element>;
+export default _default;

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

@@ -0,0 +1,9 @@
+import { IEllipsisProps } from "@zendeskgarden/react-typography";
+export interface EllipsisArgs extends IEllipsisProps {
+    /** Overrides the auto-generated `title` attribute */
+    title?: string;
+    /** Updates the element's HTML tag */
+    tag?: any;
+    /** Controls the element width */
+    width?: number;
+}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { EllipsisArgs } from "./_types";
+/**
+ *  Use Ellipsis to automatically provide text content with a native title attribute and text-overflow styling.
+ */
+declare const Ellipsis: (props: EllipsisArgs) => JSX.Element;
+export { Ellipsis };

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ComponentMeta, Story } from "@storybook/react";
+export declare const Default: Story<any>;
+declare const _default: ComponentMeta<(props: import("./_types").EllipsisArgs) => JSX.Element>;
+export default _default;

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

@@ -0,0 +1,17 @@
+import { IOrderedListProps, IUnorderedListProps } from "@zendeskgarden/react-typography";
+export interface OrderedListArgs extends IOrderedListProps {
+    /** Adjusts the vertical spacing between list items */
+    size?: "small" | "medium" | "large";
+    /** Sets the marker style */
+    type?: "decimal" | "decimal-leading-zero" | "lower-alpha" | "lower-roman" | "upper-alpha" | "upper-roman";
+    /** Sets list items */
+    items?: string[];
+}
+export interface UnorderedListArgs extends IUnorderedListProps {
+    /** Adjusts the vertical spacing between list items */
+    size?: "small" | "medium" | "large";
+    /** Sets the marker style */
+    type?: "circle" | "disc" | "square";
+    /** Sets list items (just for stories) */
+    items?: string[];
+}

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { OrderedListArgs, UnorderedListArgs } from "./_types";
+/**
+ *  Use Lists to style and format ordered and unordered lists.
+ *  <hr>
+ *  Use Lists to style and format ordered (`<ol>`) and unordered (`<ul>`) lists.
+ */
+declare const OrderedList: {
+    (props: OrderedListArgs): JSX.Element;
+    Item: import("react").ForwardRefExoticComponent<import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
+};
+declare const UnorderedList: {
+    (props: UnorderedListArgs): JSX.Element;
+    Item: import("react").ForwardRefExoticComponent<import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
+};
+export { OrderedList, UnorderedList };

package/build/stories/typography/lists/ordered.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentMeta, Story } from "@storybook/react";
+import { OrderedListArgs } from "./_types";
+export declare const Ordered: Story<OrderedListArgs>;
+declare const _default: ComponentMeta<{
+    (props: OrderedListArgs): JSX.Element;
+    Item: import("react").ForwardRefExoticComponent<import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
+}>;
+export default _default;

package/build/stories/typography/lists/unordered.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentMeta, Story } from "@storybook/react";
+import { UnorderedListArgs } from "./_types";
+export declare const Unordered: Story<UnorderedListArgs>;
+declare const _default: ComponentMeta<{
+    (props: UnorderedListArgs): JSX.Element;
+    Item: import("react").ForwardRefExoticComponent<import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
+}>;
+export default _default;

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

@@ -0,0 +1,5 @@
+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/paragraph/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ParagraphArgs } from "./_types";
+/**
+ *  Use Paragraph to render blocks of text with Garden styling.
+ */
+declare const Paragraph: (props: ParagraphArgs) => JSX.Element;
+export { Paragraph };

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ComponentMeta, Story } from "@storybook/react";
+import { ParagraphArgs } from "./_types";
+export declare const Default: Story<ParagraphArgs>;
+declare const _default: ComponentMeta<(props: ParagraphArgs) => JSX.Element>;
+export default _default;

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

@@ -0,0 +1,43 @@
+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;
+}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { SMArgs, MDArgs, LGArgs, XLArgs, XXLArgs, XXXLArgs } from "./_types";
+/**
+ *  Type components come in small, medium, large, extra-large, extra-extra-large, and extra-extra-extra-large.
+ */
+declare const SM: (props: SMArgs) => JSX.Element;
+declare const MD: (props: MDArgs) => JSX.Element;
+declare const LG: (props: LGArgs) => JSX.Element;
+declare const XL: (props: XLArgs) => JSX.Element;
+declare const XXL: (props: XXLArgs) => JSX.Element;
+declare const XXXL: (props: XXXLArgs) => JSX.Element;
+export { SM, MD, LG, XL, XXL, XXXL };

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ComponentMeta, Story } from "@storybook/react";
+export declare const Default: Story<any>;
+declare const _default: ComponentMeta<(props: import("./_types").MDArgs) => JSX.Element>;
+export default _default;

package/package.json

@@ -1,11 +1,17 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "dependencies": {
+    "@zendeskgarden/react-accordions": "^8.49.0",
+    "@zendeskgarden/react-avatars": "^8.49.0",
     "@zendeskgarden/react-breadcrumbs": "^8.49.0",
     "@zendeskgarden/react-buttons": "^8.48.2",
     "@zendeskgarden/react-chrome": "^8.48.2",
     "@zendeskgarden/react-dropdowns": "^8.49.0",
+    "@zendeskgarden/react-grid": "^8.49.0",
+    "@zendeskgarden/react-loaders": "^8.49.0",
+    "@zendeskgarden/react-notifications": "^8.49.0",
+    "@zendeskgarden/react-tags": "^8.49.0",
     "@zendeskgarden/react-tooltips": "^8.49.0",
     "@zendeskgarden/react-typography": "^8.49.0",
     "@zendeskgarden/svg-icons": "^6.31.1"
@@ -60,6 +66,7 @@
     "@storybook/addon-essentials": "^6.4.19",
     "@storybook/addon-interactions": "^6.4.19",
     "@storybook/addon-links": "^6.4.19",
+    "@storybook/preset-create-react-app": "^3.1.7",
     "@storybook/react": "^6.4.19",
     "@storybook/testing-library": "^0.0.9",
     "@svgr/rollup": "^6.2.1",
@@ -74,6 +81,8 @@
     "@zendeskgarden/react-theming": "^8.48.2",
     "auto": "^10.32.6",
     "babel-loader": "^8.2.3",
+    "commitizen": "^4.2.4",
+    "cz-conventional-changelog": "3.3.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-scripts": "4.0.3",
@@ -81,7 +90,7 @@
     "rollup": "^2.68.0",
     "rollup-plugin-typescript2": "^0.31.2",
     "styled-components": "^5.3.3",
-    "typescript": "^4.6.2",
+    "typescript": "^4.5.0",
     "web-vitals": "^2.1.4"
   },
   "description": "Unguess design system",
@@ -92,5 +101,10 @@
     "type": "git",
     "url": "git+https://github.com/AppQuality/unguess-design-system.git"
   },
-  "license": "ISC"
+  "license": "ISC",
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  }
 }