@spaced-out/ui-design-system 0.4.15-beta.4 → 0.5.0

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

@@ -0,0 +1,237 @@
+import * as React from 'react';
+import type { RatingProps } from './Rating';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<RatingProps, HTMLDivElement>;
+    argTypes: {
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        rating: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: number;
+                };
+            };
+        };
+        start: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: number;
+                };
+            };
+        };
+        end: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: number;
+                };
+            };
+        };
+        iconName: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        size: {
+            description: string;
+            options: unknown[];
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: "medium";
+                };
+            };
+        };
+        hideLabel: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        readOnly: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        quiet: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        onChange: {
+            description: string;
+            control: {
+                type: string;
+            };
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        iconColor: {
+            description: string;
+            options: unknown[];
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: "favorite";
+                };
+            };
+        };
+        chipSemantic: {
+            options: unknown[];
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: "warning";
+                };
+            };
+        };
+        labels: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _Simple: {
+    (args: RatingProps): React.JSX.Element;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        rating: number;
+    };
+};
+export declare const _ReadOnly: {
+    (args: RatingProps): React.JSX.Element;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        iconColor: "tertiary";
+        hideLabel: boolean;
+        readOnly: boolean;
+        rating: number;
+    };
+};
+export declare const _CustomLabels: {
+    (args: RatingProps): React.JSX.Element;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        iconColor: "information";
+        chipSemantic: "information";
+        start: number;
+        end: number;
+        rating: number;
+        labels: string[];
+    };
+};
+//# sourceMappingURL=Rating.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/Rating.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BA+IY,MAAM;;;;;;;;;;;;;;;;;AAvI5D,wBA6KE;AAEF,eAAO,MAAM,OAAO;WAAU,WAAW;;;;;;;CAaxC,CAAC;AAOF,eAAO,MAAM,SAAS;WAAU,WAAW;;;;;;;;;;CAa1C,CAAC;AAUF,eAAO,MAAM,aAAa;WAAU,WAAW;;;;;;;;;;;;CAa9C,CAAC"}

package/lib/components/ScoreBar/ScoreBar.d.ts

@@ -9,7 +9,7 @@ export type ClassNames = Readonly<{
     bar?: string;
     label?: string;
 }>;
-export type ScoreBarDirection = typeof Direction[keyof typeof Direction];
+export type ScoreBarDirection = (typeof Direction)[keyof typeof Direction];
 export type ScoreBarColorMap = Readonly<{
     [key: string]: string;
 }>;

package/lib/components/ScoreBar/ScoreBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScoreBar.d.ts","sourceRoot":"","sources":["../../../src/components/ScoreBar/ScoreBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAwBrD,eAAO,MAAM,SAAS;;;EAGpB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AACzE,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IACtC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAEhD,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,gBAO/B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,cAAc,CAmEvE,CAAC"}
+{"version":3,"file":"ScoreBar.d.ts","sourceRoot":"","sources":["../../../src/components/ScoreBar/ScoreBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAwBrD,eAAO,MAAM,SAAS;;;EAGpB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAC3E,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IACtC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAEhD,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,gBAO/B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,cAAc,CAqExE,CAAC"}

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

@@ -0,0 +1,156 @@
+import * as React from 'react';
+import type { ScoreBarProps } from './ScoreBar';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<ScoreBarProps, HTMLDivElement>;
+    argTypes: {
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        score: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: number;
+                };
+            };
+        };
+        totalBars: {
+            description: string;
+            control: {
+                type: string;
+                min: number;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: number;
+                };
+                disable: boolean;
+            };
+        };
+        colorMap: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        labelMap: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        direction: {
+            description: string;
+            options: unknown[];
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: "vertical";
+                };
+                disable: boolean;
+            };
+        };
+        withBorder: {
+            description: string;
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _Simple: {
+    (args: ScoreBarProps): React.JSX.Element;
+    args: {
+        score: number;
+    };
+};
+export declare const _WithBorder: {
+    (args: ScoreBarProps): React.JSX.Element;
+    args: {
+        score: number;
+        withBorder: boolean;
+    };
+};
+export declare const _WithLabel: {
+    (args: ScoreBarProps): React.JSX.Element;
+    args: {
+        score: number;
+        labelMap: Readonly<{
+            '100': "Excellent Match";
+            '80': "Good Match";
+            '60': "Average Match";
+            '40': "Below Average Match";
+            '20': "Poor match";
+        }>;
+    };
+};
+export declare const _WithLabelAndBorder: {
+    (args: ScoreBarProps): React.JSX.Element;
+    args: {
+        score: number;
+        withBorder: boolean;
+        labelMap: Readonly<{
+            '100': "Excellent Match";
+            '80': "Good Match";
+            '60': "Average Match";
+            '40': "Below Average Match";
+            '20': "Poor match";
+        }>;
+    };
+};
+//# sourceMappingURL=ScoreBar.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScoreBar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScoreBar/ScoreBar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BAgEpB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlDhC,wBAyIE;AAEF,eAAO,MAAM,OAAO;WAAU,aAAa;;;;CAA2B,CAAC;AAMvE,eAAO,MAAM,WAAW;WAAU,aAAa;;;;;CAA2B,CAAC;AAO3E,eAAO,MAAM,UAAU;WAAU,aAAa;;;;;;;;;;;CAA2B,CAAC;AAO1E,eAAO,MAAM,mBAAmB;WAAU,aAAa;;;;;;;;;;;;CAEtD,CAAC"}

package/lib/components/SearchInput/SearchInput.d.ts

@@ -5,11 +5,11 @@ type ClassNames = Readonly<{
     box?: string;
     iconLeft?: string;
 }>;
-export type SearchInputProps = ((InputProps) & {
+export type SearchInputProps = InputProps & {
     classNames?: ClassNames;
     onClear?: () => void;
     isLoading?: boolean;
-});
+};
 export declare const SearchInput: Flow.AbstractComponent<SearchInputProps, HTMLInputElement>;
 export {};
 //# sourceMappingURL=SearchInput.d.ts.map

package/lib/components/SearchInput/SearchInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAMzC,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,UAAU,CAAC,GAAG;IAC7C,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC,CAAC;AAEH,eAAO,MAAM,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,EAAE,gBAAgB,CAwDjF,CAAC"}
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAMzC,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG;IAC1C,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAC9C,gBAAgB,EAChB,gBAAgB,CA2DjB,CAAC"}

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

@@ -0,0 +1,260 @@
+import * as React from 'react';
+import type { SearchInputProps } from './SearchInput';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<SearchInputProps, HTMLInputElement>;
+    argTypes: {
+        size: {
+            description: string;
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        iconLeftName: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        isLoading: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        value: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        name: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        placeholder: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        required: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        locked: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        error: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        errorText: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        label: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        helperText: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onChange: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onFocus: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onBlur: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onKeyDown: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onPaste: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onClear: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _SearchInput: {
+    (args: SearchInputProps): React.JSX.Element;
+    args: {
+        label: string;
+        size: string;
+        value: string;
+    };
+};
+//# sourceMappingURL=SearchInput.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/SearchInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMpD,wBAwNE;AAEF,eAAO,MAAM,YAAY;WAAU,gBAAgB;;;;;;CA2BlD,CAAC"}

package/lib/components/Separator/Separator.d.ts

@@ -6,7 +6,7 @@ export declare const ORIENTATION: Readonly<{
     horizontal: "horizontal";
     vertical: "vertical";
 }>;
-export type OrientationType = typeof ORIENTATION[keyof typeof ORIENTATION];
+export type OrientationType = (typeof ORIENTATION)[keyof typeof ORIENTATION];
 export type SeparatorProps = {
     classNames?: ClassNames;
     orientation?: OrientationType;