@appquality/unguess-design-system 2.5.7 → 2.6.2

package/build/stories/campaignCards/_types.d.ts

@@ -0,0 +1,39 @@
+import { CardProps } from "../cards/_types";
+export interface CampaignCardsProps extends CardProps {
+    /**
+     * displays a new tag in the top right
+     */
+    isNew?: boolean;
+    /**
+     * displays the date, if is the current day, the word "Today" will be shown instead
+     * use this format DD/MM/YYYY
+     */
+    date: string;
+    /**
+     * the main topic of the card
+     */
+    title: string;
+    /**
+     * a specification to the topic of the card
+     */
+    subTitle: string;
+    /**
+     * the status of the card,
+     * can be only
+     * "COMPLETED" or "PROGRESS" or "INCOMING"
+     * default is "INCOMING"
+     */
+    status?: 'COMPLETED' | 'PROGRESS' | 'INCOMING';
+    /**
+     * this renders the pill of the card,
+     * can be only
+     * "FUNCTIONAL" or "EXPERIENTIAL"
+     * if nothing of that is chosen the pill will not be shown
+     */
+    type?: 'FUNCTIONAL' | 'EXPERIENTIAL';
+    /**
+     * this renders the pill text
+     * if the value is not defined the pill text will not be shown
+     */
+    pillText?: string;
+}

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

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

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

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

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

@@ -1,7 +1,8 @@
 /// <reference types="react" />
+import { Hint as ZendeskHint } from "@zendeskgarden/react-forms";
 import { FieldArgs } from "./_types";
 /**
    * A Field is a wrapper for input elements
    **/
 declare const Field: (props: FieldArgs) => JSX.Element;
-export { Field };
+export { Field, ZendeskHint as Hint };

package/build/stories/login-form/_types.d.ts

@@ -1,4 +1,5 @@
 import { FormikTouched, FormikErrors, FormikValues } from "formik";
+import { CardProps } from "../cards/_types";
 export interface LoginFormArgs {
     /**
      * Handles accordion expansion changes
@@ -16,6 +17,11 @@ export interface LoginFormArgs {
     buttonText: string;
     placeholderEmail: string;
     placeholderPassword: string;
+    card?: CardProps;
+    onBackClick?: () => void;
+    passwordForgotLabel?: string;
+    passwordForgotLink?: string;
+    backToLabel?: string;
 }
 export interface LoginFields {
     email: string;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { LogoArgs } from './_types';
+import { LogoArgs } from "./_types";
 /**
  * A Logo is a visual way to represent a brand logo.
  * <hr>

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

@@ -148,19 +148,26 @@ declare const theme: {
         horizontal: string;
         dark: string;
     };
+    borderRadii: {
+        lg: string;
+        sm: string;
+        md: string;
+    };
     components: {
         Headers: any;
     };
+    shadows: {
+        boxShadow: (theme: import("@zendeskgarden/react-theming").IGardenTheme) => string;
+        sm: (color: string) => string;
+        md: (color: string) => string;
+        lg: (offsetY: string, blurRadius: string, color: string) => string;
+    };
     rtl: boolean;
     document?: any;
     borders: {
         sm: string;
         md: string;
     };
-    borderRadii: {
-        sm: string;
-        md: string;
-    };
     borderStyles: {
         solid: string;
     };
@@ -223,11 +230,6 @@ declare const theme: {
         sm: string;
         md: string;
     };
-    shadows: {
-        sm: (color: string) => string;
-        md: (color: string) => string;
-        lg: (offsetY: string, blurRadius: string, color: string) => string;
-    };
     space: {
         base: number;
         xxs: string;

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

@@ -1 +1,3 @@
+import { IGardenTheme } from "@zendeskgarden/react-theming";
 export declare const hex2rgba: (hex: string, alpha?: number) => string;
+export declare const boxShadow: (theme: IGardenTheme) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "2.5.7",
+  "version": "2.6.2",
   "dependencies": {
     "@zendeskgarden/react-accordions": "^8.49.0",
     "@zendeskgarden/react-avatars": "^8.49.0",