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

package/lib/components/Stepper/Stepper.stories.js

@@ -1,402 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Stepper = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _Button = require("../Button");
-var _Dialog = require("../Dialog");
-var _Step = require("./Step/Step");
-var _StepContent = require("./Step/StepContent");
-var _StepLabel = require("./Step/StepLabel");
-var _Stepper2 = require("./Stepper");
-var _StepperStoriesModule = _interopRequireDefault(require("./Stepper.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/Stepper/Stepper',
-  component: _Stepper2.Stepper,
-  argTypes: {
-    classNames: {
-      description: 'Provide an optional className to be applied to the wrapper',
-      control: {
-        type: 'object'
-      },
-      table: {
-        type: {
-          summary: '{wrapper?: string}'
-        }
-      }
-    },
-    activeStep: {
-      control: {
-        type: 'number'
-      },
-      description: 'Set the active step (zero-based index). Defaults to 0.',
-      table: {
-        type: {
-          summary: 'number'
-        },
-        defaultValue: {
-          summary: '0'
-        }
-      }
-    },
-    orientation: {
-      control: {
-        type: 'select'
-      },
-      options: ['horizontal', 'vertical'],
-      description: 'The component orientation (layout flow direction). Defaults to "horizontal".',
-      table: {
-        type: {
-          summary: 'string'
-        },
-        defaultValue: {
-          summary: 'horizontal'
-        }
-      }
-    }
-  },
-  parameters: {
-    docs: {
-      subtitle: 'Generates a Stepper component.',
-      description: {
-        component: `
-\`\`\`js
-import type {StepperProps} from '@spaced-out/ui-design-system/lib/components/Stepper';
-import {Stepper, Step, StepLabel, StepContent} from '@spaced-out/ui-design-system/lib/components/Stepper';
-\`\`\`
-
-The Stepper component provides a wizard-like workflow for progressing through a series of steps.
-It is commonly used to guide users through a multi-step process, such as a form or a tutorial.
-
-### Usage
-
-The Stepper component takes in the following props:
-
-\`\`\`jsx
-<Stepper
-  activeStep={1}
-  orientation="horizontal"
-  classNames={{}}
->
-  {/* Step components go here */}
-</Stepper>
-\`\`\`
-
-The Stepper component should be used with one or more Step components as children.
-Each Step component represents an individual step in the Stepper. The Step component is responsible for
-rendering the step label and content. Make sure to import the Step component as well.
-
-### Step Component
-
-The Step component represents a single step within the Stepper. It should be used as a child component of the Stepper. Each Step component can have its own unique label and content.
-
-\`\`\`jsx
-import { Step } from "@spaced-out/ui-design-system/lib/components/Stepper";
-
-<Stepper activeStep={1} orientation="horizontal / vertical">
-  <Step index={0} completed={false} classNames={{wrapper: css.stepWrapper}}>
-    {/* Step label and content go here */}
-  </Step>
-  {/* Add more Step components for additional steps */}
-</Stepper>
-\`\`\`
-
-Please note that the Step component should be imported separately in order to use it within the Stepper component.
-
-Remember to customize the props, labels, and content according to your specific use case.
-
-        `
-      }
-    },
-    storySource: {
-      componentPath: '/src/components/Stepper/Stepper.jsx'
-    }
-  }
-};
-const steps = [{
-  id: '1',
-  label: 'Step 1',
-  description: 'A quick brown fox jumps over the lazy dog'
-}, {
-  id: '2',
-  label: 'Step 2',
-  description: 'A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog'
-}, {
-  id: '3',
-  label: 'Step 3',
-  description: 'A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog'
-}];
-
-// @ts-ignore - TS6133 - 'stepsWithIcon' is declared but its value is never read.
-const stepsWithIcon = [{
-  id: '1',
-  label: 'Train',
-  description: 'A quick brown fox jumps over the lazy dog',
-  iconName: 'train',
-  iconType: 'duotone'
-}, {
-  id: '2',
-  label: 'Bus',
-  description: 'A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog',
-  iconName: 'bus',
-  iconType: 'duotone'
-}, {
-  id: '3',
-  label: 'Ship',
-  description: 'A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog',
-  iconName: 'ship',
-  iconType: 'duotone'
-}];
-
-/**
- * Renders a Stepper component with Completed check
- *
- * Below conditions are required for the step to be clickable:
- *
- * 1. The step should have an `onClick` handler
- * 2. The current step should not be `active`
- * 3. The previous step should be `completed`
- *
- */
-const _Stepper = args => {
-  const [openDialog, setOpenDialog] = React.useState(false);
-  const [activeStep, setActiveStep] = React.useState(args.activeStep || 0);
-  const [completedSteps, setCompletedSteps] = React.useState({
-    '0': false,
-    '1': false,
-    '2': false
-  });
-  const handleNext = () => {
-    // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'number' can't be used to index type '{ '0': boolean; '1': boolean; '2': boolean; }'.
-    if (completedSteps[activeStep] === false) {
-      setOpenDialog(true);
-      return;
-    }
-    setActiveStep(prevStep => prevStep + 1);
-  };
-  const handleBack = () => {
-    setActiveStep(prevStep => prevStep - 1);
-  };
-  const handleClick = idx => {
-    setActiveStep(idx);
-  };
-  const handleMarkComplete = () => {
-    const newCompletedSteps = {
-      ...completedSteps
-    };
-    for (let i = 0; i <= activeStep; i++) {
-      // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'number' can't be used to index type '{ readonly '0': boolean; readonly '1': boolean; readonly '2': boolean; }'.
-      newCompletedSteps[i] = true;
-    }
-    setCompletedSteps(newCompletedSteps);
-  };
-  const handleMarkInComplete = () => {
-    const newCompletedSteps = {
-      ...completedSteps
-    };
-    for (let i = activeStep; i <= 2; i++) {
-      // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'number' can't be used to index type '{ readonly '0': boolean; readonly '1': boolean; readonly '2': boolean; }'.
-      newCompletedSteps[i] = false;
-    }
-    setCompletedSteps(newCompletedSteps);
-  };
-  React.useEffect(() => {
-    setActiveStep(args.activeStep || 0);
-  }, [args.activeStep]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: _StepperStoriesModule.default.container
-  }, /*#__PURE__*/React.createElement(_Stepper2.Stepper, _extends({}, args, {
-    activeStep: activeStep
-  }), steps.map((stepDetails, index) => /*#__PURE__*/React.createElement(_Step.Step, {
-    key: stepDetails.id,
-    index: index,
-    onClick: handleClick
-    // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'number' can't be used to index type '{ '0': boolean; '1': boolean; '2': boolean; }'.
-    ,
-    completed: completedSteps[index]
-  }, /*#__PURE__*/React.createElement(_StepLabel.StepLabel, null, stepDetails.label), /*#__PURE__*/React.createElement(_StepContent.StepContent, null, stepDetails.description)))), /*#__PURE__*/React.createElement("div", {
-    className: _StepperStoriesModule.default.spacedActions
-  }, /*#__PURE__*/React.createElement("div", {
-    className: _StepperStoriesModule.default.actionBlock
-  }, /*#__PURE__*/React.createElement(_Button.Button, {
-    size: "small",
-    type: "secondary",
-    onClick: handleBack,
-    disabled: !(activeStep > 0),
-    iconLeftName: "arrow-left"
-  }, "Back"), /*#__PURE__*/React.createElement(_Button.Button, {
-    size: "small",
-    type: "secondary",
-    onClick: handleNext,
-    disabled: !(activeStep < steps.length - 1),
-    iconRightName: "arrow-right"
-  }, "Next")), /*#__PURE__*/React.createElement("div", {
-    className: _StepperStoriesModule.default.actionBlock
-  }, /*#__PURE__*/React.createElement(_Button.Button, {
-    size: "small",
-    type: "primary",
-    onClick: handleMarkComplete,
-    iconLeftName: "circle-check"
-    // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'number' can't be used to index type '{ '0': boolean; '1': boolean; '2': boolean; }'.
-    ,
-    disabled: completedSteps[activeStep]
-  }, "Mark Complete"), /*#__PURE__*/React.createElement(_Button.Button, {
-    size: "small",
-    type: "danger",
-    onClick: handleMarkInComplete,
-    iconLeftName: "circle-xmark"
-    // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'number' can't be used to index type '{ '0': boolean; '1': boolean; '2': boolean; }'.
-    ,
-    disabled: !completedSteps[activeStep]
-  }, "Mark Incomplete"))), /*#__PURE__*/React.createElement(_Dialog.BasicDialog, {
-    isOpen: openDialog,
-    abortText: "Close",
-    body: "Please mark the current step complete to move on to the next one!",
-    handleAbort: () => setOpenDialog(false),
-    heading: "Unable to proceed to next step",
-    semantic: "danger"
-  }));
-};
-exports._Stepper = _Stepper;
-_Stepper.args = {
-  activeStep: 0
-};
-
-/**
- * Renders a Stepper component with Completed check
- *
- * Below conditions are required for the step to be clickable:
- *
- * 1. The step should have an `onClick` handler
- * 2. The current step should not be `active`
- * 3. The previous step should be `completed`
- *
- */
-/**
-export const _WithStepIcon = (args: StepperProps): React.ReactNode => {
-  const [openDialog, setOpenDialog] = React.useState(false);
-  const [activeStep, setActiveStep] = React.useState(args.activeStep || 0);
-  const [completedSteps, setCompletedSteps] = React.useState({
-    '0': false,
-    '1': false,
-    '2': false,
-  });
-
-  const handleNext = () => {
-    if (completedSteps[activeStep] === false) {
-      setOpenDialog(true);
-      return;
-    }
-    setActiveStep((prevStep) => prevStep + 1);
-  };
-
-  const handleBack = () => {
-    setActiveStep((prevStep) => prevStep - 1);
-  };
-
-  const handleClick = (idx) => {
-    setActiveStep(idx);
-  };
-
-  const handleMarkComplete = () => {
-    const newCompletedSteps = {...completedSteps};
-    for (let i = 0; i <= activeStep; i++) {
-      newCompletedSteps[i] = true;
-    }
-    setCompletedSteps(newCompletedSteps);
-  };
-
-  const handleMarkInComplete = () => {
-    const newCompletedSteps = {...completedSteps};
-    for (let i = activeStep; i <= 2; i++) {
-      newCompletedSteps[i] = false;
-    }
-    setCompletedSteps(newCompletedSteps);
-  };
-
-  React.useEffect(() => {
-    setActiveStep(args.activeStep || 0);
-  }, [args.activeStep]);
-
-  return (
-    <div className={css.container}>
-      <Stepper {...args} activeStep={activeStep}>
-        {stepsWithIcon.map((stepDetails, index) => (
-          <Step
-            key={stepDetails.id}
-            index={index}
-            iconName={stepDetails.iconName}
-            iconType={stepDetails.iconType}
-            onClick={handleClick}
-            completed={completedSteps[index]}
-          >
-            <StepLabel>{stepDetails.label}</StepLabel>
-            <StepContent>{stepDetails.description}</StepContent>
-          </Step>
-        ))}
-      </Stepper>
-      <div className={css.spacedActions}>
-        <div className={css.actionBlock}>
-          <Button
-            size="small"
-            type="secondary"
-            onClick={handleBack}
-            disabled={!(activeStep > 0)}
-            iconLeftName="arrow-left"
-          >
-            Back
-          </Button>
-          <Button
-            size="small"
-            type="secondary"
-            onClick={handleNext}
-            disabled={!(activeStep < steps.length - 1)}
-            iconRightName="arrow-right"
-          >
-            Next
-          </Button>
-        </div>
-        <div className={css.actionBlock}>
-          <Button
-            size="small"
-            type="primary"
-            onClick={handleMarkComplete}
-            iconLeftName="circle-check"
-            disabled={completedSteps[activeStep]}
-          >
-            Mark Complete
-          </Button>
-          <Button
-            size="small"
-            type="danger"
-            onClick={handleMarkInComplete}
-            iconLeftName="circle-xmark"
-            disabled={!completedSteps[activeStep]}
-          >
-            Mark Incomplete
-          </Button>
-        </div>
-      </div>
-
-      <BasicDialog
-        isOpen={openDialog}
-        abortText="Close"
-        body="Please mark the current step complete to move on to the next one!"
-        handleAbort={() => setOpenDialog(false)}
-        heading="Unable to proceed to next step"
-        semantic="danger"
-      />
-    </div>
-  );
-};
-
-_WithStepIcon.args = {
-  activeStep: 0,
-};
-*/

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}

package/lib/components/StickyBar/StickyBar.d.ts

@@ -1,15 +0,0 @@
-import { Flow } from 'flow-to-typescript-codemod';
-import * as React from 'react';
-export type StickyBarProps = {
-    className?: string;
-    children: React.ReactNode;
-    position?: 'top' | 'bottom';
-};
-export type StickyBarChildProps = {
-    className?: string;
-    children: React.ReactNode;
-};
-export declare const StickyBarLeftSlot: ({ className, children, ...props }: StickyBarChildProps) => React.JSX.Element;
-export declare const StickyBarRightSlot: ({ className, children, ...props }: StickyBarChildProps) => React.JSX.Element;
-export declare const StickyBar: Flow.AbstractComponent<StickyBarProps, HTMLDivElement>;
-//# sourceMappingURL=StickyBar.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StickyBar.d.ts","sourceRoot":"","sources":["../../../src/components/StickyBar/StickyBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAEhD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,mCAIG,mBAAmB,sBAGjB,CAAC;AAER,eAAO,MAAM,kBAAkB,GAC7B,mCAIG,mBAAmB,sBAGjB,CAAC;AAER,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CAwB3E,CAAC"}

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

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import type { StickyBarProps } from './';
-declare const _default: {
-    tags: string[];
-    title: string;
-    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<StickyBarProps, HTMLDivElement>;
-    argTypes: {
-        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 _StickyFooter: (args: StickyBarProps) => React.JSX.Element;
-export declare const _WithGrid: (args: StickyBarProps) => React.JSX.Element;
-//# sourceMappingURL=StickyBar.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StickyBar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/StickyBar/StickyBar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMvC,wBA8EE;AAEF,eAAO,MAAM,aAAa,GAAI,MAAM,cAAc,sBAW3C,CAAC;AAER,eAAO,MAAM,SAAS,GAAI,MAAM,cAAc,sBA8C1C,CAAC"}

package/lib/components/StickyBar/StickyBar.stories.js

@@ -1,141 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._WithGrid = exports._StickyFooter = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _Button = require("../Button");
-var _Grid = require("../Grid");
-var _Text = require("../Text");
-var _StickyBar = require("./StickyBar");
-var _StickyBarStoriesModule = _interopRequireDefault(require("./StickyBar.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); }
-var _default = exports.default = {
-  tags: ['autodocs'],
-  title: 'Components/Sticky Footer',
-  component: _StickyBar.StickyBar,
-  argTypes: {
-    classNames: {
-      description: 'Provide an optional className to be applied to the wrapper',
-      control: {
-        type: 'string'
-      },
-      table: {
-        type: {
-          summary: 'string'
-        }
-      }
-    }
-    // position: {
-    //   description: 'Position of the StickyBar',
-    //   options: ['top', 'bottom'],
-    //   control: {
-    //     type: 'select',
-    //   },
-    //   table: {
-    //     type: {
-    //       summary: 'string',
-    //     },
-    //     defaultValue: {
-    //       summary: 'bottom',
-    //     },
-    //   },
-    // },
-  },
-  parameters: {
-    docs: {
-      subtitle: 'Generates a StickyFooter component.',
-      description: {
-        component: `
-\`\`\`js
-import {
-  StickyBar,
-  StickyBarLeftSlot,
-  StickyBarRightSlot
-} from "@spaced-out/ui-design-system/lib/components/StickyBar";
-\`\`\`
-
-The \`StickyBar\` component is a flexible and customizable sticky bar that can be used
-to display content in a fixed position at bottom of the screen(You would need to set/manage the \`position\` attribute). It consists
-of two slots, one on the left and one on the right, where you can place children elements,
-such as buttons or icons.
-
-Slots:
-
-- \`StickyBarLeftSlot\`: Use this slot to place content on the left side of the \`StickyBar\`.
-- \`StickyBarRightSlot\`: Use this slot to place content on the right side of the \`StickyBar\`.
-
-Example Usage:
-
-\`\`\`jsx
-const MyComponent = () => (
-  <StickyBar>
-    <StickyBarLeftSlot>
-      <Button type="tertiary">Button Text</Button>
-      <Button type="ghost">Button Text</Button>
-    </StickyBarLeftSlot>
-    <StickyBarRightSlot>
-      <Button type="ghost">Button Text</Button>
-      <Button type="primary">Button Text</Button>
-    </StickyBarRightSlot>
-  </StickyBar>
-);
-\`\`\`
-        `
-      }
-    },
-    storySource: {
-      componentPath: '/src/components/StickyBar/StickyBar.jsx'
-    }
-  }
-};
-const _StickyFooter = args => /*#__PURE__*/React.createElement("div", {
-  className: _StickyBarStoriesModule.default.container
-}, /*#__PURE__*/React.createElement(_StickyBar.StickyBar, args, /*#__PURE__*/React.createElement(_StickyBar.StickyBarLeftSlot, null, /*#__PURE__*/React.createElement(_Button.Button, {
-  type: "tertiary"
-}, "Button Text"), /*#__PURE__*/React.createElement(_Button.Button, {
-  type: "ghost"
-}, "Button Text")), /*#__PURE__*/React.createElement(_StickyBar.StickyBarRightSlot, null, /*#__PURE__*/React.createElement(_Button.Button, {
-  type: "ghost"
-}, "Button Text"), /*#__PURE__*/React.createElement(_Button.Button, {
-  type: "primary"
-}, "Button Text"))));
-exports._StickyFooter = _StickyFooter;
-const _WithGrid = args => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-  className: _StickyBarStoriesModule.default.container
-}, /*#__PURE__*/React.createElement(_Text.BodySmall, {
-  color: "information"
-}, "Column Offset: 1, Column Span: 11"), /*#__PURE__*/React.createElement(_StickyBar.StickyBar, args, /*#__PURE__*/React.createElement(_Grid.Row, {
-  className: _StickyBarStoriesModule.default.noPadding
-}, /*#__PURE__*/React.createElement(_Grid.Col, {
-  offset: 1,
-  span: 11
-}, /*#__PURE__*/React.createElement(_StickyBar.StickyBarLeftSlot, null, /*#__PURE__*/React.createElement(_Button.Button, {
-  type: "ghost"
-}, "Cancel"), /*#__PURE__*/React.createElement(_Button.Button, null, "Save Changes")))))), /*#__PURE__*/React.createElement("div", {
-  className: _StickyBarStoriesModule.default.container
-}, /*#__PURE__*/React.createElement(_Text.BodySmall, {
-  color: "information"
-}, "Column Offset: 6, Column Span: 6"), /*#__PURE__*/React.createElement(_StickyBar.StickyBar, args, /*#__PURE__*/React.createElement(_Grid.Row, {
-  className: _StickyBarStoriesModule.default.noPadding
-}, /*#__PURE__*/React.createElement(_Grid.Col, {
-  offset: 6,
-  span: 6
-}, /*#__PURE__*/React.createElement(_StickyBar.StickyBarLeftSlot, null, /*#__PURE__*/React.createElement(_Button.Button, {
-  type: "ghost"
-}, "Cancel"), /*#__PURE__*/React.createElement(_Button.Button, null, "Save Changes")))))), /*#__PURE__*/React.createElement("div", {
-  className: _StickyBarStoriesModule.default.container
-}, /*#__PURE__*/React.createElement(_Text.BodySmall, {
-  color: "information"
-}, "Column Offset: 9, Column Span: 3"), /*#__PURE__*/React.createElement(_StickyBar.StickyBar, args, /*#__PURE__*/React.createElement(_Grid.Row, {
-  className: _StickyBarStoriesModule.default.noPadding
-}, /*#__PURE__*/React.createElement(_Grid.Col, {
-  offset: 9,
-  span: 3,
-  className: _StickyBarStoriesModule.default.stickRight
-}, /*#__PURE__*/React.createElement(_StickyBar.StickyBarRightSlot, null, /*#__PURE__*/React.createElement(_Button.Button, {
-  type: "ghost"
-}, "Cancel"), /*#__PURE__*/React.createElement(_Button.Button, null, "Save Changes")))))));
-exports._WithGrid = _WithGrid;

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

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

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

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

package/lib/components/SubMenu/SubMenu.d.ts

@@ -1,19 +0,0 @@
-import { Flow } from 'flow-to-typescript-codemod';
-import * as React from 'react';
-import type { IconSize, IconType } from '../Icon';
-type ClassNames = Readonly<{
-    wrapper?: string;
-}>;
-export type SubMenuProps = {
-    classNames?: ClassNames;
-    title: string;
-    titleIcon?: string;
-    titleIconSize?: IconSize;
-    titleIconType?: IconType;
-    children?: React.ReactNode;
-    onClose?: () => unknown;
-    showClose?: boolean;
-};
-export declare const SubMenu: Flow.AbstractComponent<SubMenuProps, HTMLDivElement>;
-export {};
-//# sourceMappingURL=SubMenu.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SubMenu.d.ts","sourceRoot":"","sources":["../../../src/components/SubMenu/SubMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAEhD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAC;AAOhD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,cAAc,CAiErE,CAAC"}