@mrshmllw/smores-react 2.19.2 → 3.0.0

package/dist/Divider/Divider.js

@@ -14,7 +14,7 @@ import styled, { css } from 'styled-components';
 import { Box } from '../Box';
 import { theme } from '../theme';
 export const Divider = memo(function Divider(_a) {
-    var { maxWidth = 'none', height = '1px', color = 'outline' } = _a, marginProps = __rest(_a, ["maxWidth", "height", "color"]);
+    var { maxWidth = 'none', height = '1px', color = 'chia' } = _a, marginProps = __rest(_a, ["maxWidth", "height", "color"]);
     return (React.createElement(Line, Object.assign({ maxWidth: maxWidth, height: height, color: color }, marginProps)));
 });
 const Line = styled(Box) `

package/dist/Divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../src/Divider/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,IAAI,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AAQvC,MAAM,CAAC,MAAM,OAAO,GAAqB,IAAI,CAAC,SAAS,OAAO,CAAC,EAK9D;QAL8D,EAC7D,QAAQ,GAAG,MAAM,EACjB,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,SAAS,OAElB,EADI,WAAW,cAJ+C,+BAK9D,CADe;IAEd,OAAO,CACL,oBAAC,IAAI,kBAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,IAAM,WAAW,EAAI,CAC5E,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAkB;IACtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK;IACH,CAAC,CAAC,GAAG,CAAA;wBACa,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;SAClC;IACH,CAAC,CAAC,EAAE;;YAEE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;eACnB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ;;CAExC,CAAA"}
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../src/Divider/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,IAAI,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AAQvC,MAAM,CAAC,MAAM,OAAO,GAAqB,IAAI,CAAC,SAAS,OAAO,CAAC,EAK9D;QAL8D,EAC7D,QAAQ,GAAG,MAAM,EACjB,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,MAAM,OAEf,EADI,WAAW,cAJ+C,+BAK9D,CADe;IAEd,OAAO,CACL,oBAAC,IAAI,kBAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,IAAM,WAAW,EAAI,CAC5E,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAkB;IACtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK;IACH,CAAC,CAAC,GAAG,CAAA;wBACa,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;SAClC;IACH,CAAC,CAAC,EAAE;;YAEE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;eACnB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ;;CAExC,CAAA"}

package/dist/Dropdown/Collection.d.ts

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

package/dist/Dropdown/Collection.js

@@ -0,0 +1,91 @@
+import React from 'react';
+import styled from 'styled-components';
+import { Text } from '../Text';
+import { Box } from '../Box';
+import { Dropdown } from './Dropdown';
+import { noop } from '../utils/noop';
+const days = [
+    {
+        label: 'Monday',
+        value: 'MONDAY',
+    },
+    {
+        label: 'Tuesday',
+        value: 'TUESDAY',
+    },
+    {
+        label: 'Wednesday',
+        value: 'WEDNESDAY',
+    },
+    {
+        label: 'Thursday',
+        value: 'THURSDAY',
+    },
+    {
+        label: 'Friday',
+        value: 'FRIDAY',
+    },
+    {
+        label: 'Saturday',
+        value: 'SATURDAY',
+    },
+    {
+        label: 'Sunday',
+        value: 'SUNDAY',
+    },
+];
+const variationList = [
+    {
+        id: 'days',
+        list: days,
+        placeholder: 'Placeholder',
+        errorMsg: 'This field is required',
+        label: 'Days of the week',
+        onSelect: noop,
+    },
+];
+export const CollectionPage = () => {
+    return (React.createElement(Box, { flex: true, direction: "column" }, variationList.map(({ id, list, placeholder, errorMsg, label, onSelect }) => {
+        return (React.createElement(Box, { key: id, flex: true, direction: "column", mb: "32px" },
+            React.createElement(Title, { tag: "span", typo: "header-medium" }, "Dropdown variations"),
+            React.createElement(Row, { label: "Generic" },
+                React.createElement(Dropdown, { id: id, label: label, placeholder: placeholder, list: list, error: false, errorMsg: errorMsg, onSelect: onSelect })),
+            React.createElement(Row, { label: "Fallback" },
+                React.createElement(Dropdown, { id: id, label: label, placeholder: placeholder, list: list, fallback: true, error: false, errorMsg: errorMsg, onSelect: onSelect })),
+            React.createElement(Row, { label: "Disabled" },
+                React.createElement(Dropdown, { id: id, label: label, placeholder: placeholder, list: list, disabled: true, error: false, errorMsg: errorMsg, onSelect: onSelect })),
+            React.createElement(Row, { label: "Leading Icon" },
+                React.createElement(Dropdown, { id: id, label: label, placeholder: placeholder, frontIcon: "iphone", list: list, fallback: true, error: false, errorMsg: errorMsg, onSelect: onSelect })),
+            React.createElement(Row, { label: "Required" },
+                React.createElement(Dropdown, { id: id, label: label, required: true, placeholder: placeholder, list: list, error: false, errorMsg: errorMsg, onSelect: onSelect })),
+            React.createElement(Row, { label: "Assistive text" },
+                React.createElement(Dropdown, { id: id, label: label, placeholder: placeholder, assistiveText: "Some assistive text", list: list, error: false, errorMsg: errorMsg, onSelect: onSelect })),
+            React.createElement(Row, { label: "Completed" },
+                React.createElement(Dropdown, { id: id, label: label, placeholder: placeholder, list: list, error: false, completed: true, errorMsg: errorMsg, onSelect: onSelect })),
+            React.createElement(Row, { label: "As title" },
+                React.createElement(Dropdown, { id: id, label: label, renderAsTitle: true, placeholder: placeholder, list: list, error: false, errorMsg: errorMsg, onSelect: onSelect })),
+            React.createElement(Row, { label: "Error" },
+                React.createElement(Dropdown, { id: id, label: label, placeholder: placeholder, assistiveText: "Some assistive text", list: list, error: true, errorMsg: errorMsg, onSelect: onSelect })),
+            React.createElement(Row, { label: "Fallback Error" },
+                React.createElement(Dropdown, { id: id, label: label, placeholder: placeholder, assistiveText: "Some assistive text", list: list, fallback: true, error: true, errorMsg: errorMsg, onSelect: onSelect }))));
+    })));
+};
+const Row = ({ label, children, }) => {
+    return (React.createElement(RowWrapper, { mt: "32px" },
+        React.createElement(Box, { width: "140px" },
+            React.createElement(Text, { tag: "span", typo: "label-large" }, label)),
+        children));
+};
+const RowWrapper = styled(Box) `
+  display: flex;
+  flex-direction: row;
+  gap: 16px;
+`;
+const LABEL_WIDTH = '140px';
+const Title = styled(Text) `
+  margin-bottom: 12px;
+  font-size: 18px;
+  line-height: 20px;
+  margin-left: ${LABEL_WIDTH};
+`;
+//# sourceMappingURL=Collection.js.map

package/dist/Dropdown/Collection.js.map

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

package/dist/Dropdown/Dropdown.d.ts

@@ -11,8 +11,9 @@ export interface Props extends CommonFieldProps {
     value?: string | null;
     defaultValue?: string;
     disabled?: boolean;
-    outlined?: boolean;
     list: DropdownItem[];
+    frontIcon?: string;
+    fallback?: boolean;
     onSelect: (element: string) => void;
     onBlur?: (e: FocusEvent<HTMLSelectElement>) => void;
 }

package/dist/Dropdown/Dropdown.js

@@ -10,15 +10,16 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef, useMemo, } from 'react';
-import { darken } from 'polished';
 import styled, { css } from 'styled-components';
 import { theme } from '../theme';
 import { Icon } from '../Icon';
 import { Field } from '../fields/Field';
 import { useUniqueId } from '../utils/id';
 import { useControllableState } from '../utils/useControlledState';
+import { Box } from '../Box';
+import { StyledFrontIcon } from '../fields/components/CommonInput';
 export const Dropdown = forwardRef(function Dropdown(_a, ref) {
-    var { id: idProp, placeholder, name, value: valueProp, defaultValue, disabled = false, list, onSelect, outlined = false, error = false, onInputChange, onBlur } = _a, fieldProps = __rest(_a, ["id", "placeholder", "name", "value", "defaultValue", "disabled", "list", "onSelect", "outlined", "error", "onInputChange", "onBlur"]);
+    var { id: idProp, placeholder, name, value: valueProp, defaultValue, disabled = false, list, onSelect, error = false, onInputChange, onBlur, frontIcon, fallback } = _a, fieldProps = __rest(_a, ["id", "placeholder", "name", "value", "defaultValue", "disabled", "list", "onSelect", "error", "onInputChange", "onBlur", "frontIcon", "fallback"]);
     const [value, setValue] = useControllableState({
         initialState: defaultValue,
         stateProp: valueProp,
@@ -36,24 +37,24 @@ export const Dropdown = forwardRef(function Dropdown(_a, ref) {
         });
         return Array.from(itemsPerGroupLabel.values());
     }, [list]);
-    return (React.createElement(Field, Object.assign({}, fieldProps, { htmlFor: id, error: error, outlined: outlined }),
-        React.createElement(DropdownContainer, null,
+    return (React.createElement(Field, Object.assign({}, fieldProps, { htmlFor: id, error: error }),
+        React.createElement(Box, { flex: true, alignItems: "center" },
+            frontIcon && (React.createElement(StyledFrontIcon, { disabled: disabled, render: frontIcon, color: "sesame" })),
             React.createElement(StyledSelect, { id: id, disabled: disabled || list.length < 1, onChange: (event) => {
                     const value = event.currentTarget.value;
                     onSelect === null || onSelect === void 0 ? void 0 : onSelect(value);
                     onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(event);
                     setValue(value);
-                }, outlined: outlined, error: error, ref: ref, onBlur: onBlur, name: name, value: value ? value : '' },
+                }, error: error, ref: ref, onBlur: onBlur, name: name, frontIcon: frontIcon, fallback: fallback, value: value ? value : '' },
                 hasOptGroups ? (React.createElement("optgroup", { label: placeholder },
                     React.createElement("option", { value: "", hidden: true }, placeholder))) : (React.createElement("option", { value: "", hidden: true }, placeholder)),
                 dropdownItemsGroups.map((groupItems, i) => {
                     var _a;
                     return hasOptGroups ? (React.createElement("optgroup", { key: i, label: (_a = groupItems[0].optionGroupLabel) !== null && _a !== void 0 ? _a : 'Other' }, groupItems.map((el, j) => (React.createElement("option", { key: `${i}-${j}`, value: el.value }, el.label))))) : (groupItems.map((el, j) => (React.createElement("option", { key: j, value: el.value }, el.label))));
                 })),
-            React.createElement(Caret, { outlined: outlined },
-                React.createElement(Icon, { render: "caret", color: "subtext", size: 24 })))));
+            React.createElement(Caret, null,
+                React.createElement(Icon, { render: "caret", color: "marzipan", size: 24 })))));
 });
-const borderColor = ({ error }) => error ? theme.colors.error : theme.colors.outline;
 const resetSelect = css `
   border: none;
   border-radius: 0;
@@ -67,22 +68,19 @@ const StyledSelect = styled.select `
   height: 32px;
 
   cursor: pointer;
-  background-color: ${theme.colors.white};
+  background-color: ${({ fallback }) => fallback ? theme.colors.custard : theme.colors.cream};
 
-  ${({ outlined }) => {
-    if (outlined) {
-        return css `
-        border-radius: 8px;
-        padding: 16px 12px;
-        border: 2px solid ${borderColor};
-        height: auto;
-      `;
-    }
-    return css `
-      padding-right: 24px;
-      border-bottom: 1px solid ${borderColor};
-    `;
-}}
+  border-radius: 12px;
+  padding: 18px 14px;
+  border: 2px solid
+    ${({ error }) => (error ? theme.colors.strawberry : theme.colors.oatmeal)};
+  height: auto;
+
+  ${({ frontIcon }) => frontIcon &&
+    frontIcon != '' &&
+    `
+      padding-left: 42px;
+    `}
 
   &:disabled {
     cursor: not-allowed;
@@ -93,18 +91,14 @@ const StyledSelect = styled.select `
   &:focus,
   &:focus-visible,
   &:checked {
-    border-color: ${(p) => darken(0.1, borderColor(p))};
+    border-color: ${({ error }) => error ? theme.colors.strawberry : theme.colors.marzipan};
   }
 `;
-const DropdownContainer = styled.div `
-  position: relative;
-`;
 const Caret = styled.div `
   position: absolute;
-  top: 50%;
   z-index: 1;
-  right: ${({ outlined }) => (outlined ? '15px' : '0')};
+  right: 15px;
   pointer-events: none;
-  transform: translateY(-50%);
+  color: ${theme.colors.marzipan};
 `;
 //# sourceMappingURL=Dropdown.js.map

package/dist/Dropdown/Dropdown.js.map

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

package/dist/Dropdown/Dropdown.stories.d.ts

@@ -11,19 +11,5 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: any;
-export declare const DefaultWithGroups: any;
-export declare const WithLabel: any;
-export declare const WithLabelWithGroups: any;
-export declare const Disabled: any;
-export declare const DisabledWithGroups: any;
-export declare const SingleListItem: any;
-export declare const SingleListItemWithGroups: any;
-export declare const EmptyList: any;
-export declare const WithOutline: any;
-export declare const WithOutlineWithGroups: any;
-export declare const OutlineWithError: any;
-export declare const OutlineWithErrorWithGroups: any;
-export declare const WithError: any;
-export declare const WithErrorWithGroups: any;
-export declare const DateSelectorExample: any;
-export declare const WithRequiredAsterisk: any;
+export declare const DefaultFallback: any;
+export declare const Collection: any;

package/dist/Dropdown/Dropdown.stories.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Dropdown } from './Dropdown';
-import { Container } from './Container';
+import { CollectionPage } from './Collection';
 const days = [
     {
         label: 'Monday',
@@ -31,43 +31,6 @@ const days = [
         value: 'SUNDAY',
     },
 ];
-const daysWithGroups = [
-    {
-        label: 'Monday',
-        value: 'MONDAY',
-        optionGroupLabel: 'Weekday',
-    },
-    {
-        label: 'Tuesday',
-        value: 'TUESDAY',
-        optionGroupLabel: 'Weekday',
-    },
-    {
-        label: 'Wednesday',
-        value: 'WEDNESDAY',
-        optionGroupLabel: 'Weekday',
-    },
-    {
-        label: 'Thursday',
-        value: 'THURSDAY',
-        optionGroupLabel: 'Weekday',
-    },
-    {
-        label: 'Friday',
-        value: 'FRIDAY',
-        optionGroupLabel: 'Weekday',
-    },
-    {
-        label: 'Saturday',
-        value: 'SATURDAY',
-        optionGroupLabel: 'Weekend',
-    },
-    {
-        label: 'Sunday',
-        value: 'SUNDAY',
-        optionGroupLabel: 'Weekend',
-    },
-];
 export default {
     title: 'Dropdown',
     component: Dropdown,
@@ -78,126 +41,14 @@ export const Default = Template.bind({});
 Default.args = {
     id: 'days',
     list: days,
-    placeholder: 'Select Day',
-};
-export const DefaultWithGroups = Template.bind({});
-DefaultWithGroups.args = {
-    id: 'days',
-    list: daysWithGroups,
-    placeholder: 'Select Day',
-};
-export const WithLabel = Template.bind({});
-WithLabel.args = {
-    id: 'days',
-    list: days,
-    placeholder: 'Select Day',
-    label: 'Day',
-    outlined: false,
-};
-export const WithLabelWithGroups = Template.bind({});
-WithLabelWithGroups.args = {
-    id: 'days',
-    list: daysWithGroups,
-    placeholder: 'Select Day',
-    label: 'Day',
-    outlined: false,
-};
-export const Disabled = Template.bind({});
-Disabled.args = {
-    id: 'days',
-    list: days,
-    placeholder: 'Select Day',
-    disabled: true,
-};
-export const DisabledWithGroups = Template.bind({});
-DisabledWithGroups.args = {
-    id: 'days',
-    list: daysWithGroups,
-    placeholder: 'Select Day',
-    disabled: true,
-};
-export const SingleListItem = Template.bind({});
-SingleListItem.args = {
-    id: 'days',
-    list: days.slice(0, 1),
-    placeholder: 'Select Day',
-};
-export const SingleListItemWithGroups = Template.bind({});
-SingleListItemWithGroups.args = {
-    id: 'days',
-    list: daysWithGroups.slice(0, 1),
-    placeholder: 'Select Day',
-};
-export const EmptyList = Template.bind({});
-EmptyList.args = {
-    id: 'days',
-    list: [],
-    placeholder: 'Select Day',
-};
-export const WithOutline = Template.bind({});
-WithOutline.args = {
-    id: 'days',
-    list: days,
-    placeholder: 'Select Day',
-    outlined: true,
-};
-export const WithOutlineWithGroups = Template.bind({});
-WithOutlineWithGroups.args = {
-    id: 'days',
-    list: daysWithGroups,
-    placeholder: 'Select Day',
-    outlined: true,
-};
-export const OutlineWithError = Template.bind({});
-OutlineWithError.args = {
-    id: 'days',
-    list: days,
-    placeholder: 'Select',
-    outlined: true,
-    error: true,
-    errorMsg: 'This field is required',
-    label: 'Select day',
-};
-export const OutlineWithErrorWithGroups = Template.bind({});
-OutlineWithErrorWithGroups.args = {
-    id: 'days',
-    list: daysWithGroups,
-    placeholder: 'Select',
-    outlined: true,
-    error: true,
-    errorMsg: 'This field is required',
-    label: 'Select day',
-};
-export const WithError = Template.bind({});
-WithError.args = {
-    id: 'days',
-    list: days,
-    placeholder: 'Select',
-    outlined: false,
-    error: true,
-    errorMsg: 'This field is required',
-    label: 'Select day',
-};
-export const WithErrorWithGroups = Template.bind({});
-WithErrorWithGroups.args = {
-    id: 'days',
-    list: daysWithGroups,
-    placeholder: 'Select',
-    outlined: false,
-    error: true,
-    errorMsg: 'This field is required',
-    label: 'Select day',
+    placeholder: 'Placeholder',
 };
-const DateSelectorExampleTemplate = () => React.createElement(Container, null);
-export const DateSelectorExample = DateSelectorExampleTemplate.bind({});
-DateSelectorExample.args = {};
-export const WithRequiredAsterisk = Template.bind({});
-WithRequiredAsterisk.args = {
+export const DefaultFallback = Template.bind({});
+DefaultFallback.args = {
     id: 'days',
     list: days,
-    placeholder: 'Select Day',
-    outlined: true,
-    label: 'Do you like smores?',
-    required: true,
+    fallback: true,
+    placeholder: 'Placeholder',
 };
+export const Collection = CollectionPage.bind({});
 //# sourceMappingURL=Dropdown.stories.js.map

package/dist/Dropdown/Dropdown.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.stories.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dropdown.stories.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,MAAM,IAAI,GAAG;IACX;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB;IACD;QACE,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;KACnB;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;KAClB;IACD;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;KAClB;IACD;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB;CACF,CAAA;AAED,eAAe;IACb,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE;CAC/C,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC,oBAAC,QAAQ,oBAAK,KAAK,EAAI,CAAA;AAElE,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,IAAI;IACV,WAAW,EAAE,aAAa;CAC3B,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEhD,eAAe,CAAC,IAAI,GAAG;IACrB,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,IAAI;IACV,QAAQ,EAAE,IAAI;IACd,WAAW,EAAE,aAAa;CAC3B,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/dist/Icon/Icon.js

@@ -14,7 +14,7 @@ import styled, { css } from 'styled-components';
 import { theme } from '../theme';
 import { Box } from '../Box';
 export const Icon = (_a) => {
-    var { className = '', render, size = 24, color = 'secondary', rotate = 0 } = _a, marginProps = __rest(_a, ["className", "render", "size", "color", "rotate"]);
+    var { className = '', render, size = 24, color = 'liquorice', rotate = 0 } = _a, marginProps = __rest(_a, ["className", "render", "size", "color", "rotate"]);
     return (React.createElement(Container, Object.assign({ as: "span", className: className, size: size, color: color, rotate: rotate }, marginProps),
         render === 'aa' && (React.createElement("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" },
             React.createElement("rect", { width: "24", height: "24", fill: "url(#aaPattern)" }),

package/dist/Icon/Icon.stories.js

@@ -10,7 +10,7 @@ export const Default = Template.bind({});
 Default.args = {
     render: 'info',
     size: 32,
-    color: 'secondary',
+    color: 'liquorice',
     rotate: '0',
     mt: '0',
     mr: '0',
@@ -21,7 +21,7 @@ const CollectionTemplate = () => React.createElement(Container, null);
 export const Collection = CollectionTemplate.bind({});
 Collection.args = {
     size: 24,
-    color: 'secondary',
+    color: 'liquorice',
     rotate: '0',
     mt: '0',
     mr: '0',

package/dist/IconStrict/IconStrict.d.ts

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+import { MarginProps } from '../utils/space';
+import { Color } from '../theme';
+export type IconStrictProps = {
+    /** className attribute to apply classes from props */
+    className?: string;
+    /** set size of the Icon (including background) */
+    size?: 16 | 24 | 36 | 48;
+    /** specify what Icon to render  */
+    render: string;
+    /** set icon colour */
+    iconColor?: Color;
+    /** set background colour */
+    backgroundColor?: Color;
+    /** function to handle click */
+    handleClick?: () => void;
+    /** rotation degrees */
+    rotate?: number;
+} & MarginProps;
+export declare const IconStrict: FC<IconStrictProps>;

package/dist/IconStrict/IconStrict.js

@@ -0,0 +1,50 @@
+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 { Icon } from '../Icon';
+import { theme } from '../theme';
+const iconSizes = {
+    48: {
+        smallSize: 28,
+        padding: 10,
+    },
+    36: {
+        smallSize: 20,
+        padding: 8,
+    },
+    24: {
+        smallSize: 12,
+        padding: 6,
+    },
+    16: {
+        smallSize: 10,
+        padding: 3,
+    },
+};
+export const IconStrict = (_a) => {
+    var { className = '', size = 16, render, iconColor, backgroundColor, rotate, handleClick } = _a, marginProps = __rest(_a, ["className", "size", "render", "iconColor", "backgroundColor", "rotate", "handleClick"]);
+    return (React.createElement(IconContainer, Object.assign({ className: className, size: size }, marginProps, { backgroundColor: backgroundColor, onClick: handleClick }),
+        React.createElement(Icon, Object.assign({ render: render, className: className, size: backgroundColor ? iconSizes[size].smallSize : size, color: iconColor, rotate: rotate }, marginProps))));
+};
+const IconContainer = styled.div(({ size, backgroundColor, onClick }) => css `
+    padding: ${backgroundColor ? `${iconSizes[size].padding}px` : 0};
+    width: 100%;
+    max-width: ${size}px;
+    height: ${size}px;
+    border-radius: 100%;
+    background-color: ${backgroundColor
+    ? theme.colors[backgroundColor]
+    : 'none'};
+    cursor: ${onClick ? 'pointer' : 'default'};
+  `);
+//# sourceMappingURL=IconStrict.js.map

package/dist/IconStrict/IconStrict.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconStrict.js","sourceRoot":"","sources":["../../src/IconStrict/IconStrict.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AAmBvC,MAAM,SAAS,GAAG;IAChB,EAAE,EAAE;QACF,SAAS,EAAE,EAAE;QACb,OAAO,EAAE,EAAE;KACZ;IACD,EAAE,EAAE;QACF,SAAS,EAAE,EAAE;QACb,OAAO,EAAE,CAAC;KACX;IACD,EAAE,EAAE;QACF,SAAS,EAAE,EAAE;QACb,OAAO,EAAE,CAAC;KACX;IACD,EAAE,EAAE;QACF,SAAS,EAAE,EAAE;QACb,OAAO,EAAE,CAAC;KACX;CACF,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAS/C,EAAE,EAAE;QAT2C,EAC9C,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,EAAE,EACT,MAAM,EACN,SAAS,EACT,eAAe,EACf,MAAM,EACN,WAAW,OAEZ,EADI,WAAW,cARgC,wFAS/C,CADe;IACV,OAAA,CACJ,oBAAC,aAAa,kBACZ,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,IACN,WAAW,IACf,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,WAAW;QAEpB,oBAAC,IAAI,kBACH,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACxD,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,MAAM,IACV,WAAW,EACf,CACY,CACjB,CAAA;CAAA,CAAA;AAQD,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAC9B,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;eAC9B,eAAe,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC;;iBAElD,IAAI;cACP,IAAI;;wBAEM,eAAe;IACjC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC;IAC/B,CAAC,CAAC,MAAM;cACA,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;GAC1C,CACF,CAAA"}

package/dist/IconStrict/IconStrict.stories.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { IconStrictProps } from './IconStrict';
+declare const _default: {
+    title: string;
+    component: React.FC<IconStrictProps>;
+};
+export default _default;
+export declare const Default: any;
+export declare const AlternateColours: any;
+export declare const WithoutBackground: any;
+export declare const WithClickHandler: any;

package/dist/IconStrict/IconStrict.stories.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconStrict } from './IconStrict';
+export default {
+    title: 'IconStrict',
+    component: IconStrict,
+};
+const Template = (props) => React.createElement(IconStrict, Object.assign({}, props));
+export const Default = Template.bind({});
+Default.args = {
+    size: 48,
+    render: 'info',
+    backgroundColor: 'mascarpone',
+};
+export const AlternateColours = Template.bind({});
+AlternateColours.args = {
+    size: 48,
+    render: 'info',
+    iconColor: 'cream',
+    backgroundColor: 'marshmallowPink',
+};
+export const WithoutBackground = Template.bind({});
+WithoutBackground.args = {
+    size: 48,
+    render: 'info',
+};
+export const WithClickHandler = Template.bind({});
+WithClickHandler.args = {
+    size: 48,
+    render: 'info',
+    handleClick: () => alert('clicked'),
+    backgroundColor: 'mascarpone',
+};
+//# sourceMappingURL=IconStrict.stories.js.map

package/dist/IconStrict/IconStrict.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconStrict.stories.js","sourceRoot":"","sources":["../../src/IconStrict/IconStrict.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAA;AAE1D,eAAe;IACb,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,UAAU;CACtB,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,oBAAC,UAAU,oBAAK,KAAK,EAAI,CAAA;AAEtE,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,MAAM;IACd,eAAe,EAAE,YAAY;CAC9B,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEjD,gBAAgB,CAAC,IAAI,GAAG;IACtB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,OAAO;IAClB,eAAe,EAAE,iBAAiB;CACnC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAElD,iBAAiB,CAAC,IAAI,GAAG;IACvB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,MAAM;CACf,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjD,gBAAgB,CAAC,IAAI,GAAG;IACtB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,MAAM;IACd,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC;IACnC,eAAe,EAAE,YAAY;CAC9B,CAAA"}