@appquality/unguess-design-system 2.9.0 → 2.10.2

package/build/stories/forms/checkbox/cards/_types.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { CardProps } from "../../../cards/_types";
+import { CheckboxArgs } from "../_types";
+export interface CheckboxCardArgs extends CheckboxArgs {
+    card?: CardProps;
+    label: string;
+    icon: React.ReactNode;
+    iconActive?: React.ReactNode;
+}

package/build/stories/forms/checkbox/cards/index.d.ts

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

package/build/stories/forms/checkbox/cards/index.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ComponentMeta, Story } from "@storybook/react";
+import { CheckboxCardArgs } from "./_types";
+interface FormProps {
+    cards: CheckboxCardArgs[];
+    form: {
+        onSubmit: (e: any) => void;
+    };
+}
+export declare const SingleCard: Story<CheckboxCardArgs>;
+export declare const MultipleCards: Story<FormProps>;
+declare const _default: ComponentMeta<(props: CheckboxCardArgs) => JSX.Element>;
+export default _default;

package/build/stories/forms/radio/cards/_types.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { CardProps } from "../../../cards/_types";
+import { RadioArgs } from "../_types";
+export interface RadioCardArgs extends RadioArgs {
+    card?: CardProps;
+    label: string;
+    icon: React.ReactNode;
+    iconActive?: React.ReactNode;
+    value: string;
+    onChecked?: (value: string) => void;
+}

package/build/stories/forms/radio/cards/index.d.ts

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

package/build/stories/forms/radio/cards/index.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ComponentMeta, Story } from "@storybook/react";
+import { RadioCardArgs } from "./_types";
+interface FormProps {
+    cards: RadioCardArgs[];
+    form: {
+        onSubmit: (e: any) => void;
+    };
+}
+export declare const SingleCard: Story<RadioCardArgs>;
+export declare const MultipleCards: Story<FormProps>;
+declare const _default: ComponentMeta<({ card, icon, iconActive, ...props }: RadioCardArgs) => JSX.Element>;
+export default _default;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { IStepperProps, IStepperLabelProps } from "@zendeskgarden/react-accordions";
+export interface StepperArgs extends IStepperProps {
+    /** Defines the currently active step, starting at 0 */
+    activeIndex?: number;
+    /** Applies horizontal layout styling */
+    isHorizontal?: boolean;
+}
+export interface StepperLabelArgs extends IStepperLabelProps {
+    /** Replaces the label number with an icon */
+    icon?: React.ReactNode;
+    /** Hides the label text */
+    isHidden?: boolean;
+}

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { StepperArgs } from "./_types";
+/**
+ * A Stepper guides users through steps of a task in sequential order.
+
+ * Used for this:
+    - For multi-step flows that must be completed in order
+ */
+declare const Stepper: {
+    (props: StepperArgs): JSX.Element;
+    Step: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>, any, {}, never>;
+    Label: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-accordions").IStepperLabelProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+    Content: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export { Stepper };

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ComponentMeta, Story } from "@storybook/react";
+import { StepperArgs } from "./_types";
+interface StepperStoryProps extends StepperArgs {
+    currentStep: number;
+}
+export declare const Default: Story<StepperStoryProps>;
+export declare const SeparateContent: Story<StepperStoryProps>;
+declare const _default: ComponentMeta<{
+    (props: StepperArgs): JSX.Element;
+    Step: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>, any, {}, never>;
+    Label: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-accordions").IStepperLabelProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+    Content: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+}>;
+export default _default;

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

@@ -1,3 +1,4 @@
 export declare const flexCenter: import("styled-components").FlattenSimpleInterpolation;
 export declare const flexColumnCenter: import("styled-components").FlattenSimpleInterpolation;
 export declare const flexStart: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+export declare const cardStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "2.9.0",
+  "version": "2.10.2",
   "dependencies": {
     "@zendeskgarden/css-bedrock": "^9.0.0",
     "@zendeskgarden/react-accordions": "^8.49.0",