@spaced-out/ui-design-system 0.5.7-beta.3 → 0.5.7

package/lib/components/Icon/Icon.stories.d.ts

@@ -1,193 +0,0 @@
-import * as React from 'react';
-import type { ClickableIconProps, CloseIconProps, IconProps } from 'src/components/Icon';
-declare const _default: {
-    argTypes: {
-        readonly type: {
-            readonly description: "Type represents 5 unique icon styles :- Solid, Regular, Light, Thin, Duotone";
-            readonly options: readonly ["regular", "solid", "duotone", "brands"];
-            readonly control: {
-                readonly type: "select";
-            };
-            readonly table: {
-                readonly type: {
-                    readonly summary: "string";
-                };
-                readonly defaultValue: {
-                    readonly summary: "regular";
-                };
-            };
-        };
-        readonly name: {
-            readonly description: "Icon Name represents name of icon as supported by fontawesome";
-            readonly type: {
-                readonly required: true;
-            };
-            readonly table: {
-                readonly type: {
-                    readonly summary: "string";
-                };
-                readonly defaultValue: {
-                    readonly summary: "face-party";
-                };
-            };
-        };
-        readonly color: {
-            readonly description: "Same set of colors as supported in text";
-            readonly options: unknown[];
-            readonly control: {
-                readonly type: "select";
-            };
-            readonly table: {
-                readonly type: {
-                    readonly summary: "string";
-                };
-                readonly defaultValue: {
-                    readonly summary: "primary";
-                };
-            };
-        };
-        readonly size: {
-            readonly description: "Icon supports three size variants namely small and medium. `small` < `medium` < `large`";
-            readonly options: unknown[];
-            readonly control: {
-                readonly type: "select";
-            };
-            readonly table: {
-                readonly type: {
-                    readonly summary: "string";
-                };
-                readonly defaultValue: {
-                    readonly summary: "medium";
-                };
-            };
-        };
-        readonly swapOpacity: {
-            readonly name: "swapOpacity";
-            readonly description: "Swap the default opacity of each layer in a duotone icon.";
-            readonly options: readonly [false, true];
-            readonly control: "boolean";
-            readonly table: {
-                readonly type: {
-                    readonly summary: "boolean";
-                };
-                readonly defaultValue: {
-                    readonly summary: false;
-                };
-            };
-        };
-        readonly className: {
-            readonly description: "External className to be applied on container";
-            readonly control: {
-                readonly type: "text";
-            };
-            readonly table: {
-                readonly type: {
-                    readonly summary: "string";
-                };
-            };
-        };
-        readonly onClick: {
-            readonly description: "onClick handler";
-            readonly action: "clicked";
-            readonly table: {
-                readonly type: {
-                    readonly summary: "(SyntheticEvent<HTMLElement>) => mixed";
-                };
-            };
-        };
-        readonly disabled: {
-            readonly description: "If **true**, the clickable icon is disabled";
-            readonly control: {
-                readonly type: "boolean";
-            };
-            readonly table: {
-                readonly type: {
-                    readonly summary: "boolean";
-                };
-                readonly defaultValue: {
-                    readonly summary: "false";
-                };
-            };
-        };
-        readonly ariaLabel: {
-            readonly control: {
-                readonly type: "text";
-            };
-            readonly description: "**aria-label** should be added where `ClickableIcon` and `CloseIcon` is used. This would avoid accessibility violations in screen readers";
-            readonly table: {
-                readonly type: {
-                    readonly summary: "string";
-                };
-            };
-        };
-    };
-    parameters: {
-        readonly docs: {
-            readonly subtitle: "Generates a Icon component";
-            readonly description: {
-                readonly component: "\n```js\nimport {\n  Icon,\n  ClickableIcon,\n  CloseIcon,\n  SemanticIcon\n} from \"@spaced-out/ui-design-system/lib/components/Icon\";\n```\nIcon component uses <a href=\"https://fontawesome.com/icons\" target=\"_blank\">fontawesome</a> icon internally.\nThe name prop has be to consistent with one used in fontawesome.\n        ";
-            };
-        };
-        readonly storySource: {
-            readonly componentPath: "/src/components/Icon/Icon";
-        };
-    };
-    tags: string[];
-    title: string;
-    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<IconProps, HTMLDivElement>;
-};
-export default _default;
-export declare const _Icon: {
-    (args: IconProps): React.JSX.Element;
-    args: {
-        type: string;
-        name: string;
-        size: string;
-        color: "primary";
-    };
-};
-export declare const _IconWithTooltip: {
-    (args: IconProps): React.JSX.Element;
-    args: {
-        type: string;
-        name: string;
-        size: string;
-        color: "primary";
-    };
-};
-export declare const _ClickableIcon: {
-    (args: ClickableIconProps): React.JSX.Element;
-    args: {
-        type: string;
-        name: string;
-        size: string;
-        color: "primary";
-        ariaLabel: string;
-    };
-};
-export declare const _CloseIcon: {
-    (args: CloseIconProps): React.JSX.Element;
-    args: {
-        type: string;
-        size: string;
-        color: "primary";
-        ariaLabel: string;
-    };
-};
-export declare const _DuotoneIcon: {
-    (args: IconProps): React.JSX.Element;
-    args: {
-        type: string;
-        name: string;
-        size: string;
-        color: "primary";
-        swapOpacity: boolean;
-        style: {
-            '--fa-primary-color': string;
-            '--fa-secondary-color': string;
-            '--fa-primary-opacity': string;
-            '--fa-secondary-opacity': string;
-        };
-    };
-};
-//# sourceMappingURL=Icon.stories.d.ts.map

package/lib/components/Icon/Icon.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EACV,kBAAkB,EAClB,cAAc,EACd,SAAS,EACV,MAAM,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQ7B,wBAKE;AAEF,eAAO,MAAM,KAAK;WAAU,SAAS;;;;;;;CAAuB,CAAC;AAS7D,eAAO,MAAM,gBAAgB;WAAU,SAAS;;;;;;;CAM/C,CAAC;AASF,eAAO,MAAM,cAAc;WAAU,kBAAkB;;;;;;;;CAEtD,CAAC;AAUF,eAAO,MAAM,UAAU;WAAU,cAAc;;;;;;;CAE9C,CAAC;AASF,eAAO,MAAM,YAAY;WAAU,SAAS;;;;;;;;;;;;;;CAAuB,CAAC"}

package/lib/components/Icon/SemanticIcon.stories.d.ts

@@ -1,190 +0,0 @@
-import * as React from 'react';
-import type { SemanticIconProps } from 'src/components/Icon';
-declare const _default: {
-    argTypes: {
-        readonly semantic: {
-            readonly description: "The semantic type of the Icon Container (e.g., success, warning, danger, etc.).\n        This works only in case of `<SemanticIcon />`\n        ";
-            readonly control: {
-                readonly type: "select";
-            };
-            readonly options: unknown[];
-            readonly table: {
-                readonly type: {
-                    readonly summary: "AlertSemanticType";
-                };
-            };
-        };
-        readonly classNames: {
-            readonly description: "External classnames to be applied. Only valid in case of `<SemanticIcon />`. Use the className prop for `<Icon />`";
-            readonly control: {
-                readonly type: "object";
-            };
-            readonly table: {
-                readonly type: {
-                    readonly summary: "{wrapper?: string, icon?: string}";
-                };
-            };
-        };
-        readonly type: {
-            readonly description: "Type represents 5 unique icon styles :- Solid, Regular, Light, Thin, Duotone";
-            readonly options: readonly ["regular", "solid", "duotone", "brands"];
-            readonly control: {
-                readonly type: "select";
-            };
-            readonly table: {
-                readonly type: {
-                    readonly summary: "string";
-                };
-                readonly defaultValue: {
-                    readonly summary: "regular";
-                };
-            };
-        };
-        readonly name: {
-            readonly description: "Icon Name represents name of icon as supported by fontawesome";
-            readonly type: {
-                readonly required: true;
-            };
-            readonly table: {
-                readonly type: {
-                    readonly summary: "string";
-                };
-                readonly defaultValue: {
-                    readonly summary: "face-party";
-                };
-            };
-        };
-        readonly color: {
-            readonly description: "Same set of colors as supported in text";
-            readonly options: unknown[];
-            readonly control: {
-                readonly type: "select";
-            };
-            readonly table: {
-                readonly type: {
-                    readonly summary: "string";
-                };
-                readonly defaultValue: {
-                    readonly summary: "primary";
-                };
-            };
-        };
-        readonly size: {
-            readonly description: "Icon supports three size variants namely small and medium. `small` < `medium` < `large`";
-            readonly options: unknown[];
-            readonly control: {
-                readonly type: "select";
-            };
-            readonly table: {
-                readonly type: {
-                    readonly summary: "string";
-                };
-                readonly defaultValue: {
-                    readonly summary: "medium";
-                };
-            };
-        };
-        readonly swapOpacity: {
-            readonly name: "swapOpacity";
-            readonly description: "Swap the default opacity of each layer in a duotone icon.";
-            readonly options: readonly [false, true];
-            readonly control: "boolean";
-            readonly table: {
-                readonly type: {
-                    readonly summary: "boolean";
-                };
-                readonly defaultValue: {
-                    readonly summary: false;
-                };
-            };
-        };
-        readonly className: {
-            readonly description: "External className to be applied on container";
-            readonly control: {
-                readonly type: "text";
-            };
-            readonly table: {
-                readonly type: {
-                    readonly summary: "string";
-                };
-            };
-        };
-        readonly onClick: {
-            readonly description: "onClick handler";
-            readonly action: "clicked";
-            readonly table: {
-                readonly type: {
-                    readonly summary: "(SyntheticEvent<HTMLElement>) => mixed";
-                };
-            };
-        };
-        readonly disabled: {
-            readonly description: "If **true**, the clickable icon is disabled";
-            readonly control: {
-                readonly type: "boolean";
-            };
-            readonly table: {
-                readonly type: {
-                    readonly summary: "boolean";
-                };
-                readonly defaultValue: {
-                    readonly summary: "false";
-                };
-            };
-        };
-        readonly ariaLabel: {
-            readonly control: {
-                readonly type: "text";
-            };
-            readonly description: "**aria-label** should be added where `ClickableIcon` and `CloseIcon` is used. This would avoid accessibility violations in screen readers";
-            readonly table: {
-                readonly type: {
-                    readonly summary: "string";
-                };
-            };
-        };
-    };
-    parameters: {
-        readonly docs: {
-            readonly subtitle: "Generates a Icon component";
-            readonly description: {
-                readonly component: "\n```js\nimport {\n  Icon,\n  ClickableIcon,\n  CloseIcon,\n  SemanticIcon\n} from \"@spaced-out/ui-design-system/lib/components/Icon\";\n```\nIcon component uses <a href=\"https://fontawesome.com/icons\" target=\"_blank\">fontawesome</a> icon internally.\nThe name prop has be to consistent with one used in fontawesome.\n        ";
-            };
-        };
-        readonly storySource: {
-            readonly componentPath: "/src/components/Icon/Icon";
-        };
-    };
-    tags: string[];
-    title: string;
-    component: ({ semantic, classNames, size, ...iconProps }: SemanticIconProps) => React.JSX.Element;
-};
-export default _default;
-/**
- * The SemanticIcon component is a reusable
- * React component that allows you to display
- * icons with semantic styling based on different
- * semantic types. It's designed to work with Font Awesome icons
- * and can be used to maintain consistent icon styles across your
- * application.
- *
- * Usage:
- *
- * ```jsx
-  <SemanticIcon
-    semantic="success"
-    iconName="chart-line-up"
-    iconSize="medium"
-    iconType="solid"
-    classNames={{ wrapper: css.wrapper, icon: css.icon }}
-  />
- * ```
- */
-export declare const _SemanticIcon: {
-    (args: SemanticIconProps): React.JSX.Element;
-    args: {
-        name: string;
-        semantic: string;
-    };
-};
-//# sourceMappingURL=SemanticIcon.stories.d.ts.map

package/lib/components/Icon/SemanticIcon.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SemanticIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/SemanticIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqC3D,wBAKE;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,aAAa;WAAU,iBAAiB;;;;;CAEpD,CAAC"}

package/lib/components/InContextAlert/InContextAlert.stories.d.ts

@@ -1,181 +0,0 @@
-import * as React from 'react';
-import type { InContextAlertProps } from 'src/components/InContextAlert/InContextAlert';
-declare const _default: {
-    tags: string[];
-    title: string;
-    argTypes: {
-        actionText: {
-            name: string;
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        onAction: {
-            name: string;
-            action: string;
-            description: string;
-            type: {
-                summary: string;
-            };
-        };
-        actionTextColor: {
-            options: unknown[];
-            name: string;
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        semantic: {
-            options: unknown[];
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: "neutral";
-                };
-            };
-        };
-        onCloseClick: {
-            name: string;
-            action: string;
-            description: string;
-            type: {
-                summary: string;
-            };
-        };
-        dismissable: {
-            description: string;
-            name: string;
-            options: boolean[];
-            control: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-        };
-        selfDismiss: {
-            description: string;
-            name: string;
-            options: boolean[];
-            control: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-        };
-        leftIconName: {
-            name: string;
-            control: {
-                type: string;
-            };
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        leftIconType: {
-            description: string;
-            options: string[];
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        children: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        classNames: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-    };
-    parameters: {
-        docs: {
-            subtitle: string;
-            description: {
-                component: string;
-            };
-        };
-        storySource: {
-            componentPath: string;
-        };
-    };
-};
-export default _default;
-export declare const _Default: {
-    (args: InContextAlertProps): React.JSX.Element;
-    args: {
-        children: string;
-        semantic: string;
-        leftIconName: string;
-    };
-};
-export declare const _Dismissable: {
-    (args: InContextAlertProps): React.JSX.Element;
-    args: {
-        children: string;
-        semantic: string;
-        dismissable: boolean;
-        selfDismiss: boolean;
-        leftIconName: string;
-    };
-};
-export declare const _Actionable: {
-    (args: InContextAlertProps): React.JSX.Element;
-    args: {
-        children: string;
-        semantic: string;
-        actionText: string;
-        actionTextColor: string;
-    };
-};
-//# sourceMappingURL=InContextAlert.stories.d.ts.map

package/lib/components/InContextAlert/InContextAlert.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InContextAlert.stories.d.ts","sourceRoot":"","sources":["../../../src/components/InContextAlert/InContextAlert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,8CAA8C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAStF,wBAiIE;AAEF,eAAO,MAAM,QAAQ;WAAU,mBAAmB;;;;;;CAIjD,CAAC;AASF,eAAO,MAAM,YAAY;WAAU,mBAAmB;;;;;;;;CAIrD,CAAC;AAWF,eAAO,MAAM,WAAW;WAAU,mBAAmB;;;;;;;CAIpD,CAAC"}