@mrshmllw/smores-react 2.19.3 → 3.0.0

package/dist/Tooltip/Tooltip.d.ts

@@ -3,12 +3,12 @@ type Position = 'top' | 'bottom' | 'left' | 'right';
 type ArrowPosition = Position | 'center';
 export interface TooltipProps {
     children: ReactNode;
-    title?: string;
     content: string | ReactNode;
     position: Position;
+    maxWidth?: number;
+    title?: string;
     underline?: boolean;
     defaultArrowPosition?: ArrowPosition;
-    shadow?: boolean;
 }
 export declare const Tooltip: FC<TooltipProps>;
 export declare const Container: import("styled-components").StyledComponent<"div", any, {
@@ -18,6 +18,6 @@ export declare const Tip: import("styled-components").StyledComponent<"div", any
     showTip: boolean;
     position: Position;
     arrowPosition: ArrowPosition;
-    shadow: boolean;
+    maxWidth?: number | undefined;
 }, never>;
 export {};

package/dist/Tooltip/Tooltip.js

@@ -3,7 +3,7 @@ import styled, { css } from 'styled-components';
 import { useEventListener } from '../hooks';
 import { Text } from '../Text';
 import { theme } from '../theme';
-export const Tooltip = ({ children, title, content, underline = false, defaultArrowPosition = 'center', shadow = false, }) => {
+export const Tooltip = ({ children, title, content, maxWidth = 500, underline = false, defaultArrowPosition = 'center', }) => {
     const tipContainer = useRef(null);
     const documentRef = useRef(document);
     const [showTip, setShowTip] = useState(false);
@@ -82,9 +82,9 @@ export const Tooltip = ({ children, title, content, underline = false, defaultAr
     });
     return (React.createElement(Container, { underline: underline },
         React.createElement(Text, { cursor: "pointer", onMouseEnter: () => setShowTip(true), onMouseLeave: () => setShowTip(false) }, children),
-        React.createElement(Tip, { className: "tooltip", showTip: showTip, position: tooltipPosition, arrowPosition: arrowPosition, shadow: shadow, ref: tipContainer },
-            title && (React.createElement(Text, { tag: "h5", typo: "desc-medium", color: "secondary" }, title)),
-            (typeof content === 'string' && (React.createElement(Text, { typo: "desc-light", color: "secondary" }, content))) ||
+        React.createElement(Tip, { className: "tooltip", showTip: showTip, position: tooltipPosition, arrowPosition: arrowPosition, ref: tipContainer, maxWidth: maxWidth },
+            title && (React.createElement(Text, { tag: "h5", typo: "desc-medium", color: "liquorice" }, title)),
+            (typeof content === 'string' && (React.createElement(Text, { typo: "desc-light", color: "liquorice" }, content))) ||
                 content)));
 };
 export const Container = styled.div `
@@ -95,7 +95,7 @@ export const Container = styled.div `
 
   ${({ underline }) => underline &&
     css `
-      border-bottom: 1px dashed ${theme.colors.primary};
+      border-bottom: 1px dashed ${theme.colors.marshmallowPink};
     `}
 
   > span:hover + .tooltip {
@@ -203,29 +203,32 @@ const right = css `
 export const Tip = styled.div `
   position: absolute;
   margin: auto;
-  background: ${theme.colors.background};
-  white-space: nowrap;
+  background: ${theme.colors.custard};
   padding: 16px 12px 20px;
-  border-radius: 8px;
+  border-radius: 16px;
+  max-width: 450px;
   opacity: ${({ showTip }) => (showTip ? '1' : '0')};
   transition: opacity 0.2s ease-in-out;
   pointer-events: none;
   cursor: default;
 
+  left: 50%;
+  transform: translateX(-50%);
+
+  // this is the trick that will make sure the content can go up to maxWidth
+  margin-right: ${({ maxWidth }) => maxWidth && -maxWidth / 2 + 'px'};
+  max-width: ${({ maxWidth }) => maxWidth && maxWidth + 'px'};
+
   ${({ position }) => position === 'top' && top}
   ${({ position }) => position === 'bottom' && bottom}
 	${({ position }) => position === 'left' && left}
 	${({ position }) => position === 'right' && right}
-	${({ shadow }) => shadow &&
-    css `
-      filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
-    `}
 
   &:before {
     content: '';
     border-style: solid;
     border-width: 12px 12px 12px 0;
-    border-color: transparent ${theme.colors.background} transparent transparent;
+    border-color: transparent ${theme.colors.custard} transparent transparent;
     position: absolute;
   }
 `;

package/dist/Tooltip/Tooltip.js.map

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

package/dist/Tooltip/Tooltip.stories.d.ts

@@ -6,4 +6,5 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: any;
+export declare const LongTextExample: any;
 export declare const ReactNodeExample: any;

package/dist/Tooltip/Tooltip.stories.js

@@ -19,12 +19,23 @@ Default.args = {
     arrowPosition: 'left',
     shadow: true,
 };
+export const LongTextExample = Template.bind({});
+const longTextExample = (React.createElement(Text, { typo: "desc-light", color: "liquorice" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."));
+LongTextExample.args = {
+    title: 'Long text example',
+    position: 'top',
+    content: longTextExample,
+    size: 'large',
+    underline: true,
+    arrowPosition: 'left',
+    shadow: false,
+};
 export const ReactNodeExample = Template.bind({});
 const tooltipContent = (React.createElement(React.Fragment, null,
-    React.createElement(Text, { typo: "desc-light", color: "secondary" }, "20 Cherry Blossom Lane,"),
-    React.createElement(Text, { typo: "desc-light", color: "secondary" }, "Aintree,"),
-    React.createElement(Text, { typo: "desc-light", color: "secondary" }, "Manchester,"),
-    React.createElement(Text, { typo: "desc-light", color: "secondary" }, "T: 07123456789")));
+    React.createElement(Text, { typo: "desc-light", color: "liquorice" }, "20 Cherry Blossom Lane,"),
+    React.createElement(Text, { typo: "desc-light", color: "liquorice" }, "Aintree,"),
+    React.createElement(Text, { typo: "desc-light", color: "liquorice" }, "Manchester,"),
+    React.createElement(Text, { typo: "desc-light", color: "liquorice" }, "T: 07123456789")));
 ReactNodeExample.args = {
     title: 'React node example',
     position: 'top',

package/dist/Tooltip/Tooltip.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAA;AAEjD,eAAe;IACb,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,OAAO;CACnB,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAmB,EAAE,EAAE,CAAC,CACxC,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,IAAI;IACjD,oBAAC,OAAO,oBAAK,KAAK;QAChB,oBAAC,GAAG,qBAAiB,CACb,CACN,CACP,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,YAAY;IACnB,OAAO,EACL,+EAA+E;IACjF,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,OAAO;IACb,SAAS,EAAE,IAAI;IACf,aAAa,EAAE,MAAM;IACrB,MAAM,EAAE,IAAI;CACb,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEjD,MAAM,cAAc,GAAG,CACrB;IACE,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,8BAElC;IACP,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,eAElC;IACP,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,kBAElC;IACP,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,qBAElC,CACN,CACJ,CAAA;AAED,gBAAgB,CAAC,IAAI,GAAG;IACtB,KAAK,EAAE,oBAAoB;IAC3B,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,cAAc;IACvB,IAAI,EAAE,OAAO;IACb,SAAS,EAAE,IAAI;IACf,aAAa,EAAE,MAAM;IACrB,MAAM,EAAE,KAAK;CACd,CAAA"}
+{"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAA;AAEjD,eAAe;IACb,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,OAAO;CACnB,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAmB,EAAE,EAAE,CAAC,CACxC,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,IAAI;IACjD,oBAAC,OAAO,oBAAK,KAAK;QAChB,oBAAC,GAAG,qBAAiB,CACb,CACN,CACP,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,YAAY;IACnB,OAAO,EACL,+EAA+E;IACjF,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,OAAO;IACb,SAAS,EAAE,IAAI;IACf,aAAa,EAAE,MAAM;IACrB,MAAM,EAAE,IAAI;CACb,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEhD,MAAM,eAAe,GAAG,CACtB,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,kIAGlC,CACR,CAAA;AAED,eAAe,CAAC,IAAI,GAAG;IACrB,KAAK,EAAE,mBAAmB;IAC1B,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,eAAe;IACxB,IAAI,EAAE,OAAO;IACb,SAAS,EAAE,IAAI;IACf,aAAa,EAAE,MAAM;IACrB,MAAM,EAAE,KAAK;CACd,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEjD,MAAM,cAAc,GAAG,CACrB;IACE,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,8BAElC;IACP,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,eAElC;IACP,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,kBAElC;IACP,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,qBAElC,CACN,CACJ,CAAA;AAED,gBAAgB,CAAC,IAAI,GAAG;IACtB,KAAK,EAAE,oBAAoB;IAC3B,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,cAAc;IACvB,IAAI,EAAE,OAAO;IACb,SAAS,EAAE,IAAI;IACf,aAAa,EAAE,MAAM;IACrB,MAAM,EAAE,KAAK;CACd,CAAA"}

package/dist/colors.stories.js

@@ -4,10 +4,35 @@ import { Box } from './Box';
 import { Divider } from './Divider';
 import { Text } from './Text';
 import { theme } from './theme';
-const coreBrand = ['primary', 'secondary', 'white', 'black'];
-const brandBackground = ['bgPrimary', 'bgSecondary', 'bgCarbon'];
-const neutrals = ['subtext', 'outline', 'background'];
-const trafficLight = ['error', 'warning', 'agentWarning', 'success'];
+const corePrimary = [
+    'lollipop',
+    'marshmallowPink',
+    'bubblegum',
+    'fairyFloss',
+];
+const coreSecondary = ['boba', 'liquorice', 'sesame', 'chia'];
+const coreTertiary = ['custard', 'mascarpone', 'coconut', 'cream'];
+const brandSecondary = [
+    'spearmint',
+    'feijoa',
+    'blueberry',
+    'macaroon',
+    'pistachio',
+    'matcha',
+    'caramel',
+    'peanut',
+    'marzipan',
+    'oatmeal',
+];
+const trafficLight = [
+    'strawberry',
+    'watermelon',
+    'apple',
+    'mint',
+    'lemon',
+    'sherbert',
+    'tangerine',
+];
 const thirdPartyBrand = [
     'compareTheMarket',
     'confused',
@@ -24,12 +49,12 @@ const thirdPartyBrand = [
 ];
 const ColorCard = ({ colorName }) => {
     const hexValue = theme.colors[colorName];
-    return (React.createElement(ColorCardWrapper, { width: "180px" },
+    return (React.createElement(ColorCardWrapper, { width: "224px" },
         React.createElement(ColorBox, { colorName: colorName, width: "100%", pt: { custom: '50%' } }),
         React.createElement(Divider, null),
         React.createElement(Box, { px: "16px", py: { custom: 4 } },
             React.createElement(Text, { tag: "span", typo: "base" }, colorName),
-            React.createElement(Text, { tag: "span", typo: "base-xsmall", color: "subtext" }, hexValue))));
+            React.createElement(Text, { tag: "span", typo: "base-xsmall", color: "sesame" }, hexValue))));
 };
 const ColorSection = ({ title, colors, }) => {
     return (React.createElement(Box, { width: "100%" },
@@ -39,9 +64,10 @@ const ColorSection = ({ title, colors, }) => {
 };
 const ColorsPage = () => {
     return (React.createElement(PageWrapper, null,
-        React.createElement(ColorSection, { title: "Core brand", colors: coreBrand }),
-        React.createElement(ColorSection, { title: "Brand background", colors: brandBackground }),
-        React.createElement(ColorSection, { title: "Neutrals", colors: neutrals }),
+        React.createElement(ColorSection, { title: "Core primary", colors: corePrimary }),
+        React.createElement(ColorSection, { title: "Core secondary", colors: coreSecondary }),
+        React.createElement(ColorSection, { title: "Core tertiary", colors: coreTertiary }),
+        React.createElement(ColorSection, { title: "Brand secondary", colors: brandSecondary }),
         React.createElement(ColorSection, { title: "Traffic light", colors: trafficLight }),
         React.createElement(ColorSection, { title: "Third party brand", colors: thirdPartyBrand })));
 };
@@ -63,8 +89,8 @@ const PageWrapper = styled(Box) `
   gap: 40px;
 `;
 const ColorCardWrapper = styled(Box) `
-  background-color: ${theme.colors.white};
-  border: 1px solid ${theme.colors.outline};
+  background-color: ${theme.colors.cream};
+  border: 1px solid ${theme.colors.chia};
   border-radius: 8px;
   overflow: hidden;
 `;

package/dist/colors.stories.js.map

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

package/dist/fields/Field/Field.d.ts

@@ -4,6 +4,5 @@ export interface FieldProps extends CommonFieldProps {
     htmlFor?: string;
     children: ReactNode;
     assistiveText?: string;
-    outlined?: boolean;
 }
 export declare const Field: ({ children, ...fieldProps }: FieldProps) => JSX.Element;

package/dist/fields/Field/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/fields/Field/Field.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAGxC,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAS3D,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAuC,EAAE,EAAE;QAA3C,EAAE,QAAQ,OAA6B,EAAxB,UAAU,cAAzB,YAA2B,CAAF;IAC7C,OAAO,CACL,oBAAC,aAAa,kBAAC,SAAS,EAAC,OAAO,IAAK,UAAU,GAC5C,QAAQ,CACK,CACjB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/fields/Field/Field.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAGxC,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAQ3D,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAuC,EAAE,EAAE;QAA3C,EAAE,QAAQ,OAA6B,EAAxB,UAAU,cAAzB,YAA2B,CAAF;IAC7C,OAAO,CACL,oBAAC,aAAa,kBAAC,SAAS,EAAC,OAAO,IAAK,UAAU,GAC5C,QAAQ,CACK,CACjB,CAAA;AACH,CAAC,CAAA"}

package/dist/fields/Fieldset/Fieldset.js

@@ -13,6 +13,6 @@ import React from 'react';
 import { InternalField } from '../components/InternalField';
 export const Fieldset = (_a) => {
     var { children, renderAsTitle = true, id } = _a, fieldProps = __rest(_a, ["children", "renderAsTitle", "id"]);
-    return (React.createElement(InternalField, Object.assign({ htmlFor: id, fieldType: "fieldset", renderAsTitle: renderAsTitle, outlined: true }, fieldProps), children));
+    return (React.createElement(InternalField, Object.assign({ htmlFor: id, fieldType: "fieldset", renderAsTitle: renderAsTitle }, fieldProps), children));
 };
 //# sourceMappingURL=Fieldset.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/fields/Fieldset/Fieldset.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAI3D,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAKT,EAAE,EAAE;QALK,EACvB,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,EAAE,OAEY,EADX,UAAU,cAJU,mCAKxB,CADc;IAEb,OAAO,CACL,oBAAC,aAAa,kBACZ,OAAO,EAAE,EAAE,EACX,SAAS,EAAC,UAAU,EACpB,aAAa,EAAE,aAAa,EAC5B,QAAQ,UACJ,UAAU,GAEb,QAAQ,CACK,CACjB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/fields/Fieldset/Fieldset.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAI3D,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAKT,EAAE,EAAE;QALK,EACvB,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,EAAE,OAEY,EADX,UAAU,cAJU,mCAKxB,CADc;IAEb,OAAO,CACL,oBAAC,aAAa,kBACZ,OAAO,EAAE,EAAE,EACX,SAAS,EAAC,UAAU,EACpB,aAAa,EAAE,aAAa,IACxB,UAAU,GAEb,QAAQ,CACK,CACjB,CAAA;AACH,CAAC,CAAA"}

package/dist/fields/commonFieldTypes.d.ts

@@ -11,7 +11,8 @@ export interface CommonFieldProps extends MarginProps {
     error?: boolean;
     errorMsg?: string | ReactElement;
     completed?: boolean;
-}
-export interface InternalCommonFieldProps extends CommonFieldProps {
-    outlined?: boolean;
+    frontIcon?: string;
+    trailingIcon?: string;
+    fallback?: boolean;
+    disabled?: boolean;
 }

package/dist/fields/components/CommonInput.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+interface IInput {
+    error?: boolean;
+    disabled?: boolean;
+    selected?: boolean;
+    step?: number;
+    value?: string;
+    frontIcon?: string;
+    trailingIcon?: string;
+    fallback?: boolean;
+}
+interface SIcon {
+    disabled?: boolean;
+}
+export declare const Input: import("styled-components").StyledComponent<"input", any, IInput, never>;
+export declare const StyledFrontIcon: import("styled-components").StyledComponent<import("react").FC<import("../../Icon/Icon").IconProps>, any, SIcon, never>;
+export declare const StyledTrailingIcon: import("styled-components").StyledComponent<import("react").FC<import("../../Icon/Icon").IconProps>, any, SIcon, never>;
+export {};

package/dist/fields/components/CommonInput.js

@@ -0,0 +1,64 @@
+import { Icon } from '../../Icon';
+import styled from 'styled-components';
+import { theme } from '../../theme';
+export const Input = styled.input `
+  border: none;
+  color: ${({ error }) => theme.colors[`${error ? 'strawberry' : 'liquorice'}`]};
+  font-size: 16px;
+  width: 100%;
+  outline: none;
+  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'initial')};
+  opacity: ${({ disabled }) => (disabled ? '0.5' : '1')};
+  padding: 18px 14px;
+  &:hover,
+  &:focus-within {
+    border-color: ${({ error }) => error ? theme.colors.strawberry : theme.colors.marzipan};
+  }
+  background-color: ${({ fallback }) => fallback ? theme.colors.custard : theme.colors.cream};
+  border: 2px solid
+    ${({ error }) => (error ? theme.colors.strawberry : theme.colors.oatmeal)};
+
+  border-radius: 12px;
+  height: auto;
+
+  ${({ frontIcon }) => frontIcon &&
+    frontIcon != '' &&
+    `
+      padding-left: 42px;
+    `}
+
+  ${({ trailingIcon }) => trailingIcon &&
+    trailingIcon != '' &&
+    `
+      padding-right: 42px;
+    `}
+
+  /* Remove the spinner on Firefox and Webkit browsers */
+  -moz-appearance: textfield;
+
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  &::placeholder {
+    color: ${theme.colors.sesame};
+  }
+`;
+export const StyledFrontIcon = styled(Icon) `
+  position: relative;
+  left: 36px;
+  margin-left: -24px;
+  z-index: 1;
+  opacity: ${({ disabled }) => (disabled ? '0.5' : '1')};
+  color: ${theme.colors.liquorice};
+`;
+export const StyledTrailingIcon = styled(Icon) `
+  position: relative;
+  right: 36px;
+  margin-right: -36px;
+  opacity: ${({ disabled }) => (disabled ? '0.5' : '1')};
+  color: ${theme.colors.liquorice};
+`;
+//# sourceMappingURL=CommonInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommonInput.js","sourceRoot":"","sources":["../../../src/fields/components/CommonInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAiBnC,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAQ;;WAE9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACrB,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;;;;YAI7C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;aACvD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;;;;oBAInC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAC5B,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;;sBAEvC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACnC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;MAElD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;;;;;IAKzE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAClB,SAAS;IACT,SAAS,IAAI,EAAE;IACf;;KAEC;;IAED,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CACrB,YAAY;IACZ,YAAY,IAAI,EAAE;IAClB;;KAEC;;;;;;;;;;;;aAYQ,KAAK,CAAC,MAAM,CAAC,MAAM;;CAE/B,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,CAAO;;;;;aAKrC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;WAC5C,KAAK,CAAC,MAAM,CAAC,SAAS;CAChC,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAO;;;;aAIxC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;WAC5C,KAAK,CAAC,MAAM,CAAC,SAAS;CAChC,CAAA"}

package/dist/fields/components/InternalField.d.ts

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
-import { InternalCommonFieldProps } from '../commonFieldTypes';
-interface InternalFieldProps extends InternalCommonFieldProps {
+import { CommonFieldProps } from '../commonFieldTypes';
+interface InternalFieldProps extends CommonFieldProps {
     children: ReactNode;
     className?: string;
     assistiveText?: string;
     htmlFor?: string;
     fieldType: 'field' | 'fieldset';
 }
-export declare const InternalField: ({ children, fieldType, renderAsTitle, htmlFor, className, label, assistiveText, outlined, error, errorMsg, required, completed, ...marginProps }: InternalFieldProps) => JSX.Element;
+export declare const InternalField: ({ children, fieldType, renderAsTitle, htmlFor, className, label, assistiveText, error, errorMsg, required, completed, ...marginProps }: InternalFieldProps) => JSX.Element;
 export {};

package/dist/fields/components/InternalField.js

@@ -15,22 +15,22 @@ import { Text } from '../../Text';
 import { Box } from '../../Box';
 import { Icon } from '../../Icon';
 export const InternalField = (_a) => {
-    var { children, fieldType, renderAsTitle, htmlFor, className, label, assistiveText, outlined = false, error, errorMsg, required, completed } = _a, marginProps = __rest(_a, ["children", "fieldType", "renderAsTitle", "htmlFor", "className", "label", "assistiveText", "outlined", "error", "errorMsg", "required", "completed"]);
+    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"]);
     const labelTag = fieldType === 'field' ? 'label' : 'legend';
     return (React.createElement(Container, Object.assign({ 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: "subtext", mt: { custom: 4 } }, assistiveText)))) : (React.createElement(Text, { tag: labelTag, typo: "label", color: "subtext", htmlFor: htmlFor, mb: { custom: outlined ? 4 : 0 } },
+            React.createElement(Text, { tag: labelTag, typo: "heading-small", htmlFor: htmlFor }, label))) : (React.createElement(Text, { tag: labelTag, typo: "label", color: error ? 'strawberry' : 'sesame', htmlFor: htmlFor, mb: { custom: 4 } },
             label,
-            required && (React.createElement(Text, { tag: "span", typo: "body-small", color: "error" }, "*")))))),
+            required && (React.createElement(Text, { tag: "span", typo: "body-small", color: "strawberry" }, "*")))))),
         React.createElement(Box, null, children),
+        assistiveText && (React.createElement(Text, { tag: labelTag, typo: "caption", color: error ? 'strawberry' : 'sesame', mt: { custom: 4 } }, assistiveText)),
         error &&
             errorMsg &&
-            (typeof errorMsg === 'string' ? (React.createElement(Text, { tag: "span", typo: "caption", color: "error", mt: "8px" }, errorMsg)) : (React.createElement(Box, { mt: "8px" }, errorMsg))),
+            (typeof errorMsg === 'string' ? (React.createElement(Text, { tag: "span", typo: "caption", color: "strawberry", mt: "8px" }, errorMsg)) : (React.createElement(Box, { mt: "8px" }, errorMsg))),
         completed !== undefined && (React.createElement(AnimationWrapper, { displayStatus: completed, isError: !!(error && errorMsg) },
             React.createElement(StatusWrapper, { mt: '8px' },
-                React.createElement(Icon, { render: "included", size: 16, color: "success" }),
-                React.createElement(Text, { typo: "caption", color: "success" }, "Complete"))))));
+                React.createElement(Icon, { render: "included", size: 16, color: "apple" }),
+                React.createElement(Text, { typo: "caption", color: "apple" }, "Complete"))))));
 };
 const AnimationWrapper = styled(Box) `
   width: 0;

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/fields/components/Placeholder.js

@@ -9,8 +9,8 @@ export const Placeholder = () => {
             React.createElement(Line, { x1: "100%", y1: "0", x2: "0", y2: "100%" }))));
 };
 const Wrapper = styled(Box) `
-  background-color: ${theme.colors.background};
-  border: 2px solid ${theme.colors.outline};
+  background-color: ${theme.colors.coconut};
+  border: 2px solid ${theme.colors.chia};
   height: 40px;
   width: auto;
 `;
@@ -20,6 +20,6 @@ const Svg = styled.svg `
 `;
 const Line = styled.line `
   stroke-width: 2px;
-  stroke: ${theme.colors.outline};
+  stroke: ${theme.colors.chia};
 `;
 //# sourceMappingURL=Placeholder.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Placeholder.js","sourceRoot":"","sources":["../../../src/fields/components/Placeholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEnC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,OAAO,CACL,oBAAC,OAAO;QACN,oBAAC,GAAG,IAAC,KAAK,EAAC,4BAA4B;YACrC,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,GAAG;YAC1C,oBAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,MAAM,GAAG,CACtC,CACE,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;sBACL,KAAK,CAAC,MAAM,CAAC,UAAU;sBACvB,KAAK,CAAC,MAAM,CAAC,OAAO;;;CAGzC,CAAA;AAED,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGrB,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;;YAEZ,KAAK,CAAC,MAAM,CAAC,OAAO;CAC/B,CAAA"}
+{"version":3,"file":"Placeholder.js","sourceRoot":"","sources":["../../../src/fields/components/Placeholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEnC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,OAAO,CACL,oBAAC,OAAO;QACN,oBAAC,GAAG,IAAC,KAAK,EAAC,4BAA4B;YACrC,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,GAAG;YAC1C,oBAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,MAAM,GAAG,CACtC,CACE,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;sBACL,KAAK,CAAC,MAAM,CAAC,OAAO;sBACpB,KAAK,CAAC,MAAM,CAAC,IAAI;;;CAGtC,CAAA;AAED,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGrB,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;;YAEZ,KAAK,CAAC,MAAM,CAAC,IAAI;CAC5B,CAAA"}

package/dist/fontStyle.js

@@ -26,8 +26,8 @@ export const FontStyle = createGlobalStyle `
   }
 
   @font-face {
-    font-family: 'ClearfaceITC';
-    src: url('https://uploads-ssl.webflow.com/5baa461315ee32413d16236d/60acf786bae02f4552bcb0d1_ITC%20-%20ClearfaceITCPro-Heavy.woff2') format('woff2');
+    font-family: 'MarshmallowYouth';
+    src: url('https://assets.marshmallow.com/fonts/MarshmallowYouth-Bold.woff2') format('woff2');
     font-weight: ${theme.font.weight.bold};
     font-style: normal;
   }

package/dist/index.d.ts

@@ -6,7 +6,6 @@ export * from './Card';
 export * from './CheckBox';
 export * from './CheckBoxGroup';
 export * from './Chip';
-export * from './ConfirmationRadioButtons';
 export * from './Datepicker';
 export * from './Divider';
 export * from './Dropdown';
@@ -20,11 +19,9 @@ export * from './IconWrapper';
 export * from './LabelledText';
 export * from './Link';
 export * from './Loader';
-export * from './Message';
 export * from './Modal';
 export * from './NumberInput';
 export * from './Pagination';
-export * from './RadioButton';
 export * from './RadioGroup';
 export * from './Row';
 export * from './SearchInput';

package/dist/index.js

@@ -6,7 +6,6 @@ export * from './Card';
 export * from './CheckBox';
 export * from './CheckBoxGroup';
 export * from './Chip';
-export * from './ConfirmationRadioButtons';
 export * from './Datepicker';
 export * from './Divider';
 export * from './Dropdown';
@@ -20,11 +19,9 @@ export * from './IconWrapper';
 export * from './LabelledText';
 export * from './Link';
 export * from './Loader';
-export * from './Message';
 export * from './Modal';
 export * from './NumberInput';
 export * from './Pagination';
-export * from './RadioButton';
 export * from './RadioGroup';
 export * from './Row';
 export * from './SearchInput';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,QAAQ,CAAA;AACtB,cAAc,4BAA4B,CAAA;AAC1C,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA"}