@mrshmllw/smores-react 3.0.6 → 3.1.2

package/dist/fields/Fieldset/Fieldset.stories.js

@@ -11,14 +11,24 @@ const defaultArgs = {
     renderAsTitle: true,
     required: false,
 };
-const Template = (props) => (React.createElement(Fieldset, Object.assign({}, props),
+const Template = (props) => (React.createElement(Fieldset, { ...props },
     React.createElement(Placeholder, null)));
 export const Default = Template.bind({});
 Default.args = defaultArgs;
 export const WithError = Template.bind({});
-WithError.args = Object.assign(Object.assign({}, defaultArgs), { error: true, errorMsg: 'This is an error message describing what is wrong' });
+WithError.args = {
+    ...defaultArgs,
+    error: true,
+    errorMsg: 'This is an error message describing what is wrong',
+};
 export const WithSmallLabel = Template.bind({});
-WithSmallLabel.args = Object.assign(Object.assign({}, defaultArgs), { renderAsTitle: false });
+WithSmallLabel.args = {
+    ...defaultArgs,
+    renderAsTitle: false,
+};
 export const WithCompletedStatus = Template.bind({});
-WithCompletedStatus.args = Object.assign(Object.assign({}, defaultArgs), { showCompletedStatus: true });
+WithCompletedStatus.args = {
+    ...defaultArgs,
+    showCompletedStatus: true,
+};
 //# sourceMappingURL=Fieldset.stories.js.map

package/dist/fields/Fieldset/Fieldset.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.stories.js","sourceRoot":"","sources":["../../../src/fields/Fieldset/Fieldset.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAA;AAEpD,eAAe;IACb,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,QAAQ;CACpB,CAAA;AAED,MAAM,WAAW,GAAkB;IACjC,KAAK,EAAE,gBAAgB;IACvB,aAAa,EAAE,sCAAsC;IACrD,aAAa,EAAE,IAAI;IACnB,QAAQ,EAAE,KAAK;CAChB,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC,CACzC,oBAAC,QAAQ,oBAAK,KAAK;IACjB,oBAAC,WAAW,OAAG,CACN,CACZ,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG,WAAW,CAAA;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE1C,SAAS,CAAC,IAAI,mCACT,WAAW,KACd,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,mDAAmD,GAC9D,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE/C,cAAc,CAAC,IAAI,mCACd,WAAW,KACd,aAAa,EAAE,KAAK,GACrB,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEpD,mBAAmB,CAAC,IAAI,mCACnB,WAAW,KACd,mBAAmB,EAAE,IAAI,GAC1B,CAAA"}
+{"version":3,"file":"Fieldset.stories.js","sourceRoot":"","sources":["../../../src/fields/Fieldset/Fieldset.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAA;AAEpD,eAAe;IACb,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,QAAQ;CACpB,CAAA;AAED,MAAM,WAAW,GAAkB;IACjC,KAAK,EAAE,gBAAgB;IACvB,aAAa,EAAE,sCAAsC;IACrD,aAAa,EAAE,IAAI;IACnB,QAAQ,EAAE,KAAK;CAChB,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC,CACzC,oBAAC,QAAQ,OAAK,KAAK;IACjB,oBAAC,WAAW,OAAG,CACN,CACZ,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG,WAAW,CAAA;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE1C,SAAS,CAAC,IAAI,GAAG;IACf,GAAG,WAAW;IACd,KAAK,EAAE,IAAI;IACX,QAAQ,EAAE,mDAAmD;CAC9D,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE/C,cAAc,CAAC,IAAI,GAAG;IACpB,GAAG,WAAW;IACd,aAAa,EAAE,KAAK;CACrB,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEpD,mBAAmB,CAAC,IAAI,GAAG;IACzB,GAAG,WAAW;IACd,mBAAmB,EAAE,IAAI;CAC1B,CAAA"}

package/dist/fields/Fieldset/index.d.ts

@@ -1 +1 @@
-export { Fieldset, FieldsetProps } from './Fieldset';
+export * from './Fieldset';

package/dist/fields/Fieldset/index.js

@@ -1,2 +1,2 @@
-export { Fieldset } from './Fieldset';
+export * from './Fieldset';
 //# sourceMappingURL=index.js.map

package/dist/fields/Fieldset/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/fields/Fieldset/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/fields/Fieldset/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/dist/fields/components/InternalField.js

@@ -1,23 +1,11 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from 'react';
 import styled, { css } from 'styled-components';
 import { Text } from '../../Text';
 import { Box } from '../../Box';
 import { Icon } from '../../Icon';
-export const InternalField = (_a) => {
-    var { children, fieldType, renderAsTitle, htmlFor, className, label, assistiveText, error, errorMsg, required, completed } = _a, marginProps = __rest(_a, ["children", "fieldType", "renderAsTitle", "htmlFor", "className", "label", "assistiveText", "error", "errorMsg", "required", "completed"]);
+export const InternalField = ({ children, fieldType, renderAsTitle, htmlFor, className, label, assistiveText, error, errorMsg, required, completed, ...marginProps }) => {
     const labelTag = fieldType === 'field' ? 'label' : 'legend';
-    return (React.createElement(Container, Object.assign({ as: fieldType === 'field' ? 'div' : 'fieldset', className: className }, marginProps),
+    return (React.createElement(Container, { as: fieldType === 'field' ? 'div' : 'fieldset', className: className, ...marginProps },
         label && (React.createElement(React.Fragment, null, renderAsTitle ? (React.createElement(Box, { mb: "16px" },
             React.createElement(Text, { tag: labelTag, typo: "heading-small", htmlFor: htmlFor }, label),
             assistiveText && (React.createElement(Text, { tag: "p", color: "sesame", mt: { custom: 4 } }, assistiveText)))) : (React.createElement(Text, { tag: labelTag, typo: "label", color: error ? 'strawberry' : 'sesame', htmlFor: htmlFor, mb: { custom: 4 } },

package/dist/fields/components/InternalField.js.map

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

package/dist/utils/id.test.js

@@ -1,30 +1,21 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { renderHook } from '@testing-library/react';
 import { smoresIdPrefix, useUniqueId } from './id';
 describe('useUniqueId', () => {
-    it('should persist the same id across render', () => __awaiter(void 0, void 0, void 0, function* () {
+    it('should persist the same id across render', async () => {
         const hook = renderHook(() => useUniqueId());
         expect(hook.result.current).toBe(`${smoresIdPrefix}_0`);
         hook.rerender();
         expect(hook.result.current).toBe(`${smoresIdPrefix}_0`);
-    }));
-    it('should have different id if called from different instance', () => __awaiter(void 0, void 0, void 0, function* () {
+    });
+    it('should have different id if called from different instance', async () => {
         const hook1 = renderHook(() => useUniqueId());
         const hook2 = renderHook(() => useUniqueId());
         expect(hook1.result.current).not.toBe(hook2.result.current);
-    }));
-    it('should keep to provided id if present', () => __awaiter(void 0, void 0, void 0, function* () {
+    });
+    it('should keep to provided id if present', async () => {
         const someRandomId = 'someRandomId';
         const hook = renderHook(() => useUniqueId(someRandomId));
         expect(hook.result.current).toBe(someRandomId);
-    }));
+    });
 });
 //# sourceMappingURL=id.test.js.map

package/dist/utils/id.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"id.test.js","sourceRoot":"","sources":["../../src/utils/id.test.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAEnD,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,MAAM,CAAA;AAElD,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,0CAA0C,EAAE,GAAS,EAAE;QACxD,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;QAE5C,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,cAAc,IAAI,CAAC,CAAA;QACvD,IAAI,CAAC,QAAQ,EAAE,CAAA;QACf,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,cAAc,IAAI,CAAC,CAAA;IACzD,CAAC,CAAA,CAAC,CAAA;IAEF,EAAE,CAAC,4DAA4D,EAAE,GAAS,EAAE;QAC1E,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;QAC7C,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;QAE7C,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;IAC7D,CAAC,CAAA,CAAC,CAAA;IAEF,EAAE,CAAC,uCAAuC,EAAE,GAAS,EAAE;QACrD,MAAM,YAAY,GAAG,cAAc,CAAA;QACnC,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAA;QAExD,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IAChD,CAAC,CAAA,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}
+{"version":3,"file":"id.test.js","sourceRoot":"","sources":["../../src/utils/id.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAEnD,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,MAAM,CAAA;AAElD,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;QAE5C,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,cAAc,IAAI,CAAC,CAAA;QACvD,IAAI,CAAC,QAAQ,EAAE,CAAA;QACf,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,cAAc,IAAI,CAAC,CAAA;IACzD,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,4DAA4D,EAAE,KAAK,IAAI,EAAE;QAC1E,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;QAC7C,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;QAE7C,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;IAC7D,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,YAAY,GAAG,cAAc,CAAA;QACnC,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAA;QAExD,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IAChD,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@mrshmllw/smores-react",
-  "version": "3.0.6",
+  "version": "3.1.2",
   "main": "./dist/index.js",
+  "type": "module",
   "description": "Collection of React components used by Marshmallow Technology",
   "keywords": [
     "react",
@@ -19,7 +20,7 @@
     "prepublishOnly": "tsc",
     "publish-npm": "npm publish --access public",
     "start": "npm run storybook",
-    "storybook": "storybook dev -p 6006 ",
+    "storybook": "storybook dev -p 6006",
     "test:coverage": "jest --coverage --silent",
     "test:watch": "jest --watch --silent",
     "test": "jest --silent",
@@ -37,8 +38,9 @@
     "@babel/preset-typescript": "^7.18.6",
     "@snyk/protect": "^1.881.0",
     "@storybook/addon-essentials": "^7.0.6",
+    "@storybook/builder-vite": "^7.0.6",
     "@storybook/react": "^7.0.6",
-    "@storybook/react-webpack5": "^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",

package/dist/Button/LegacyButton.d.ts

@@ -1,15 +0,0 @@
-import React, { FC, ReactNode } from 'react';
-import { Color } from '../theme';
-type Props = {
-    children: ReactNode;
-    id?: string;
-    className?: string;
-    color?: Color;
-    block?: boolean;
-    inverted?: boolean;
-    disabled?: boolean;
-    outlined?: boolean;
-    handleClick: (e: React.FormEvent<HTMLButtonElement>) => void;
-};
-export declare const LegacyButton: FC<Props>;
-export {};

package/dist/Button/LegacyButton.js

@@ -1,50 +0,0 @@
-import React from 'react';
-import styled, { css } from 'styled-components';
-import { theme } from '../theme';
-export const LegacyButton = ({ children, id, className = '', color = 'secondary', block = false, inverted = false, disabled = false, outlined = false, handleClick, }) => (React.createElement(Container, { id: id, className: className, color: color, block: block, inverted: inverted, disabled: disabled, outlined: outlined, onClick: handleClick }, children));
-const Container = styled.button(({ block, color, inverted, outlined }) => css `
-    position: relative;
-    display: inline-block;
-    box-sizing: border-box;
-    border: none;
-    border-radius: 8px;
-    font-size: 16px;
-    padding: 18px 16px 14px;
-    outline: none;
-    cursor: pointer;
-    width: ${block ? '100%' : 'auto'};
-    background-color: ${theme.colors[color]};
-    color: ${theme.colors.white};
-    font-weight: ${theme.font.weight.medium};
-
-    &:hover:not([disabled]) {
-      background-color: ${theme.colors[color]};
-    }
-    &:active:not([disabled]) {
-      background-color: ${theme.colors[color]};
-    }
-    &:disabled {
-      opacity: 0.5;
-      cursor: not-allowed;
-    }
-
-    ${(inverted || outlined) &&
-    css `
-      background-color: transparent;
-      border: 1px solid ${outlined ? theme.colors.outline : 'transparent'};
-      color: ${outlined ? theme.colors.secondary : theme.colors[color]};
-
-      &:hover:not([disabled]) {
-        background-color: ${theme.colors.background};
-      }
-      &:active:not([disabled]) {
-        background-color: ${theme.colors.background};
-      }
-    `};
-
-    @media (min-width: 768px) {
-      padding: 16px 16px 15px;
-      font-size: 16px;
-    }
-  `);
-//# sourceMappingURL=LegacyButton.js.map

package/dist/Button/LegacyButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LegacyButton.js","sourceRoot":"","sources":["../../src/Button/LegacyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AA+BvC,MAAM,CAAC,MAAM,YAAY,GAAc,CAAC,EACtC,QAAQ,EACR,EAAE,EACF,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,WAAW,EACnB,KAAK,GAAG,KAAK,EACb,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,WAAW,GACZ,EAAE,EAAE,CAAC,CACJ,oBAAC,SAAS,IACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,IAEnB,QAAQ,CACC,CACb,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAC7B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;;;;;;aAUlC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;wBACZ,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;aAC9B,KAAK,CAAC,MAAM,CAAC,KAAK;mBACZ,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;;0BAGjB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;;;0BAGnB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;;;;;;;MAOvC,CAAC,QAAQ,IAAI,QAAQ,CAAC;IACxB,GAAG,CAAA;;0BAEmB,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa;eAC1D,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;;;4BAG1C,KAAK,CAAC,MAAM,CAAC,UAAU;;;4BAGvB,KAAK,CAAC,MAAM,CAAC,UAAU;;KAE9C;;;;;;GAMF,CACF,CAAA"}

package/dist/ConfirmationRadioButtons/Confirmation.d.ts

@@ -1,17 +0,0 @@
-import { FC, FocusEvent, ReactElement } from 'react';
-import { MarginProps } from '../utils/space';
-export type ConfirmationProps = {
-    onChange(value?: boolean): void;
-    checked?: boolean;
-    id?: string;
-    error?: boolean;
-    errorMsg?: string;
-    label?: string;
-    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
-    sublabel?: string | ReactElement;
-    yesLabel?: string | ReactElement;
-    noLabel?: string | ReactElement;
-    required?: boolean;
-    disabled?: boolean;
-} & MarginProps;
-export declare const Confirmation: FC<ConfirmationProps>;

package/dist/ConfirmationRadioButtons/Confirmation.js

@@ -1,100 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import styled, { css } from 'styled-components';
-import { theme } from '../theme';
-import { Box } from '../Box';
-import { Text } from '../Text';
-import { RadioButton } from './RadioButtonStyled';
-import { useUniqueId } from '../utils/id';
-import { useDeprecatedWarning } from '../utils/deprecated';
-export const Confirmation = (props) => {
-    const { checked, onChange, id: idProp, error = false, errorMsg = '', label, onBlur, sublabel, yesLabel = 'Yes', noLabel = 'No', required = false, disabled = false } = props, marginProps = __rest(props, ["checked", "onChange", "id", "error", "errorMsg", "label", "onBlur", "sublabel", "yesLabel", "noLabel", "required", "disabled"]);
-    useDeprecatedWarning({
-        title: 'Confirmation',
-        message: 'The Confirmation component has been deprecated. Please use the new RadioGroup component instead.',
-        componentProps: props,
-    });
-    const id = useUniqueId(idProp);
-    return (React.createElement(ConfirmationWrapper, Object.assign({}, marginProps),
-        (label || sublabel) && (React.createElement(TextWrapper, null,
-            label && (React.createElement(SectionHeadingText, { tag: "h3" },
-                label,
-                required && React.createElement(Asterisk, null, "*"))),
-            sublabel && (React.createElement(Text, { tag: "p", typo: "base-small", color: "subtext" }, sublabel)))),
-        React.createElement(RadioButtonGroupWrapper, null,
-            React.createElement(RadioButtonGroup, null,
-                React.createElement(RadioButtonWrapper, { checked: checked === true, error: error, disabled: disabled },
-                    React.createElement(RadioButton, { id: id, label: yesLabel, checked: checked === true, onChange: () => onChange(true), value: id, onBlur: onBlur, disabled: disabled })),
-                React.createElement(RadioButtonWrapper, { checked: checked === false, error: error, disabled: disabled },
-                    React.createElement(RadioButton, { id: `${id}-1`, label: noLabel, checked: checked === false, onChange: () => onChange(false), value: `${id}-1`, onBlur: onBlur, disabled: disabled }))),
-            error && React.createElement(ErrorBox, null, errorMsg))));
-};
-const RadioButtonGroupWrapper = styled.div `
-  display: flex;
-  flex-direction: column;
-`;
-const RadioButtonGroup = styled.div `
-  display: flex;
-  flex-direction: row;
-`;
-const getColor = (checked, error) => {
-    if (error) {
-        return `2px solid ${theme.colors.error}`;
-    }
-    else if (checked) {
-        return `2px solid ${theme.colors.secondary}`;
-    }
-    else {
-        return 'none';
-    }
-};
-const RadioButtonWrapper = styled.div `
-  background-color: ${({ checked }) => !checked && `${theme.colors.background}`};
-  border: ${({ checked, error }) => getColor(checked, error)};
-  margin-right: 10px;
-  width: 139px;
-  display: flex;
-  align-items: center;
-  height: 56px;
-  padding-left: 12px;
-  border-radius: 5px;
-  font-weight: bold;
-  ${({ disabled }) => disabled &&
-    css `
-      border-color: ${theme.colors.secondary};
-      opacity: 0.5;
-    `}
-`;
-const ErrorBox = styled.span `
-  margin-top: 7px;
-  margin-left: 12px;
-  font-size: 12px;
-  color: ${theme.colors.error};
-`;
-const ConfirmationWrapper = styled(Box) `
-  display: flex;
-  flex-direction: column;
-`;
-const SectionHeadingText = styled(Text) `
-  font-weight: bold;
-`;
-const TextWrapper = styled.div `
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 8px;
-`;
-const Asterisk = styled.span `
-  font-size: 14px;
-  color: ${theme.colors.error};
-`;
-//# sourceMappingURL=Confirmation.js.map

package/dist/ConfirmationRadioButtons/Confirmation.js.map

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

package/dist/ConfirmationRadioButtons/Confirmation.stories.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { ConfirmationProps } from './Confirmation';
-declare const _default: {
-    title: string;
-    component: React.FC<ConfirmationProps>;
-    argTypes: {
-        onChange: {
-            action: string;
-        };
-    };
-};
-export default _default;
-export declare const Default: any;
-export declare const WithError: any;
-export declare const WithSublabel: any;
-export declare const WorkingExample: any;
-export declare const WithCustomLabel: any;
-export declare const WithNoLabel: any;
-export declare const Required: any;
-export declare const RequiredWithLongLabel: any;
-export declare const Disabled: any;

package/dist/ConfirmationRadioButtons/Confirmation.stories.js

@@ -1,76 +0,0 @@
-import React from 'react';
-import { noop } from '../utils/noop';
-import { Confirmation } from './Confirmation';
-import { Container } from './Container';
-export default {
-    title: 'Confirmation Radio Button',
-    component: Confirmation,
-    argTypes: { onChange: { action: 'clicked' } },
-};
-const Template = (props) => React.createElement(Confirmation, Object.assign({}, props));
-export const Default = Template.bind({});
-Default.args = {
-    id: 'radioButton',
-    onChange: noop,
-    checked: false,
-    label: 'Do you like marshmallows?',
-};
-export const WithError = Template.bind({});
-WithError.args = {
-    id: 'radioButton',
-    onChange: noop,
-    checked: undefined,
-    label: 'Do you like marshmallows?',
-    error: true,
-    errorMsg: 'This field is required.',
-};
-export const WithSublabel = Template.bind({});
-WithSublabel.args = {
-    id: 'radioButton',
-    onChange: noop,
-    checked: undefined,
-    label: 'Do you like marshmallows?',
-    sublabel: 'This includes smores and hot chocolate topped with marshmallows.',
-};
-const ContainerTemplate = () => React.createElement(Container, null);
-export const WorkingExample = ContainerTemplate.bind({});
-export const WithCustomLabel = Template.bind({});
-WithCustomLabel.args = {
-    id: 'radioButton',
-    onChange: noop,
-    checked: undefined,
-    label: 'Do you like marshmallows?',
-    yesLabel: 'Correct',
-};
-export const WithNoLabel = Template.bind({});
-WithNoLabel.args = {
-    id: 'radioButton',
-    onChange: noop,
-    checked: undefined,
-    yesLabel: 'Yes',
-};
-export const Required = Template.bind({});
-Required.args = {
-    id: 'radioButton',
-    label: 'Do you like ice cream?',
-    onChange: noop,
-    checked: undefined,
-    required: true,
-};
-export const RequiredWithLongLabel = Template.bind({});
-RequiredWithLongLabel.args = {
-    id: 'radioButton',
-    label: 'This is a really long label to test the placement of the required asterisk. Do you like ice cream, pie, marshmallows, smores, cupcakes, cookies, and muffins?',
-    onChange: noop,
-    checked: undefined,
-    required: true,
-};
-export const Disabled = Template.bind({});
-Disabled.args = {
-    id: 'radioButton',
-    label: 'Do you like marshmallows?',
-    onChange: noop,
-    checked: true,
-    disabled: true,
-};
-//# sourceMappingURL=Confirmation.stories.js.map

package/dist/ConfirmationRadioButtons/Confirmation.stories.js.map

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

package/dist/ConfirmationRadioButtons/Container.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const Container: () => JSX.Element;

package/dist/ConfirmationRadioButtons/Container.js

@@ -1,8 +0,0 @@
-import React, { useState } from 'react';
-import { Confirmation } from './Confirmation';
-export const Container = () => {
-    const [checked, setChecked] = useState(undefined);
-    return (React.createElement("form", null,
-        React.createElement(Confirmation, { id: "radioButton", onChange: (selection) => setChecked(selection), checked: checked, label: 'Do you like marshmallows?', error: checked === undefined, errorMsg: "This field is required." })));
-};
-//# sourceMappingURL=Container.js.map

package/dist/ConfirmationRadioButtons/Container.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../src/ConfirmationRadioButtons/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAsB,SAAS,CAAC,CAAA;IAEtE,OAAO,CACL;QACE,oBAAC,YAAY,IACX,EAAE,EAAC,aAAa,EAChB,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC,EAC9C,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,2BAA2B,EAClC,KAAK,EAAE,OAAO,KAAK,SAAS,EAC5B,QAAQ,EAAC,yBAAyB,GAClC,CACG,CACR,CAAA;AACH,CAAC,CAAA"}

package/dist/ConfirmationRadioButtons/RadioButtonStyled.d.ts

@@ -1,17 +0,0 @@
-import { FC, ChangeEvent, FocusEvent, ReactElement } from 'react';
-export interface FakeInput {
-    checked?: boolean;
-    error?: boolean;
-    disabled?: boolean;
-}
-type RadioButtonProps = {
-    id: string;
-    label: string | ReactElement;
-    checked?: boolean;
-    value: string;
-    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
-    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
-    disabled?: boolean;
-};
-export declare const RadioButton: FC<RadioButtonProps>;
-export {};

package/dist/ConfirmationRadioButtons/RadioButtonStyled.js

@@ -1,41 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import { theme } from '../theme';
-import { Box } from '../Box';
-export const RadioButton = ({ id, label, checked, value, onChange, onBlur, disabled = false, }) => (React.createElement(Box, { flex: true, alignItems: "center" },
-    React.createElement(RadioInput, { id: id, type: "radio", checked: checked, value: value, onChange: onChange, onBlur: onBlur, disabled: disabled }),
-    React.createElement(RadioLabel, { htmlFor: id },
-        React.createElement(FakeInput, { checked: checked }),
-        React.createElement(Text, null, label))));
-const FakeInput = styled.div `
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  background-color: ${theme.colors.white};
-  margin-right: 10px;
-  border: ${({ checked }) => checked
-    ? `8px solid ${theme.colors.secondary}`
-    : `1px solid ${theme.colors.secondary}`};
-`;
-const RadioInput = styled.input `
-  position: absolute;
-  opacity: 0;
-  height: 0;
-  width: 0;
-`;
-const RadioLabel = styled.label `
-  font-family: 'Gordita', sans-serif;
-  text-transform: none;
-  font-size: 16px;
-  line-height: 17px;
-  color: ${theme.colors.secondary};
-  margin-bottom: 0;
-  display: flex;
-  cursor: pointer;
-`;
-// needed because the text is top aligned in its viewbox
-const Text = styled.span `
-  position: relative;
-  bottom: -5px;
-`;
-//# sourceMappingURL=RadioButtonStyled.js.map

package/dist/ConfirmationRadioButtons/RadioButtonStyled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioButtonStyled.js","sourceRoot":"","sources":["../../src/ConfirmationRadioButtons/RadioButtonStyled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAA;AACxE,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAkB5B,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAChD,EAAE,EACF,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,GAAG,KAAK,GACC,EAAE,EAAE,CAAC,CACtB,oBAAC,GAAG,IAAC,IAAI,QAAC,UAAU,EAAC,QAAQ;IAC3B,oBAAC,UAAU,IACT,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GAClB;IACF,oBAAC,UAAU,IAAC,OAAO,EAAE,EAAE;QACrB,oBAAC,SAAS,IAAC,OAAO,EAAE,OAAO,GAAI;QAC/B,oBAAC,IAAI,QAAE,KAAK,CAAQ,CACT,CACT,CACP,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAW;;;;sBAIjB,KAAK,CAAC,MAAM,CAAC,KAAK;;YAE5B,CAAC,EAAE,OAAO,EAAa,EAAE,EAAE,CACnC,OAAO;IACL,CAAC,CAAC,aAAa,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE;IACvC,CAAC,CAAC,aAAa,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE;CAC5C,CAAA;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;CAK9B,CAAA;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;WAKpB,KAAK,CAAC,MAAM,CAAC,SAAS;;;;CAIhC,CAAA;AAED,wDAAwD;AACxD,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;;;CAGvB,CAAA"}

package/dist/ConfirmationRadioButtons/__tests__/Confirmation.d.ts

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

package/dist/ConfirmationRadioButtons/__tests__/Confirmation.js

@@ -1,8 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { Confirmation } from '../Confirmation';
-test('renders', () => {
-    const { container } = render(React.createElement(Confirmation, null));
-    expect(container.firstChild).toMatchSnapshot();
-});
-//# sourceMappingURL=Confirmation.js.map

package/dist/ConfirmationRadioButtons/__tests__/Confirmation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../../src/ConfirmationRadioButtons/__tests__/Confirmation.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE;IACnB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,YAAY,OAAG,CAAC,CAAA;IAC9C,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAA;AAChD,CAAC,CAAC,CAAA"}

package/dist/ConfirmationRadioButtons/index.d.ts

@@ -1 +0,0 @@
-export { Confirmation } from './Confirmation';

package/dist/ConfirmationRadioButtons/index.js

@@ -1,2 +0,0 @@
-export { Confirmation } from './Confirmation';
-//# sourceMappingURL=index.js.map

package/dist/ConfirmationRadioButtons/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ConfirmationRadioButtons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/Message/Message.d.ts

@@ -1,21 +0,0 @@
-import { FC, ReactNode } from 'react';
-type BorderProps = {
-    hasBorder?: false;
-    borderColor?: never;
-} | {
-    hasBorder: true;
-    borderColor: string;
-};
-export type MessageProps = {
-    className?: string;
-    children: ReactNode;
-    type?: 'info' | 'warning' | 'warning-bubble' | string;
-    alignIcon?: 'center' | 'flex-start' | 'flex-end';
-    backgroundColor?: string;
-    sizeSmall?: boolean;
-} & BorderProps;
-/**
- * @deprecated Use Support Message instead
- */
-export declare const Message: FC<MessageProps>;
-export {};