@mrshmllw/smores-react 6.0.1 → 6.0.3

package/dist/Table/components/commonComponents.js

@@ -1,10 +1,9 @@
 import { darken } from 'polished';
 import styled, { css } from 'styled-components';
-import { fontStyleMapping } from '../../Text/fontMapping.js';
-import { theme } from '../../theme.js';
-import { focusOutlineStyle } from '../../utils/focusOutline.js';
-
-const StyledTable = styled.table`
+import { fontStyleMapping } from '../../Text/fontMapping';
+import { theme } from '../../theme';
+import { focusOutlineStyle } from '../../utils/focusOutline';
+export const StyledTable = styled.table `
   width: 100%;
   height: 100%;
   border-collapse: collapse;
@@ -12,112 +11,127 @@ const StyledTable = styled.table`
   background: ${theme.colors.coconut};
   border-spacing: 30px;
 `;
-const StyledHeaderCell = styled.th`
+export const StyledHeaderCell = styled.th `
   background: ${theme.colors.coconut};
-  position: ${({ fixedHeader }) => fixedHeader ? "sticky" : "auto"};
+  position: ${({ fixedHeader }) => (fixedHeader ? 'sticky' : 'auto')};
   top: 0;
   z-index: 2;
   text-align: left;
   vertical-align: bottom;
-  ${fontStyleMapping["label"]};
+  ${fontStyleMapping['label']};
   padding-left: 8px;
   padding-right: 8px;
   padding-top: 8px;
   padding-bottom: 8px;
 
-  ${({ headerColor }) => headerColor && css`
+  ${({ headerColor }) => headerColor &&
+    css `
       background: ${theme.colors[headerColor]};
     `}
 
-  ${({ headerHeight }) => headerHeight && css`
+  ${({ headerHeight }) => headerHeight &&
+    css `
       height: ${headerHeight};
     `}
 
-  ${({ maxWidth }) => maxWidth && css`
+  ${({ maxWidth }) => maxWidth &&
+    css `
       max-width: ${maxWidth};
     `}
 
-  ${({ minWidth }) => minWidth && css`
+  ${({ minWidth }) => minWidth &&
+    css `
       min-width: ${minWidth};
     `}
     
-  ${({ columnPadding }) => columnPadding && css`
+  ${({ columnPadding }) => columnPadding &&
+    css `
       padding-left: ${columnPadding};
       padding-right: ${columnPadding};
     `};
 `;
-const StyledCell = styled.td`
+export const StyledCell = styled.td `
   vertical-align: middle;
   padding-left: 8px;
   padding-right: 8px;
   padding-top: 8px;
   padding-bottom: 8px;
 
-  ${({ hideOverflow }) => hideOverflow && css`
+  ${({ hideOverflow }) => hideOverflow &&
+    css `
       overflow: hidden;
     `};
 
-  ${({ noWrapContent }) => noWrapContent && css`
+  ${({ noWrapContent }) => noWrapContent &&
+    css `
       white-space: nowrap;
     `};
 
-  ${({ truncateContent }) => truncateContent && css`
+  ${({ truncateContent }) => truncateContent &&
+    css `
       overflow: hidden;
       white-space: nowrap;
       text-overflow: ellipsis;
     `};
 
-  ${({ stickyCell }) => stickyCell && css`
+  ${({ stickyCell }) => stickyCell &&
+    css `
       position: sticky;
       right: 0;
     `};
 
-  ${({ rowPadding }) => rowPadding && css`
+  ${({ rowPadding }) => rowPadding &&
+    css `
       padding-top: ${rowPadding};
       padding-bottom: ${rowPadding};
     `};
 
-  ${({ columnPadding }) => columnPadding && css`
+  ${({ columnPadding }) => columnPadding &&
+    css `
       padding-left: ${columnPadding};
       padding-right: ${columnPadding};
     `};
 
-  ${({ maxWidth }) => maxWidth && css`
+  ${({ maxWidth }) => maxWidth &&
+    css `
       max-width: ${maxWidth};
     `}
 
-  ${({ rowActionsBgColor }) => rowActionsBgColor && css`
+  ${({ rowActionsBgColor }) => rowActionsBgColor &&
+    css `
       background: ${theme.colors[rowActionsBgColor]};
     `}
 `;
-const StyledRow = styled.tr`
+export const StyledRow = styled.tr `
   background: ${theme.colors.custard};
 
-  ${({ rowBorderColor }) => rowBorderColor && css`
+  ${({ rowBorderColor }) => rowBorderColor &&
+    css `
       border-bottom: 1px solid ${theme.colors[rowBorderColor]};
     `}
 
-  ${({ rowColor }) => rowColor && css`
+  ${({ rowColor }) => rowColor &&
+    css `
       background: ${theme.colors[rowColor]};
     `}
 
-  ${({ stripedColor }) => stripedColor && css`
+  ${({ stripedColor }) => stripedColor &&
+    css `
       &:nth-child(even) {
         background: ${theme.colors[stripedColor]};
       }
     `}
 
-    ${({ clickableRow, rowColor }) => clickableRow && css`
+    ${({ clickableRow, rowColor }) => clickableRow &&
+    css `
       cursor: pointer;
       &:hover {
-        background: ${darken(0.1, theme.colors[rowColor ?? "custard"])};
+        background: ${darken(0.1, theme.colors[rowColor ?? 'custard'])};
       }
       &:focus-visible {
         ${focusOutlineStyle}
-        background: ${darken(0.1, theme.colors[rowColor ?? "custard"])};
+        background: ${darken(0.1, theme.colors[rowColor ?? 'custard'])};
       }
     `}
 `;
-
-export { StyledCell, StyledHeaderCell, StyledRow, StyledTable };
-//# sourceMappingURL=commonComponents.js.map
+//# sourceMappingURL=commonComponents.js.map

package/dist/Table/components/commonComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"commonComponents.js","sources":["../../../src/Table/components/commonComponents.tsx"],"sourcesContent":["import { darken } from 'polished'\nimport styled, { css } from 'styled-components'\nimport { fontStyleMapping } from '../../Text/fontMapping'\nimport { theme } from '../../theme'\nimport { focusOutlineStyle } from '../../utils/focusOutline'\nimport { TableStylesProps } from '../types'\n\nexport const StyledTable = styled.table<TableStylesProps>`\n  width: 100%;\n  height: 100%;\n  border-collapse: collapse;\n  overflow: auto;\n  background: ${theme.colors.coconut};\n  border-spacing: 30px;\n`\n\nexport const StyledHeaderCell = styled.th<TableStylesProps>`\n  background: ${theme.colors.coconut};\n  position: ${({ fixedHeader }) => (fixedHeader ? 'sticky' : 'auto')};\n  top: 0;\n  z-index: 2;\n  text-align: left;\n  vertical-align: bottom;\n  ${fontStyleMapping['label']};\n  padding-left: 8px;\n  padding-right: 8px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n\n  ${({ headerColor }) =>\n    headerColor &&\n    css`\n      background: ${theme.colors[headerColor]};\n    `}\n\n  ${({ headerHeight }) =>\n    headerHeight &&\n    css`\n      height: ${headerHeight};\n    `}\n\n  ${({ maxWidth }) =>\n    maxWidth &&\n    css`\n      max-width: ${maxWidth};\n    `}\n\n  ${({ minWidth }) =>\n    minWidth &&\n    css`\n      min-width: ${minWidth};\n    `}\n    \n  ${({ columnPadding }) =>\n    columnPadding &&\n    css`\n      padding-left: ${columnPadding};\n      padding-right: ${columnPadding};\n    `};\n`\n\nexport const StyledCell = styled.td<TableStylesProps>`\n  vertical-align: middle;\n  padding-left: 8px;\n  padding-right: 8px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n\n  ${({ hideOverflow }) =>\n    hideOverflow &&\n    css`\n      overflow: hidden;\n    `};\n\n  ${({ noWrapContent }) =>\n    noWrapContent &&\n    css`\n      white-space: nowrap;\n    `};\n\n  ${({ truncateContent }) =>\n    truncateContent &&\n    css`\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    `};\n\n  ${({ stickyCell }) =>\n    stickyCell &&\n    css`\n      position: sticky;\n      right: 0;\n    `};\n\n  ${({ rowPadding }) =>\n    rowPadding &&\n    css`\n      padding-top: ${rowPadding};\n      padding-bottom: ${rowPadding};\n    `};\n\n  ${({ columnPadding }) =>\n    columnPadding &&\n    css`\n      padding-left: ${columnPadding};\n      padding-right: ${columnPadding};\n    `};\n\n  ${({ maxWidth }) =>\n    maxWidth &&\n    css`\n      max-width: ${maxWidth};\n    `}\n\n  ${({ rowActionsBgColor }) =>\n    rowActionsBgColor &&\n    css`\n      background: ${theme.colors[rowActionsBgColor]};\n    `}\n`\n\nexport const StyledRow = styled.tr<TableStylesProps>`\n  background: ${theme.colors.custard};\n\n  ${({ rowBorderColor }) =>\n    rowBorderColor &&\n    css`\n      border-bottom: 1px solid ${theme.colors[rowBorderColor]};\n    `}\n\n  ${({ rowColor }) =>\n    rowColor &&\n    css`\n      background: ${theme.colors[rowColor]};\n    `}\n\n  ${({ stripedColor }) =>\n    stripedColor &&\n    css`\n      &:nth-child(even) {\n        background: ${theme.colors[stripedColor]};\n      }\n    `}\n\n    ${({ clickableRow, rowColor }) =>\n    clickableRow &&\n    css`\n      cursor: pointer;\n      &:hover {\n        background: ${darken(0.1, theme.colors[rowColor ?? 'custard'])};\n      }\n      &:focus-visible {\n        ${focusOutlineStyle}\n        background: ${darken(0.1, theme.colors[rowColor ?? 'custard'])};\n      }\n    `}\n`\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"commonComponents.js","sourceRoot":"","sources":["../../../src/Table/components/commonComponents.tsx"],"names":[],"mappings":"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"}

package/dist/Table/helpers.js

@@ -1,17 +1,12 @@
 import { isValidElement } from 'react';
-
-const isMappedReactElement = (obj) => {
-  if (!Array.isArray(obj))
-    return false;
-  if (!obj[0])
-    return false;
-  if (!isValidElement(obj[0]))
-    return false;
-  const allReactElements = obj.every(
-    (val, i, arr) => typeof val === typeof arr[0]
-  );
-  return allReactElements;
+export const isMappedReactElement = (obj) => {
+    if (!Array.isArray(obj))
+        return false;
+    if (!obj[0])
+        return false;
+    if (!isValidElement(obj[0]))
+        return false;
+    const allReactElements = obj.every((val, i, arr) => typeof val === typeof arr[0]);
+    return allReactElements;
 };
-
-export { isMappedReactElement };
-//# sourceMappingURL=helpers.js.map
+//# sourceMappingURL=helpers.js.map

package/dist/Table/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../src/Table/helpers.ts"],"sourcesContent":["import { ReactElement, isValidElement } from 'react'\n\nexport const isMappedReactElement = (obj: unknown): obj is ReactElement[] => {\n  if (!Array.isArray(obj)) return false\n  if (!obj[0]) return false\n  if (!isValidElement(obj[0])) return false\n  const allReactElements = obj.every(\n    (val, i, arr) => typeof val === typeof arr[0],\n  )\n  return allReactElements\n}\n"],"names":[],"mappings":";;AAEa,MAAA,oBAAA,GAAuB,CAAC,GAAwC,KAAA;AAC3E,EAAI,IAAA,CAAC,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAG,IAAO,OAAA,KAAA,CAAA;AAChC,EAAI,IAAA,CAAC,IAAI,CAAC,CAAA;AAAG,IAAO,OAAA,KAAA,CAAA;AACpB,EAAA,IAAI,CAAC,cAAA,CAAe,GAAI,CAAA,CAAC,CAAC,CAAA;AAAG,IAAO,OAAA,KAAA,CAAA;AACpC,EAAA,MAAM,mBAAmB,GAAI,CAAA,KAAA;AAAA,IAC3B,CAAC,KAAK,CAAG,EAAA,GAAA,KAAQ,OAAO,GAAQ,KAAA,OAAO,IAAI,CAAC,CAAA;AAAA,GAC9C,CAAA;AACA,EAAO,OAAA,gBAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/Table/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAE,MAAM,OAAO,CAAA;AAEpD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,GAAY,EAAyB,EAAE;IAC1E,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAAE,OAAO,KAAK,CAAA;IACrC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QAAE,OAAO,KAAK,CAAA;IACzB,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAAE,OAAO,KAAK,CAAA;IACzC,MAAM,gBAAgB,GAAG,GAAG,CAAC,KAAK,CAChC,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,OAAO,GAAG,KAAK,OAAO,GAAG,CAAC,CAAC,CAAC,CAC9C,CAAA;IACD,OAAO,gBAAgB,CAAA;AACzB,CAAC,CAAA"}

package/dist/Table/index.js

@@ -0,0 +1,3 @@
+export * from './Table';
+export * from './components/TableRow';
+//# sourceMappingURL=index.js.map

package/dist/Table/index.js.map

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

package/dist/Table/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/Table/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Table/types.ts"],"names":[],"mappings":""}

package/dist/Tag/Tag.js

@@ -1,29 +1,11 @@
-import { jsx } from 'react/jsx-runtime';
+import React from 'react';
 import styled from 'styled-components';
-import { Text } from '../Text/Text.js';
-import { theme } from '../theme.js';
-import { Box } from '../Box/Box.js';
-
-const Tag = ({
-  label,
-  color,
-  borderColor,
-  bgColor,
-  className,
-  ...marginProps
-}) => /* @__PURE__ */ jsx(
-  Wrapper,
-  {
-    bgColor,
-    className,
-    borderColor,
-    ...marginProps,
-    alignContent: "center",
-    justifyContent: "center",
-    children: /* @__PURE__ */ jsx(TagText, { tag: "span", typo: "label", color, children: label })
-  }
-);
-const Wrapper = styled(Box)`
+import { Text } from '../Text';
+import { theme } from '../theme';
+import { Box } from '../Box';
+export const Tag = ({ label, color, borderColor, bgColor, className, ...marginProps }) => (React.createElement(Wrapper, { bgColor: bgColor, className: className, borderColor: borderColor, ...marginProps, alignContent: "center", justifyContent: "center" },
+    React.createElement(TagText, { tag: "span", typo: "label", color: color }, label)));
+const Wrapper = styled(Box) `
   background-color: ${({ bgColor }) => bgColor && theme.colors[bgColor]};
   border: ${({ borderColor }) => borderColor && `1px solid ${theme.colors[borderColor]}`};
 
@@ -35,7 +17,7 @@ const Wrapper = styled(Box)`
   box-sizing: border-box;
   display: inline-flex;
 `;
-const TagText = styled(Text)`
+const TagText = styled(Text) `
   display: flex;
   align-items: center;
   font-size: 10px;
@@ -43,6 +25,4 @@ const TagText = styled(Text)`
   line-height: 12px;
   text-transform: uppercase;
 `;
-
-export { Tag };
-//# sourceMappingURL=Tag.js.map
+//# sourceMappingURL=Tag.js.map

package/dist/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport styled from 'styled-components'\nimport { MarginProps } from '../utils/space'\n\nimport { Text } from '../Text'\nimport { Color, theme } from '../theme'\nimport { Box } from '../Box'\n\nexport type TagProps = {\n  label: string\n  color: Color\n  bgColor: Color\n  borderColor?: Color\n  className?: string\n} & MarginProps\n\nexport const Tag: FC<TagProps> = ({\n  label,\n  color,\n  borderColor,\n  bgColor,\n  className,\n  ...marginProps\n}) => (\n  <Wrapper\n    bgColor={bgColor}\n    className={className}\n    borderColor={borderColor}\n    {...marginProps}\n    alignContent=\"center\"\n    justifyContent=\"center\"\n  >\n    <TagText tag=\"span\" typo=\"label\" color={color}>\n      {label}\n    </TagText>\n  </Wrapper>\n)\n\ntype WrapperProps = Pick<TagProps, 'bgColor' | 'borderColor'>\n\nconst Wrapper = styled(Box)<WrapperProps>`\n  background-color: ${({ bgColor }) => bgColor && theme.colors[bgColor]};\n  border: ${({ borderColor }) =>\n    borderColor && `1px solid ${theme.colors[borderColor]}`};\n\n  border-radius: 6px;\n  padding: 4px 8px;\n\n  height: 22px;\n\n  box-sizing: border-box;\n  display: inline-flex;\n`\n\nconst TagText = styled(Text)`\n  display: flex;\n  align-items: center;\n  font-size: 10px;\n  font-weight: 500;\n  line-height: 12px;\n  text-transform: uppercase;\n`\n"],"names":[],"mappings":";;;;;;AAgBO,MAAM,MAAoB,CAAC;AAAA,EAChC,KAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG,WAAA;AACL,CACE,qBAAA,GAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACC,OAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACC,GAAG,WAAA;AAAA,IACJ,YAAa,EAAA,QAAA;AAAA,IACb,cAAe,EAAA,QAAA;AAAA,IAEf,8BAAC,OAAQ,EAAA,EAAA,GAAA,EAAI,QAAO,IAAK,EAAA,OAAA,EAAQ,OAC9B,QACH,EAAA,KAAA,EAAA,CAAA;AAAA,GAAA;AACF,EAAA;AAKF,MAAM,OAAA,GAAU,OAAO,GAAG,CAAA,CAAA;AAAA,oBACJ,EAAA,CAAC,EAAE,OAAQ,EAAA,KAAM,WAAW,KAAM,CAAA,MAAA,CAAO,OAAO,CAAC,CAAA;AAAA,UAC3D,EAAA,CAAC,EAAE,WAAA,EACX,KAAA,WAAA,IAAe,aAAa,KAAM,CAAA,MAAA,CAAO,WAAW,CAAC,CAAE,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAW3D,MAAM,OAAA,GAAU,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;;;"}
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAGtC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAU5B,MAAM,CAAC,MAAM,GAAG,GAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,WAAW,EACX,OAAO,EACP,SAAS,EACT,GAAG,WAAW,EACf,EAAE,EAAE,CAAC,CACJ,oBAAC,OAAO,IACN,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,KACpB,WAAW,EACf,YAAY,EAAC,QAAQ,EACrB,cAAc,EAAC,QAAQ;IAEvB,oBAAC,OAAO,IAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,IAC1C,KAAK,CACE,CACF,CACX,CAAA;AAID,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAc;sBACnB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;YAC3D,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAC5B,WAAW,IAAI,aAAa,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE;;;;;;;;;CAS1D,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;;CAO3B,CAAA"}

package/dist/Tag/index.js

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

package/dist/Tag/index.js.map

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

package/dist/Text/Text.js

@@ -1,50 +1,22 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
-import { theme } from '../theme.js';
-import { linkStyleOverride } from '../Link/Link.js';
-import { Box } from '../Box/Box.js';
-import { fontStyleMapping } from './fontMapping.js';
-
-const Text = forwardRef(
-  ({
-    children,
-    typo = "body-regular",
-    className = "",
-    tag = "p",
-    align = "left",
-    color = "liquorice",
-    cursor = "inherit",
-    title = "",
-    ...props
-  }, ref) => /* @__PURE__ */ jsx(
-    Container,
-    {
-      as: tag,
-      className,
-      typo,
-      align,
-      color,
-      cursor,
-      title,
-      ...props,
-      ref,
-      children
-    }
-  )
-);
-Text.displayName = "Text";
+import { theme } from '../theme';
+import { linkStyleOverride } from '../Link/Link';
+import { Box } from '../Box';
+import { fontStyleMapping } from './fontMapping';
+export const Text = forwardRef(({ children, typo = 'body-regular', className = '', tag = 'p', align = 'left', color = 'liquorice', cursor = 'inherit', title = '', ...props }, ref) => (React.createElement(Container, { 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);
+    return Object.keys(fontStyleMapping).includes(value);
 };
-const Container = styled(Box)(
-  ({ align, color, cursor, typo }) => css`
+const Container = styled(Box)(({ align, color, cursor, typo }) => css `
     /** TYPOGRAPHY STYLES */
 
     ${isNewTypo(typo) && fontStyleMapping[typo]}
 
     /** DEPRECATED TYPOGRAPHY STYLES */
-    ${typo === "header-large" && css`
+    ${typo === 'header-large' &&
+    css `
       font-size: 24px;
       line-height: 31px;
       font-weight: 500;
@@ -55,7 +27,8 @@ const Container = styled(Box)(
       }
     `}
 
-  ${typo === "header-medium" && css`
+  ${typo === 'header-medium' &&
+    css `
       font-size: 21px;
       line-height: 27px;
       font-weight: 500;
@@ -66,7 +39,8 @@ const Container = styled(Box)(
       }
     `}
 
-  ${typo === "header-small" && css`
+  ${typo === 'header-small' &&
+    css `
       font-size: 18px;
       line-height: 23px;
       font-weight: 500;
@@ -77,7 +51,8 @@ const Container = styled(Box)(
       }
     `}
 
-  ${typo === "desc-heavy" && css`
+  ${typo === 'desc-heavy' &&
+    css `
       font-size: 14px;
       line-height: 20px;
       font-weight: 700;
@@ -88,7 +63,8 @@ const Container = styled(Box)(
       }
     `}
 
-  ${typo === "desc-medium" && css`
+  ${typo === 'desc-medium' &&
+    css `
       font-size: 14px;
       line-height: 20px;
       font-weight: 500;
@@ -99,7 +75,8 @@ const Container = styled(Box)(
       }
     `}
 
-  ${typo === "desc-light" && css`
+  ${typo === 'desc-light' &&
+    css `
       font-size: 14px;
       line-height: 20px;
       font-weight: 400;
@@ -110,7 +87,8 @@ const Container = styled(Box)(
       }
     `}
 
-  ${typo === "desc-small" && css`
+  ${typo === 'desc-small' &&
+    css `
       font-size: 12px;
       line-height: 16px;
       font-weight: 400;
@@ -121,7 +99,8 @@ const Container = styled(Box)(
       }
     `}
 
-  ${typo === "base" && css`
+  ${typo === 'base' &&
+    css `
       font-size: 14px;
       line-height: 23px;
       font-weight: 400;
@@ -132,7 +111,8 @@ const Container = styled(Box)(
       }
     `}
 
-  ${typo === "base-small" && css`
+  ${typo === 'base-small' &&
+    css `
       font-size: 12px;
       line-height: 20px;
       font-weight: 400;
@@ -143,7 +123,8 @@ const Container = styled(Box)(
       }
     `}
 
-  ${typo === "base-xsmall" && css`
+  ${typo === 'base-xsmall' &&
+    css `
       font-size: 10px;
       line-height: 16px;
       font-weight: 400;
@@ -154,7 +135,8 @@ const Container = styled(Box)(
       }
     `}
   
-  ${typo === "label-large" && css`
+  ${typo === 'label-large' &&
+    css `
       font-size: 12px;
       line-height: 100%;
       font-weight: 700;
@@ -166,8 +148,5 @@ const Container = styled(Box)(
     cursor: ${cursor};
     color: ${theme.colors[color]};
     ${linkStyleOverride({ color: theme.colors[color] })}
-  `
-);
-
-export { Text };
-//# sourceMappingURL=Text.js.map
+  `);
+//# sourceMappingURL=Text.js.map

package/dist/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../src/Text/Text.tsx"],"sourcesContent":["import React, { FC, forwardRef, LabelHTMLAttributes, ReactNode } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Color, theme } from '../theme'\nimport { linkStyleOverride } from '../Link/Link'\nimport { Box } from '../Box'\nimport { MarginProps } from '../utils/space'\nimport { fontStyleMapping } from './fontMapping'\n\ninterface IText {\n  /** typography class name to apply predefined styles */\n  typo: string\n  /** HTML tag  */\n  as: any\n  /** text-align  */\n  align: string\n  /** color from the theme  */\n  color: Color\n  cursor: string\n}\n\n/**\n * @deprecated Use only new Typo\n */\n\nexport type DeprecatedTypo =\n  | 'header-large'\n  | 'header-medium'\n  | 'header-small'\n  | 'desc-heavy'\n  | 'desc-medium'\n  | 'desc-light'\n  | 'desc-small'\n  | 'base'\n  | 'base-small'\n  | 'base-xsmall'\n  | 'label-large'\n\nexport type Typo =\n  | 'hero-alternate'\n  | 'hero'\n  | 'heading-alternate'\n  | 'heading-large'\n  | 'heading-medium'\n  | 'heading-small'\n  | 'headline-regular'\n  | 'headline-small'\n  | 'body-standfirst'\n  | 'body-regular'\n  | 'body-small'\n  | 'caption'\n  | 'label'\n\ntype Props = {\n  children: ReactNode\n  tag?: any\n  className?: string\n  // Record<never, never> matches any non-null and non-undefined type so\n  // IntelliSense can suggest Typo to autocomplete\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  typo?: Typo | (string & Record<never, never>)\n  align?: string\n  color?: Color\n  cursor?: string\n  title?: string\n} & MarginProps\n\nexport type TextProps = Props & Omit<LabelHTMLAttributes<HTMLElement>, 'color'>\n\nexport const Text: FC<TextProps> = forwardRef<HTMLElement, TextProps>(\n  (\n    {\n      children,\n      typo = 'body-regular',\n      className = '',\n      tag = 'p',\n      align = 'left',\n      color = 'liquorice',\n      cursor = 'inherit',\n      title = '',\n      ...props\n    },\n    ref,\n  ) => (\n    <Container\n      as={tag}\n      className={className}\n      typo={typo}\n      align={align}\n      color={color}\n      cursor={cursor}\n      title={title}\n      {...props}\n      ref={ref}\n    >\n      {children}\n    </Container>\n  ),\n)\n\nText.displayName = 'Text'\n\nconst isNewTypo = (value: string): value is Typo => {\n  return Object.keys(fontStyleMapping).includes(value)\n}\n\nconst Container = styled(Box)<IText>(\n  ({ align, color, cursor, typo }) => css`\n    /** TYPOGRAPHY STYLES */\n\n    ${isNewTypo(typo) && fontStyleMapping[typo]}\n\n    /** DEPRECATED TYPOGRAPHY STYLES */\n    ${typo === 'header-large' &&\n    css`\n      font-size: 24px;\n      line-height: 31px;\n      font-weight: 500;\n\n      @media (min-width: 768px) {\n        font-size: 42px;\n        line-height: 54px;\n      }\n    `}\n\n  ${typo === 'header-medium' &&\n    css`\n      font-size: 21px;\n      line-height: 27px;\n      font-weight: 500;\n\n      @media (min-width: 768px) {\n        font-size: 32px;\n        line-height: 41px;\n      }\n    `}\n\n  ${typo === 'header-small' &&\n    css`\n      font-size: 18px;\n      line-height: 23px;\n      font-weight: 500;\n\n      @media (min-width: 768px) {\n        font-size: 21px;\n        line-height: 27px;\n      }\n    `}\n\n  ${typo === 'desc-heavy' &&\n    css`\n      font-size: 14px;\n      line-height: 20px;\n      font-weight: 700;\n\n      @media (min-width: 768px) {\n        font-size: 16px;\n        line-height: 23px;\n      }\n    `}\n\n  ${typo === 'desc-medium' &&\n    css`\n      font-size: 14px;\n      line-height: 20px;\n      font-weight: 500;\n\n      @media (min-width: 768px) {\n        font-size: 16px;\n        line-height: 23px;\n      }\n    `}\n\n  ${typo === 'desc-light' &&\n    css`\n      font-size: 14px;\n      line-height: 20px;\n      font-weight: 400;\n\n      @media (min-width: 768px) {\n        font-size: 16px;\n        line-height: 23px;\n      }\n    `}\n\n  ${typo === 'desc-small' &&\n    css`\n      font-size: 12px;\n      line-height: 16px;\n      font-weight: 400;\n\n      @media (min-width: 768px) {\n        font-size: 14px;\n        line-height: 18px;\n      }\n    `}\n\n  ${typo === 'base' &&\n    css`\n      font-size: 14px;\n      line-height: 23px;\n      font-weight: 400;\n\n      @media (min-width: 768px) {\n        font-size: 16px;\n        line-height: 26px;\n      }\n    `}\n\n  ${typo === 'base-small' &&\n    css`\n      font-size: 12px;\n      line-height: 20px;\n      font-weight: 400;\n\n      @media (min-width: 768px) {\n        font-size: 14px;\n        line-height: 23px;\n      }\n    `}\n\n  ${typo === 'base-xsmall' &&\n    css`\n      font-size: 10px;\n      line-height: 16px;\n      font-weight: 400;\n\n      @media (min-width: 768px) {\n        font-size: 12px;\n        line-height: 19px;\n      }\n    `}\n  \n  ${typo === 'label-large' &&\n    css`\n      font-size: 12px;\n      line-height: 100%;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.75px;\n    `}\n\n    text-align: ${align};\n    cursor: ${cursor};\n    color: ${theme.colors[color]};\n    ${linkStyleOverride({ color: theme.colors[color] })}\n  `,\n)\n"],"names":[],"mappings":"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"}
+{"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;AA8DhD,MAAM,CAAC,MAAM,IAAI,GAAkB,UAAU,CAC3C,CACE,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,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE,CAAC,CACH,oBAAC,SAAS,IACR,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,KACR,KAAK,EACT,GAAG,EAAE,GAAG,IAEP,QAAQ,CACC,CACb,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/fontMapping.js

@@ -1,7 +1,6 @@
-import { theme } from '../theme.js';
-
-const fontStyleMapping = {
-  "hero-alternate": `
+import { theme } from '../theme';
+export const fontStyleMapping = {
+    'hero-alternate': `
     font-size: 40px;
     font-family: 'MarshmallowYouth';
     font-weight: ${theme.font.weight.bold};
@@ -12,7 +11,7 @@ const fontStyleMapping = {
       line-height: 52px;
     }
   `,
-  hero: `
+    hero: `
     font-size: 32px;
     font-weight: ${theme.font.weight.medium};
     line-height: 40px;
@@ -22,13 +21,13 @@ const fontStyleMapping = {
       line-height: 44px;
     }
   `,
-  "heading-alternate": `
+    'heading-alternate': `
     font-size: 40px;
     font-family: 'MarshmallowYouth';
     font-weight: ${theme.font.weight.bold};
     line-height: 40px;
   `,
-  "heading-large": `
+    'heading-large': `
     font-size: 28px;
     font-weight: ${theme.font.weight.medium};
     line-height: 32px;
@@ -38,53 +37,51 @@ const fontStyleMapping = {
       line-height: 40px;
     }
   `,
-  "heading-medium": `
+    'heading-medium': `
     font-size: 24px;
     font-weight: ${theme.font.weight.medium};
     line-height: 32px;
   `,
-  "heading-small": `
+    'heading-small': `
     font-size: 20px;
     font-weight: ${theme.font.weight.medium};
     line-height: 28px;
   `,
-  "headline-regular": `
+    'headline-regular': `
     font-size: 16px;
     font-weight: ${theme.font.weight.medium};
     line-height: 20px;
   `,
-  "headline-small": `
+    'headline-small': `
     font-size: 14px;
     font-weight: ${theme.font.weight.medium};
     line-height: 20px;
   `,
-  "body-standfirst": `
+    'body-standfirst': `
     font-size: 18px;
     font-weight: ${theme.font.weight.normal};
     line-height: 24px;
   `,
-  "body-regular": `
+    'body-regular': `
     font-size: 16px;
     font-weight: ${theme.font.weight.normal};
     line-height: 20px;
   `,
-  "body-small": `
+    'body-small': `
     font-size: 14px;
     font-weight: ${theme.font.weight.normal};
     line-height: 20px;
   `,
-  caption: `
+    caption: `
     font-size: 12px;
     font-weight: ${theme.font.weight.normal};
     line-height: 16px;
   `,
-  label: `
+    label: `
     font-size: 10px;
     line-height: 12px;
     font-weight: ${theme.font.weight.medium};
     text-transform: uppercase;
-  `
+  `,
 };
-
-export { fontStyleMapping };
-//# sourceMappingURL=fontMapping.js.map
+//# sourceMappingURL=fontMapping.js.map