@mrshmllw/smores-react 2.4.4 → 2.6.0

package/dist/Text/Text.js

@@ -14,15 +14,21 @@ import styled, { css } from 'styled-components';
 import { theme } from '../theme';
 import { linkStyleOverride } from '../Link/Link';
 import { Box } from '../Box';
+import { fontStyleMapping } from './fontMapping';
 export const Text = forwardRef((_a, ref) => {
-    var { children, typo, className = '', tag = 'p', align = 'left', color = 'secondary', cursor = 'inherit', title = '' } = _a, props = __rest(_a, ["children", "typo", "className", "tag", "align", "color", "cursor", "title"]);
-    return (React.createElement(Container, Object.assign({ as: tag, className: className, typo: typo || 'base', align: align, color: color, cursor: cursor, title: title }, props, { ref: ref }), children));
+    var { children, typo = 'body-regular', className = '', tag = 'p', align = 'left', color = 'secondary', cursor = 'inherit', title = '' } = _a, props = __rest(_a, ["children", "typo", "className", "tag", "align", "color", "cursor", "title"]);
+    return (React.createElement(Container, Object.assign({ as: tag, className: className, typo: typo, align: align, color: color, cursor: cursor, title: title }, props, { ref: ref }), children));
 });
 Text.displayName = 'Text';
+const isNewTypo = (value) => {
+    return Object.keys(fontStyleMapping).includes(value);
+};
 const Container = styled(Box)(({ align, color, cursor, typo }) => css `
-    /** PREDEFINED TYPOGRAPHY STYLES */
+    /** TYPOGRAPHY STYLES */
+
+    ${isNewTypo(typo) && fontStyleMapping[typo]}
 
-    /* Header Large */
+    /** DEPRECATED TYPOGRAPHY STYLES */
     ${typo === 'header-large' &&
     css `
       font-size: 24px;
@@ -35,7 +41,6 @@ const Container = styled(Box)(({ align, color, cursor, typo }) => css `
       }
     `}
 
-    /* Header medium */
   ${typo === 'header-medium' &&
     css `
       font-size: 21px;
@@ -48,7 +53,6 @@ const Container = styled(Box)(({ align, color, cursor, typo }) => css `
       }
     `}
 
-  /* Header small */
   ${typo === 'header-small' &&
     css `
       font-size: 18px;
@@ -61,7 +65,6 @@ const Container = styled(Box)(({ align, color, cursor, typo }) => css `
       }
     `}
 
-  /* Descriptor Heavy */
   ${typo === 'desc-heavy' &&
     css `
       font-size: 14px;
@@ -74,7 +77,6 @@ const Container = styled(Box)(({ align, color, cursor, typo }) => css `
       }
     `}
 
-  /* Descriptor Medium */
   ${typo === 'desc-medium' &&
     css `
       font-size: 14px;
@@ -87,7 +89,6 @@ const Container = styled(Box)(({ align, color, cursor, typo }) => css `
       }
     `}
 
-  /* Descriptor Light */
   ${typo === 'desc-light' &&
     css `
       font-size: 14px;
@@ -100,7 +101,6 @@ const Container = styled(Box)(({ align, color, cursor, typo }) => css `
       }
     `}
 
-  /* Descriptor Small */
   ${typo === 'desc-small' &&
     css `
       font-size: 12px;
@@ -113,7 +113,6 @@ const Container = styled(Box)(({ align, color, cursor, typo }) => css `
       }
     `}
 
-  /* Base */
   ${typo === 'base' &&
     css `
       font-size: 14px;
@@ -126,7 +125,6 @@ const Container = styled(Box)(({ align, color, cursor, typo }) => css `
       }
     `}
 
-  /* Base Small */
   ${typo === 'base-small' &&
     css `
       font-size: 12px;
@@ -139,7 +137,6 @@ const Container = styled(Box)(({ align, color, cursor, typo }) => css `
       }
     `}
 
-  /* Base Extra Small */
   ${typo === 'base-xsmall' &&
     css `
       font-size: 10px;
@@ -151,22 +148,7 @@ const Container = styled(Box)(({ align, color, cursor, typo }) => css `
         line-height: 19px;
       }
     `}
-
-  /* Label */
-  ${typo === 'label' &&
-    css `
-      font-size: 8px;
-      line-height: 100%;
-      font-weight: 700;
-      text-transform: uppercase;
-      letter-spacing: 0.75px;
-
-      @media (min-width: 768px) {
-        font-size: 10px;
-      }
-    `}
   
-  /* Label Large */
   ${typo === 'label-large' &&
     css `
       font-size: 12px;
@@ -176,11 +158,8 @@ const Container = styled(Box)(({ align, color, cursor, typo }) => css `
       letter-spacing: 0.75px;
     `}
 
-    margin: 0;
-    padding: 0;
     text-align: ${align};
     cursor: ${cursor};
-    letter-spacing: 0.15px;
     color: ${theme.colors[color]};
     ${linkStyleOverride({ color: theme.colors[color] })}
   `);

package/dist/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAAkC,MAAM,OAAO,CAAA;AAC7E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AA4B5B,MAAM,CAAC,MAAM,IAAI,GAAkB,UAAU,CAC3C,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,QAAQ,EACR,IAAI,EACJ,SAAS,GAAG,EAAE,EACd,GAAG,GAAG,GAAG,EACT,KAAK,GAAG,MAAM,EACd,KAAK,GAAG,WAAW,EACnB,MAAM,GAAG,SAAS,EAClB,KAAK,GAAG,EAAE,OAEX,EADI,KAAK,cATV,6EAUC,CADS;IAGP,OAAA,CACH,oBAAC,SAAS,kBACR,EAAE,EAAE,GAAG,EACP,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,IAAI,MAAM,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,IACR,KAAK,IACT,GAAG,EAAE,GAAG,KAEP,QAAQ,CACC,CACb,CAAA;CAAA,CACF,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAC3B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;MAInC,IAAI,KAAK,cAAc;IACzB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,eAAe;IACxB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,cAAc;IACvB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,aAAa;IACtB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,MAAM;IACf,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,aAAa;IACtB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,OAAO;IAChB,GAAG,CAAA;;;;;;;;;;KAUF;;;IAGD,IAAI,KAAK,aAAa;IACtB,GAAG,CAAA;;;;;;KAMF;;;;kBAIa,KAAK;cACT,MAAM;;aAEP,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;MAC1B,iBAAiB,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;GACpD,CACF,CAAA"}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAAkC,MAAM,OAAO,CAAA;AAC7E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAE5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AA6DhD,MAAM,CAAC,MAAM,IAAI,GAAkB,UAAU,CAC3C,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,QAAQ,EACR,IAAI,GAAG,cAAc,EACrB,SAAS,GAAG,EAAE,EACd,GAAG,GAAG,GAAG,EACT,KAAK,GAAG,MAAM,EACd,KAAK,GAAG,WAAW,EACnB,MAAM,GAAG,SAAS,EAClB,KAAK,GAAG,EAAE,OAEX,EADI,KAAK,cATV,6EAUC,CADS;IAGP,OAAA,CACH,oBAAC,SAAS,kBACR,EAAE,EAAE,GAAG,EACP,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,IACR,KAAK,IACT,GAAG,EAAE,GAAG,KAEP,QAAQ,CACC,CACb,CAAA;CAAA,CACF,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,MAAM,SAAS,GAAG,CAAC,KAAa,EAAiB,EAAE;IACjD,OAAO,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;AACtD,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAC3B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;MAGnC,SAAS,CAAC,IAAI,CAAC,IAAI,gBAAgB,CAAC,IAAI,CAAC;;;MAGzC,IAAI,KAAK,cAAc;IACzB,GAAG,CAAA;;;;;;;;;KASF;;IAED,IAAI,KAAK,eAAe;IACxB,GAAG,CAAA;;;;;;;;;KASF;;IAED,IAAI,KAAK,cAAc;IACvB,GAAG,CAAA;;;;;;;;;KASF;;IAED,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;IAED,IAAI,KAAK,aAAa;IACtB,GAAG,CAAA;;;;;;;;;KASF;;IAED,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;IAED,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;IAED,IAAI,KAAK,MAAM;IACf,GAAG,CAAA;;;;;;;;;KASF;;IAED,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;IAED,IAAI,KAAK,aAAa;IACtB,GAAG,CAAA;;;;;;;;;KASF;;IAED,IAAI,KAAK,aAAa;IACtB,GAAG,CAAA;;;;;;KAMF;;kBAEa,KAAK;cACT,MAAM;aACP,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;MAC1B,iBAAiB,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;GACpD,CACF,CAAA"}

package/dist/Text/Text.stories.d.ts

@@ -9,3 +9,4 @@ export declare const Default: any;
 export declare const Label: any;
 export declare const WithTitle: any;
 export declare const Collection: any;
+export declare const DeprecatedTypos: any;

package/dist/Text/Text.stories.js

@@ -2,11 +2,13 @@ import React from 'react';
 import styled from 'styled-components';
 import { Text } from './Text';
 import { Box } from '../Box';
+import { fontStyleMapping } from './fontMapping';
 export default {
     title: 'Text',
     component: Text,
 };
-const typos = [
+const typos = Object.keys(fontStyleMapping);
+const deprecatedTypos = [
     'header-large',
     'header-medium',
     'header-small',
@@ -17,11 +19,9 @@ const typos = [
     'base',
     'base-small',
     'base-xsmall',
-    'label',
-    'label-large',
 ];
 const Template = (props) => (React.createElement(Text, Object.assign({}, props), "The quick brown fox jumps over the lazy dog"));
-const TypoCollection = ({ typos }) => {
+const TypoCollection = ({ typos, }) => {
     return (React.createElement(Box, null,
         React.createElement(Grid, null,
             React.createElement(Text, { tag: "p", typo: "base" }, "Name"),
@@ -29,8 +29,8 @@ const TypoCollection = ({ typos }) => {
             React.createElement(Text, { tag: "p", typo: "base" }, "Paragraph")),
         typos.map((typo) => (React.createElement(Grid, { key: typo },
             React.createElement(Text, { tag: "p", typo: "base", color: "subtext" }, typo),
-            React.createElement(Text, { tag: "p", typo: typo, color: "secondary" }, "Lorem ipsum dolor sit amet"),
-            typo !== 'label' && typo !== 'label-large' && (React.createElement(Text, { tag: "p", typo: typo, color: "secondary" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget scelerisque ante, iaculis sodales lorem.")))))));
+            React.createElement(Text, { tag: "p", typo: typo, color: "secondary" }, "They waited patiently for what seemed a very long time."),
+            !['hero-alternate', 'hero', 'label'].includes(typo) && (React.createElement(Text, { tag: "p", typo: typo, color: "secondary" }, "They waited patiently for what seemed a very long time. They waited patiently for what seemed a very long time.")))))));
 };
 const Grid = styled(Box) `
   display: grid;
@@ -39,6 +39,7 @@ const Grid = styled(Box) `
   gap: 10px;
 `;
 const TypographyTemplate = () => React.createElement(TypoCollection, { typos: typos });
+const DeprecatedTemplate = () => React.createElement(TypoCollection, { typos: deprecatedTypos });
 export const Default = Template.bind({});
 Default.args = {
     tag: 'p',
@@ -55,4 +56,5 @@ WithTitle.args = {
     title: 'a11y title tooltip',
 };
 export const Collection = TypographyTemplate.bind({});
+export const DeprecatedTypos = DeprecatedTemplate.bind({});
 //# sourceMappingURL=Text.stories.js.map

package/dist/Text/Text.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.stories.js","sourceRoot":"","sources":["../../src/Text/Text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAE5B,eAAe;IACb,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,IAAI;CAChB,CAAA;AAED,MAAM,KAAK,GAAG;IACZ,cAAc;IACd,eAAe;IACf,cAAc;IACd,YAAY;IACZ,aAAa;IACb,YAAY;IACZ,YAAY;IACZ,MAAM;IACN,YAAY;IACZ,aAAa;IACb,OAAO;IACP,aAAa;CACL,CAAA;AAEV,MAAM,QAAQ,GAAG,CAAC,KAAgB,EAAE,EAAE,CAAC,CACrC,oBAAC,IAAI,oBAAK,KAAK,iDAAoD,CACpE,CAAA;AAED,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAiC,EAAE,EAAE;IAClE,OAAO,CACL,oBAAC,GAAG;QACF,oBAAC,IAAI;YACH,oBAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,WAElB;YACP,oBAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,kBAElB;YACP,oBAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,gBAElB,CACF;QACN,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,oBAAC,IAAI,IAAC,GAAG,EAAE,IAAI;YACb,oBAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,IACtC,IAAI,CACA;YACP,oBAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,WAAW,iCAEpC;YACN,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,aAAa,IAAI,CAC7C,oBAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,WAAW,mHAGpC,CACR,CACI,CACR,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;CAKvB,CAAA;AAED,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,oBAAC,cAAc,IAAC,KAAK,EAAE,KAAK,GAAI,CAAA;AAEjE,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,GAAG,EAAE,GAAG;CACT,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEtC,KAAK,CAAC,IAAI,GAAG;IACX,GAAG,EAAE,OAAO;IACZ,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,WAAW;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE1C,SAAS,CAAC,IAAI,GAAG;IACf,GAAG,EAAE,GAAG;IACR,KAAK,EAAE,oBAAoB;CAC5B,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
+{"version":3,"file":"Text.stories.js","sourceRoot":"","sources":["../../src/Text/Text.stories.tsx"],"names":[],"mappings":"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"}

package/dist/Text/fontMapping.d.ts

@@ -0,0 +1,2 @@
+import { Typo } from './Text';
+export declare const fontStyleMapping: Record<Typo, string>;

package/dist/Text/fontMapping.js

@@ -0,0 +1,81 @@
+import { theme } from '../theme';
+export const fontStyleMapping = {
+    'hero-alternate': `
+    font-size: 40px;
+    font-family: 'ClearfaceITC';
+    font-weight: ${theme.font.weight.bold};
+    line-height: 44px;
+
+    @media (min-width: 768px) {
+      font-size: 56px;
+      line-height: 64px;
+    }
+  `,
+    hero: `
+    font-size: 32px;
+    font-weight: ${theme.font.weight.medium};
+    line-height: 40px;
+
+    @media (min-width: 768px) {
+      font-size: 40px;
+      line-height: 44px;
+    }
+  `,
+    'heading-large': `
+    font-size: 28px;
+    font-weight: ${theme.font.weight.medium};
+    line-height: 32px;
+
+    @media (min-width: 768px) {
+      font-size: 32px;
+      line-height: 40px;
+    }
+  `,
+    'heading-medium': `
+    font-size: 24px;
+    font-weight: ${theme.font.weight.medium};
+    line-height: 32px;
+  `,
+    'heading-small': `
+    font-size: 20px;
+    font-weight: ${theme.font.weight.medium};
+    line-height: 28px;
+  `,
+    'headline-regular': `
+    font-size: 16px;
+    font-weight: ${theme.font.weight.medium};
+    line-height: 20px;
+  `,
+    'headline-small': `
+    font-size: 14px;
+    font-weight: ${theme.font.weight.medium};
+    line-height: 20px;
+  `,
+    'body-standfirst': `
+    font-size: 18px;
+    font-weight: ${theme.font.weight.normal};
+    line-height: 24px;
+  `,
+    'body-regular': `
+    font-size: 16px;
+    font-weight: ${theme.font.weight.normal};
+    line-height: 20px;
+  `,
+    'body-small': `
+    font-size: 14px;
+    font-weight: ${theme.font.weight.normal};
+    line-height: 20px;
+  `,
+    caption: `
+    font-size: 12px;
+    font-weight: ${theme.font.weight.normal};
+    line-height: 16px;
+  `,
+    label: `
+    font-size: 10px;
+    line-height: 12px;
+    font-weight: ${theme.font.weight.medium};
+    text-transform: uppercase;
+  `,
+};
+//# sourceMappingURL=fontMapping.js.map

package/dist/Text/fontMapping.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontMapping.js","sourceRoot":"","sources":["../../src/Text/fontMapping.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAGhC,MAAM,CAAC,MAAM,gBAAgB,GAAyB;IACpD,gBAAgB,EAAE;;;mBAGD,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;;;;;;;GAOtC;IACD,IAAI,EAAE;;mBAEW,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;;;;;;GAOxC;IACD,eAAe,EAAE;;mBAEA,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;;;;;;GAOxC;IACD,gBAAgB,EAAE;;mBAED,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;GAExC;IACD,eAAe,EAAE;;mBAEA,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;GAExC;IACD,kBAAkB,EAAE;;mBAEH,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;GAExC;IACD,gBAAgB,EAAE;;mBAED,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;GAExC;IACD,iBAAiB,EAAE;;mBAEF,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;GAExC;IACD,cAAc,EAAE;;mBAEC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;GAExC;IACD,YAAY,EAAE;;mBAEG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;GAExC;IACD,OAAO,EAAE;;mBAEQ,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;GAExC;IACD,KAAK,EAAE;;;mBAGU,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;GAExC;CACF,CAAA"}

package/dist/Text/index.d.ts

@@ -1 +1 @@
-export { Text } from './Text';
+export * from './Text';

package/dist/Text/index.js

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

package/dist/Text/index.js.map

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

package/dist/fontStyle.js

@@ -24,5 +24,12 @@ export const FontStyle = createGlobalStyle `
     font-style: normal;
     font-display: swap;
   }
+
+  @font-face {
+    font-family: 'ClearfaceITC';
+    src: url('https://uploads-ssl.webflow.com/5baa461315ee32413d16236d/60acf786bae02f4552bcb0d1_ITC%20-%20ClearfaceITCPro-Heavy.woff2') format('woff2');
+    font-weight: ${theme.font.weight.bold};
+    font-style: normal;
+  }
 `;
 //# sourceMappingURL=fontStyle.js.map

package/dist/fontStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"fontStyle.js","sourceRoot":"","sources":["../src/fontStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,MAAM,CAAC,MAAM,SAAS,GAAG,iBAAiB,CAAA;;;;mBAIvB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;;;;;;;mBAQxB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;;;;;;;mBAQxB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;;;;CAIxC,CAAA"}
+{"version":3,"file":"fontStyle.js","sourceRoot":"","sources":["../src/fontStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,MAAM,CAAC,MAAM,SAAS,GAAG,iBAAiB,CAAA;;;;mBAIvB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;;;;;;;mBAQxB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;;;;;;;mBAQxB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;;;;;;;;mBAQtB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;;;CAGxC,CAAA"}

package/dist/index.d.ts

@@ -31,4 +31,5 @@ export * from './TextInput';
 export * from './theme';
 export * from './Toggle';
 export * from './Fieldset';
+export * from './fontStyle';
 export { MarginProps, PaddingProps } from './utils/space';

package/dist/index.js

@@ -31,4 +31,5 @@ export * from './TextInput';
 export * from './theme';
 export * from './Toggle';
 export * from './Fieldset';
+export * from './fontStyle';
 //# sourceMappingURL=index.js.map

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,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,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,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,YAAY,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,4BAA4B,CAAA;AAC1C,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,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,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,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,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrshmllw/smores-react",
-  "version": "2.4.4",
+  "version": "2.6.0",
   "main": "./dist/index.js",
   "description": "Collection of React components used by Marshmallow Technology",
   "keywords": [
@@ -25,7 +25,8 @@
     "test": "jest --silent",
     "snyk-protect": "snyk-protect",
     "prepare": "npm run snyk-protect && husky install",
-    "pre-commit-lint": "npm run check-types && lint-staged"
+    "pre-commit-lint": "npm run check-types && lint-staged",
+    "fix-package-lock-conflicts": "echo \"Make sure conflicts in package.json are resolved before running this script\" && npm i --package-lock-only"
   },
   "devDependencies": {
     "@babel/core": "^7.13.15",
@@ -47,8 +48,8 @@
     "@types/styled-components": "^5.1.3",
     "@types/testing-library__jest-dom": "^5.14.3",
     "@types/testing-library__react": "^10.2.0",
-    "@typescript-eslint/eslint-plugin": "^5.28.0",
-    "@typescript-eslint/parser": "^5.28.0",
+    "@typescript-eslint/eslint-plugin": "^5.31.0",
+    "@typescript-eslint/parser": "^5.31.0",
     "babel-eslint": "^10.1.0",
     "babel-jest": "^28.0.3",
     "babel-loader": "^8.1.0",