@laerdal/life-react-components 5.0.0-dev.4 → 5.0.0-dev.6

package/dist/Tabs/Tabs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_types","_jsxRuntime","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getHeight","size","Size","Small","Medium","Large","getFontSize","getTopMargin","getBottomMargin","Nav","styled","nav","_taggedTemplateLiteral2","props","Tabs","_ref","children","jsx","role","propTypes","_propTypes","any","_default","exports"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Size } from '../types';\r\n\r\ntype TabsProps = {\r\n  children?: any;\r\n  size: Size;\r\n};\r\n\r\nconst getHeight = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '48px';\r\n    case Size.Medium:\r\n      return '56px';\r\n    case Size.Large:\r\n      return '64px';\r\n    default:\r\n      return '48px';\r\n  }\r\n};\r\n\r\nconst getFontSize = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '16px';\r\n    case Size.Medium:\r\n      return '18px';\r\n    case Size.Large:\r\n      return '20px';\r\n    default:\r\n      return '20px';\r\n  }\r\n};\r\n\r\nconst getTopMargin = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '6px';\r\n    case Size.Medium:\r\n      return '10px';\r\n    case Size.Large:\r\n      return '12px';\r\n    default:\r\n      return '12px';\r\n  }\r\n};\r\n\r\nconst getBottomMargin = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '2px';\r\n    case Size.Medium:\r\n      return '3px';\r\n    case Size.Large:\r\n      return '4px';\r\n    default:\r\n      return '4px';\r\n  }\r\n};\r\n\r\nconst Nav = styled.nav<{size: Size}>`\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  a {\r\n    height: ${(props) => getHeight(props.size)};\r\n  }\r\n\r\n  a > div:last-of-type {\r\n    font-size: 12px;\r\n    margin: 0 0 8px 16px;\r\n  }\r\n  a > div:first-child {\r\n    font-size: ${(props) => getFontSize(props.size)};\r\n    margin: ${(props) => getTopMargin(props.size)} 0 ${(props) => getBottomMargin(props.size)} 16px;\r\n  }\r\n  a > div:only-of-type {\r\n    font-size: ${(props) => getFontSize(props.size)};\r\n    margin: auto 0 auto 16px;\r\n  }\r\n\r\n  @media print {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst Tabs: React.FunctionComponent<TabsProps> = ({ children, size }) => (\r\n  <Nav role=\"tablist\" size={size}>\r\n    {children}\r\n  </Nav>\r\n);\r\n\r\nexport default Tabs;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Tabs.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_types","_jsxRuntime","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getHeight","size","Size","Small","Medium","Large","getFontSize","getTopMargin","getBottomMargin","Nav","styled","nav","_taggedTemplateLiteral2","props","$size","Tabs","_ref","children","jsx","role","propTypes","_propTypes","any","_default","exports"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Size } from '../types';\r\n\r\ntype TabsProps = {\r\n  children?: any;\r\n  size: Size;\r\n};\r\n\r\nconst getHeight = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '48px';\r\n    case Size.Medium:\r\n      return '56px';\r\n    case Size.Large:\r\n      return '64px';\r\n    default:\r\n      return '48px';\r\n  }\r\n};\r\n\r\nconst getFontSize = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '16px';\r\n    case Size.Medium:\r\n      return '18px';\r\n    case Size.Large:\r\n      return '20px';\r\n    default:\r\n      return '20px';\r\n  }\r\n};\r\n\r\nconst getTopMargin = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '6px';\r\n    case Size.Medium:\r\n      return '10px';\r\n    case Size.Large:\r\n      return '12px';\r\n    default:\r\n      return '12px';\r\n  }\r\n};\r\n\r\nconst getBottomMargin = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '2px';\r\n    case Size.Medium:\r\n      return '3px';\r\n    case Size.Large:\r\n      return '4px';\r\n    default:\r\n      return '4px';\r\n  }\r\n};\r\n\r\nconst Nav = styled.nav<{$size: Size}>`\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  a {\r\n    height: ${(props) => getHeight(props.$size)};\r\n  }\r\n\r\n  a > div:last-of-type {\r\n    font-size: 12px;\r\n    margin: 0 0 8px 16px;\r\n  }\r\n  a > div:first-child {\r\n    font-size: ${(props) => getFontSize(props.$size)};\r\n    margin: ${(props) => getTopMargin(props.$size)} 0 ${(props) => getBottomMargin(props.$size)} 16px;\r\n  }\r\n  a > div:only-of-type {\r\n    font-size: ${(props) => getFontSize(props.$size)};\r\n    margin: auto 0 auto 16px;\r\n  }\r\n\r\n  @media print {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst Tabs: React.FunctionComponent<TabsProps> = ({ children, size }) => (\r\n  <Nav role=\"tablist\" $size={size}>\r\n    {children}\r\n  </Nav>\r\n);\r\n\r\nexport default Tabs;\r\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAgC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,eAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAOhC,IAAMW,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAAU,EAAK;EAChC,QAAQA,IAAI;IACV,KAAKC,WAAI,CAACC,KAAK;MACb,OAAO,MAAM;IACf,KAAKD,WAAI,CAACE,MAAM;MACd,OAAO,MAAM;IACf,KAAKF,WAAI,CAACG,KAAK;MACb,OAAO,MAAM;IACf;MACE,OAAO,MAAM;EACjB;AACF,CAAC;AAED,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIL,IAAU,EAAK;EAClC,QAAQA,IAAI;IACV,KAAKC,WAAI,CAACC,KAAK;MACb,OAAO,MAAM;IACf,KAAKD,WAAI,CAACE,MAAM;MACd,OAAO,MAAM;IACf,KAAKF,WAAI,CAACG,KAAK;MACb,OAAO,MAAM;IACf;MACE,OAAO,MAAM;EACjB;AACF,CAAC;AAED,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAIN,IAAU,EAAK;EACnC,QAAQA,IAAI;IACV,KAAKC,WAAI,CAACC,KAAK;MACb,OAAO,KAAK;IACd,KAAKD,WAAI,CAACE,MAAM;MACd,OAAO,MAAM;IACf,KAAKF,WAAI,CAACG,KAAK;MACb,OAAO,MAAM;IACf;MACE,OAAO,MAAM;EACjB;AACF,CAAC;AAED,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAIP,IAAU,EAAK;EACtC,QAAQA,IAAI;IACV,KAAKC,WAAI,CAACC,KAAK;MACb,OAAO,KAAK;IACd,KAAKD,WAAI,CAACE,MAAM;MACd,OAAO,KAAK;IACd,KAAKF,WAAI,CAACG,KAAK;MACb,OAAO,KAAK;IACd;MACE,OAAO,KAAK;EAChB;AACF,CAAC;AAED,IAAMI,GAAG,GAAGC,4BAAM,CAACC,GAAG,CAAAhC,eAAA,KAAAA,eAAA,OAAAiC,uBAAA,2YAKR,UAACC,KAAK;EAAA,OAAKb,SAAS,CAACa,KAAK,CAACC,KAAK,CAAC;AAAA,GAQ9B,UAACD,KAAK;EAAA,OAAKP,WAAW,CAACO,KAAK,CAACC,KAAK,CAAC;AAAA,GACtC,UAACD,KAAK;EAAA,OAAKN,YAAY,CAACM,KAAK,CAACC,KAAK,CAAC;AAAA,GAAM,UAACD,KAAK;EAAA,OAAKL,eAAe,CAACK,KAAK,CAACC,KAAK,CAAC;AAAA,GAG9E,UAACD,KAAK;EAAA,OAAKP,WAAW,CAACO,KAAK,CAACC,KAAK,CAAC;AAAA,EAOnD;AAED,IAAMC,IAAwC,GAAG,SAA3CA,IAAwCA,CAAAC,IAAA;EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEhB,IAAI,GAAAe,IAAA,CAAJf,IAAI;EAAA,oBAChE,IAAAvB,WAAA,CAAAwC,GAAA,EAACT,GAAG;IAACU,IAAI,EAAC,SAAS;IAACL,KAAK,EAAEb,IAAK;IAAAgB,QAAA,EAC7BA;EAAQ,CACN,CAAC;AAAA,CACP;AAACF,IAAA,CAAAK,SAAA;EAtFAH,QAAQ,EAAAI,UAAA,YAAAC;AAAA;AAAA,IAAAC,QAAA,GAwFKR,IAAI;AAAAS,OAAA,cAAAD,QAAA","ignoreList":[]}

package/dist/Tabs/Tabs.js

@@ -54,22 +54,22 @@ var getBottomMargin = function getBottomMargin(size) {
   }
 };
 var Nav = styled.nav(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n\n  a {\n    height: ", ";\n  }\n\n  a > div:last-of-type {\n    font-size: 12px;\n    margin: 0 0 8px 16px;\n  }\n  a > div:first-child {\n    font-size: ", ";\n    margin: ", " 0 ", " 16px;\n  }\n  a > div:only-of-type {\n    font-size: ", ";\n    margin: auto 0 auto 16px;\n  }\n\n  @media print {\n    display: none;\n  }\n"])), function (props) {
-  return getHeight(props.size);
+  return getHeight(props.$size);
 }, function (props) {
-  return getFontSize(props.size);
+  return getFontSize(props.$size);
 }, function (props) {
-  return getTopMargin(props.size);
+  return getTopMargin(props.$size);
 }, function (props) {
-  return getBottomMargin(props.size);
+  return getBottomMargin(props.$size);
 }, function (props) {
-  return getFontSize(props.size);
+  return getFontSize(props.$size);
 });
 var Tabs = function Tabs(_ref) {
   var children = _ref.children,
     size = _ref.size;
   return /*#__PURE__*/_jsx(Nav, {
     role: "tablist",
-    size: size,
+    $size: size,
     children: children
   });
 };

package/dist/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":["React","styled","Size","jsx","_jsx","getHeight","size","Small","Medium","Large","getFontSize","getTopMargin","getBottomMargin","Nav","nav","_templateObject","_taggedTemplateLiteral","props","Tabs","_ref","children","role","propTypes","_pt","any"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Size } from '../types';\r\n\r\ntype TabsProps = {\r\n  children?: any;\r\n  size: Size;\r\n};\r\n\r\nconst getHeight = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '48px';\r\n    case Size.Medium:\r\n      return '56px';\r\n    case Size.Large:\r\n      return '64px';\r\n    default:\r\n      return '48px';\r\n  }\r\n};\r\n\r\nconst getFontSize = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '16px';\r\n    case Size.Medium:\r\n      return '18px';\r\n    case Size.Large:\r\n      return '20px';\r\n    default:\r\n      return '20px';\r\n  }\r\n};\r\n\r\nconst getTopMargin = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '6px';\r\n    case Size.Medium:\r\n      return '10px';\r\n    case Size.Large:\r\n      return '12px';\r\n    default:\r\n      return '12px';\r\n  }\r\n};\r\n\r\nconst getBottomMargin = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '2px';\r\n    case Size.Medium:\r\n      return '3px';\r\n    case Size.Large:\r\n      return '4px';\r\n    default:\r\n      return '4px';\r\n  }\r\n};\r\n\r\nconst Nav = styled.nav<{size: Size}>`\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  a {\r\n    height: ${(props) => getHeight(props.size)};\r\n  }\r\n\r\n  a > div:last-of-type {\r\n    font-size: 12px;\r\n    margin: 0 0 8px 16px;\r\n  }\r\n  a > div:first-child {\r\n    font-size: ${(props) => getFontSize(props.size)};\r\n    margin: ${(props) => getTopMargin(props.size)} 0 ${(props) => getBottomMargin(props.size)} 16px;\r\n  }\r\n  a > div:only-of-type {\r\n    font-size: ${(props) => getFontSize(props.size)};\r\n    margin: auto 0 auto 16px;\r\n  }\r\n\r\n  @media print {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst Tabs: React.FunctionComponent<TabsProps> = ({ children, size }) => (\r\n  <Nav role=\"tablist\" size={size}>\r\n    {children}\r\n  </Nav>\r\n);\r\n\r\nexport default Tabs;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,IAAI,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOhC,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAAU,EAAK;EAChC,QAAQA,IAAI;IACV,KAAKJ,IAAI,CAACK,KAAK;MACb,OAAO,MAAM;IACf,KAAKL,IAAI,CAACM,MAAM;MACd,OAAO,MAAM;IACf,KAAKN,IAAI,CAACO,KAAK;MACb,OAAO,MAAM;IACf;MACE,OAAO,MAAM;EACjB;AACF,CAAC;AAED,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIJ,IAAU,EAAK;EAClC,QAAQA,IAAI;IACV,KAAKJ,IAAI,CAACK,KAAK;MACb,OAAO,MAAM;IACf,KAAKL,IAAI,CAACM,MAAM;MACd,OAAO,MAAM;IACf,KAAKN,IAAI,CAACO,KAAK;MACb,OAAO,MAAM;IACf;MACE,OAAO,MAAM;EACjB;AACF,CAAC;AAED,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAIL,IAAU,EAAK;EACnC,QAAQA,IAAI;IACV,KAAKJ,IAAI,CAACK,KAAK;MACb,OAAO,KAAK;IACd,KAAKL,IAAI,CAACM,MAAM;MACd,OAAO,MAAM;IACf,KAAKN,IAAI,CAACO,KAAK;MACb,OAAO,MAAM;IACf;MACE,OAAO,MAAM;EACjB;AACF,CAAC;AAED,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAIN,IAAU,EAAK;EACtC,QAAQA,IAAI;IACV,KAAKJ,IAAI,CAACK,KAAK;MACb,OAAO,KAAK;IACd,KAAKL,IAAI,CAACM,MAAM;MACd,OAAO,KAAK;IACd,KAAKN,IAAI,CAACO,KAAK;MACb,OAAO,KAAK;IACd;MACE,OAAO,KAAK;EAChB;AACF,CAAC;AAED,IAAMI,GAAG,GAAGZ,MAAM,CAACa,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,+XAKR,UAACC,KAAK;EAAA,OAAKZ,SAAS,CAACY,KAAK,CAACX,IAAI,CAAC;AAAA,GAQ7B,UAACW,KAAK;EAAA,OAAKP,WAAW,CAACO,KAAK,CAACX,IAAI,CAAC;AAAA,GACrC,UAACW,KAAK;EAAA,OAAKN,YAAY,CAACM,KAAK,CAACX,IAAI,CAAC;AAAA,GAAM,UAACW,KAAK;EAAA,OAAKL,eAAe,CAACK,KAAK,CAACX,IAAI,CAAC;AAAA,GAG5E,UAACW,KAAK;EAAA,OAAKP,WAAW,CAACO,KAAK,CAACX,IAAI,CAAC;AAAA,EAOlD;AAED,IAAMY,IAAwC,GAAG,SAA3CA,IAAwCA,CAAAC,IAAA;EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEd,IAAI,GAAAa,IAAA,CAAJb,IAAI;EAAA,oBAChEF,IAAA,CAACS,GAAG;IAACQ,IAAI,EAAC,SAAS;IAACf,IAAI,EAAEA,IAAK;IAAAc,QAAA,EAC5BA;EAAQ,CACN,CAAC;AAAA,CACP;AAACF,IAAA,CAAAI,SAAA;EAtFAF,QAAQ,EAAAG,GAAA,CAAAC;AAAA;AAwFV,eAAeN,IAAI","ignoreList":[]}
+{"version":3,"file":"Tabs.js","names":["React","styled","Size","jsx","_jsx","getHeight","size","Small","Medium","Large","getFontSize","getTopMargin","getBottomMargin","Nav","nav","_templateObject","_taggedTemplateLiteral","props","$size","Tabs","_ref","children","role","propTypes","_pt","any"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Size } from '../types';\r\n\r\ntype TabsProps = {\r\n  children?: any;\r\n  size: Size;\r\n};\r\n\r\nconst getHeight = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '48px';\r\n    case Size.Medium:\r\n      return '56px';\r\n    case Size.Large:\r\n      return '64px';\r\n    default:\r\n      return '48px';\r\n  }\r\n};\r\n\r\nconst getFontSize = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '16px';\r\n    case Size.Medium:\r\n      return '18px';\r\n    case Size.Large:\r\n      return '20px';\r\n    default:\r\n      return '20px';\r\n  }\r\n};\r\n\r\nconst getTopMargin = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '6px';\r\n    case Size.Medium:\r\n      return '10px';\r\n    case Size.Large:\r\n      return '12px';\r\n    default:\r\n      return '12px';\r\n  }\r\n};\r\n\r\nconst getBottomMargin = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '2px';\r\n    case Size.Medium:\r\n      return '3px';\r\n    case Size.Large:\r\n      return '4px';\r\n    default:\r\n      return '4px';\r\n  }\r\n};\r\n\r\nconst Nav = styled.nav<{$size: Size}>`\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  a {\r\n    height: ${(props) => getHeight(props.$size)};\r\n  }\r\n\r\n  a > div:last-of-type {\r\n    font-size: 12px;\r\n    margin: 0 0 8px 16px;\r\n  }\r\n  a > div:first-child {\r\n    font-size: ${(props) => getFontSize(props.$size)};\r\n    margin: ${(props) => getTopMargin(props.$size)} 0 ${(props) => getBottomMargin(props.$size)} 16px;\r\n  }\r\n  a > div:only-of-type {\r\n    font-size: ${(props) => getFontSize(props.$size)};\r\n    margin: auto 0 auto 16px;\r\n  }\r\n\r\n  @media print {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst Tabs: React.FunctionComponent<TabsProps> = ({ children, size }) => (\r\n  <Nav role=\"tablist\" $size={size}>\r\n    {children}\r\n  </Nav>\r\n);\r\n\r\nexport default Tabs;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,IAAI,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOhC,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAAU,EAAK;EAChC,QAAQA,IAAI;IACV,KAAKJ,IAAI,CAACK,KAAK;MACb,OAAO,MAAM;IACf,KAAKL,IAAI,CAACM,MAAM;MACd,OAAO,MAAM;IACf,KAAKN,IAAI,CAACO,KAAK;MACb,OAAO,MAAM;IACf;MACE,OAAO,MAAM;EACjB;AACF,CAAC;AAED,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIJ,IAAU,EAAK;EAClC,QAAQA,IAAI;IACV,KAAKJ,IAAI,CAACK,KAAK;MACb,OAAO,MAAM;IACf,KAAKL,IAAI,CAACM,MAAM;MACd,OAAO,MAAM;IACf,KAAKN,IAAI,CAACO,KAAK;MACb,OAAO,MAAM;IACf;MACE,OAAO,MAAM;EACjB;AACF,CAAC;AAED,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAIL,IAAU,EAAK;EACnC,QAAQA,IAAI;IACV,KAAKJ,IAAI,CAACK,KAAK;MACb,OAAO,KAAK;IACd,KAAKL,IAAI,CAACM,MAAM;MACd,OAAO,MAAM;IACf,KAAKN,IAAI,CAACO,KAAK;MACb,OAAO,MAAM;IACf;MACE,OAAO,MAAM;EACjB;AACF,CAAC;AAED,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAIN,IAAU,EAAK;EACtC,QAAQA,IAAI;IACV,KAAKJ,IAAI,CAACK,KAAK;MACb,OAAO,KAAK;IACd,KAAKL,IAAI,CAACM,MAAM;MACd,OAAO,KAAK;IACd,KAAKN,IAAI,CAACO,KAAK;MACb,OAAO,KAAK;IACd;MACE,OAAO,KAAK;EAChB;AACF,CAAC;AAED,IAAMI,GAAG,GAAGZ,MAAM,CAACa,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,+XAKR,UAACC,KAAK;EAAA,OAAKZ,SAAS,CAACY,KAAK,CAACC,KAAK,CAAC;AAAA,GAQ9B,UAACD,KAAK;EAAA,OAAKP,WAAW,CAACO,KAAK,CAACC,KAAK,CAAC;AAAA,GACtC,UAACD,KAAK;EAAA,OAAKN,YAAY,CAACM,KAAK,CAACC,KAAK,CAAC;AAAA,GAAM,UAACD,KAAK;EAAA,OAAKL,eAAe,CAACK,KAAK,CAACC,KAAK,CAAC;AAAA,GAG9E,UAACD,KAAK;EAAA,OAAKP,WAAW,CAACO,KAAK,CAACC,KAAK,CAAC;AAAA,EAOnD;AAED,IAAMC,IAAwC,GAAG,SAA3CA,IAAwCA,CAAAC,IAAA;EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEf,IAAI,GAAAc,IAAA,CAAJd,IAAI;EAAA,oBAChEF,IAAA,CAACS,GAAG;IAACS,IAAI,EAAC,SAAS;IAACJ,KAAK,EAAEZ,IAAK;IAAAe,QAAA,EAC7BA;EAAQ,CACN,CAAC;AAAA,CACP;AAACF,IAAA,CAAAI,SAAA;EAtFAF,QAAQ,EAAAG,GAAA,CAAAC;AAAA;AAwFV,eAAeN,IAAI","ignoreList":[]}

package/dist/Tabs/__tests__/Tablist.tests.d.ts

@@ -1,2 +1,2 @@
 import 'jest-styled-components';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';

package/dist/styles/typography.cjs

@@ -13,26 +13,27 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _ = require(".");
 var _types = require("../types");
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var TypographyBase = (0, _styledComponents["default"])('div')(function (_ref) {
-  var $color = _ref.$color,
-    lineHeight = _ref.$lineHeight,
-    $fontSize = _ref.$fontSize,
-    $fontWeight = _ref.$fontWeight,
-    $fontStyle = _ref.$fontStyle,
-    textTransform = _ref.$textTransform,
-    textDecorationLine = _ref.$textDecorationLine;
-  return {
-    fontSize: $fontSize,
-    fontWeight: $fontWeight,
-    lineHeight: lineHeight + 'px',
-    textTransform: textTransform ? textTransform : 'none',
-    textDecorationLine: textDecorationLine ? textDecorationLine : 'none',
-    fontStyle: $fontStyle ? $fontStyle : 'normal',
-    color: $color ? $color : _.COLORS.black
-  };
+var TypographyBase = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  fontSize: ", ";\n  fontWeight: ", ";\n  lineHeight: ", "px;\n  textTransform: ", ";\n  textDecorationLine: ", ";\n  fontStyle: ", ";\n  color: ", ";\n"])), function (props) {
+  return props.$fontSize;
+}, function (props) {
+  return props.$fontWeight;
+}, function (props) {
+  return props.$lineHeight;
+}, function (props) {
+  var _props$$textTransform;
+  return (_props$$textTransform = props.$textTransform) !== null && _props$$textTransform !== void 0 ? _props$$textTransform : 'none';
+}, function (props) {
+  var _props$$textDecoratio;
+  return (_props$$textDecoratio = props.$textDecorationLine) !== null && _props$$textDecoratio !== void 0 ? _props$$textDecoratio : 'none';
+}, function (props) {
+  var _props$$fontStyle;
+  return (_props$$fontStyle = props.$fontStyle) !== null && _props$$fontStyle !== void 0 ? _props$$fontStyle : 'normal';
+}, function (props) {
+  var _props$color;
+  return (_props$color = props.color) !== null && _props$color !== void 0 ? _props$color : _.COLORS.getColor('black', props.theme);
 });
 exports.TypographyBase = TypographyBase;
 var ComponentTextStyle;
@@ -59,7 +60,7 @@ var componentTextTransformation = function componentTextTransformation(textStyle
   return fontStyle;
 };
 var ComponentStyling = function ComponentStyling(fontSize, lineHeight, textStyle, color) {
-  return (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    font-style: ", ";\n    ", "\n  "])), fontSize, componentFontWeight(textStyle), lineHeight, componentFontStyle(textStyle), function (props) {
+  return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    font-style: ", ";\n    ", "\n  "])), fontSize, componentFontWeight(textStyle), lineHeight, componentFontStyle(textStyle), function (props) {
     return color === null ? '' : "color: ".concat(color || _.COLORS.getColor('black', props.theme), ";");
   });
 };
@@ -67,11 +68,11 @@ var ComponentXLStyling = function ComponentXLStyling(textStyle, color) {
   return ComponentStyling('24px', '28px', textStyle, color);
 };
 exports.ComponentXLStyling = ComponentXLStyling;
-var ComponentXL = function ComponentXL(_ref2) {
-  var color = _ref2.color,
-    textStyle = _ref2.textStyle,
-    children = _ref2.children,
-    className = _ref2.className;
+var ComponentXL = function ComponentXL(_ref) {
+  var color = _ref.color,
+    textStyle = _ref.textStyle,
+    children = _ref.children,
+    className = _ref.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, {
@@ -95,11 +96,11 @@ var ComponentLStyling = function ComponentLStyling(textStyle, color) {
   return ComponentStyling('20px', '24px', textStyle, color);
 };
 exports.ComponentLStyling = ComponentLStyling;
-var ComponentL = function ComponentL(_ref3) {
-  var color = _ref3.color,
-    textStyle = _ref3.textStyle,
-    children = _ref3.children,
-    className = _ref3.className;
+var ComponentL = function ComponentL(_ref2) {
+  var color = _ref2.color,
+    textStyle = _ref2.textStyle,
+    children = _ref2.children,
+    className = _ref2.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, {
@@ -123,11 +124,11 @@ var ComponentMStyling = function ComponentMStyling(textStyle, color) {
   return ComponentStyling('18px', '24px', textStyle, color);
 };
 exports.ComponentMStyling = ComponentMStyling;
-var ComponentM = function ComponentM(_ref4) {
-  var color = _ref4.color,
-    textStyle = _ref4.textStyle,
-    children = _ref4.children,
-    className = _ref4.className;
+var ComponentM = function ComponentM(_ref3) {
+  var color = _ref3.color,
+    textStyle = _ref3.textStyle,
+    children = _ref3.children,
+    className = _ref3.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, {
@@ -151,11 +152,11 @@ var ComponentSStyling = function ComponentSStyling(textStyle, color) {
   return ComponentStyling('16px', '20px', textStyle, color);
 };
 exports.ComponentSStyling = ComponentSStyling;
-var ComponentS = function ComponentS(_ref5) {
-  var color = _ref5.color,
-    textStyle = _ref5.textStyle,
-    children = _ref5.children,
-    className = _ref5.className;
+var ComponentS = function ComponentS(_ref4) {
+  var color = _ref4.color,
+    textStyle = _ref4.textStyle,
+    children = _ref4.children,
+    className = _ref4.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, {
@@ -179,11 +180,11 @@ var ComponentXSStyling = function ComponentXSStyling(textStyle, color) {
   return ComponentStyling('14px', '16px', textStyle, color);
 };
 exports.ComponentXSStyling = ComponentXSStyling;
-var ComponentXS = function ComponentXS(_ref6) {
-  var color = _ref6.color,
-    textStyle = _ref6.textStyle,
-    children = _ref6.children,
-    className = _ref6.className;
+var ComponentXS = function ComponentXS(_ref5) {
+  var color = _ref5.color,
+    textStyle = _ref5.textStyle,
+    children = _ref5.children,
+    className = _ref5.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   var textTransform = componentTextTransformation(textStyle);
@@ -209,11 +210,11 @@ var ComponentXXSStyling = function ComponentXXSStyling(textStyle, color) {
   return ComponentStyling('12px', '16px', textStyle, color);
 };
 exports.ComponentXXSStyling = ComponentXXSStyling;
-var ComponentXXS = function ComponentXXS(_ref7) {
-  var color = _ref7.color,
-    textStyle = _ref7.textStyle,
-    children = _ref7.children,
-    className = _ref7.className;
+var ComponentXXS = function ComponentXXS(_ref6) {
+  var color = _ref6.color,
+    textStyle = _ref6.textStyle,
+    children = _ref6.children,
+    className = _ref6.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   var textTransform = componentTextTransformation(textStyle);
@@ -235,12 +236,12 @@ ComponentXXS.propTypes = {
   textStyle: _propTypes["default"].oneOf([1, 2, 3, 4]),
   children: _propTypes["default"].node
 };
-var ComponentResponsive = function ComponentResponsive(_ref8) {
-  var color = _ref8.color,
-    textStyle = _ref8.textStyle,
-    children = _ref8.children,
-    size = _ref8.size,
-    width = _ref8.width;
+var ComponentResponsive = function ComponentResponsive(_ref7) {
+  var color = _ref7.color,
+    textStyle = _ref7.textStyle,
+    children = _ref7.children,
+    size = _ref7.size,
+    width = _ref7.width;
   var fontsize = size;
   if (!size) {
     if (width == -1) {
@@ -294,18 +295,18 @@ ComponentResponsive.propTypes = {
   textStyle: _propTypes["default"].oneOf([1, 2, 3, 4]),
   children: _propTypes["default"].node
 };
-var Typography = (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  html {\n    font-size: 100%;\n  }\n\n  @media (min-width: 48rem) {\n    html {\n      font-size: 112.5%;\n    }\n  }\n\n  @media (min-width: 80rem) {\n    html {\n      font-size: 125%;\n    }\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-weight: 700;\n    line-height: 120%;\n    margin: 0;\n  }\n\n  h1 {\n    font-size: 3rem;\n  }\n\n  h2 {\n    font-size: 2.5rem;\n  }\n\n  h3 {\n    font-size: 2rem;\n  }\n\n  h4 {\n    font-size: 1.75rem;\n  }\n\n  h5 {\n    font-size: 1.5rem;\n  }\n\n  h6 {\n    font-size: 1.25rem;\n  }\n\n  p {\n    font-size: 1rem;\n    line-height: 150%;\n    margin: 0 0 0.5rem;\n  }\n\n  p:last-of-type {\n    margin-bottom: 0;\n  }\n\n\n  h1, h2, h3, h4, h5, h6, p, span {\n    max-width: 34rem;\n  }\n\n  :lang(ja-jp) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n\n  :lang(ko-kr) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n\n  :lang(zh-CN) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n"])));
+var Typography = (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  html {\n    font-size: 100%;\n  }\n\n  @media (min-width: 48rem) {\n    html {\n      font-size: 112.5%;\n    }\n  }\n\n  @media (min-width: 80rem) {\n    html {\n      font-size: 125%;\n    }\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-weight: 700;\n    line-height: 120%;\n    margin: 0;\n  }\n\n  h1 {\n    font-size: 3rem;\n  }\n\n  h2 {\n    font-size: 2.5rem;\n  }\n\n  h3 {\n    font-size: 2rem;\n  }\n\n  h4 {\n    font-size: 1.75rem;\n  }\n\n  h5 {\n    font-size: 1.5rem;\n  }\n\n  h6 {\n    font-size: 1.25rem;\n  }\n\n  p {\n    font-size: 1rem;\n    line-height: 150%;\n    margin: 0 0 0.5rem;\n  }\n\n  p:last-of-type {\n    margin-bottom: 0;\n  }\n\n\n  h1, h2, h3, h4, h5, h6, p, span {\n    max-width: 34rem;\n  }\n\n  :lang(ja-jp) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n\n  :lang(ko-kr) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n\n  :lang(zh-CN) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n"])));
 exports.Typography = Typography;
-var QuoteTypography = (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: 1.5rem;\n  line-height: 150%;\n  margin-bottom: 0.75rem;\n"])));
+var QuoteTypography = (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: 1.5rem;\n  line-height: 150%;\n  margin-bottom: 0.75rem;\n"])));
 exports.QuoteTypography = QuoteTypography;
-var NoteTypography = (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: 0.75rem;\n  line-height: 150%;\n  margin-bottom: 0.375rem;\n"])));
+var NoteTypography = (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: 0.75rem;\n  line-height: 150%;\n  margin-bottom: 0.375rem;\n"])));
 exports.NoteTypography = NoteTypography;
-var UpperCaseTypography = (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: 0.75rem;\n  line-height: 150%;\n  font-weight: 700;\n  text-transform: uppercase;\n"])));
+var UpperCaseTypography = (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: 0.75rem;\n  line-height: 150%;\n  font-weight: 700;\n  text-transform: uppercase;\n"])));
 exports.UpperCaseTypography = UpperCaseTypography;
-var Note = _styledComponents["default"].p(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n"])), NoteTypography);
+var Note = _styledComponents["default"].p(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n"])), NoteTypography);
 exports.Note = Note;
-var Quote = _styledComponents["default"].p(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n"])), QuoteTypography);
+var Quote = _styledComponents["default"].p(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n"])), QuoteTypography);
 exports.Quote = Quote;
-var UpperCase = _styledComponents["default"].p(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n"])), UpperCaseTypography);
+var UpperCase = _styledComponents["default"].p(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n"])), UpperCaseTypography);
 exports.UpperCase = UpperCase;
 //# sourceMappingURL=typography.cjs.map

package/dist/styles/typography.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"typography.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_","_types","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TypographyBase","styled","_ref","$color","lineHeight","$lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","$textTransform","textDecorationLine","$textDecorationLine","fontSize","fontWeight","fontStyle","color","COLORS","black","exports","ComponentTextStyle","componentFontWeight","textStyle","Bold","UppercaseBold","componentFontStyle","Italic","componentTextTransformation","ComponentStyling","css","_taggedTemplateLiteral2","props","concat","getColor","theme","ComponentXLStyling","ComponentXL","_ref2","children","className","jsx","propTypes","_propTypes","string","oneOf","node","ComponentLStyling","ComponentL","_ref3","ComponentMStyling","ComponentM","_ref4","ComponentSStyling","ComponentS","_ref5","ComponentXSStyling","ComponentXS","_ref6","ComponentXXSStyling","ComponentXXS","_ref7","ComponentResponsive","_ref8","size","width","fontsize","Size","Medium","Small","Large","XXSmall","XSmall","Typography","QuoteTypography","NoteTypography","UpperCaseTypography","Note","p","Quote","UpperCase"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled, {css} from 'styled-components';\r\nimport {COLORS} from '.';\r\nimport {Property} from 'csstype';\r\nimport {Size} from '../types';\r\n\r\ninterface ITypographyBase {\r\n  $color?: string;\r\n  $lineHeight: number;\r\n  $fontSize: number;\r\n  $fontWeight: number;\r\n  $fontStyle?: string;\r\n  $textTransform?: Property.TextTransform;\r\n  $textDecorationLine?: Property.TextDecorationLine;\r\n}\r\n\r\nexport const TypographyBase = styled('div')<ITypographyBase>(({\r\n                                                                $color,\r\n                                                                $lineHeight: lineHeight,\r\n                                                                $fontSize,\r\n                                                                $fontWeight,\r\n                                                                $fontStyle,\r\n                                                                $textTransform: textTransform,\r\n                                                                $textDecorationLine: textDecorationLine\r\n                                                              }) => ({\r\n  fontSize: $fontSize,\r\n  fontWeight: $fontWeight,\r\n  lineHeight: lineHeight + 'px',\r\n  textTransform: textTransform ? textTransform : 'none',\r\n  textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\r\n  fontStyle: $fontStyle ? $fontStyle : 'normal',\r\n  color: $color ? $color : COLORS.black,\r\n}));\r\n\r\nenum ComponentTextStyle {\r\n  Regular = 1,\r\n  Bold,\r\n  Italic,\r\n  UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = {\r\n  color?: string;\r\n  className?: string;\r\n  textStyle?: ComponentTextStyle;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n  let fontWeight = 400;\r\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n    fontWeight = 700;\r\n  }\r\n  return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n  return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n  return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n  return css`\r\n    font-size: ${fontSize};\r\n    font-weight: ${componentFontWeight(textStyle)};\r\n    line-height: ${lineHeight};\r\n    font-style: ${componentFontStyle(textStyle)};\r\n    ${props => color === null ? '' : `color: ${color || COLORS.getColor('black', props.theme)};`}\r\n  `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} $textTransform={textTransform}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} $textTransform={textTransform}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n                                                                                                         color,\r\n                                                                                                         textStyle,\r\n                                                                                                         children,\r\n                                                                                                         size,\r\n                                                                                                         width\r\n                                                                                                       }) => {\r\n  let fontsize = size;\r\n  if (!size) {\r\n    if (width == -1) {\r\n      fontsize = Size.Medium;\r\n    } else if (width < 768) {\r\n      fontsize = Size.Small;\r\n    } else if (width < 992) {\r\n      fontsize = Size.Medium;\r\n    } else {\r\n      fontsize = Size.Large;\r\n    }\r\n  }\r\n  switch (fontsize) {\r\n    case Size.XXSmall:\r\n      return <ComponentXXS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.XSmall:\r\n      return <ComponentXS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Small:\r\n      return <ComponentS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Medium:\r\n      return <ComponentM color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Large:\r\n    default:\r\n      return <ComponentL color={color} textStyle={textStyle} children={children}/>;\r\n  }\r\n};\r\n\r\nexport const Typography = css`\r\n  html {\r\n    font-size: 100%;\r\n  }\r\n\r\n  @media (min-width: 48rem) {\r\n    html {\r\n      font-size: 112.5%;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 80rem) {\r\n    html {\r\n      font-size: 125%;\r\n    }\r\n  }\r\n\r\n  h1, h2, h3, h4, h5, h6 {\r\n    font-weight: 700;\r\n    line-height: 120%;\r\n    margin: 0;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n  }\r\n\r\n  h2 {\r\n    font-size: 2.5rem;\r\n  }\r\n\r\n  h3 {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  h4 {\r\n    font-size: 1.75rem;\r\n  }\r\n\r\n  h5 {\r\n    font-size: 1.5rem;\r\n  }\r\n\r\n  h6 {\r\n    font-size: 1.25rem;\r\n  }\r\n\r\n  p {\r\n    font-size: 1rem;\r\n    line-height: 150%;\r\n    margin: 0 0 0.5rem;\r\n  }\r\n\r\n  p:last-of-type {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n\r\n  h1, h2, h3, h4, h5, h6, p, span {\r\n    max-width: 34rem;\r\n  }\r\n\r\n  :lang(ja-jp) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(ko-kr) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(zh-CN) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const QuoteTypography = css`\r\n  font-size: 1.5rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.75rem;\r\n`;\r\n\r\nexport const NoteTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.375rem;\r\n`;\r\n\r\nexport const UpperCaseTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n`;\r\n\r\nexport const Note = styled.p`\r\n  ${NoteTypography}\r\n`;\r\n\r\nexport const Quote = styled.p`\r\n  ${QuoteTypography}\r\n`;\r\n\r\nexport const UpperCase = styled.p`\r\n  ${UpperCaseTypography}\r\n`;\r\n\r\nexport {\r\n  ComponentTextStyle,\r\n  ComponentXL,\r\n  ComponentL,\r\n  ComponentM,\r\n  ComponentS,\r\n  ComponentXS,\r\n  ComponentXXS,\r\n  ComponentResponsive\r\n};\r\nexport {\r\n  ComponentXLStyling,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"typography.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_","_types","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TypographyBase","styled","div","_taggedTemplateLiteral2","props","$fontSize","$fontWeight","$lineHeight","_props$$textTransform","$textTransform","_props$$textDecoratio","$textDecorationLine","_props$$fontStyle","$fontStyle","_props$color","color","COLORS","getColor","theme","exports","ComponentTextStyle","componentFontWeight","textStyle","fontWeight","Bold","UppercaseBold","componentFontStyle","fontStyle","Italic","componentTextTransformation","ComponentStyling","fontSize","lineHeight","css","concat","ComponentXLStyling","ComponentXL","_ref","children","className","jsx","$color","propTypes","_propTypes","string","oneOf","node","ComponentLStyling","ComponentL","_ref2","ComponentMStyling","ComponentM","_ref3","ComponentSStyling","ComponentS","_ref4","ComponentXSStyling","ComponentXS","_ref5","textTransform","ComponentXXSStyling","ComponentXXS","_ref6","ComponentResponsive","_ref7","size","width","fontsize","Size","Medium","Small","Large","XXSmall","XSmall","Typography","QuoteTypography","NoteTypography","UpperCaseTypography","Note","p","Quote","UpperCase"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled, {css} from 'styled-components';\r\nimport {COLORS} from '.';\r\nimport {Property} from 'csstype';\r\nimport {Size} from '../types';\r\n\r\nexport const TypographyBase = styled.div<{$color?: string,\r\n  $lineHeight: number,\r\n  $fontSize: number,\r\n  $fontWeight: number,\r\n  $fontStyle?: string,\r\n  $textTransform?: Property.TextTransform,\r\n  $textDecorationLine?: Property.TextDecorationLine,\r\n}>`\r\n  fontSize: ${props => props.$fontSize};\r\n  fontWeight: ${props => props.$fontWeight};\r\n  lineHeight: ${props => props.$lineHeight}px;\r\n  textTransform: ${props => props.$textTransform ?? 'none' };\r\n  textDecorationLine: ${props => props.$textDecorationLine ?? 'none'};\r\n  fontStyle: ${props => props.$fontStyle ?? 'normal'};\r\n  color: ${props => props.color ?? COLORS.getColor('black', props.theme)};\r\n`;\r\n\r\nenum ComponentTextStyle {\r\n  Regular = 1,\r\n  Bold,\r\n  Italic,\r\n  UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = {\r\n  color?: string;\r\n  className?: string;\r\n  textStyle?: ComponentTextStyle;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n  let fontWeight = 400;\r\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n    fontWeight = 700;\r\n  }\r\n  return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n  return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n  return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n  return css`\r\n    font-size: ${fontSize};\r\n    font-weight: ${componentFontWeight(textStyle)};\r\n    line-height: ${lineHeight};\r\n    font-style: ${componentFontStyle(textStyle)};\r\n    ${props => color === null ? '' : `color: ${color || COLORS.getColor('black', props.theme)};`}\r\n  `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} $textTransform={textTransform}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} $textTransform={textTransform}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n                                                                                                         color,\r\n                                                                                                         textStyle,\r\n                                                                                                         children,\r\n                                                                                                         size,\r\n                                                                                                         width\r\n                                                                                                       }) => {\r\n  let fontsize = size;\r\n  if (!size) {\r\n    if (width == -1) {\r\n      fontsize = Size.Medium;\r\n    } else if (width < 768) {\r\n      fontsize = Size.Small;\r\n    } else if (width < 992) {\r\n      fontsize = Size.Medium;\r\n    } else {\r\n      fontsize = Size.Large;\r\n    }\r\n  }\r\n  switch (fontsize) {\r\n    case Size.XXSmall:\r\n      return <ComponentXXS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.XSmall:\r\n      return <ComponentXS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Small:\r\n      return <ComponentS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Medium:\r\n      return <ComponentM color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Large:\r\n    default:\r\n      return <ComponentL color={color} textStyle={textStyle} children={children}/>;\r\n  }\r\n};\r\n\r\nexport const Typography = css`\r\n  html {\r\n    font-size: 100%;\r\n  }\r\n\r\n  @media (min-width: 48rem) {\r\n    html {\r\n      font-size: 112.5%;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 80rem) {\r\n    html {\r\n      font-size: 125%;\r\n    }\r\n  }\r\n\r\n  h1, h2, h3, h4, h5, h6 {\r\n    font-weight: 700;\r\n    line-height: 120%;\r\n    margin: 0;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n  }\r\n\r\n  h2 {\r\n    font-size: 2.5rem;\r\n  }\r\n\r\n  h3 {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  h4 {\r\n    font-size: 1.75rem;\r\n  }\r\n\r\n  h5 {\r\n    font-size: 1.5rem;\r\n  }\r\n\r\n  h6 {\r\n    font-size: 1.25rem;\r\n  }\r\n\r\n  p {\r\n    font-size: 1rem;\r\n    line-height: 150%;\r\n    margin: 0 0 0.5rem;\r\n  }\r\n\r\n  p:last-of-type {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n\r\n  h1, h2, h3, h4, h5, h6, p, span {\r\n    max-width: 34rem;\r\n  }\r\n\r\n  :lang(ja-jp) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(ko-kr) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(zh-CN) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const QuoteTypography = css`\r\n  font-size: 1.5rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.75rem;\r\n`;\r\n\r\nexport const NoteTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.375rem;\r\n`;\r\n\r\nexport const UpperCaseTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n`;\r\n\r\nexport const Note = styled.p`\r\n  ${NoteTypography}\r\n`;\r\n\r\nexport const Quote = styled.p`\r\n  ${QuoteTypography}\r\n`;\r\n\r\nexport const UpperCase = styled.p`\r\n  ${UpperCaseTypography}\r\n`;\r\n\r\nexport {\r\n  ComponentTextStyle,\r\n  ComponentXL,\r\n  ComponentL,\r\n  ComponentM,\r\n  ComponentS,\r\n  ComponentXS,\r\n  ComponentXXS,\r\n  ComponentResponsive\r\n};\r\nexport {\r\n  ComponentXLStyling,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/dist/styles/typography.d.ts

@@ -1,18 +1,15 @@
 import React from 'react';
 import { Property } from 'csstype';
 import { Size } from '../types';
-interface ITypographyBase {
-    $color?: string;
+export declare const TypographyBase: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $color?: string | undefined;
     $lineHeight: number;
     $fontSize: number;
     $fontWeight: number;
-    $fontStyle?: string;
-    $textTransform?: Property.TextTransform;
-    $textDecorationLine?: Property.TextDecorationLine;
-}
-export declare const TypographyBase: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, ITypographyBase>> & string;
+    $fontStyle?: string | undefined;
+    $textTransform?: Property.TextTransform | undefined;
+    $textDecorationLine?: Property.TextDecorationLine | undefined;
+}>> & string;
 declare enum ComponentTextStyle {
     Regular = 1,
     Bold = 2,