@laerdal/life-react-components 5.0.5-dev.1 → 5.0.5-dev.3

package/dist/styles/global.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"global.cjs","names":["_colors","_interopRequireDefault","require","_typography","_figmaSvg","_styledComponents","_templateObject","resizeIcon","props","btoa","SystemIcons","ExtendTextArea","replace","concat","COLORS","getColor","theme","globalStyles","css","_taggedTemplateLiteral2","_props$theme$fonts","_props$theme","fonts","_props$theme$fonts2","_props$theme2","_props$theme$fonts3","_props$theme3","_props$theme$fonts4","_props$theme4","_props$theme$fonts5","_props$theme5","Typography","_default","exports"],"sources":["../../src/styles/global.ts"],"sourcesContent":["import COLORS from './colors';\r\nimport {Typography} from \"./typography\";\r\nimport {SystemIcons} from \"@laerdal/figma-svg\";\r\nimport { css } from 'styled-components';\r\n\r\nconst resizeIcon = (props: any) => btoa(SystemIcons.ExtendTextArea.replace(\"viewBox=\\\"0 0 24 24\\\"\", \"viewBox='0 0 26 26'\")\r\n  .replace('fill=\"#1F1F1F\"', `fill=\"${COLORS.getColor('neutral_600', props.theme)}\"`));\r\n\r\nconst globalStyles = css`\r\n  html,\r\n  body {\r\n    height: 100%;\r\n    font-family: '${props => props.theme?.fonts ?? 'Lato'}', sans-serif;\r\n    color: ${props => COLORS.getColor('black', props.theme)};\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  [lang^=\"ja\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans JP, sans-serif;\r\n  }\r\n  \r\n  [lang^=\"ko\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans KR, sans-serif;\r\n  }\r\n  \r\n  [lang^=\"zh\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans SC, sans-serif;\r\n  }\r\n  \r\n  [lang=\"zh-cht\" i],\r\n  [lang=\"zh-hant\" i],\r\n  [lang=\"zh-hk\" i],\r\n  [lang=\"zh-mo\" i],\r\n  [lang=\"zh-tw\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans TC, sans-serif;\r\n  }\r\n\r\n\r\n  body {\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  main,\r\n  aside,\r\n  details {\r\n    display: block;\r\n  }\r\n\r\n  summary {\r\n    display: block;\r\n  }\r\n\r\n  #root {\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  button,\r\n  input,\r\n  label {\r\n    font-family: inherit;\r\n  }\r\n\r\n  .react-grid-item.react-grid-placeholder {\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)} !important;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  .react-resizable-handle {\r\n    background-image: none !important;\r\n  }\r\n\r\n  .react-resizable-handle::after {\r\n    border: none !important;\r\n  }\r\n  \r\n  ::-webkit-resizer {\r\n    background-image: url(\"data:image/svg+xml;base64,${props => resizeIcon(props)}\");\r\n  }\r\n  \r\n  ${Typography}\r\n`;\r\n\r\nexport default globalStyles;\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAAwC,IAAAI,eAAA;AAExC,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAU;EAAA,OAAKC,IAAI,CAACC,qBAAW,CAACC,cAAc,CAACC,OAAO,CAAC,uBAAuB,EAAE,qBAAqB,CAAC,CACvHA,OAAO,CAAC,gBAAgB,YAAAC,MAAA,CAAWC,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAACQ,KAAK,CAAC,OAAG,CAAC,CAAC;AAAA;AAEtF,IAAMC,YAAY,OAAGC,qBAAG,EAAAZ,eAAA,KAAAA,eAAA,OAAAa,uBAAA,uxCAIJ,UAAAX,KAAK;EAAA,IAAAY,kBAAA,EAAAC,YAAA;EAAA,QAAAD,kBAAA,IAAAC,YAAA,GAAIb,KAAK,CAACQ,KAAK,cAAAK,YAAA,uBAAXA,YAAA,CAAaC,KAAK,cAAAF,kBAAA,cAAAA,kBAAA,GAAI,MAAM;AAAA,GAC5C,UAAAZ,KAAK;EAAA,OAAIM,kBAAM,CAACC,QAAQ,CAAC,OAAO,EAAEP,KAAK,CAACQ,KAAK,CAAC;AAAA,GAKxC,UAAAR,KAAK;EAAA,IAAAe,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAIhB,KAAK,CAACQ,KAAK,cAAAQ,aAAA,uBAAXA,aAAA,CAAaF,KAAK,cAAAC,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAIrC,UAAAf,KAAK;EAAA,IAAAiB,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAIlB,KAAK,CAACQ,KAAK,cAAAU,aAAA,uBAAXA,aAAA,CAAaJ,KAAK,cAAAG,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAIrC,UAAAjB,KAAK;EAAA,IAAAmB,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAIpB,KAAK,CAACQ,KAAK,cAAAY,aAAA,uBAAXA,aAAA,CAAaN,KAAK,cAAAK,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAQrC,UAAAnB,KAAK;EAAA,IAAAqB,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAItB,KAAK,CAACQ,KAAK,cAAAc,aAAA,uBAAXA,aAAA,CAAaR,KAAK,cAAAO,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAgCtC,UAAArB,KAAK;EAAA,OAAIM,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAACQ,KAAK,CAAC;AAAA,GAaf,UAAAR,KAAK;EAAA,OAAID,UAAU,CAACC,KAAK,CAAC;AAAA,GAG7EuB,sBAAU,CACb;AAAC,IAAAC,QAAA,GAEaf,YAAY;AAAAgB,OAAA,cAAAD,QAAA","ignoreList":[]}
+{"version":3,"file":"global.cjs","names":["resizeIcon","props","btoa","SystemIcons","ExtendTextArea","replace","COLORS","getColor","theme","globalStyles","css","fonts","Typography"],"sources":["../../src/styles/global.ts"],"sourcesContent":["import COLORS from './colors';\r\nimport {Typography} from \"./typography\";\r\nimport {SystemIcons} from \"@laerdal/figma-svg\";\r\nimport { css } from 'styled-components';\r\n\r\nconst resizeIcon = (props: any) => btoa(SystemIcons.ExtendTextArea.replace(\"viewBox=\\\"0 0 24 24\\\"\", \"viewBox='0 0 26 26'\")\r\n  .replace('fill=\"#1F1F1F\"', `fill=\"${COLORS.getColor('neutral_600', props.theme)}\"`));\r\n\r\nconst globalStyles = css`\r\n  html,\r\n  body {\r\n    height: 100%;\r\n    font-family: '${props => props.theme?.fonts ?? 'Lato'}', sans-serif;\r\n    color: ${props => COLORS.getColor('black', props.theme)};\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  [lang^=\"ja\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans JP, sans-serif;\r\n  }\r\n  \r\n  [lang^=\"ko\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans KR, sans-serif;\r\n  }\r\n  \r\n  [lang^=\"zh\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans SC, sans-serif;\r\n  }\r\n  \r\n  [lang=\"zh-cht\" i],\r\n  [lang=\"zh-hant\" i],\r\n  [lang=\"zh-hk\" i],\r\n  [lang=\"zh-mo\" i],\r\n  [lang=\"zh-tw\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans TC, sans-serif;\r\n  }\r\n\r\n\r\n  body {\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  main,\r\n  aside,\r\n  details {\r\n    display: block;\r\n  }\r\n\r\n  summary {\r\n    display: block;\r\n  }\r\n\r\n  #root {\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  button,\r\n  input,\r\n  label {\r\n    font-family: inherit;\r\n  }\r\n\r\n  .react-grid-item.react-grid-placeholder {\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)} !important;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  .react-resizable-handle {\r\n    background-image: none !important;\r\n  }\r\n\r\n  .react-resizable-handle::after {\r\n    border: none !important;\r\n  }\r\n  \r\n  ::-webkit-resizer {\r\n    background-image: url(\"data:image/svg+xml;base64,${props => resizeIcon(props)}\");\r\n  }\r\n  \r\n  ${Typography}\r\n`;\r\n\r\nexport default globalStyles;\r\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AAAwC;AAExC,IAAMA,UAAU,GAAG,SAAbA,UAAU,CAAIC,KAAU;EAAA,OAAKC,IAAI,CAACC,qBAAW,CAACC,cAAc,CAACC,OAAO,CAAC,uBAAuB,EAAE,qBAAqB,CAAC,CACvHA,OAAO,CAAC,gBAAgB,mBAAWC,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEN,KAAK,CAACO,KAAK,CAAC,QAAI,CAAC;AAAA;AAEtF,IAAMC,YAAY,OAAGC,qBAAG,u1CAIJ,UAAAT,KAAK;EAAA;EAAA,6CAAIA,KAAK,CAACO,KAAK,iDAAX,aAAaG,KAAK,mEAAI,MAAM;AAAA,GAC5C,UAAAV,KAAK;EAAA,OAAIK,eAAM,CAACC,QAAQ,CAAC,OAAO,EAAEN,KAAK,CAACO,KAAK,CAAC;AAAA,GAKxC,UAAAP,KAAK;EAAA;EAAA,+CAAIA,KAAK,CAACO,KAAK,kDAAX,cAAaG,KAAK,qEAAI,MAAM;AAAA,GAIrC,UAAAV,KAAK;EAAA;EAAA,+CAAIA,KAAK,CAACO,KAAK,kDAAX,cAAaG,KAAK,qEAAI,MAAM;AAAA,GAIrC,UAAAV,KAAK;EAAA;EAAA,+CAAIA,KAAK,CAACO,KAAK,kDAAX,cAAaG,KAAK,qEAAI,MAAM;AAAA,GAQrC,UAAAV,KAAK;EAAA;EAAA,+CAAIA,KAAK,CAACO,KAAK,kDAAX,cAAaG,KAAK,qEAAI,MAAM;AAAA,GAgCtC,UAAAV,KAAK;EAAA,OAAIK,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEN,KAAK,CAACO,KAAK,CAAC;AAAA,GAaf,UAAAP,KAAK;EAAA,OAAID,UAAU,CAACC,KAAK,CAAC;AAAA,GAG7EW,sBAAU,CACb;AAAC,eAEaH,YAAY;AAAA"}

package/dist/styles/global.d.ts

@@ -1,2 +1,2 @@
-declare const globalStyles: import("styled-components").RuleSet<object>;
+declare const globalStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
 export default globalStyles;

package/dist/styles/global.js.map

@@ -1 +1 @@
-{"version":3,"file":"global.js","names":["COLORS","Typography","SystemIcons","css","resizeIcon","props","btoa","ExtendTextArea","replace","concat","getColor","theme","globalStyles","_templateObject","_taggedTemplateLiteral","_props$theme$fonts","_props$theme","fonts","_props$theme$fonts2","_props$theme2","_props$theme$fonts3","_props$theme3","_props$theme$fonts4","_props$theme4","_props$theme$fonts5","_props$theme5"],"sources":["../../src/styles/global.ts"],"sourcesContent":["import COLORS from './colors';\r\nimport {Typography} from \"./typography\";\r\nimport {SystemIcons} from \"@laerdal/figma-svg\";\r\nimport { css } from 'styled-components';\r\n\r\nconst resizeIcon = (props: any) => btoa(SystemIcons.ExtendTextArea.replace(\"viewBox=\\\"0 0 24 24\\\"\", \"viewBox='0 0 26 26'\")\r\n  .replace('fill=\"#1F1F1F\"', `fill=\"${COLORS.getColor('neutral_600', props.theme)}\"`));\r\n\r\nconst globalStyles = css`\r\n  html,\r\n  body {\r\n    height: 100%;\r\n    font-family: '${props => props.theme?.fonts ?? 'Lato'}', sans-serif;\r\n    color: ${props => COLORS.getColor('black', props.theme)};\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  [lang^=\"ja\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans JP, sans-serif;\r\n  }\r\n  \r\n  [lang^=\"ko\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans KR, sans-serif;\r\n  }\r\n  \r\n  [lang^=\"zh\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans SC, sans-serif;\r\n  }\r\n  \r\n  [lang=\"zh-cht\" i],\r\n  [lang=\"zh-hant\" i],\r\n  [lang=\"zh-hk\" i],\r\n  [lang=\"zh-mo\" i],\r\n  [lang=\"zh-tw\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans TC, sans-serif;\r\n  }\r\n\r\n\r\n  body {\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  main,\r\n  aside,\r\n  details {\r\n    display: block;\r\n  }\r\n\r\n  summary {\r\n    display: block;\r\n  }\r\n\r\n  #root {\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  button,\r\n  input,\r\n  label {\r\n    font-family: inherit;\r\n  }\r\n\r\n  .react-grid-item.react-grid-placeholder {\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)} !important;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  .react-resizable-handle {\r\n    background-image: none !important;\r\n  }\r\n\r\n  .react-resizable-handle::after {\r\n    border: none !important;\r\n  }\r\n  \r\n  ::-webkit-resizer {\r\n    background-image: url(\"data:image/svg+xml;base64,${props => resizeIcon(props)}\");\r\n  }\r\n  \r\n  ${Typography}\r\n`;\r\n\r\nexport default globalStyles;\r\n"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,UAAU;AAC7B,SAAQC,UAAU,QAAO,cAAc;AACvC,SAAQC,WAAW,QAAO,oBAAoB;AAC9C,SAASC,GAAG,QAAQ,mBAAmB;AAEvC,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAU;EAAA,OAAKC,IAAI,CAACJ,WAAW,CAACK,cAAc,CAACC,OAAO,CAAC,uBAAuB,EAAE,qBAAqB,CAAC,CACvHA,OAAO,CAAC,gBAAgB,YAAAC,MAAA,CAAWT,MAAM,CAACU,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,OAAG,CAAC,CAAC;AAAA;AAEtF,IAAMC,YAAY,GAAGT,GAAG,CAAAU,eAAA,KAAAA,eAAA,GAAAC,sBAAA,2wCAIJ,UAAAT,KAAK;EAAA,IAAAU,kBAAA,EAAAC,YAAA;EAAA,QAAAD,kBAAA,IAAAC,YAAA,GAAIX,KAAK,CAACM,KAAK,cAAAK,YAAA,uBAAXA,YAAA,CAAaC,KAAK,cAAAF,kBAAA,cAAAA,kBAAA,GAAI,MAAM;AAAA,GAC5C,UAAAV,KAAK;EAAA,OAAIL,MAAM,CAACU,QAAQ,CAAC,OAAO,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAKxC,UAAAN,KAAK;EAAA,IAAAa,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAId,KAAK,CAACM,KAAK,cAAAQ,aAAA,uBAAXA,aAAA,CAAaF,KAAK,cAAAC,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAIrC,UAAAb,KAAK;EAAA,IAAAe,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAIhB,KAAK,CAACM,KAAK,cAAAU,aAAA,uBAAXA,aAAA,CAAaJ,KAAK,cAAAG,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAIrC,UAAAf,KAAK;EAAA,IAAAiB,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAIlB,KAAK,CAACM,KAAK,cAAAY,aAAA,uBAAXA,aAAA,CAAaN,KAAK,cAAAK,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAQrC,UAAAjB,KAAK;EAAA,IAAAmB,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAIpB,KAAK,CAACM,KAAK,cAAAc,aAAA,uBAAXA,aAAA,CAAaR,KAAK,cAAAO,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAgCtC,UAAAnB,KAAK;EAAA,OAAIL,MAAM,CAACU,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAaf,UAAAN,KAAK;EAAA,OAAID,UAAU,CAACC,KAAK,CAAC;AAAA,GAG7EJ,UAAU,CACb;AAED,eAAeW,YAAY","ignoreList":[]}
+{"version":3,"file":"global.js","names":["COLORS","Typography","SystemIcons","css","resizeIcon","props","btoa","ExtendTextArea","replace","getColor","theme","globalStyles","fonts"],"sources":["../../src/styles/global.ts"],"sourcesContent":["import COLORS from './colors';\r\nimport {Typography} from \"./typography\";\r\nimport {SystemIcons} from \"@laerdal/figma-svg\";\r\nimport { css } from 'styled-components';\r\n\r\nconst resizeIcon = (props: any) => btoa(SystemIcons.ExtendTextArea.replace(\"viewBox=\\\"0 0 24 24\\\"\", \"viewBox='0 0 26 26'\")\r\n  .replace('fill=\"#1F1F1F\"', `fill=\"${COLORS.getColor('neutral_600', props.theme)}\"`));\r\n\r\nconst globalStyles = css`\r\n  html,\r\n  body {\r\n    height: 100%;\r\n    font-family: '${props => props.theme?.fonts ?? 'Lato'}', sans-serif;\r\n    color: ${props => COLORS.getColor('black', props.theme)};\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  [lang^=\"ja\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans JP, sans-serif;\r\n  }\r\n  \r\n  [lang^=\"ko\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans KR, sans-serif;\r\n  }\r\n  \r\n  [lang^=\"zh\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans SC, sans-serif;\r\n  }\r\n  \r\n  [lang=\"zh-cht\" i],\r\n  [lang=\"zh-hant\" i],\r\n  [lang=\"zh-hk\" i],\r\n  [lang=\"zh-mo\" i],\r\n  [lang=\"zh-tw\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans TC, sans-serif;\r\n  }\r\n\r\n\r\n  body {\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  main,\r\n  aside,\r\n  details {\r\n    display: block;\r\n  }\r\n\r\n  summary {\r\n    display: block;\r\n  }\r\n\r\n  #root {\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  button,\r\n  input,\r\n  label {\r\n    font-family: inherit;\r\n  }\r\n\r\n  .react-grid-item.react-grid-placeholder {\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)} !important;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  .react-resizable-handle {\r\n    background-image: none !important;\r\n  }\r\n\r\n  .react-resizable-handle::after {\r\n    border: none !important;\r\n  }\r\n  \r\n  ::-webkit-resizer {\r\n    background-image: url(\"data:image/svg+xml;base64,${props => resizeIcon(props)}\");\r\n  }\r\n  \r\n  ${Typography}\r\n`;\r\n\r\nexport default globalStyles;\r\n"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,UAAU;AAC7B,SAAQC,UAAU,QAAO,cAAc;AACvC,SAAQC,WAAW,QAAO,oBAAoB;AAC9C,SAASC,GAAG,QAAQ,mBAAmB;AAEvC,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAIC,KAAU;EAAA,OAAKC,IAAI,CAACJ,WAAW,CAACK,cAAc,CAACC,OAAO,CAAC,uBAAuB,EAAE,qBAAqB,CAAC,CACvHA,OAAO,CAAC,gBAAgB,mBAAWR,MAAM,CAACS,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC,QAAI,CAAC;AAAA;AAEtF,IAAMC,YAAY,GAAGR,GAAG,w0CAIJ,UAAAE,KAAK;EAAA;EAAA,6CAAIA,KAAK,CAACK,KAAK,iDAAX,aAAaE,KAAK,mEAAI,MAAM;AAAA,GAC5C,UAAAP,KAAK;EAAA,OAAIL,MAAM,CAACS,QAAQ,CAAC,OAAO,EAAEJ,KAAK,CAACK,KAAK,CAAC;AAAA,GAKxC,UAAAL,KAAK;EAAA;EAAA,+CAAIA,KAAK,CAACK,KAAK,kDAAX,cAAaE,KAAK,qEAAI,MAAM;AAAA,GAIrC,UAAAP,KAAK;EAAA;EAAA,+CAAIA,KAAK,CAACK,KAAK,kDAAX,cAAaE,KAAK,qEAAI,MAAM;AAAA,GAIrC,UAAAP,KAAK;EAAA;EAAA,+CAAIA,KAAK,CAACK,KAAK,kDAAX,cAAaE,KAAK,qEAAI,MAAM;AAAA,GAQrC,UAAAP,KAAK;EAAA;EAAA,+CAAIA,KAAK,CAACK,KAAK,kDAAX,cAAaE,KAAK,qEAAI,MAAM;AAAA,GAgCtC,UAAAP,KAAK;EAAA,OAAIL,MAAM,CAACS,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC;AAAA,GAaf,UAAAL,KAAK;EAAA,OAAID,UAAU,CAACC,KAAK,CAAC;AAAA,GAG7EJ,UAAU,CACb;AAED,eAAeU,YAAY"}

package/dist/styles/index.cjs

@@ -21,13 +21,13 @@ Object.defineProperty(exports, "BOXSHADOWS", {
 Object.defineProperty(exports, "BREAKPOINTS", {
   enumerable: true,
   get: function get() {
-    return _breakpoints["default"];
+    return _breakpoints.default;
   }
 });
 Object.defineProperty(exports, "COLORS", {
   enumerable: true,
   get: function get() {
-    return _colors["default"];
+    return _colors.default;
   }
 });
 Object.defineProperty(exports, "Z_INDEXES", {
@@ -39,7 +39,7 @@ Object.defineProperty(exports, "Z_INDEXES", {
 Object.defineProperty(exports, "globalStyles", {
   enumerable: true,
   get: function get() {
-    return _global["default"];
+    return _global.default;
   }
 });
 exports.scrollBarStyling = void 0;
@@ -78,14 +78,14 @@ Object.keys(_focusStyles).forEach(function (key) {
 var _templateObject;
 var scrollBarStyling = function scrollBarStyling() {
   var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _types.Size.Small;
-  return (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  \n  &::-webkit-scrollbar {\n    width: ", ";\n    height: ", ";\n    cursor: pointer;\n  }\n\n  /* Track */\n  &::-webkit-scrollbar-track {\n    background: ", ";\n    border-radius: 6px;\n  }\n\n  /* Handle */\n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 4px;\n  }\n\n  /* Handle on hover */\n  &::-webkit-scrollbar-thumb:hover {\n    background: ", ";\n  }\n\n  /* Handle on hover */\n  &::-webkit-scrollbar-thumb:active {\n    background: ", ";\n  }\n"])), size == _types.Size.Medium ? '6px' : '4px', size == _types.Size.Medium ? '6px' : '4px', function (props) {
-    return _colors["default"].getColor('neutral_100', props.theme);
+  return (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  \n  &::-webkit-scrollbar {\n    width: ", ";\n    height: ", ";\n    cursor: pointer;\n  }\n\n  /* Track */\n  &::-webkit-scrollbar-track {\n    background: ", ";\n    border-radius: 6px;\n  }\n\n  /* Handle */\n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 4px;\n  }\n\n  /* Handle on hover */\n  &::-webkit-scrollbar-thumb:hover {\n    background: ", ";\n  }\n\n  /* Handle on hover */\n  &::-webkit-scrollbar-thumb:active {\n    background: ", ";\n  }\n"])), size == _types.Size.Medium ? '6px' : '4px', size == _types.Size.Medium ? '6px' : '4px', function (props) {
+    return _colors.default.getColor('neutral_100', props.theme);
   }, function (props) {
-    return _colors["default"].getColor('neutral_500', props.theme);
+    return _colors.default.getColor('neutral_500', props.theme);
   }, function (props) {
-    return _colors["default"].getColor('primary_700', props.theme);
+    return _colors.default.getColor('primary_700', props.theme);
   }, function (props) {
-    return _colors["default"].getColor('primary_800', props.theme);
+    return _colors.default.getColor('primary_800', props.theme);
   });
 };
 exports.scrollBarStyling = scrollBarStyling;

package/dist/styles/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_styledComponents","require","_colors","_interopRequireDefault","_breakpoints","_shadowstyles","_typography","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_global","_types","_zIndexes","_focusStyles","_templateObject","scrollBarStyling","size","arguments","length","undefined","Size","Small","css","_taggedTemplateLiteral2","Medium","props","COLORS","getColor","theme"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  &::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  &::-webkit-scrollbar-track {\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  &::-webkit-scrollbar-thumb {\r\n    background: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:hover {\r\n    background: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:active {\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAEA,IAAAK,WAAA,GAAAL,OAAA;AAAAM,MAAA,CAAAC,IAAA,CAAAF,WAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,WAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,WAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,OAAA,GAAAhB,sBAAA,CAAAF,OAAA;AACA,IAAAmB,MAAA,GAAAnB,OAAA;AAoCA,IAAAoB,SAAA,GAAApB,OAAA;AAEA,IAAAqB,YAAA,GAAArB,OAAA;AAAAM,MAAA,CAAAC,IAAA,CAAAc,YAAA,EAAAb,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAY,YAAA,CAAAZ,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAI,YAAA,CAAAZ,GAAA;IAAA;EAAA;AAAA;AAA+B,IAAAa,eAAA;AAjCxB,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA;EAAA,IAAIC,IAA8B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGG,WAAI,CAACC,KAAK;EAAA,WAAKC,qBAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,uBAAA,6fAGvEP,IAAI,IAAII,WAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCR,IAAI,IAAII,WAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/B,UAAAC,KAAK;IAAA,OAAIC,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA,GAMpD,UAAAH,KAAK;IAAA,OAAIC,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA,GAMpD,UAAAH,KAAK;IAAA,OAAIC,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA,GAKpD,UAAAH,KAAK;IAAA,OAAIC,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA;AAAA,CAErE;AAACtB,OAAA,CAAAS,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["scrollBarStyling","size","Size","Small","css","Medium","props","COLORS","getColor","theme"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  &::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  &::-webkit-scrollbar-track {\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  &::-webkit-scrollbar-thumb {\r\n    background: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:hover {\r\n    background: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:active {\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAEA;AACA;AAoCA;AAEA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAA+B;AAjCxB,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAAIC,IAA8B,uEAAGC,WAAI,CAACC,KAAK;EAAA,WAAKC,qBAAG,6jBAGvEH,IAAI,IAAIC,WAAI,CAACG,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCJ,IAAI,IAAIC,WAAI,CAACG,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/B,UAAAC,KAAK;IAAA,OAAIC,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA,GAMpD,UAAAH,KAAK;IAAA,OAAIC,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA,GAMpD,UAAAH,KAAK;IAAA,OAAIC,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA,GAKpD,UAAAH,KAAK;IAAA,OAAIC,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA;AAAA,CAErE;AAAC"}

package/dist/styles/index.d.ts

@@ -5,6 +5,6 @@ export * from './typography';
 import globalStyles from './global';
 import { Size } from '../types';
 export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };
-export declare const scrollBarStyling: (size?: Size.Small | Size.Medium) => import("styled-components").RuleSet<object>;
+export declare const scrollBarStyling: (size?: Size.Small | Size.Medium) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
 export { Z_INDEXES } from './z-indexes';
 export * from './focus-styles';

package/dist/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["css","COLORS","BREAKPOINTS","BOXSHADOWS","globalStyles","Size","scrollBarStyling","size","arguments","length","undefined","Small","_templateObject","_taggedTemplateLiteral","Medium","props","getColor","theme","Z_INDEXES"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  &::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  &::-webkit-scrollbar-track {\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  &::-webkit-scrollbar-thumb {\r\n    background: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:hover {\r\n    background: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:active {\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,UAAU,QAAQ,gBAAgB;AAE3C,cAAe,cAAc;AAE7B,OAAOC,YAAY,MAAM,UAAU;AACnC,SAASC,IAAI,QAAQ,UAAU;AAE/B,SAASJ,MAAM,EAAEC,WAAW,EAAEC,UAAU,EAAEC,YAAY;AAGtD,OAAO,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA;EAAA,IAAIC,IAA8B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGH,IAAI,CAACM,KAAK;EAAA,OAAKX,GAAG,CAAAY,eAAA,KAAAA,eAAA,GAAAC,sBAAA,ifAGvEN,IAAI,IAAIF,IAAI,CAACS,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCP,IAAI,IAAIF,IAAI,CAACS,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/B,UAAAC,KAAK;IAAA,OAAId,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA,GAMpD,UAAAF,KAAK;IAAA,OAAId,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA,GAMpD,UAAAF,KAAK;IAAA,OAAId,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA,GAKpD,UAAAF,KAAK;IAAA,OAAId,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA;AAAA,CAErE;AAED,SAAQC,SAAS,QAAO,aAAa;AAErC,cAAc,gBAAgB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["css","COLORS","BREAKPOINTS","BOXSHADOWS","globalStyles","Size","scrollBarStyling","size","Small","Medium","props","getColor","theme","Z_INDEXES"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  &::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  &::-webkit-scrollbar-track {\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  &::-webkit-scrollbar-thumb {\r\n    background: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:hover {\r\n    background: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:active {\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,UAAU,QAAQ,gBAAgB;AAE3C,cAAe,cAAc;AAE7B,OAAOC,YAAY,MAAM,UAAU;AACnC,SAASC,IAAI,QAAQ,UAAU;AAE/B,SAASJ,MAAM,EAAEC,WAAW,EAAEC,UAAU,EAAEC,YAAY;AAGtD,OAAO,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAAIC,IAA8B,uEAAGF,IAAI,CAACG,KAAK;EAAA,OAAKR,GAAG,8iBAGvEO,IAAI,IAAIF,IAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCF,IAAI,IAAIF,IAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/B,UAAAC,KAAK;IAAA,OAAIT,MAAM,CAACU,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA,GAMpD,UAAAF,KAAK;IAAA,OAAIT,MAAM,CAACU,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA,GAMpD,UAAAF,KAAK;IAAA,OAAIT,MAAM,CAACU,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA,GAKpD,UAAAF,KAAK;IAAA,OAAIT,MAAM,CAACU,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA;AAAA,CAErE;AAED,SAAQC,SAAS,QAAO,aAAa;AAErC,cAAc,gBAAgB"}

package/dist/styles/shadowstyles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"shadowstyles.cjs","names":["BOXSHADOWS","BOXSHADOW_L1","BOXSHADOW_L2","BOXSHADOW_L3","BOXSHADOW_CENTERED","exports"],"sources":["../../src/styles/shadowstyles.ts"],"sourcesContent":["const BOXSHADOWS = {\r\n    BOXSHADOW_L1: '0px 2px 4px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_L2: '0px 4px 8px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_L3: '0px 8px 16px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_CENTERED: '0px 4px 10px rgba(0, 0, 0, 0.15), 0px 0px 6px rgba(0, 0, 0, 0.15)',\r\n};\r\n\r\nexport { BOXSHADOWS };\r\n\r\n"],"mappings":";;;;;;AAAA,IAAMA,UAAU,GAAG;EACfC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,kCAAkC;EAChDC,kBAAkB,EAAE;AACxB,CAAC;AAACC,OAAA,CAAAL,UAAA,GAAAA,UAAA","ignoreList":[]}
+{"version":3,"file":"shadowstyles.cjs","names":["BOXSHADOWS","BOXSHADOW_L1","BOXSHADOW_L2","BOXSHADOW_L3","BOXSHADOW_CENTERED"],"sources":["../../src/styles/shadowstyles.ts"],"sourcesContent":["const BOXSHADOWS = {\r\n    BOXSHADOW_L1: '0px 2px 4px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_L2: '0px 4px 8px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_L3: '0px 8px 16px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_CENTERED: '0px 4px 10px rgba(0, 0, 0, 0.15), 0px 0px 6px rgba(0, 0, 0, 0.15)',\r\n};\r\n\r\nexport { BOXSHADOWS };\r\n\r\n"],"mappings":";;;;;;AAAA,IAAMA,UAAU,GAAG;EACfC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,kCAAkC;EAChDC,kBAAkB,EAAE;AACxB,CAAC;AAAC"}

package/dist/styles/shadowstyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"shadowstyles.js","names":["BOXSHADOWS","BOXSHADOW_L1","BOXSHADOW_L2","BOXSHADOW_L3","BOXSHADOW_CENTERED"],"sources":["../../src/styles/shadowstyles.ts"],"sourcesContent":["const BOXSHADOWS = {\r\n    BOXSHADOW_L1: '0px 2px 4px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_L2: '0px 4px 8px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_L3: '0px 8px 16px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_CENTERED: '0px 4px 10px rgba(0, 0, 0, 0.15), 0px 0px 6px rgba(0, 0, 0, 0.15)',\r\n};\r\n\r\nexport { BOXSHADOWS };\r\n\r\n"],"mappings":"AAAA,IAAMA,UAAU,GAAG;EACfC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,kCAAkC;EAChDC,kBAAkB,EAAE;AACxB,CAAC;AAED,SAASJ,UAAU","ignoreList":[]}
+{"version":3,"file":"shadowstyles.js","names":["BOXSHADOWS","BOXSHADOW_L1","BOXSHADOW_L2","BOXSHADOW_L3","BOXSHADOW_CENTERED"],"sources":["../../src/styles/shadowstyles.ts"],"sourcesContent":["const BOXSHADOWS = {\r\n    BOXSHADOW_L1: '0px 2px 4px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_L2: '0px 4px 8px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_L3: '0px 8px 16px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_CENTERED: '0px 4px 10px rgba(0, 0, 0, 0.15), 0px 0px 6px rgba(0, 0, 0, 0.15)',\r\n};\r\n\r\nexport { BOXSHADOWS };\r\n\r\n"],"mappings":"AAAA,IAAMA,UAAU,GAAG;EACfC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,kCAAkC;EAChDC,kBAAkB,EAAE;AACxB,CAAC;AAED,SAASJ,UAAU"}

package/dist/styles/typography.cjs

@@ -14,9 +14,9 @@ var _ = require(".");
 var _types = require("../types");
 var _jsxRuntime = require("react/jsx-runtime");
 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 = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: ", "px;\n  font-weight: ", ";\n  line-height: ", "px;\n  text-transform: ", ";\n  text-decoration-line: ", ";\n  font-style: ", ";\n  color: ", ";\n"])), function (props) {
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var TypographyBase = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  font-size: ", "px;\n  font-weight: ", ";\n  line-height: ", "px;\n  text-transform: ", ";\n  text-decoration-line: ", ";\n  font-style: ", ";\n  color: ", ";\n"])), function (props) {
   return props.$fontSize;
 }, function (props) {
   return props.$fontWeight;
@@ -60,7 +60,7 @@ var componentTextTransformation = function componentTextTransformation(textStyle
   return fontStyle;
 };
 var ComponentStyling = function ComponentStyling(fontSize, lineHeight, textStyle, color) {
-  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 (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), ";");
   });
 };
@@ -87,10 +87,10 @@ var ComponentXL = function ComponentXL(_ref) {
 };
 exports.ComponentXL = ComponentXL;
 ComponentXL.propTypes = {
-  color: _propTypes["default"].string,
-  className: _propTypes["default"].string,
-  textStyle: _propTypes["default"].oneOf([1, 2, 3, 4]),
-  children: _propTypes["default"].node
+  color: _propTypes.default.string,
+  className: _propTypes.default.string,
+  textStyle: _propTypes.default.oneOf([1, 2, 3, 4]),
+  children: _propTypes.default.node
 };
 var ComponentLStyling = function ComponentLStyling(textStyle, color) {
   return ComponentStyling('20px', '24px', textStyle, color);
@@ -115,10 +115,10 @@ var ComponentL = function ComponentL(_ref2) {
 };
 exports.ComponentL = ComponentL;
 ComponentL.propTypes = {
-  color: _propTypes["default"].string,
-  className: _propTypes["default"].string,
-  textStyle: _propTypes["default"].oneOf([1, 2, 3, 4]),
-  children: _propTypes["default"].node
+  color: _propTypes.default.string,
+  className: _propTypes.default.string,
+  textStyle: _propTypes.default.oneOf([1, 2, 3, 4]),
+  children: _propTypes.default.node
 };
 var ComponentMStyling = function ComponentMStyling(textStyle, color) {
   return ComponentStyling('18px', '24px', textStyle, color);
@@ -143,10 +143,10 @@ var ComponentM = function ComponentM(_ref3) {
 };
 exports.ComponentM = ComponentM;
 ComponentM.propTypes = {
-  color: _propTypes["default"].string,
-  className: _propTypes["default"].string,
-  textStyle: _propTypes["default"].oneOf([1, 2, 3, 4]),
-  children: _propTypes["default"].node
+  color: _propTypes.default.string,
+  className: _propTypes.default.string,
+  textStyle: _propTypes.default.oneOf([1, 2, 3, 4]),
+  children: _propTypes.default.node
 };
 var ComponentSStyling = function ComponentSStyling(textStyle, color) {
   return ComponentStyling('16px', '20px', textStyle, color);
@@ -171,10 +171,10 @@ var ComponentS = function ComponentS(_ref4) {
 };
 exports.ComponentS = ComponentS;
 ComponentS.propTypes = {
-  color: _propTypes["default"].string,
-  className: _propTypes["default"].string,
-  textStyle: _propTypes["default"].oneOf([1, 2, 3, 4]),
-  children: _propTypes["default"].node
+  color: _propTypes.default.string,
+  className: _propTypes.default.string,
+  textStyle: _propTypes.default.oneOf([1, 2, 3, 4]),
+  children: _propTypes.default.node
 };
 var ComponentXSStyling = function ComponentXSStyling(textStyle, color) {
   return ComponentStyling('14px', '16px', textStyle, color);
@@ -201,10 +201,10 @@ var ComponentXS = function ComponentXS(_ref5) {
 };
 exports.ComponentXS = ComponentXS;
 ComponentXS.propTypes = {
-  color: _propTypes["default"].string,
-  className: _propTypes["default"].string,
-  textStyle: _propTypes["default"].oneOf([1, 2, 3, 4]),
-  children: _propTypes["default"].node
+  color: _propTypes.default.string,
+  className: _propTypes.default.string,
+  textStyle: _propTypes.default.oneOf([1, 2, 3, 4]),
+  children: _propTypes.default.node
 };
 var ComponentXXSStyling = function ComponentXXSStyling(textStyle, color) {
   return ComponentStyling('12px', '16px', textStyle, color);
@@ -231,10 +231,10 @@ var ComponentXXS = function ComponentXXS(_ref6) {
 };
 exports.ComponentXXS = ComponentXXS;
 ComponentXXS.propTypes = {
-  color: _propTypes["default"].string,
-  className: _propTypes["default"].string,
-  textStyle: _propTypes["default"].oneOf([1, 2, 3, 4]),
-  children: _propTypes["default"].node
+  color: _propTypes.default.string,
+  className: _propTypes.default.string,
+  textStyle: _propTypes.default.oneOf([1, 2, 3, 4]),
+  children: _propTypes.default.node
 };
 var ComponentResponsive = function ComponentResponsive(_ref7) {
   var color = _ref7.color,
@@ -290,23 +290,23 @@ var ComponentResponsive = function ComponentResponsive(_ref7) {
 };
 exports.ComponentResponsive = ComponentResponsive;
 ComponentResponsive.propTypes = {
-  color: _propTypes["default"].string,
-  className: _propTypes["default"].string,
-  textStyle: _propTypes["default"].oneOf([1, 2, 3, 4]),
-  children: _propTypes["default"].node
+  color: _propTypes.default.string,
+  className: _propTypes.default.string,
+  textStyle: _propTypes.default.oneOf([1, 2, 3, 4]),
+  children: _propTypes.default.node
 };
-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"])));
+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)(_templateObject4 || (_templateObject4 = (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)(_templateObject5 || (_templateObject5 = (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)(_templateObject6 || (_templateObject6 = (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(_templateObject7 || (_templateObject7 = (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(_templateObject8 || (_templateObject8 = (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(_templateObject9 || (_templateObject9 = (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","_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","color","css","concat","ComponentXLStyling","ComponentXL","_ref","children","className","jsx","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  font-size: ${props => props.$fontSize}px;\r\n  font-weight: ${props => props.$fontWeight};\r\n  line-height: ${props => props.$lineHeight}px;\r\n  text-transform: ${props => props.$textTransform ?? 'none' };\r\n  text-decoration-line: ${props => props.$textDecorationLine ?? 'none'};\r\n  font-style: ${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":[]}
+{"version":3,"file":"typography.cjs","names":["TypographyBase","styled","div","props","$fontSize","$fontWeight","$lineHeight","$textTransform","$textDecorationLine","$fontStyle","$color","COLORS","getColor","theme","ComponentTextStyle","componentFontWeight","textStyle","fontWeight","Bold","UppercaseBold","componentFontStyle","fontStyle","Italic","componentTextTransformation","ComponentStyling","fontSize","lineHeight","color","css","ComponentXLStyling","ComponentXL","children","className","ComponentLStyling","ComponentL","ComponentMStyling","ComponentM","ComponentSStyling","ComponentS","ComponentXSStyling","ComponentXS","textTransform","ComponentXXSStyling","ComponentXXS","ComponentResponsive","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  font-size: ${props => props.$fontSize}px;\r\n  font-weight: ${props => props.$fontWeight};\r\n  line-height: ${props => props.$lineHeight}px;\r\n  text-transform: ${props => props.$textTransform ?? 'none' };\r\n  text-decoration-line: ${props => props.$textDecorationLine ?? 'none'};\r\n  font-style: ${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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"}

package/dist/styles/typography.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Property } from 'csstype';
 import { Size } from '../types';
-export declare const TypographyBase: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const TypographyBase: import("styled-components").StyledComponent<"div", any, {
     $color?: string | undefined;
     $lineHeight: number;
     $fontSize: number;
@@ -9,7 +9,7 @@ export declare const TypographyBase: import("styled-components/dist/types").ISty
     $fontStyle?: string | undefined;
     $textTransform?: Property.TextTransform | undefined;
     $textDecorationLine?: Property.TextDecorationLine | undefined;
-}>> & string;
+}, never>;
 declare enum ComponentTextStyle {
     Regular = 1,
     Bold = 2,
@@ -22,28 +22,28 @@ type ComponentProps = {
     textStyle?: ComponentTextStyle;
     children?: React.ReactNode;
 };
-declare const ComponentXLStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").RuleSet<object>;
+declare const ComponentXLStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
 declare const ComponentXL: React.FunctionComponent<ComponentProps>;
-declare const ComponentLStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").RuleSet<object>;
+declare const ComponentLStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
 declare const ComponentL: React.FunctionComponent<ComponentProps>;
-declare const ComponentMStyling: (textStyle: ComponentTextStyle, color: string | undefined | null) => import("styled-components").RuleSet<object>;
+declare const ComponentMStyling: (textStyle: ComponentTextStyle, color: string | undefined | null) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
 declare const ComponentM: React.FunctionComponent<ComponentProps>;
-declare const ComponentSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").RuleSet<object>;
+declare const ComponentSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
 declare const ComponentS: React.FunctionComponent<ComponentProps>;
-declare const ComponentXSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").RuleSet<object>;
+declare const ComponentXSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
 declare const ComponentXS: React.FunctionComponent<ComponentProps>;
-declare const ComponentXXSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").RuleSet<object>;
+declare const ComponentXXSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
 declare const ComponentXXS: React.FunctionComponent<ComponentProps>;
 declare const ComponentResponsive: React.FunctionComponent<ComponentProps & {
     size?: Size;
     width: number;
 }>;
-export declare const Typography: import("styled-components").RuleSet<object>;
-export declare const QuoteTypography: import("styled-components").RuleSet<object>;
-export declare const NoteTypography: import("styled-components").RuleSet<object>;
-export declare const UpperCaseTypography: import("styled-components").RuleSet<object>;
-export declare const Note: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
-export declare const Quote: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
-export declare const UpperCase: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const Typography: import("styled-components").FlattenSimpleInterpolation;
+export declare const QuoteTypography: import("styled-components").FlattenSimpleInterpolation;
+export declare const NoteTypography: import("styled-components").FlattenSimpleInterpolation;
+export declare const UpperCaseTypography: import("styled-components").FlattenSimpleInterpolation;
+export declare const Note: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const Quote: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const UpperCase: import("styled-components").StyledComponent<"p", any, {}, never>;
 export { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };
 export { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };

package/dist/styles/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","names":["React","styled","css","COLORS","Size","jsx","_jsx","TypographyBase","div","_templateObject","_taggedTemplateLiteral","props","$fontSize","$fontWeight","$lineHeight","_props$$textTransform","$textTransform","_props$$textDecoratio","$textDecorationLine","_props$$fontStyle","$fontStyle","_props$$color","$color","getColor","theme","ComponentTextStyle","componentFontWeight","textStyle","fontWeight","Bold","UppercaseBold","componentFontStyle","fontStyle","Italic","componentTextTransformation","ComponentStyling","fontSize","lineHeight","color","_templateObject2","concat","ComponentXLStyling","ComponentXL","_ref","children","className","propTypes","_pt","string","oneOf","node","ComponentLStyling","ComponentL","_ref2","ComponentMStyling","ComponentM","_ref3","ComponentSStyling","ComponentS","_ref4","ComponentXSStyling","ComponentXS","_ref5","textTransform","ComponentXXSStyling","ComponentXXS","_ref6","ComponentResponsive","_ref7","size","width","fontsize","Medium","Small","Large","XXSmall","XSmall","Typography","_templateObject3","QuoteTypography","_templateObject4","NoteTypography","_templateObject5","UpperCaseTypography","_templateObject6","Note","p","_templateObject7","Quote","_templateObject8","UpperCase","_templateObject9"],"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  font-size: ${props => props.$fontSize}px;\r\n  font-weight: ${props => props.$fontWeight};\r\n  line-height: ${props => props.$lineHeight}px;\r\n  text-transform: ${props => props.$textTransform ?? 'none' };\r\n  text-decoration-line: ${props => props.$textDecorationLine ?? 'none'};\r\n  font-style: ${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":[]}
+{"version":3,"file":"typography.js","names":["React","styled","css","COLORS","Size","TypographyBase","div","props","$fontSize","$fontWeight","$lineHeight","$textTransform","$textDecorationLine","$fontStyle","$color","getColor","theme","ComponentTextStyle","componentFontWeight","textStyle","fontWeight","Bold","UppercaseBold","componentFontStyle","fontStyle","Italic","componentTextTransformation","ComponentStyling","fontSize","lineHeight","color","ComponentXLStyling","ComponentXL","children","className","ComponentLStyling","ComponentL","ComponentMStyling","ComponentM","ComponentSStyling","ComponentS","ComponentXSStyling","ComponentXS","textTransform","ComponentXXSStyling","ComponentXXS","ComponentResponsive","size","width","fontsize","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  font-size: ${props => props.$fontSize}px;\r\n  font-weight: ${props => props.$fontWeight};\r\n  line-height: ${props => props.$lineHeight}px;\r\n  text-transform: ${props => props.$textTransform ?? 'none' };\r\n  text-decoration-line: ${props => props.$textDecorationLine ?? 'none'};\r\n  font-style: ${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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"}