@mrshmllw/smores-react 4.0.0 → 5.0.0

package/dist/utils/flex.js

@@ -1,32 +1,49 @@
-import { resolveResponsiveProp } from './responsiveProp';
-import { resolveSpacing } from './space';
-export const flex = (props) => {
-    const { flex, direction, wrap, flow, justifyContent, alignItems, alignContent, gap, columnGap, rowGap, } = props;
-    return `
-    ${flex ? `display: flex;` : ''}
-    ${direction
-        ? resolveResponsiveProp(direction, (value) => `flex-direction: ${value};`)
-        : ''}
-    ${wrap ? `flex-wrap: ${wrap};` : ''}
-    ${flow ? `flex-flow: ${flow};` : ''}
-    ${justifyContent
-        ? resolveResponsiveProp(justifyContent, (value) => `justify-content: ${value};`)
-        : ''}
-    ${alignItems
-        ? resolveResponsiveProp(alignItems, (value) => `align-items: ${value};`)
-        : ''}
-    ${alignContent
-        ? resolveResponsiveProp(alignContent, (value) => `align-content: ${value};`)
-        : ''}
-    ${gap
-        ? resolveResponsiveProp(gap, (value) => `gap: ${resolveSpacing(value)};`)
-        : ''}
-    ${columnGap
-        ? resolveResponsiveProp(columnGap, (value) => `column-gap: ${resolveSpacing(value)};`)
-        : ''}
-    ${rowGap
-        ? resolveResponsiveProp(rowGap, (value) => `row-gap: ${resolveSpacing(value)};`)
-        : ''}
+import { resolveResponsiveProp } from './responsiveProp.js';
+import { resolveSpacing } from './space.js';
+
+const flex = (props) => {
+  const {
+    flex: flex2,
+    direction,
+    wrap,
+    flow,
+    justifyContent,
+    alignItems,
+    alignContent,
+    gap,
+    columnGap,
+    rowGap
+  } = props;
+  return `
+    ${flex2 ? `display: flex;` : ""}
+    ${direction ? resolveResponsiveProp(
+    direction,
+    (value) => `flex-direction: ${value};`
+  ) : ""}
+    ${wrap ? `flex-wrap: ${wrap};` : ""}
+    ${flow ? `flex-flow: ${flow};` : ""}
+    ${justifyContent ? resolveResponsiveProp(
+    justifyContent,
+    (value) => `justify-content: ${value};`
+  ) : ""}
+    ${alignItems ? resolveResponsiveProp(alignItems, (value) => `align-items: ${value};`) : ""}
+    ${alignContent ? resolveResponsiveProp(
+    alignContent,
+    (value) => `align-content: ${value};`
+  ) : ""}
+    ${gap ? resolveResponsiveProp(
+    gap,
+    (value) => `gap: ${resolveSpacing(value)};`
+  ) : ""}
+    ${columnGap ? resolveResponsiveProp(
+    columnGap,
+    (value) => `column-gap: ${resolveSpacing(value)};`
+  ) : ""}
+    ${rowGap ? resolveResponsiveProp(
+    rowGap,
+    (value) => `row-gap: ${resolveSpacing(value)};`
+  ) : ""}
   `;
 };
-//# sourceMappingURL=flex.js.map
+
+export { flex };

package/dist/utils/focusOutline.js

@@ -1,6 +1,9 @@
 import { css } from 'styled-components';
-import { theme } from '../theme';
-export const focusOutline = ({ selector = '&:focus-visible', } = {}) => css `
+import { theme } from '../theme.js';
+
+const focusOutline = ({
+  selector = "&:focus-visible"
+} = {}) => css`
   outline: 0;
 
   ${selector} {
@@ -8,10 +11,11 @@ export const focusOutline = ({ selector = '&:focus-visible', } = {}) => css `
     outline-offset: 2px;
   }
 `;
-export const focusOutlineStyle = css `
+const focusOutlineStyle = css`
   &:focus-visible {
     outline: 2px solid ${theme.colors.liquorice};
     outline-offset: 2px;
   }
 `;
-//# sourceMappingURL=focusOutline.js.map
+
+export { focusOutline, focusOutlineStyle };

package/dist/utils/id.js

@@ -1,13 +1,15 @@
 import { useMemo } from 'react';
+
 let idCount = 0;
-export const smoresIdPrefix = 'MM_SMORES';
+const smoresIdPrefix = "MM_SMORES";
 const createId = () => {
-    const id = `${smoresIdPrefix}_${idCount}`;
-    idCount += 1;
-    return id;
+  const id = `${smoresIdPrefix}_${idCount}`;
+  idCount += 1;
+  return id;
 };
-export const useUniqueId = (id) => {
-    const returnedId = useMemo(() => id || createId(), [id]);
-    return returnedId;
+const useUniqueId = (id) => {
+  const returnedId = useMemo(() => id || createId(), [id]);
+  return returnedId;
 };
-//# sourceMappingURL=id.js.map
+
+export { smoresIdPrefix, useUniqueId };

package/dist/utils/isReactElement.js

@@ -1,5 +1,7 @@
 import { isValidElement } from 'react';
-export const isReactElement = (obj) => {
-    return isValidElement(obj);
+
+const isReactElement = (obj) => {
+  return isValidElement(obj);
 };
-//# sourceMappingURL=isReactElement.js.map
+
+export { isReactElement };

package/dist/utils/measure.js

@@ -1,12 +1,13 @@
-export const measure = (props) => {
-    const { width, height, maxWidth, minWidth, minHeight, maxHeight } = props;
-    return `
-    ${width ? `width: ${width};` : ''}
-    ${maxWidth ? `max-width: ${maxWidth};` : ''}
-    ${minWidth ? `min-width: ${minWidth};` : ''}
-    ${height ? `height: ${height};` : ''}
-    ${minHeight ? `min-height: ${minHeight};` : ''}
-    ${maxHeight ? `max-height: ${maxHeight};` : ''}
+const measure = (props) => {
+  const { width, height, maxWidth, minWidth, minHeight, maxHeight } = props;
+  return `
+    ${width ? `width: ${width};` : ""}
+    ${maxWidth ? `max-width: ${maxWidth};` : ""}
+    ${minWidth ? `min-width: ${minWidth};` : ""}
+    ${height ? `height: ${height};` : ""}
+    ${minHeight ? `min-height: ${minHeight};` : ""}
+    ${maxHeight ? `max-height: ${maxHeight};` : ""}
   `;
 };
-//# sourceMappingURL=measure.js.map
+
+export { measure };

package/dist/utils/responsiveProp.js

@@ -1,31 +1,30 @@
 const breakpointToMinPxMapping = {
-    small: 0,
-    medium: 768,
-    large: 1024,
+  small: 0,
+  medium: 768,
+  large: 1024
 };
 const breakpointList = Object.keys(breakpointToMinPxMapping);
 const isPropByBreakpoint = (value) => {
-    return (typeof value === 'object' &&
-        value !== null &&
-        breakpointList.includes(Object.keys(value)[0]));
+  return typeof value === "object" && value !== null && breakpointList.includes(Object.keys(value)[0]);
 };
-export const resolveResponsiveProp = (value, styleTemplate) => {
-    if (!isPropByBreakpoint(value)) {
-        return `
+const resolveResponsiveProp = (value, styleTemplate) => {
+  if (!isPropByBreakpoint(value)) {
+    return `
       @media (min-width: ${breakpointToMinPxMapping.small}px) {
         ${styleTemplate(value)}
       }
     `;
-    }
-    const breakpointUsed = Object.keys(value);
-    let style = '';
-    breakpointUsed.forEach((breakpoint) => {
-        style += `
+  }
+  const breakpointUsed = Object.keys(value);
+  let style = "";
+  breakpointUsed.forEach((breakpoint) => {
+    style += `
         @media (min-width: ${breakpointToMinPxMapping[breakpoint]}px) {
           ${styleTemplate(value[breakpoint])}
         }
       `;
-    });
-    return style;
+  });
+  return style;
 };
-//# sourceMappingURL=responsiveProp.js.map
+
+export { resolveResponsiveProp };

package/dist/utils/space.js

@@ -1,75 +1,91 @@
-import { resolveResponsiveProp } from './responsiveProp';
-export const resolveSpacing = (value) => {
-    if (typeof value === 'string') {
-        return value;
-    }
-    if (typeof value.custom === 'string') {
-        return value.custom;
-    }
-    return `${value.custom}px`;
+import { resolveResponsiveProp } from './responsiveProp.js';
+
+const resolveSpacing = (value) => {
+  if (typeof value === "string") {
+    return value;
+  }
+  if (typeof value.custom === "string") {
+    return value.custom;
+  }
+  return `${value.custom}px`;
 };
-export const margin = (props) => {
-    const { m, mx, my, ml, mr, mt, mb } = props;
-    return `
-    ${m
-        ? resolveResponsiveProp(m, (value) => `margin: ${resolveSpacing(value)};`)
-        : ''}
-    ${mx
-        ? resolveResponsiveProp(mx, (value) => `
+const margin = (props) => {
+  const { m, mx, my, ml, mr, mt, mb } = props;
+  return `
+    ${m ? resolveResponsiveProp(
+    m,
+    (value) => `margin: ${resolveSpacing(value)};`
+  ) : ""}
+    ${mx ? resolveResponsiveProp(
+    mx,
+    (value) => `
         margin-left: ${resolveSpacing(value)};
         margin-right: ${resolveSpacing(value)};
-      `)
-        : ''}
-    ${my
-        ? resolveResponsiveProp(my, (value) => `
+      `
+  ) : ""}
+    ${my ? resolveResponsiveProp(
+    my,
+    (value) => `
         margin-top: ${resolveSpacing(value)};
         margin-bottom: ${resolveSpacing(value)};
-      `)
-        : ''}
-    ${ml
-        ? resolveResponsiveProp(ml, (value) => `margin-left: ${resolveSpacing(value)};`)
-        : ''}
-    ${mr
-        ? resolveResponsiveProp(mr, (value) => `margin-right: ${resolveSpacing(value)};`)
-        : ''}
-    ${mt
-        ? resolveResponsiveProp(mt, (value) => `margin-top: ${resolveSpacing(value)};`)
-        : ''}
-    ${mb
-        ? resolveResponsiveProp(mb, (value) => `margin-bottom: ${resolveSpacing(value)};`)
-        : ''}
+      `
+  ) : ""}
+    ${ml ? resolveResponsiveProp(
+    ml,
+    (value) => `margin-left: ${resolveSpacing(value)};`
+  ) : ""}
+    ${mr ? resolveResponsiveProp(
+    mr,
+    (value) => `margin-right: ${resolveSpacing(value)};`
+  ) : ""}
+    ${mt ? resolveResponsiveProp(
+    mt,
+    (value) => `margin-top: ${resolveSpacing(value)};`
+  ) : ""}
+    ${mb ? resolveResponsiveProp(
+    mb,
+    (value) => `margin-bottom: ${resolveSpacing(value)};`
+  ) : ""}
   `;
 };
-export const padding = (props) => {
-    const { p, px, py, pl, pr, pt, pb } = props;
-    return `
-    ${p
-        ? resolveResponsiveProp(p, (value) => `padding: ${resolveSpacing(value)};`)
-        : ''}
-    ${px
-        ? resolveResponsiveProp(px, (value) => `
+const padding = (props) => {
+  const { p, px, py, pl, pr, pt, pb } = props;
+  return `
+    ${p ? resolveResponsiveProp(
+    p,
+    (value) => `padding: ${resolveSpacing(value)};`
+  ) : ""}
+    ${px ? resolveResponsiveProp(
+    px,
+    (value) => `
         padding-left: ${resolveSpacing(value)};
         padding-right: ${resolveSpacing(value)};
-      `)
-        : ''}
-    ${py
-        ? resolveResponsiveProp(py, (value) => `
+      `
+  ) : ""}
+    ${py ? resolveResponsiveProp(
+    py,
+    (value) => `
         padding-top: ${resolveSpacing(value)};
         padding-bottom: ${resolveSpacing(value)};
-      `)
-        : ''}
-    ${pl
-        ? resolveResponsiveProp(pl, (value) => `padding-left: ${resolveSpacing(value)};`)
-        : ''}
-    ${pr
-        ? resolveResponsiveProp(pr, (value) => `padding-right: ${resolveSpacing(value)};`)
-        : ''}
-    ${pt
-        ? resolveResponsiveProp(pt, (value) => `padding-top: ${resolveSpacing(value)};`)
-        : ''}
-    ${pb
-        ? resolveResponsiveProp(pb, (value) => `padding-bottom: ${resolveSpacing(value)};`)
-        : ''}
+      `
+  ) : ""}
+    ${pl ? resolveResponsiveProp(
+    pl,
+    (value) => `padding-left: ${resolveSpacing(value)};`
+  ) : ""}
+    ${pr ? resolveResponsiveProp(
+    pr,
+    (value) => `padding-right: ${resolveSpacing(value)};`
+  ) : ""}
+    ${pt ? resolveResponsiveProp(
+    pt,
+    (value) => `padding-top: ${resolveSpacing(value)};`
+  ) : ""}
+    ${pb ? resolveResponsiveProp(
+    pb,
+    (value) => `padding-bottom: ${resolveSpacing(value)};`
+  ) : ""}
   `;
 };
-//# sourceMappingURL=space.js.map
+
+export { margin, padding, resolveSpacing };

package/dist/utils/useControlledState.js

@@ -1,13 +1,21 @@
-import { useCallback, useState } from 'react';
-export const useControllableState = ({ initialState, stateProp, }) => {
-    const [state, setState] = useState(initialState);
-    const returnedState = stateProp !== undefined ? stateProp : state;
-    const returnedSetState = useCallback((nextState) => {
-        if (stateProp !== undefined) {
-            return;
-        }
-        setState(nextState);
-    }, [state, stateProp]);
-    return [returnedState, returnedSetState];
+import { useState, useCallback } from 'react';
+
+const useControllableState = ({
+  initialState,
+  stateProp
+}) => {
+  const [state, setState] = useState(initialState);
+  const returnedState = stateProp !== void 0 ? stateProp : state;
+  const returnedSetState = useCallback(
+    (nextState) => {
+      if (stateProp !== void 0) {
+        return;
+      }
+      setState(nextState);
+    },
+    [state, stateProp]
+  );
+  return [returnedState, returnedSetState];
 };
-//# sourceMappingURL=useControlledState.js.map
+
+export { useControllableState };

package/dist/utils/visuallyHidden.js

@@ -1,8 +1,4 @@
-/**
- * Hide element visually but still have it accessible for assitive device
- * @link https://www.a11yproject.com/posts/how-to-hide-content/
- */
-export const visuallyHidden = `
+const visuallyHidden = `
   clip: rect(0 0 0 0);
   clip-path: inset(50%);
   height: 1px;
@@ -11,4 +7,5 @@ export const visuallyHidden = `
   white-space: nowrap;
   width: 1px;
 `;
-//# sourceMappingURL=visuallyHidden.js.map
+
+export { visuallyHidden };

package/package.json

@@ -1,7 +1,10 @@
 {
   "name": "@mrshmllw/smores-react",
-  "version": "4.0.0",
+  "version": "5.0.0",
+  "type": "module",
   "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "description": "Collection of React components used by Marshmallow Technology",
   "keywords": [
     "react",
@@ -13,17 +16,17 @@
     "dist"
   ],
   "scripts": {
+    "build": "vite build",
     "build-storybook": "storybook build -c .storybook -s public",
     "check-types": "tsc --noEmit",
     "deploy-storybook": "storybook-to-ghpages",
-    "prepublishOnly": "tsc",
-    "preview-release": "semantic-release --dry-run",
+    "prepublishOnly": "vite build",
     "start": "npm run storybook",
     "storybook": "storybook dev -p 6006",
-    "test:coverage": "jest --coverage --silent",
-    "test:watch": "jest --watch --silent",
-    "test": "jest --silent",
-    "updateSnaps": "jest --updateSnapshot",
+    "test:coverage": "vitest --coverage --silent",
+    "test:watch": "vitest --watch --silent",
+    "test": "vitest --silent",
+    "updateSnaps": "vitest --u",
     "snyk-protect": "snyk-protect",
     "prepare": "npm run snyk-protect && husky install",
     "pre-commit-lint": "npm run check-types && lint-staged",
@@ -45,32 +48,26 @@
     "@storybook/react": "^7.0.6",
     "@storybook/react-vite": "^7.0.6",
     "@storybook/storybook-deployer": "^2.8.16",
-    "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^14.0.0",
     "@types/body-scroll-lock": "^3.1.0",
-    "@types/jest": "^29.0.0",
     "@types/node": "^20.1.2",
     "@types/react": "^18.0.24",
     "@types/react-dom": "^18.0.8",
     "@types/styled-components": "^5.1.3",
-    "@types/testing-library__jest-dom": "^5.14.3",
+    "@types/svgo": "^3.0.0",
     "@types/testing-library__react": "^10.2.0",
     "@types/uuid": "^9.0.5",
     "@typescript-eslint/eslint-plugin": "^6.0.0",
     "@typescript-eslint/parser": "^6.2.0",
+    "@vitejs/plugin-react": "^4.2.1",
     "babel-eslint": "^10.1.0",
-    "babel-jest": "^29.0.2",
     "babel-loader": "^9.1.0",
     "conventional-changelog-conventionalcommits": "^7.0.2",
     "eslint": "^7.9.0",
     "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-jest": "^27.0.1",
     "eslint-plugin-react": "^7.29.2",
     "eslint-plugin-react-hooks": "^4.1.2",
     "husky": "^8.0.1",
-    "jest": "^29.0.2",
-    "jest-environment-jsdom": "^29.0.2",
-    "jest-styled-components": "^7.0.3",
     "lint-staged": "^15.1.0",
     "prettier": "^3.0.0",
     "react": "^18.2.0",
@@ -78,7 +75,11 @@
     "semantic-release": "^22.0.8",
     "storybook": "^7.0.6",
     "styled-components": "^5.2.1",
-    "typescript": "^5.0.2"
+    "typescript": "^5.0.2",
+    "vite": "^5.0.12",
+    "vite-plugin-dts": "^3.7.0",
+    "vite-plugin-svgr": "^4.2.0",
+    "vitest": "^1.2.2"
   },
   "dependencies": {
     "body-scroll-lock": "^4.0.0-beta.0",

package/dist/Accordion/Accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.tsx"],"names":[],"mappings":"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"}

package/dist/Accordion/Accordion.stories.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { AccordionProps } from './Accordion';
-declare const _default: {
-    title: string;
-    component: React.FC<AccordionProps>;
-};
-export default _default;
-export declare const Default: any;
-export declare const Collection: any;

package/dist/Accordion/Accordion.stories.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import { Accordion } from './Accordion';
-import { CollectionPage } from './Collection';
-export default {
-    title: 'Accordion',
-    component: Accordion,
-};
-const Template = (props) => (React.createElement(Accordion, { ...props, title: "How it works" }, "Lots of brilliant information about this beautiful component"));
-export const Default = Template.bind({});
-export const Collection = CollectionPage.bind({});
-//# sourceMappingURL=Accordion.stories.js.map

package/dist/Accordion/Accordion.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.stories.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,eAAe;IACb,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,SAAS;CACrB,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAqB,EAAE,EAAE,CAAC,CAC1C,oBAAC,SAAS,OAAK,KAAK,EAAE,KAAK,EAAC,cAAc,mEAE9B,CACb,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,MAAM,CAAC,MAAM,UAAU,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/dist/Accordion/Collection.d.ts

@@ -1,2 +0,0 @@
-import { FC } from 'react';
-export declare const CollectionPage: FC;

package/dist/Accordion/Collection.js

@@ -1,52 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import { Text } from '../Text';
-import { Box } from '../Box';
-import { Accordion } from './Accordion';
-const accordionList = [
-    {
-        children: 'Lots of brilliant information about this beautiful component',
-        title: 'How it works',
-    },
-    {
-        children: 'Lots of brilliant information about this beautiful component',
-        title: 'How it works',
-        subTitle: 'subtitle',
-    },
-    {
-        children: 'Lots of brilliant information about this beautiful component',
-        title: 'How it works',
-        filledBackground: true,
-    },
-    {
-        children: 'Lots of brilliant information about this beautiful component',
-        title: 'How it works',
-        subTitle: 'subtitle',
-        filledBackground: true,
-    },
-];
-export const CollectionPage = () => {
-    return (React.createElement(Wrapper, null,
-        React.createElement(Section, { label: "Default" }, accordionList.map((props, index) => (React.createElement(Accordion, { key: index, ...props })))),
-        React.createElement(Section, { label: "Border Top" }, accordionList.map((props, index) => (React.createElement(Accordion, { key: index, ...props, borderTop: true })))),
-        React.createElement(Section, { label: "Full Border" }, accordionList.map((props, index) => (React.createElement(Accordion, { key: index, ...props, fullBorder: true }))))));
-};
-const Wrapper = styled(Box) `
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 40px;
-  width: 100%;
-`;
-const Section = ({ label, children, }) => {
-    return (React.createElement(Box, { width: "100%", mb: "16px" },
-        React.createElement(Box, { mb: "16px" },
-            React.createElement(Text, { tag: "span", typo: "header-small" }, label)),
-        React.createElement(Column, null, children)));
-};
-const Column = styled(Box) `
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-`;
-//# sourceMappingURL=Collection.js.map

package/dist/Accordion/Collection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Collection.js","sourceRoot":"","sources":["../../src/Accordion/Collection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAA;AAEvD,MAAM,aAAa,GAA0B;IAC3C;QACE,QAAQ,EAAE,8DAA8D;QACxE,KAAK,EAAE,cAAc;KACtB;IACD;QACE,QAAQ,EAAE,8DAA8D;QACxE,KAAK,EAAE,cAAc;QACrB,QAAQ,EAAE,UAAU;KACrB;IACD;QACE,QAAQ,EAAE,8DAA8D;QACxE,KAAK,EAAE,cAAc;QACrB,gBAAgB,EAAE,IAAI;KACvB;IACD;QACE,QAAQ,EAAE,8DAA8D;QACxE,KAAK,EAAE,cAAc;QACrB,QAAQ,EAAE,UAAU;QACpB,gBAAgB,EAAE,IAAI;KACvB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAO,GAAG,EAAE;IACrC,OAAO,CACL,oBAAC,OAAO;QACN,oBAAC,OAAO,IAAC,KAAK,EAAC,SAAS,IACrB,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,oBAAC,SAAS,IAAC,GAAG,EAAE,KAAK,KAAM,KAAK,GAAI,CACrC,CAAC,CACM;QACV,oBAAC,OAAO,IAAC,KAAK,EAAC,YAAY,IACxB,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,oBAAC,SAAS,IAAC,GAAG,EAAE,KAAK,KAAM,KAAK,EAAE,SAAS,EAAE,IAAI,GAAI,CACtD,CAAC,CACM;QACV,oBAAC,OAAO,IAAC,KAAK,EAAC,aAAa,IACzB,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,oBAAC,SAAS,IAAC,GAAG,EAAE,KAAK,KAAM,KAAK,EAAE,UAAU,EAAE,IAAI,GAAI,CACvD,CAAC,CACM,CACF,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;CAM1B,CAAA;AAED,MAAM,OAAO,GAAgD,CAAC,EAC5D,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM;QACzB,oBAAC,GAAG,IAAC,EAAE,EAAC,MAAM;YACZ,oBAAC,IAAI,IAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,IACjC,KAAK,CACD,CACH;QACN,oBAAC,MAAM,QAAE,QAAQ,CAAU,CACvB,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;CAIzB,CAAA"}

package/dist/Accordion/__tests__/Accordion.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/Accordion/__tests__/Accordion.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import 'jest-styled-components';
-import { Accordion } from '../Accordion';
-test('renders', () => {
-    const { container } = render(React.createElement(Accordion, { title: "How it works" }, "Lots of brilliant information about this beautiful component"));
-    expect(container.firstChild).toMatchSnapshot();
-});
-//# sourceMappingURL=Accordion.js.map

package/dist/Accordion/__tests__/Accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/Accordion/__tests__/Accordion.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,wBAAwB,CAAA;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE;IACnB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,SAAS,IAAC,KAAK,EAAC,cAAc,mEAEnB,CACb,CAAA;IACD,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAA;AAChD,CAAC,CAAC,CAAA"}

package/dist/Accordion/index.js

@@ -1,2 +0,0 @@
-export * from './Accordion';
-//# sourceMappingURL=index.js.map

package/dist/Accordion/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/dist/ActionDropdown/ActionDropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionDropdown.js","sourceRoot":"","sources":["../../src/ActionDropdown/ActionDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAkB,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7C,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AAgBvC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EACtD,EAAE,EACF,SAAS,GAAG,EAAE,EACd,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,GAAG,WAAW,EACf,EAAE,EAAE;IACH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,OAAO,CACL,oBAAC,SAAS,IACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,KACjD,WAAW;QAEd,KAAK,IAAI,CACR,oBAAC,IAAI,IAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,IAC1C,KAAK,CACD,CACR;QAED,oBAAC,KAAK,IACJ,IAAI,EAAE,KAAK,CAAC,SAAS,IAAI,WAAW,EACpC,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,QAAQ;YAE7B,oBAAC,cAAc,QAAE,KAAK,CAAC,KAAK,CAAkB;YAC9C,oBAAC,IAAI,IACH,MAAM,EAAC,OAAO,EACd,KAAK,EAAE,KAAK,CAAC,SAAS,IAAI,QAAQ,EAClC,IAAI,EAAE,EAAE,EACR,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GACtB,CACI;QACR,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI;YACxB,oBAAC,IAAI,IAAC,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,GAAI,CAChC,CACP,CACb,CAAA;AACH,CAAC,CAAA;AAOD,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CACtB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;aACV,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;wBACP,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;;;;;;;;;;;;GAYrC,CACF,CAAA;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;CAMjC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;;;CAS5B,CAAA;AAMD,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAC/B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;eAKJ,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;kBACpB,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;wBACjB,KAAK,CAAC,MAAM,CAAC,OAAO;kBAC1B,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;;;GAGvC,CACF,CAAA"}

package/dist/ActionDropdown/ActionDropdown.stories.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.FC<import("./ActionDropdown").ActionDropdownProps>;
-};
-export default _default;
-export declare const Default: any;