@appquality/unguess-design-system 2.10.38 → 2.10.41

package/build/stories/navigation/nav/nav-item/navDivider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NavItemArgs } from "./_types";
 declare const NavDivider: (props: NavItemArgs) => JSX.Element;
 export { NavDivider };

package/build/stories/navigation/nav/nav-item/navItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NavItemArgs } from "./_types";
 declare const NavItem: (props: NavItemArgs) => JSX.Element;
 export { NavItem };

package/build/stories/navigation/nav/nav-item/navItemIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NavItemIconArgs } from "./_types";
 declare const NavItemIcon: (props: NavItemIconArgs) => JSX.Element;
 export { NavItemIcon };

package/build/stories/navigation/nav/nav-item/navItemProject.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NavItemArgs } from "./_types";
 declare const NavItemProject: {
     (props: NavItemArgs): JSX.Element;

package/build/stories/navigation/nav/nav-item/navItemText.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NavItemTextArgs } from "./_types";
 declare const NavItemText: (props: NavItemTextArgs) => JSX.Element;
 export { NavItemText };

package/build/stories/navigation/nav/nav-item/navToggle.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NavToggleArgs } from "./_types";
 declare const NavToggle: (props: NavToggleArgs) => JSX.Element;
 export { NavToggle };

package/build/stories/navigation/sidebar/_types.d.ts

@@ -6,8 +6,8 @@ export interface ProjectItem {
     campaigns: string;
 }
 export interface FeatureItem {
-    slug: string;
-    name: string;
+    slug?: string;
+    name?: string;
 }
 export interface SidebarArgs extends NavArgs, WorkspaceDropdownArgs {
     projects?: Array<ProjectItem>;

package/build/stories/navigation/sidebar/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SidebarArgs } from "./_types";
 /**
  * The UNGUESS Sidebar component provides a high-level layout structure and sets a framework for navigating around projects.

package/build/stories/navigation/sidebar/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { SidebarArgs } from "./_types";
 interface SidebarStoryArgs extends SidebarArgs {

package/build/stories/navigation/sidebar/skeleton.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SidebarArgs } from "./_types";
 export declare const LoadingSidebar: (props: SidebarArgs) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NotificationArgs, ToastProviderArgs } from "./_types";
 /**
  * A Notification is a passive status update that keeps users informed of system progress.
@@ -9,11 +8,11 @@ import { NotificationArgs, ToastProviderArgs } from "./_types";
 declare const Notification: (props: NotificationArgs) => JSX.Element;
 declare const ToastProvider: (props: ToastProviderArgs) => JSX.Element;
 declare const useToast: () => {
-    addToast: (content: import("@zendeskgarden/react-notifications").ToastContent, options?: Partial<import("@zendeskgarden/react-notifications").IToastOptions<any>> | undefined) => string;
+    addToast: (content: import("@zendeskgarden/react-notifications").ToastContent, options?: Partial<import("@zendeskgarden/react-notifications").IToastOptions> | undefined) => string;
     removeToast: (id: string) => void;
     updateToast: (id: string, options: {
         content?: import("@zendeskgarden/react-notifications").ToastContent | undefined;
-    } & Partial<import("@zendeskgarden/react-notifications").IToastOptions<any>>) => void;
+    } & Partial<import("@zendeskgarden/react-notifications").IToastOptions>) => void;
     removeAllToasts: () => void;
     toasts: import("@zendeskgarden/react-notifications").IToast[];
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { NotificationArgs } from "./_types";
 interface NotificationStoryProps extends NotificationArgs {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SidebarArgs } from "../navigation/sidebar/_types";
 import { AppHeaderArgs } from "../navigation/app-header/_types";
 export interface PageTemplatesArgs {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { PageTemplatesArgs } from ".";
 export declare const Default: Story<PageTemplatesArgs>;

package/build/stories/page/pageLoader.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const PageLoader: () => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { PaginationProps } from "./_types";
 export declare const CursorPagination: Story<PaginationProps>;

package/build/stories/product-cards/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ProductCardProps } from "./_types";
 declare const ProductCard: (props: ProductCardProps) => JSX.Element;
 export { ProductCard };

package/build/stories/product-cards/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ProductCardProps } from "./_types";
 import { ComponentMeta, Story } from "@storybook/react";
 export declare const SingleCard: Story<ProductCardProps>;

package/build/stories/profile-modal/UserContainer.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { UserProfileProps } from "./_types";
 export declare const UserContainer: (props: UserProfileProps) => JSX.Element;

package/build/stories/profile-modal/helpMenuItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuItemProps } from "./_types";
 interface HelpItemProps extends MenuItemProps {
     title: string;

package/build/stories/profile-modal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ProfileModalArgs } from "./_types";
 /**
  * Profile Modal

package/build/stories/profile-modal/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { ProfileModalArgs } from "./_types";
 export declare const Default: Story<ProfileModalArgs>;

package/build/stories/profile-modal/languageMenuItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Language, MenuItemProps } from "./_types";
 interface LanguagesProps extends MenuItemProps {
     title: string;

package/build/stories/profile-modal/menuItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuItemProps } from "./_types";
 export interface IStyledItemProps {
     isFocused?: boolean;

package/build/stories/profile-modal/menuItemIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IStyledItemIconProps {
     isCompact?: boolean;
     isVisible?: boolean;

package/build/stories/profile-modal/previousMenuButton.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ButtonArgs } from "../buttons/button/_types";
 export declare const PreviousButton: (props: ButtonArgs) => JSX.Element;

package/build/stories/profile-modal/userMenu.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { UserMenuArgs } from "./_types";
 export declare const UserMenu: (props: UserMenuArgs) => JSX.Element;

package/build/stories/service-cards/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ServiceCardsProps } from "./_types";
 declare const ServiceCard: (props: ServiceCardsProps) => JSX.Element;
 export { ServiceCard };

package/build/stories/service-cards/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ServiceCardsProps } from "./_types";
 import { ComponentMeta, Story } from "@storybook/react";
 export declare const SingleCard: Story<ServiceCardsProps>;

package/build/stories/table/grouped.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RowArgs, TableProps } from "./_types";
 declare const GroupRow: (props: RowArgs) => JSX.Element;
 declare const GroupedTable: ({ columns, groups, ...args }: TableProps) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { TableProps } from "./_types";
 export declare const Default: Story<TableProps>;

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

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

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

@@ -14,7 +14,7 @@ export declare const InvisibleLine: Story<TimelineStoryProps>;
 export declare const Alternate: Story<TimelineStoryProps>;
 declare const _default: ComponentMeta<{
     (props: TimelineArgs): JSX.Element;
-    Item: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-accordions").ITimelineItemProps & import("react").RefAttributes<HTMLLIElement>>, any, TimelineArgs, never>;
+    Item: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<any>, any, TimelineArgs, never>;
     Content: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 }>;
 export default _default;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TitleArgs } from "./_types";
 /**
  * Title is a basic component used to display a title. Often used in card headers.

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { TitleArgs } from "./_types";
 export declare const Default: Story<TitleArgs>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TriggerArgs } from "./_types";
 /**
  * A Trigger is a wrapper for input elements

package/build/stories/typography/block-quote/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BlockquoteArgs } from "./_types";
 /**
  *  Use Blockquote to represent a body of text that is from another source.

package/build/stories/typography/block-quote/index.stories.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CodeArgs } from "./_types";
 /**
  *  Use Code to style and format inline fragments of computer code.

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { CodeArgs } from "./_types";
 export declare const Default: Story<CodeArgs>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { EllipsisArgs } from "./_types";
 /**
  *  Use Ellipsis to automatically provide text content with a native title attribute and text-overflow styling.

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

@@ -1,4 +1,3 @@
-/// <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>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ParagraphArgs } from "./_types";
 /**
  *  Use Paragraph to render blocks of text with Garden styling.

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { ParagraphArgs } from "./_types";
 export declare const Default: Story<ParagraphArgs>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SpanArgs } from "./_types";
 /**
  * Use Span to style and format inline text elements.

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { SpanArgs } from "./_types";
 export declare const Default: Story<SpanArgs>;

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

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

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

@@ -1,4 +1,3 @@
-/// <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.

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

@@ -1,4 +1,3 @@
-/// <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>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "2.10.38",
+  "version": "2.10.41",
   "dependencies": {
     "@zendeskgarden/css-bedrock": "^9.0.0",
     "@zendeskgarden/react-accordions": "^8.49.0",
@@ -8,7 +8,6 @@
     "@zendeskgarden/react-breadcrumbs": "^8.49.0",
     "@zendeskgarden/react-buttons": "^8.48.2",
     "@zendeskgarden/react-chrome": "^8.49.0",
-    "@zendeskgarden/react-dropdowns": "^8.49.0",
     "@zendeskgarden/react-grid": "^8.49.0",
     "@zendeskgarden/react-loaders": "^8.49.0",
     "@zendeskgarden/react-modals": "^8.49.0",
@@ -28,7 +27,8 @@
     "storybook": "start-storybook -p 6006",
     "clean": "rimraf build",
     "release": "npx auto shipit --base-branch=master",
-    "test": "react-scripts test"
+    "test": "react-scripts test",
+    "type:check": "tsc"
   },
   "eslintConfig": {
     "extends": [
@@ -60,6 +60,8 @@
   },
   "peerDependencies": {
     "@zendeskgarden/react-theming": "^8.48.2",
+    "@zendeskgarden/react-dropdowns": "^8.49.0",
+    "@zendeskgarden/react-forms": "^8.49.0",
     "formik": "^2.2.9",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
@@ -101,7 +103,9 @@
     "storybook-addon-designs": "^6.2.1",
     "styled-components": "^5.3.3",
     "typescript": "^4.5.0",
-    "web-vitals": "^2.1.4"
+    "web-vitals": "^2.1.4",
+    "@zendeskgarden/react-dropdowns": "^8.49.0",
+    "@zendeskgarden/react-forms": "^8.49.0"
   },
   "description": "Unguess design system",
   "author": "Luca Cannarozzo (@cannarocks)",

package/build/stories/forms/field/index.stories.d.ts

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