@spaced-out/ui-design-system 0.4.13-beta.1 → 0.4.14

package/lib/components/Accordion/AccordionGroup.stories.d.ts

@@ -1,104 +0,0 @@
-import * as React from 'react';
-import type { AccordionGroupPropsType } from './AccordionGroup';
-declare const _default: {
-    tags: string[];
-    title: string;
-    component: {
-        ({ children, onAccordionClick, onToggle, enabledToggleIds, initialOpenId, classNames, }: AccordionGroupPropsType): React.JSX.Element;
-        displayName: string;
-    };
-    argTypes: {
-        classNames: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        children: {
-            description: string;
-            control: boolean;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        onAccordionClick: {
-            description: string;
-            control: boolean;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        onToggle: {
-            description: string;
-            control: boolean;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        enabledToggleIds: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        initialOpenId: {
-            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: AccordionGroupPropsType): React.JSX.Element;
-    args: {
-        classNames: {
-            wrapper: string;
-        };
-    };
-};
-export declare const _InsideCard: {
-    (args: AccordionGroupPropsType): React.JSX.Element;
-    args: {
-        classNames: {
-            wrapper: string;
-        };
-    };
-};
-//# sourceMappingURL=AccordionGroup.stories.d.ts.map

package/lib/components/Accordion/AccordionGroup.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM9D,wBAgGE;AAmCF,eAAO,MAAM,QAAQ;WAAU,uBAAuB;;;;;;CAYrD,CAAC;AAMF,eAAO,MAAM,WAAW;WAAU,uBAAuB;;;;;;CAyCxD,CAAC"}

package/lib/components/Accordion/AccordionGroup.stories.js

@@ -1,202 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._InsideCard = exports._Default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _index = require("../Button/index");
-var _Card = require("../Card/Card");
-var _index2 = require("../Icon/index");
-var _index3 = require("../Truncate/index");
-var _Accordion = require("./Accordion");
-var _AccordionGroup = require("./AccordionGroup");
-var _AccordionGroupStoriesModule = _interopRequireDefault(require("./AccordionGroup.stories.module.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-var _default = exports.default = {
-  tags: ['autodocs'],
-  title: 'Components/AccordionGroup',
-  component: _AccordionGroup.AccordionGroup,
-  argTypes: {
-    classNames: {
-      description: 'Optional class name overrides for styling the group container.',
-      control: {
-        type: 'object'
-      },
-      table: {
-        type: {
-          summary: '{wrapper?: string}'
-        }
-      }
-    },
-    children: {
-      description: 'One or more Accordion components to be rendered inside the group.',
-      control: false,
-      table: {
-        type: {
-          summary: 'React.ReactNode'
-        }
-      }
-    },
-    onAccordionClick: {
-      description: 'Callback triggered when any accordion is toggled open or closed.',
-      control: false,
-      table: {
-        type: {
-          summary: '(id: string, isOpen: boolean) => mixed'
-        }
-      }
-    },
-    onToggle: {
-      description: 'Whether to display toggle switches on all child accordions. If true, toggle logic and disabledIds apply.',
-      control: false,
-      table: {
-        type: {
-          summary: '(id: string, checked?: boolean) => mixed'
-        }
-      }
-    },
-    enabledToggleIds: {
-      description: 'List of accordion ids that should be disabled (toggle off). These override any disabled prop on individual children.',
-      control: {
-        type: 'array'
-      },
-      table: {
-        type: {
-          summary: 'string[]'
-        },
-        defaultValue: {
-          summary: '[]'
-        }
-      }
-    },
-    initialOpenId: {
-      description: 'The id of the Accordion that should be expanded on initial render.',
-      control: {
-        type: 'text'
-      },
-      table: {
-        type: {
-          summary: 'string'
-        }
-      }
-    }
-  },
-  parameters: {
-    docs: {
-      subtitle: 'Generates an ToggleAccordionGroup component.',
-      description: {
-        component: `
-\`\`\`js
-import { AccordionGroup } from "@spaced-out/ui-design-system/lib/components/Accordion/AccordionGroup";
-\`\`\`
-The \`AccordionGroup\` is a controlled component designed to manage the state and behavior of multiple \`Accordion\` components in a unified manner.
-
-It centralizes control over toggling and open states by providing the following props to its children:
-- \`isOpen\`
-- \`disabled\`
-- \`onChange\`
-- \`onToggle\`
-- \`showToggle\`
-
-**Note:** For scenarios that require custom group behaviors beyond toggle control (e.g., conditional logic, external state),
-you can compose your own group using standalone Accordion components. This allows full flexibility without being constrained by
-the group's internal logic.
-        `
-      }
-    },
-    storySource: {
-      componentPath: '/src/components/Accordion/AccordionGroup.jsx'
-    }
-  }
-};
-const accordionRecords = [{
-  id: 'accordion-1',
-  header: 'Resume Review',
-  content: 'Review and approve the candidate’s submitted resume and attached documents.'
-}, {
-  id: 'accordion-2',
-  header: 'Skill Assessment',
-  content: 'Evaluate the candidate’s technical and soft skills using provided assessments.'
-}, {
-  id: 'accordion-3',
-  header: 'Interview Feedback',
-  content: 'Summarize feedback from panel interviews and rate performance on key metrics.'
-}, {
-  id: 'accordion-4',
-  header: 'Background Check',
-  content: 'Verify the candidate’s previous employment, education, and criminal history.'
-}, {
-  id: 'accordion-5',
-  header: 'Final Decision',
-  content: 'Make a final decision to proceed with an offer or reject the application.'
-}];
-const _Default = args => {
-  const [enabledToggles, _setEnabledToggles] = React.useState([]);
-  return /*#__PURE__*/React.createElement(_AccordionGroup.AccordionGroup, _extends({}, args, {
-    enabledToggleIds: enabledToggles
-  }), accordionRecords.map(_ref => {
-    let {
-      id,
-      header,
-      content
-    } = _ref;
-    return /*#__PURE__*/React.createElement(_Accordion.Accordion, {
-      key: id,
-      id: id,
-      header: header
-    }, /*#__PURE__*/React.createElement("div", null, content));
-  }));
-};
-exports._Default = _Default;
-_Default.args = {
-  classNames: {
-    wrapper: ''
-  }
-};
-const _InsideCard = args => {
-  const [enabledToggles, _setEnabledToggles] = React.useState([]);
-  return /*#__PURE__*/React.createElement(_Card.Card, {
-    classNames: {
-      wrapper: _AccordionGroupStoriesModule.default.card
-    }
-  }, /*#__PURE__*/React.createElement(_Card.CardHeader, null, /*#__PURE__*/React.createElement(_Card.CardTitle, {
-    className: _AccordionGroupStoriesModule.default.cardTitle
-  }, /*#__PURE__*/React.createElement(_index2.SemanticIcon, {
-    name: "face-party",
-    semantic: "neutral",
-    type: "solid"
-  }), /*#__PURE__*/React.createElement(_index3.Truncate, null, "Candidate Screening Summary")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Card.CardActions, null, /*#__PURE__*/React.createElement(_index.Button, {
-    ariaLabel: 'download',
-    iconLeftName: "cloud-arrow-down",
-    type: "ghost"
-  }), /*#__PURE__*/React.createElement(_index.Button, {
-    ariaLabel: 'add',
-    iconLeftName: "add",
-    type: "ghost",
-    role: "button"
-  })))), /*#__PURE__*/React.createElement(_Card.CardContent, {
-    className: _AccordionGroupStoriesModule.default.cardContent
-  }, /*#__PURE__*/React.createElement(_AccordionGroup.AccordionGroup, _extends({}, args, {
-    enabledToggleIds: enabledToggles
-  }), accordionRecords.map(_ref2 => {
-    let {
-      id,
-      header,
-      content
-    } = _ref2;
-    return /*#__PURE__*/React.createElement(_Accordion.Accordion, {
-      key: id,
-      id: id,
-      header: header
-    }, /*#__PURE__*/React.createElement("div", null, content));
-  }))));
-};
-exports._InsideCard = _InsideCard;
-_InsideCard.args = {
-  classNames: {
-    wrapper: _AccordionGroupStoriesModule.default.accordionGroupWrapper
-  }
-};

package/lib/components/Accordion/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Accordion';
-export * from './AccordionGroup';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/Accordion/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}

package/lib/components/Avatar/Avatar.d.ts

@@ -1,60 +0,0 @@
-import { Flow } from 'flow-to-typescript-codemod';
-import * as React from 'react';
-import * as COLORS from '../../styles/variables/_color';
-import type { IconType } from '../Icon';
-import type { StatusSemanticType } from '../StatusIndicator';
-type ClassNames = Readonly<{
-    wrapper?: string;
-    ring?: string;
-    content?: string;
-    image?: string;
-    icon?: string;
-    text?: string;
-}>;
-export declare const AVATAR_SIZE: Readonly<{
-    small: "small";
-    medium: "medium";
-    large: "large";
-    extraLarge: "extraLarge";
-}>;
-export declare const avatarSizeOptions: Array<unknown>;
-export type AvatarSize = typeof AVATAR_SIZE[keyof typeof AVATAR_SIZE];
-export declare const AVATAR_COLOR: Readonly<{
-    red: "#fce8ed";
-    orange: "#fcf2e7";
-    green: "#e6f5ed";
-    blue: "#e6f0fe";
-    gray: "#EBEBEB";
-    indigo: "#f1f1f5";
-}>;
-export type AvatarColorType = keyof typeof AVATAR_COLOR;
-export type AvatarProps = {
-    classNames?: ClassNames;
-    size?: AvatarSize;
-    imageSrc?: string;
-    ring?: boolean;
-    icon?: boolean;
-    text?: string;
-    color?: AvatarColorType;
-    style?: unknown;
-    iconName?: string;
-    iconType?: IconType;
-    status?: StatusSemanticType;
-    statusBorderColorToken?: keyof typeof COLORS;
-};
-export type AvatarContentProps = {
-    imageSrc?: string;
-    text?: string;
-    iconName?: string;
-    iconType?: IconType;
-    size: AvatarSize;
-    color?: AvatarColorType;
-    ring?: boolean;
-    status?: StatusSemanticType;
-    statusBorderColorToken?: keyof typeof COLORS;
-    classNames?: ClassNames;
-};
-export declare const Avatar: Flow.AbstractComponent<AvatarProps, HTMLDivElement>;
-export declare const BaseAvatar: ({ classNames, size, text, style, color, }: AvatarProps) => React.JSX.Element;
-export {};
-//# sourceMappingURL=Avatar.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAEhD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,MAAM,MAAM,+BAA+B,CAAC;AAUxD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEtC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,oBAAoB,CAAC;AAM3D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;EAKtB,CAAC;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAiC,CAAC;AAE/E,MAAM,MAAM,UAAU,GAAG,OAAO,WAAW,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AACtE,eAAO,MAAM,YAAY;;;;;;;EAOvB,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC;AAExD,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,sBAAsB,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;CAC9C,CAAC;AAwCF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,sBAAsB,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IAC7C,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AA0DF,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,cAAc,CA8DnE,CAAC;AAEL,eAAO,MAAM,UAAU,GACrB,2CAMG,WAAW,sBAqBT,CAAC"}

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

@@ -1,149 +0,0 @@
-import * as React from 'react';
-import type { AvatarProps } from './';
-declare const _default: {
-    tags: string[];
-    title: string;
-    argTypes: {
-        status: {
-            options: unknown[];
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        statusBorderColorToken: {
-            description: string;
-            options: unknown[];
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        imageSrc: {
-            description: string;
-        };
-        text: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        size: {
-            description: string;
-            control: {
-                type: string;
-            };
-            options: unknown[];
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        color: {
-            options: unknown[];
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        iconName: {
-            name: string;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        iconType: {
-            description: string;
-            options: string[];
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        ring: {
-            description: string;
-            options: boolean[];
-            control: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-        };
-        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 _Avatar: {
-    (args: AvatarProps): React.JSX.Element;
-    args: {
-        imageSrc: string;
-        size: "medium";
-        text: string;
-        iconName: string;
-        ring: boolean;
-        color: string;
-        iconType: string;
-    };
-};
-//# sourceMappingURL=Avatar.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWpC,wBAoHE;AAEF,eAAO,MAAM,OAAO;WAAU,WAAW;;;;;;;;;;CAIlC,CAAC"}