@laerdal/life-react-components 4.0.2 → 4.0.4-dev.2

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.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,wfAGvEP,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,wjBAGvEH,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.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,4eAGvEN,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,yiBAGvEO,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;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var TypographyBase = (0, _styledComponents["default"])('div')(function (_ref) {
+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 = (0, _styledComponents.default)('div')(function (_ref) {
   var $color = _ref.$color,
     lineHeight = _ref.lineHeight,
     $fontSize = _ref.$fontSize,
@@ -59,7 +59,7 @@ var componentTextTransformation = function componentTextTransformation(textStyle
   return fontStyle;
 };
 var ComponentStyling = function ComponentStyling(fontSize, lineHeight, textStyle, color) {
-  return (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    font-style: ", ";\n    ", "\n  "])), fontSize, componentFontWeight(textStyle), lineHeight, componentFontStyle(textStyle), function (props) {
+  return (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    font-style: ", ";\n    ", "\n  "])), fontSize, componentFontWeight(textStyle), lineHeight, componentFontStyle(textStyle), function (props) {
     return color === null ? '' : "color: ".concat(color || _.COLORS.getColor('black', props.theme), ";");
   });
 };
@@ -86,10 +86,10 @@ var ComponentXL = function ComponentXL(_ref2) {
 };
 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);
@@ -114,10 +114,10 @@ var ComponentL = function ComponentL(_ref3) {
 };
 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);
@@ -142,10 +142,10 @@ var ComponentM = function ComponentM(_ref4) {
 };
 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);
@@ -170,10 +170,10 @@ var ComponentS = function ComponentS(_ref5) {
 };
 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);
@@ -200,10 +200,10 @@ var ComponentXS = function ComponentXS(_ref6) {
 };
 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);
@@ -230,10 +230,10 @@ var ComponentXXS = function ComponentXXS(_ref7) {
 };
 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(_ref8) {
   var color = _ref8.color,
@@ -289,23 +289,23 @@ var ComponentResponsive = function ComponentResponsive(_ref8) {
 };
 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)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  html {\n    font-size: 100%;\n  }\n\n  @media (min-width: 48rem) {\n    html {\n      font-size: 112.5%;\n    }\n  }\n\n  @media (min-width: 80rem) {\n    html {\n      font-size: 125%;\n    }\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-weight: 700;\n    line-height: 120%;\n    margin: 0;\n  }\n\n  h1 {\n    font-size: 3rem;\n  }\n\n  h2 {\n    font-size: 2.5rem;\n  }\n\n  h3 {\n    font-size: 2rem;\n  }\n\n  h4 {\n    font-size: 1.75rem;\n  }\n\n  h5 {\n    font-size: 1.5rem;\n  }\n\n  h6 {\n    font-size: 1.25rem;\n  }\n\n  p {\n    font-size: 1rem;\n    line-height: 150%;\n    margin: 0 0 0.5rem;\n  }\n\n  p:last-of-type {\n    margin-bottom: 0;\n  }\n\n\n  h1, h2, h3, h4, h5, h6, p, span {\n    max-width: 34rem;\n  }\n\n  :lang(ja-jp) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n\n  :lang(ko-kr) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n\n  :lang(zh-CN) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n"])));
+var Typography = (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  html {\n    font-size: 100%;\n  }\n\n  @media (min-width: 48rem) {\n    html {\n      font-size: 112.5%;\n    }\n  }\n\n  @media (min-width: 80rem) {\n    html {\n      font-size: 125%;\n    }\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-weight: 700;\n    line-height: 120%;\n    margin: 0;\n  }\n\n  h1 {\n    font-size: 3rem;\n  }\n\n  h2 {\n    font-size: 2.5rem;\n  }\n\n  h3 {\n    font-size: 2rem;\n  }\n\n  h4 {\n    font-size: 1.75rem;\n  }\n\n  h5 {\n    font-size: 1.5rem;\n  }\n\n  h6 {\n    font-size: 1.25rem;\n  }\n\n  p {\n    font-size: 1rem;\n    line-height: 150%;\n    margin: 0 0 0.5rem;\n  }\n\n  p:last-of-type {\n    margin-bottom: 0;\n  }\n\n\n  h1, h2, h3, h4, h5, h6, p, span {\n    max-width: 34rem;\n  }\n\n  :lang(ja-jp) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n\n  :lang(ko-kr) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n\n  :lang(zh-CN) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n"])));
 exports.Typography = Typography;
-var QuoteTypography = (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: 1.5rem;\n  line-height: 150%;\n  margin-bottom: 0.75rem;\n"])));
+var QuoteTypography = (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: 1.5rem;\n  line-height: 150%;\n  margin-bottom: 0.75rem;\n"])));
 exports.QuoteTypography = QuoteTypography;
-var NoteTypography = (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: 0.75rem;\n  line-height: 150%;\n  margin-bottom: 0.375rem;\n"])));
+var NoteTypography = (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: 0.75rem;\n  line-height: 150%;\n  margin-bottom: 0.375rem;\n"])));
 exports.NoteTypography = NoteTypography;
-var UpperCaseTypography = (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: 0.75rem;\n  line-height: 150%;\n  font-weight: 700;\n  text-transform: uppercase;\n"])));
+var UpperCaseTypography = (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: 0.75rem;\n  line-height: 150%;\n  font-weight: 700;\n  text-transform: uppercase;\n"])));
 exports.UpperCaseTypography = UpperCaseTypography;
-var Note = _styledComponents["default"].p(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n"])), NoteTypography);
+var Note = _styledComponents.default.p(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), NoteTypography);
 exports.Note = Note;
-var Quote = _styledComponents["default"].p(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n"])), QuoteTypography);
+var Quote = _styledComponents.default.p(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), QuoteTypography);
 exports.Quote = Quote;
-var UpperCase = _styledComponents["default"].p(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n"])), UpperCaseTypography);
+var UpperCase = _styledComponents.default.p(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), UpperCaseTypography);
 exports.UpperCase = UpperCase;
 //# sourceMappingURL=typography.cjs.map

package/dist/styles/typography.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"typography.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_","_types","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TypographyBase","styled","_ref","$color","lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","textDecorationLine","fontSize","fontWeight","fontStyle","color","COLORS","black","exports","ComponentTextStyle","componentFontWeight","textStyle","Bold","UppercaseBold","componentFontStyle","Italic","componentTextTransformation","ComponentStyling","css","_taggedTemplateLiteral2","props","concat","getColor","theme","ComponentXLStyling","ComponentXL","_ref2","children","className","jsx","propTypes","_propTypes","string","oneOf","node","ComponentLStyling","ComponentL","_ref3","ComponentMStyling","ComponentM","_ref4","ComponentSStyling","ComponentS","_ref5","ComponentXSStyling","ComponentXS","_ref6","ComponentXXSStyling","ComponentXXS","_ref7","ComponentResponsive","_ref8","size","width","fontsize","Size","Medium","Small","Large","XXSmall","XSmall","Typography","QuoteTypography","NoteTypography","UpperCaseTypography","Note","p","Quote","UpperCase"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled, {css} from 'styled-components';\r\nimport {COLORS} from '.';\r\nimport {Property} from 'csstype';\r\nimport {Size} from '../types';\r\n\r\ninterface ITypographyBase {\r\n  $color?: string;\r\n  lineHeight: number;\r\n  $fontSize: number;\r\n  $fontWeight: number;\r\n  $fontStyle?: string;\r\n  textTransform?: Property.TextTransform;\r\n  textDecorationLine?: Property.TextDecorationLine;\r\n}\r\n\r\nexport const TypographyBase = styled('div')<ITypographyBase>(({\r\n                                                                $color,\r\n                                                                lineHeight,\r\n                                                                $fontSize,\r\n                                                                $fontWeight,\r\n                                                                $fontStyle,\r\n                                                                textTransform,\r\n                                                                textDecorationLine\r\n                                                              }) => ({\r\n  fontSize: $fontSize,\r\n  fontWeight: $fontWeight,\r\n  lineHeight: lineHeight + 'px',\r\n  textTransform: textTransform ? textTransform : 'none',\r\n  textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\r\n  fontStyle: $fontStyle ? $fontStyle : 'normal',\r\n  color: $color ? $color : COLORS.black,\r\n}));\r\n\r\nenum ComponentTextStyle {\r\n  Regular = 1,\r\n  Bold,\r\n  Italic,\r\n  UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = {\r\n  color?: string;\r\n  className?: string;\r\n  textStyle?: ComponentTextStyle;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n  let fontWeight = 400;\r\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n    fontWeight = 700;\r\n  }\r\n  return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n  return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n  return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n  return css`\r\n    font-size: ${fontSize};\r\n    font-weight: ${componentFontWeight(textStyle)};\r\n    line-height: ${lineHeight};\r\n    font-style: ${componentFontStyle(textStyle)};\r\n    ${props => color === null ? '' : `color: ${color || COLORS.getColor('black', props.theme)};`}\r\n  `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} textTransform={textTransform}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} textTransform={textTransform}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n                                                                                                         color,\r\n                                                                                                         textStyle,\r\n                                                                                                         children,\r\n                                                                                                         size,\r\n                                                                                                         width\r\n                                                                                                       }) => {\r\n  let fontsize = size;\r\n  if (!size) {\r\n    if (width == -1) {\r\n      fontsize = Size.Medium;\r\n    } else if (width < 768) {\r\n      fontsize = Size.Small;\r\n    } else if (width < 992) {\r\n      fontsize = Size.Medium;\r\n    } else {\r\n      fontsize = Size.Large;\r\n    }\r\n  }\r\n  switch (fontsize) {\r\n    case Size.XXSmall:\r\n      return <ComponentXXS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.XSmall:\r\n      return <ComponentXS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Small:\r\n      return <ComponentS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Medium:\r\n      return <ComponentM color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Large:\r\n    default:\r\n      return <ComponentL color={color} textStyle={textStyle} children={children}/>;\r\n  }\r\n};\r\n\r\nexport const Typography = css`\r\n  html {\r\n    font-size: 100%;\r\n  }\r\n\r\n  @media (min-width: 48rem) {\r\n    html {\r\n      font-size: 112.5%;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 80rem) {\r\n    html {\r\n      font-size: 125%;\r\n    }\r\n  }\r\n\r\n  h1, h2, h3, h4, h5, h6 {\r\n    font-weight: 700;\r\n    line-height: 120%;\r\n    margin: 0;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n  }\r\n\r\n  h2 {\r\n    font-size: 2.5rem;\r\n  }\r\n\r\n  h3 {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  h4 {\r\n    font-size: 1.75rem;\r\n  }\r\n\r\n  h5 {\r\n    font-size: 1.5rem;\r\n  }\r\n\r\n  h6 {\r\n    font-size: 1.25rem;\r\n  }\r\n\r\n  p {\r\n    font-size: 1rem;\r\n    line-height: 150%;\r\n    margin: 0 0 0.5rem;\r\n  }\r\n\r\n  p:last-of-type {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n\r\n  h1, h2, h3, h4, h5, h6, p, span {\r\n    max-width: 34rem;\r\n  }\r\n\r\n  :lang(ja-jp) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(ko-kr) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(zh-CN) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const QuoteTypography = css`\r\n  font-size: 1.5rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.75rem;\r\n`;\r\n\r\nexport const NoteTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.375rem;\r\n`;\r\n\r\nexport const UpperCaseTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n`;\r\n\r\nexport const Note = styled.p`\r\n  ${NoteTypography}\r\n`;\r\n\r\nexport const Quote = styled.p`\r\n  ${QuoteTypography}\r\n`;\r\n\r\nexport const UpperCase = styled.p`\r\n  ${UpperCaseTypography}\r\n`;\r\n\r\nexport {\r\n  ComponentTextStyle,\r\n  ComponentXL,\r\n  ComponentL,\r\n  ComponentM,\r\n  ComponentS,\r\n  ComponentXS,\r\n  ComponentXXS,\r\n  ComponentResponsive\r\n};\r\nexport {\r\n  ComponentXLStyling,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n};\r\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,CAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AAA8B,IAAAK,WAAA,GAAAL,OAAA;AAAA,IAAAM,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAb,wBAAAa,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAYvB,IAAMW,cAAc,GAAG,IAAAC,4BAAM,EAAC,KAAK,CAAC,CAAkB,UAAAC,IAAA;EAAA,IACGC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,UAAU,GAAAL,IAAA,CAAVK,UAAU;IACVC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,kBAAkB,GAAAP,IAAA,CAAlBO,kBAAkB;EAAA,OACb;IACnEC,QAAQ,EAAEL,SAAS;IACnBM,UAAU,EAAEL,WAAW;IACvBF,UAAU,EAAEA,UAAU,GAAG,IAAI;IAC7BI,aAAa,EAAEA,aAAa,GAAGA,aAAa,GAAG,MAAM;IACrDC,kBAAkB,EAAEA,kBAAkB,GAAGA,kBAAkB,GAAG,MAAM;IACpEG,SAAS,EAAEL,UAAU,GAAGA,UAAU,GAAG,QAAQ;IAC7CM,KAAK,EAAEV,MAAM,GAAGA,MAAM,GAAGW,QAAM,CAACC;EAClC,CAAC;AAAA,CAAC,CAAC;AAACC,OAAA,CAAAhB,cAAA,GAAAA,cAAA;AAAA,IAECiB,kBAAkB;AAAAD,OAAA,CAAAC,kBAAA,GAAAA,kBAAA;AAAA,WAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,KAAAD,OAAA,CAAAC,kBAAA,GAAlBA,kBAAkB;AAcvB,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,SAA8B,EAAK;EAC9D,IAAIR,UAAU,GAAG,GAAG;EACpB,IAAIQ,SAAS,KAAKF,kBAAkB,CAACG,IAAI,IAAID,SAAS,KAAKF,kBAAkB,CAACI,aAAa,EAAE;IAC3FV,UAAU,GAAG,GAAG;EAClB;EACA,OAAOA,UAAU;AACnB,CAAC;AAED,IAAMW,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIH,SAA8B,EAAK;EAC7D,IAAIP,SAAS,GAAGO,SAAS,IAAIA,SAAS,KAAKF,kBAAkB,CAACM,MAAM,GAAG,QAAQ,GAAG,EAAE;EACpF,OAAOX,SAAS;AAClB,CAAC;AAED,IAAMY,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAIL,SAA8B,EAA6B;EAC9F,IAAIP,SAAiC,GAAGO,SAAS,IAAIA,SAAS,KAAKF,kBAAkB,CAACI,aAAa,GAAG,WAAW,GAAG,MAAM;EAC1H,OAAOT,SAAS;AAClB,CAAC;AAED,IAAMa,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIf,QAAgB,EAAEN,UAAkB,EAAEe,SAA6B,EAAEN,KAAgC,EAAK;EAClI,WAAOa,qBAAG,EAAAtD,eAAA,KAAAA,eAAA,OAAAuD,uBAAA,gIACKjB,QAAQ,EACNQ,mBAAmB,CAACC,SAAS,CAAC,EAC9Bf,UAAU,EACXkB,kBAAkB,CAACH,SAAS,CAAC,EACzC,UAAAS,KAAK;IAAA,OAAIf,KAAK,KAAK,IAAI,GAAG,EAAE,aAAAgB,MAAA,CAAahB,KAAK,IAAIC,QAAM,CAACgB,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,MAAG;EAAA;AAEhG,CAAC;AAED,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIb,SAA6B,EAAEN,KAAoB;EAAA,OAAKY,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAEN,SAAS,EAAEN,KAAK,CAAC;AAAA;AAACG,OAAA,CAAAgB,kBAAA,GAAAA,kBAAA;AACvI,IAAMC,WAAoD,GAAG,SAAvDA,WAAoDA,CAAAC,KAAA,EAAgD;EAAA,IAA3CrB,KAAK,GAAAqB,KAAA,CAALrB,KAAK;IAAEM,SAAS,GAAAe,KAAA,CAATf,SAAS;IAAEgB,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,KAAA,CAATE,SAAS;EAClG,IAAIzB,UAAU,GAAGO,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIP,SAAS,GAAGU,kBAAkB,CAACH,SAAS,CAAC;EAC7C,oBACE,IAAAhD,WAAA,CAAAkE,GAAA,EAACrC,cAAc;IAACoC,SAAS,EAAEA,SAAU;IAACjC,MAAM,EAAEU,KAAM;IAACT,UAAU,EAAE,EAAG;IAACC,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEK,UAAW;IAC5FJ,UAAU,EAAEK,SAAU;IAAAuB,QAAA,EACnCA;EAAQ,CACK,CAAC;AAErB,CAAC;AAACnB,OAAA,CAAAiB,WAAA,GAAAA,WAAA;AAAAA,WAAA,CAAAK,SAAA;EA5CAzB,KAAK,EAAA0B,UAAA,YAAAC,MAAA;EACLJ,SAAS,EAAAG,UAAA,YAAAC,MAAA;EACTrB,SAAS,EAAAoB,UAAA,YAAAE,KAAA;EACTN,QAAQ,EAAAI,UAAA,YAAAG;AAAA;AA2CV,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIxB,SAA6B,EAAEN,KAAoB;EAAA,OAAKY,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAEN,SAAS,EAAEN,KAAK,CAAC;AAAA;AAACG,OAAA,CAAA2B,iBAAA,GAAAA,iBAAA;AACtI,IAAMC,UAAmD,GAAG,SAAtDA,UAAmDA,CAAAC,KAAA,EAAgD;EAAA,IAA3ChC,KAAK,GAAAgC,KAAA,CAALhC,KAAK;IAAEM,SAAS,GAAA0B,KAAA,CAAT1B,SAAS;IAAEgB,QAAQ,GAAAU,KAAA,CAARV,QAAQ;IAAEC,SAAS,GAAAS,KAAA,CAATT,SAAS;EACjG,IAAIzB,UAAU,GAAGO,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIP,SAAS,GAAGU,kBAAkB,CAACH,SAAS,CAAC;EAC7C,oBACE,IAAAhD,WAAA,CAAAkE,GAAA,EAACrC,cAAc;IAACoC,SAAS,EAAEA,SAAU;IAACjC,MAAM,EAAEU,KAAM;IAACT,UAAU,EAAE,EAAG;IAACC,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEK,UAAW;IAC5FJ,UAAU,EAAEK,SAAU;IAAAuB,QAAA,EACnCA;EAAQ,CACK,CAAC;AAErB,CAAC;AAACnB,OAAA,CAAA4B,UAAA,GAAAA,UAAA;AAAAA,UAAA,CAAAN,SAAA;EAxDAzB,KAAK,EAAA0B,UAAA,YAAAC,MAAA;EACLJ,SAAS,EAAAG,UAAA,YAAAC,MAAA;EACTrB,SAAS,EAAAoB,UAAA,YAAAE,KAAA;EACTN,QAAQ,EAAAI,UAAA,YAAAG;AAAA;AAuDV,IAAMI,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAI3B,SAA6B,EAAEN,KAAgC;EAAA,OAAKY,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAEN,SAAS,EAAEN,KAAK,CAAC;AAAA;AAACG,OAAA,CAAA8B,iBAAA,GAAAA,iBAAA;AAClJ,IAAMC,UAAmD,GAAG,SAAtDA,UAAmDA,CAAAC,KAAA,EAAgD;EAAA,IAA3CnC,KAAK,GAAAmC,KAAA,CAALnC,KAAK;IAAEM,SAAS,GAAA6B,KAAA,CAAT7B,SAAS;IAAEgB,QAAQ,GAAAa,KAAA,CAARb,QAAQ;IAAEC,SAAS,GAAAY,KAAA,CAATZ,SAAS;EACjG,IAAIzB,UAAU,GAAGO,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIP,SAAS,GAAGU,kBAAkB,CAACH,SAAS,CAAC;EAC7C,oBACE,IAAAhD,WAAA,CAAAkE,GAAA,EAACrC,cAAc;IAACoC,SAAS,EAAEA,SAAU;IAACjC,MAAM,EAAEU,KAAM;IAACT,UAAU,EAAE,EAAG;IAACC,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEK,UAAW;IAC5FJ,UAAU,EAAEK,SAAU;IAAAuB,QAAA,EACnCA;EAAQ,CACK,CAAC;AAErB,CAAC;AAACnB,OAAA,CAAA+B,UAAA,GAAAA,UAAA;AAAAA,UAAA,CAAAT,SAAA;EApEAzB,KAAK,EAAA0B,UAAA,YAAAC,MAAA;EACLJ,SAAS,EAAAG,UAAA,YAAAC,MAAA;EACTrB,SAAS,EAAAoB,UAAA,YAAAE,KAAA;EACTN,QAAQ,EAAAI,UAAA,YAAAG;AAAA;AAmEV,IAAMO,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAI9B,SAA6B,EAAEN,KAAoB;EAAA,OAAKY,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAEN,SAAS,EAAEN,KAAK,CAAC;AAAA;AAACG,OAAA,CAAAiC,iBAAA,GAAAA,iBAAA;AACtI,IAAMC,UAAmD,GAAG,SAAtDA,UAAmDA,CAAAC,KAAA,EAAgD;EAAA,IAA3CtC,KAAK,GAAAsC,KAAA,CAALtC,KAAK;IAAEM,SAAS,GAAAgC,KAAA,CAAThC,SAAS;IAAEgB,QAAQ,GAAAgB,KAAA,CAARhB,QAAQ;IAAEC,SAAS,GAAAe,KAAA,CAATf,SAAS;EACjG,IAAIzB,UAAU,GAAGO,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIP,SAAS,GAAGU,kBAAkB,CAACH,SAAS,CAAC;EAC7C,oBACE,IAAAhD,WAAA,CAAAkE,GAAA,EAACrC,cAAc;IAACoC,SAAS,EAAEA,SAAU;IAACjC,MAAM,EAAEU,KAAM;IAACT,UAAU,EAAE,EAAG;IAACC,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEK,UAAW;IAC5FJ,UAAU,EAAEK,SAAU;IAAAuB,QAAA,EACnCA;EAAQ,CACK,CAAC;AAErB,CAAC;AAACnB,OAAA,CAAAkC,UAAA,GAAAA,UAAA;AAAAA,UAAA,CAAAZ,SAAA;EAhFAzB,KAAK,EAAA0B,UAAA,YAAAC,MAAA;EACLJ,SAAS,EAAAG,UAAA,YAAAC,MAAA;EACTrB,SAAS,EAAAoB,UAAA,YAAAE,KAAA;EACTN,QAAQ,EAAAI,UAAA,YAAAG;AAAA;AA+EV,IAAMU,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIjC,SAA6B,EAAEN,KAAoB;EAAA,OAAKY,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAEN,SAAS,EAAEN,KAAK,CAAC;AAAA;AAACG,OAAA,CAAAoC,kBAAA,GAAAA,kBAAA;AACvI,IAAMC,WAAoD,GAAG,SAAvDA,WAAoDA,CAAAC,KAAA,EAAgD;EAAA,IAA3CzC,KAAK,GAAAyC,KAAA,CAALzC,KAAK;IAAEM,SAAS,GAAAmC,KAAA,CAATnC,SAAS;IAAEgB,QAAQ,GAAAmB,KAAA,CAARnB,QAAQ;IAAEC,SAAS,GAAAkB,KAAA,CAATlB,SAAS;EAClG,IAAIzB,UAAU,GAAGO,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIP,SAAS,GAAGU,kBAAkB,CAACH,SAAS,CAAC;EAC7C,IAAIX,aAAa,GAAGgB,2BAA2B,CAACL,SAAS,CAAC;EAC1D,oBACE,IAAAhD,WAAA,CAAAkE,GAAA,EAACrC,cAAc;IAACoC,SAAS,EAAEA,SAAU;IAACjC,MAAM,EAAEU,KAAM;IAACT,UAAU,EAAE,EAAG;IAACC,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEK,UAAW;IAC5FJ,UAAU,EAAEK,SAAU;IAACJ,aAAa,EAAEA,aAAc;IAAA2B,QAAA,EACjEA;EAAQ,CACK,CAAC;AAErB,CAAC;AAACnB,OAAA,CAAAqC,WAAA,GAAAA,WAAA;AAAAA,WAAA,CAAAf,SAAA;EA7FAzB,KAAK,EAAA0B,UAAA,YAAAC,MAAA;EACLJ,SAAS,EAAAG,UAAA,YAAAC,MAAA;EACTrB,SAAS,EAAAoB,UAAA,YAAAE,KAAA;EACTN,QAAQ,EAAAI,UAAA,YAAAG;AAAA;AA4FV,IAAMa,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIpC,SAA6B,EAAEN,KAAoB;EAAA,OAAKY,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAEN,SAAS,EAAEN,KAAK,CAAC;AAAA;AAACG,OAAA,CAAAuC,mBAAA,GAAAA,mBAAA;AACxI,IAAMC,YAAqD,GAAG,SAAxDA,YAAqDA,CAAAC,KAAA,EAAgD;EAAA,IAA3C5C,KAAK,GAAA4C,KAAA,CAAL5C,KAAK;IAAEM,SAAS,GAAAsC,KAAA,CAATtC,SAAS;IAAEgB,QAAQ,GAAAsB,KAAA,CAARtB,QAAQ;IAAEC,SAAS,GAAAqB,KAAA,CAATrB,SAAS;EACnG,IAAIzB,UAAU,GAAGO,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIP,SAAS,GAAGU,kBAAkB,CAACH,SAAS,CAAC;EAC7C,IAAIX,aAAa,GAAGgB,2BAA2B,CAACL,SAAS,CAAC;EAC1D,oBACE,IAAAhD,WAAA,CAAAkE,GAAA,EAACrC,cAAc;IAACoC,SAAS,EAAEA,SAAU;IAACjC,MAAM,EAAEU,KAAM;IAACT,UAAU,EAAE,EAAG;IAACC,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEK,UAAW;IAC5FJ,UAAU,EAAEK,SAAU;IAACJ,aAAa,EAAEA,aAAc;IAAA2B,QAAA,EACjEA;EAAQ,CACK,CAAC;AAErB,CAAC;AAACnB,OAAA,CAAAwC,YAAA,GAAAA,YAAA;AAAAA,YAAA,CAAAlB,SAAA;EA1GAzB,KAAK,EAAA0B,UAAA,YAAAC,MAAA;EACLJ,SAAS,EAAAG,UAAA,YAAAC,MAAA;EACTrB,SAAS,EAAAoB,UAAA,YAAAE,KAAA;EACTN,QAAQ,EAAAI,UAAA,YAAAG;AAAA;AAyGV,IAAMgB,mBAA6F,GAAG,SAAhGA,mBAA6FA,CAAAC,KAAA,EAMU;EAAA,IALJ9C,KAAK,GAAA8C,KAAA,CAAL9C,KAAK;IACLM,SAAS,GAAAwC,KAAA,CAATxC,SAAS;IACTgB,QAAQ,GAAAwB,KAAA,CAARxB,QAAQ;IACRyB,IAAI,GAAAD,KAAA,CAAJC,IAAI;IACJC,KAAK,GAAAF,KAAA,CAALE,KAAK;EAE5G,IAAIC,QAAQ,GAAGF,IAAI;EACnB,IAAI,CAACA,IAAI,EAAE;IACT,IAAIC,KAAK,IAAI,CAAC,CAAC,EAAE;MACfC,QAAQ,GAAGC,WAAI,CAACC,MAAM;IACxB,CAAC,MAAM,IAAIH,KAAK,GAAG,GAAG,EAAE;MACtBC,QAAQ,GAAGC,WAAI,CAACE,KAAK;IACvB,CAAC,MAAM,IAAIJ,KAAK,GAAG,GAAG,EAAE;MACtBC,QAAQ,GAAGC,WAAI,CAACC,MAAM;IACxB,CAAC,MAAM;MACLF,QAAQ,GAAGC,WAAI,CAACG,KAAK;IACvB;EACF;EACA,QAAQJ,QAAQ;IACd,KAAKC,WAAI,CAACI,OAAO;MACf,oBAAO,IAAAhG,WAAA,CAAAkE,GAAA,EAACmB,YAAY;QAAC3C,KAAK,EAAEA,KAAM;QAACM,SAAS,EAAEA,SAAU;QAACgB,QAAQ,EAAEA;MAAS,CAAC,CAAC;IAChF,KAAK4B,WAAI,CAACK,MAAM;MACd,oBAAO,IAAAjG,WAAA,CAAAkE,GAAA,EAACgB,WAAW;QAACxC,KAAK,EAAEA,KAAM;QAACM,SAAS,EAAEA,SAAU;QAACgB,QAAQ,EAAEA;MAAS,CAAC,CAAC;IAC/E,KAAK4B,WAAI,CAACE,KAAK;MACb,oBAAO,IAAA9F,WAAA,CAAAkE,GAAA,EAACa,UAAU;QAACrC,KAAK,EAAEA,KAAM;QAACM,SAAS,EAAEA,SAAU;QAACgB,QAAQ,EAAEA;MAAS,CAAC,CAAC;IAC9E,KAAK4B,WAAI,CAACC,MAAM;MACd,oBAAO,IAAA7F,WAAA,CAAAkE,GAAA,EAACU,UAAU;QAAClC,KAAK,EAAEA,KAAM;QAACM,SAAS,EAAEA,SAAU;QAACgB,QAAQ,EAAEA;MAAS,CAAC,CAAC;IAC9E,KAAK4B,WAAI,CAACG,KAAK;IACf;MACE,oBAAO,IAAA/F,WAAA,CAAAkE,GAAA,EAACO,UAAU;QAAC/B,KAAK,EAAEA,KAAM;QAACM,SAAS,EAAEA,SAAU;QAACgB,QAAQ,EAAEA;MAAS,CAAC,CAAC;EAChF;AACF,CAAC;AAACnB,OAAA,CAAA0C,mBAAA,GAAAA,mBAAA;AAAAA,mBAAA,CAAApB,SAAA;EA5IAzB,KAAK,EAAA0B,UAAA,YAAAC,MAAA;EACLJ,SAAS,EAAAG,UAAA,YAAAC,MAAA;EACTrB,SAAS,EAAAoB,UAAA,YAAAE,KAAA;EACTN,QAAQ,EAAAI,UAAA,YAAAG;AAAA;AA2IH,IAAM2B,UAAU,OAAG3C,qBAAG,EAAArD,gBAAA,KAAAA,gBAAA,OAAAsD,uBAAA,qhCA+E5B;AAACX,OAAA,CAAAqD,UAAA,GAAAA,UAAA;AAEK,IAAMC,eAAe,OAAG5C,qBAAG,EAAApD,gBAAA,KAAAA,gBAAA,OAAAqD,uBAAA,6FAIjC;AAACX,OAAA,CAAAsD,eAAA,GAAAA,eAAA;AAEK,IAAMC,cAAc,OAAG7C,qBAAG,EAAAnD,gBAAA,KAAAA,gBAAA,OAAAoD,uBAAA,+FAIhC;AAACX,OAAA,CAAAuD,cAAA,GAAAA,cAAA;AAEK,IAAMC,mBAAmB,OAAG9C,qBAAG,EAAAlD,gBAAA,KAAAA,gBAAA,OAAAmD,uBAAA,sHAKrC;AAACX,OAAA,CAAAwD,mBAAA,GAAAA,mBAAA;AAEK,IAAMC,IAAI,GAAGxE,4BAAM,CAACyE,CAAC,CAAAjG,gBAAA,KAAAA,gBAAA,OAAAkD,uBAAA,+BACxB4C,cAAc,CACjB;AAACvD,OAAA,CAAAyD,IAAA,GAAAA,IAAA;AAEK,IAAME,KAAK,GAAG1E,4BAAM,CAACyE,CAAC,CAAAhG,gBAAA,KAAAA,gBAAA,OAAAiD,uBAAA,+BACzB2C,eAAe,CAClB;AAACtD,OAAA,CAAA2D,KAAA,GAAAA,KAAA;AAEK,IAAMC,SAAS,GAAG3E,4BAAM,CAACyE,CAAC,CAAA/F,gBAAA,KAAAA,gBAAA,OAAAgD,uBAAA,+BAC7B6C,mBAAmB,CACtB;AAACxD,OAAA,CAAA4D,SAAA,GAAAA,SAAA","ignoreList":[]}
+{"version":3,"file":"typography.cjs","names":["TypographyBase","styled","$color","lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","textDecorationLine","fontSize","fontWeight","fontStyle","color","COLORS","black","ComponentTextStyle","componentFontWeight","textStyle","Bold","UppercaseBold","componentFontStyle","Italic","componentTextTransformation","ComponentStyling","css","props","getColor","theme","ComponentXLStyling","ComponentXL","children","className","ComponentLStyling","ComponentL","ComponentMStyling","ComponentM","ComponentSStyling","ComponentS","ComponentXSStyling","ComponentXS","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\ninterface ITypographyBase {\r\n  $color?: string;\r\n  lineHeight: number;\r\n  $fontSize: number;\r\n  $fontWeight: number;\r\n  $fontStyle?: string;\r\n  textTransform?: Property.TextTransform;\r\n  textDecorationLine?: Property.TextDecorationLine;\r\n}\r\n\r\nexport const TypographyBase = styled('div')<ITypographyBase>(({\r\n                                                                $color,\r\n                                                                lineHeight,\r\n                                                                $fontSize,\r\n                                                                $fontWeight,\r\n                                                                $fontStyle,\r\n                                                                textTransform,\r\n                                                                textDecorationLine\r\n                                                              }) => ({\r\n  fontSize: $fontSize,\r\n  fontWeight: $fontWeight,\r\n  lineHeight: lineHeight + 'px',\r\n  textTransform: textTransform ? textTransform : 'none',\r\n  textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\r\n  fontStyle: $fontStyle ? $fontStyle : 'normal',\r\n  color: $color ? $color : COLORS.black,\r\n}));\r\n\r\nenum ComponentTextStyle {\r\n  Regular = 1,\r\n  Bold,\r\n  Italic,\r\n  UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = {\r\n  color?: string;\r\n  className?: string;\r\n  textStyle?: ComponentTextStyle;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n  let fontWeight = 400;\r\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n    fontWeight = 700;\r\n  }\r\n  return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n  return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n  return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n  return css`\r\n    font-size: ${fontSize};\r\n    font-weight: ${componentFontWeight(textStyle)};\r\n    line-height: ${lineHeight};\r\n    font-style: ${componentFontStyle(textStyle)};\r\n    ${props => color === null ? '' : `color: ${color || COLORS.getColor('black', props.theme)};`}\r\n  `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} textTransform={textTransform}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} textTransform={textTransform}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n                                                                                                         color,\r\n                                                                                                         textStyle,\r\n                                                                                                         children,\r\n                                                                                                         size,\r\n                                                                                                         width\r\n                                                                                                       }) => {\r\n  let fontsize = size;\r\n  if (!size) {\r\n    if (width == -1) {\r\n      fontsize = Size.Medium;\r\n    } else if (width < 768) {\r\n      fontsize = Size.Small;\r\n    } else if (width < 992) {\r\n      fontsize = Size.Medium;\r\n    } else {\r\n      fontsize = Size.Large;\r\n    }\r\n  }\r\n  switch (fontsize) {\r\n    case Size.XXSmall:\r\n      return <ComponentXXS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.XSmall:\r\n      return <ComponentXS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Small:\r\n      return <ComponentS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Medium:\r\n      return <ComponentM color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Large:\r\n    default:\r\n      return <ComponentL color={color} textStyle={textStyle} children={children}/>;\r\n  }\r\n};\r\n\r\nexport const Typography = css`\r\n  html {\r\n    font-size: 100%;\r\n  }\r\n\r\n  @media (min-width: 48rem) {\r\n    html {\r\n      font-size: 112.5%;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 80rem) {\r\n    html {\r\n      font-size: 125%;\r\n    }\r\n  }\r\n\r\n  h1, h2, h3, h4, h5, h6 {\r\n    font-weight: 700;\r\n    line-height: 120%;\r\n    margin: 0;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n  }\r\n\r\n  h2 {\r\n    font-size: 2.5rem;\r\n  }\r\n\r\n  h3 {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  h4 {\r\n    font-size: 1.75rem;\r\n  }\r\n\r\n  h5 {\r\n    font-size: 1.5rem;\r\n  }\r\n\r\n  h6 {\r\n    font-size: 1.25rem;\r\n  }\r\n\r\n  p {\r\n    font-size: 1rem;\r\n    line-height: 150%;\r\n    margin: 0 0 0.5rem;\r\n  }\r\n\r\n  p:last-of-type {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n\r\n  h1, h2, h3, h4, h5, h6, p, span {\r\n    max-width: 34rem;\r\n  }\r\n\r\n  :lang(ja-jp) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(ko-kr) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(zh-CN) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const QuoteTypography = css`\r\n  font-size: 1.5rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.75rem;\r\n`;\r\n\r\nexport const NoteTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.375rem;\r\n`;\r\n\r\nexport const UpperCaseTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n`;\r\n\r\nexport const Note = styled.p`\r\n  ${NoteTypography}\r\n`;\r\n\r\nexport const Quote = styled.p`\r\n  ${QuoteTypography}\r\n`;\r\n\r\nexport const UpperCase = styled.p`\r\n  ${UpperCaseTypography}\r\n`;\r\n\r\nexport {\r\n  ComponentTextStyle,\r\n  ComponentXL,\r\n  ComponentL,\r\n  ComponentM,\r\n  ComponentS,\r\n  ComponentXS,\r\n  ComponentXXS,\r\n  ComponentResponsive\r\n};\r\nexport {\r\n  ComponentXLStyling,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n};\r\n"],"mappings":"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"}

package/dist/styles/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","names":["React","styled","css","COLORS","Size","jsx","_jsx","TypographyBase","_ref","$color","lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","textDecorationLine","fontSize","fontWeight","fontStyle","color","black","ComponentTextStyle","componentFontWeight","textStyle","Bold","UppercaseBold","componentFontStyle","Italic","componentTextTransformation","ComponentStyling","_templateObject","_taggedTemplateLiteral","props","concat","getColor","theme","ComponentXLStyling","ComponentXL","_ref2","children","className","propTypes","_pt","string","oneOf","node","ComponentLStyling","ComponentL","_ref3","ComponentMStyling","ComponentM","_ref4","ComponentSStyling","ComponentS","_ref5","ComponentXSStyling","ComponentXS","_ref6","ComponentXXSStyling","ComponentXXS","_ref7","ComponentResponsive","_ref8","size","width","fontsize","Medium","Small","Large","XXSmall","XSmall","Typography","_templateObject2","QuoteTypography","_templateObject3","NoteTypography","_templateObject4","UpperCaseTypography","_templateObject5","Note","p","_templateObject6","Quote","_templateObject7","UpperCase","_templateObject8"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled, {css} from 'styled-components';\r\nimport {COLORS} from '.';\r\nimport {Property} from 'csstype';\r\nimport {Size} from '../types';\r\n\r\ninterface ITypographyBase {\r\n  $color?: string;\r\n  lineHeight: number;\r\n  $fontSize: number;\r\n  $fontWeight: number;\r\n  $fontStyle?: string;\r\n  textTransform?: Property.TextTransform;\r\n  textDecorationLine?: Property.TextDecorationLine;\r\n}\r\n\r\nexport const TypographyBase = styled('div')<ITypographyBase>(({\r\n                                                                $color,\r\n                                                                lineHeight,\r\n                                                                $fontSize,\r\n                                                                $fontWeight,\r\n                                                                $fontStyle,\r\n                                                                textTransform,\r\n                                                                textDecorationLine\r\n                                                              }) => ({\r\n  fontSize: $fontSize,\r\n  fontWeight: $fontWeight,\r\n  lineHeight: lineHeight + 'px',\r\n  textTransform: textTransform ? textTransform : 'none',\r\n  textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\r\n  fontStyle: $fontStyle ? $fontStyle : 'normal',\r\n  color: $color ? $color : COLORS.black,\r\n}));\r\n\r\nenum ComponentTextStyle {\r\n  Regular = 1,\r\n  Bold,\r\n  Italic,\r\n  UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = {\r\n  color?: string;\r\n  className?: string;\r\n  textStyle?: ComponentTextStyle;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n  let fontWeight = 400;\r\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n    fontWeight = 700;\r\n  }\r\n  return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n  return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n  return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n  return css`\r\n    font-size: ${fontSize};\r\n    font-weight: ${componentFontWeight(textStyle)};\r\n    line-height: ${lineHeight};\r\n    font-style: ${componentFontStyle(textStyle)};\r\n    ${props => color === null ? '' : `color: ${color || COLORS.getColor('black', props.theme)};`}\r\n  `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} textTransform={textTransform}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} textTransform={textTransform}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n                                                                                                         color,\r\n                                                                                                         textStyle,\r\n                                                                                                         children,\r\n                                                                                                         size,\r\n                                                                                                         width\r\n                                                                                                       }) => {\r\n  let fontsize = size;\r\n  if (!size) {\r\n    if (width == -1) {\r\n      fontsize = Size.Medium;\r\n    } else if (width < 768) {\r\n      fontsize = Size.Small;\r\n    } else if (width < 992) {\r\n      fontsize = Size.Medium;\r\n    } else {\r\n      fontsize = Size.Large;\r\n    }\r\n  }\r\n  switch (fontsize) {\r\n    case Size.XXSmall:\r\n      return <ComponentXXS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.XSmall:\r\n      return <ComponentXS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Small:\r\n      return <ComponentS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Medium:\r\n      return <ComponentM color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Large:\r\n    default:\r\n      return <ComponentL color={color} textStyle={textStyle} children={children}/>;\r\n  }\r\n};\r\n\r\nexport const Typography = css`\r\n  html {\r\n    font-size: 100%;\r\n  }\r\n\r\n  @media (min-width: 48rem) {\r\n    html {\r\n      font-size: 112.5%;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 80rem) {\r\n    html {\r\n      font-size: 125%;\r\n    }\r\n  }\r\n\r\n  h1, h2, h3, h4, h5, h6 {\r\n    font-weight: 700;\r\n    line-height: 120%;\r\n    margin: 0;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n  }\r\n\r\n  h2 {\r\n    font-size: 2.5rem;\r\n  }\r\n\r\n  h3 {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  h4 {\r\n    font-size: 1.75rem;\r\n  }\r\n\r\n  h5 {\r\n    font-size: 1.5rem;\r\n  }\r\n\r\n  h6 {\r\n    font-size: 1.25rem;\r\n  }\r\n\r\n  p {\r\n    font-size: 1rem;\r\n    line-height: 150%;\r\n    margin: 0 0 0.5rem;\r\n  }\r\n\r\n  p:last-of-type {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n\r\n  h1, h2, h3, h4, h5, h6, p, span {\r\n    max-width: 34rem;\r\n  }\r\n\r\n  :lang(ja-jp) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(ko-kr) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(zh-CN) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const QuoteTypography = css`\r\n  font-size: 1.5rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.75rem;\r\n`;\r\n\r\nexport const NoteTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.375rem;\r\n`;\r\n\r\nexport const UpperCaseTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n`;\r\n\r\nexport const Note = styled.p`\r\n  ${NoteTypography}\r\n`;\r\n\r\nexport const Quote = styled.p`\r\n  ${QuoteTypography}\r\n`;\r\n\r\nexport const UpperCase = styled.p`\r\n  ${UpperCaseTypography}\r\n`;\r\n\r\nexport {\r\n  ComponentTextStyle,\r\n  ComponentXL,\r\n  ComponentL,\r\n  ComponentM,\r\n  ComponentS,\r\n  ComponentXS,\r\n  ComponentXXS,\r\n  ComponentResponsive\r\n};\r\nexport {\r\n  ComponentXLStyling,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n};\r\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,IAAGC,GAAG,QAAO,mBAAmB;AAC7C,SAAQC,MAAM,QAAO,GAAG;AAExB,SAAQC,IAAI,QAAO,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAY9B,OAAO,IAAMC,cAAc,GAAGN,MAAM,CAAC,KAAK,CAAC,CAAkB,UAAAO,IAAA;EAAA,IACGC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,UAAU,GAAAL,IAAA,CAAVK,UAAU;IACVC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,kBAAkB,GAAAP,IAAA,CAAlBO,kBAAkB;EAAA,OACb;IACnEC,QAAQ,EAAEL,SAAS;IACnBM,UAAU,EAAEL,WAAW;IACvBF,UAAU,EAAEA,UAAU,GAAG,IAAI;IAC7BI,aAAa,EAAEA,aAAa,GAAGA,aAAa,GAAG,MAAM;IACrDC,kBAAkB,EAAEA,kBAAkB,GAAGA,kBAAkB,GAAG,MAAM;IACpEG,SAAS,EAAEL,UAAU,GAAGA,UAAU,GAAG,QAAQ;IAC7CM,KAAK,EAAEV,MAAM,GAAGA,MAAM,GAAGN,MAAM,CAACiB;EAClC,CAAC;AAAA,CAAC,CAAC;AAAC,IAECC,kBAAkB;AAAA,WAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,KAAlBA,kBAAkB;AAcvB,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,SAA8B,EAAK;EAC9D,IAAIN,UAAU,GAAG,GAAG;EACpB,IAAIM,SAAS,KAAKF,kBAAkB,CAACG,IAAI,IAAID,SAAS,KAAKF,kBAAkB,CAACI,aAAa,EAAE;IAC3FR,UAAU,GAAG,GAAG;EAClB;EACA,OAAOA,UAAU;AACnB,CAAC;AAED,IAAMS,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIH,SAA8B,EAAK;EAC7D,IAAIL,SAAS,GAAGK,SAAS,IAAIA,SAAS,KAAKF,kBAAkB,CAACM,MAAM,GAAG,QAAQ,GAAG,EAAE;EACpF,OAAOT,SAAS;AAClB,CAAC;AAED,IAAMU,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAIL,SAA8B,EAA6B;EAC9F,IAAIL,SAAiC,GAAGK,SAAS,IAAIA,SAAS,KAAKF,kBAAkB,CAACI,aAAa,GAAG,WAAW,GAAG,MAAM;EAC1H,OAAOP,SAAS;AAClB,CAAC;AAED,IAAMW,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIb,QAAgB,EAAEN,UAAkB,EAAEa,SAA6B,EAAEJ,KAAgC,EAAK;EAClI,OAAOjB,GAAG,CAAA4B,eAAA,KAAAA,eAAA,GAAAC,sBAAA,oHACKf,QAAQ,EACNM,mBAAmB,CAACC,SAAS,CAAC,EAC9Bb,UAAU,EACXgB,kBAAkB,CAACH,SAAS,CAAC,EACzC,UAAAS,KAAK;IAAA,OAAIb,KAAK,KAAK,IAAI,GAAG,EAAE,aAAAc,MAAA,CAAad,KAAK,IAAIhB,MAAM,CAAC+B,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,MAAG;EAAA;AAEhG,CAAC;AAED,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIb,SAA6B,EAAEJ,KAAoB;EAAA,OAAKU,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAEN,SAAS,EAAEJ,KAAK,CAAC;AAAA;AACtI,IAAMkB,WAAoD,GAAG,SAAvDA,WAAoDA,CAAAC,KAAA,EAAgD;EAAA,IAA3CnB,KAAK,GAAAmB,KAAA,CAALnB,KAAK;IAAEI,SAAS,GAAAe,KAAA,CAATf,SAAS;IAAEgB,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,KAAA,CAATE,SAAS;EAClG,IAAIvB,UAAU,GAAGK,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIL,SAAS,GAAGQ,kBAAkB,CAACH,SAAS,CAAC;EAC7C,oBACEjB,IAAA,CAACC,cAAc;IAACiC,SAAS,EAAEA,SAAU;IAAC/B,MAAM,EAAEU,KAAM;IAACT,UAAU,EAAE,EAAG;IAACC,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEK,UAAW;IAC5FJ,UAAU,EAAEK,SAAU;IAAAqB,QAAA,EACnCA;EAAQ,CACK,CAAC;AAErB,CAAC;AAACF,WAAA,CAAAI,SAAA;EA5CAtB,KAAK,EAAAuB,GAAA,CAAAC,MAAA;EACLH,SAAS,EAAAE,GAAA,CAAAC,MAAA;EACTpB,SAAS,EAAAmB,GAAA,CAAAE,KAAA;EACTL,QAAQ,EAAAG,GAAA,CAAAG;AAAA;AA2CV,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIvB,SAA6B,EAAEJ,KAAoB;EAAA,OAAKU,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAEN,SAAS,EAAEJ,KAAK,CAAC;AAAA;AACrI,IAAM4B,UAAmD,GAAG,SAAtDA,UAAmDA,CAAAC,KAAA,EAAgD;EAAA,IAA3C7B,KAAK,GAAA6B,KAAA,CAAL7B,KAAK;IAAEI,SAAS,GAAAyB,KAAA,CAATzB,SAAS;IAAEgB,QAAQ,GAAAS,KAAA,CAART,QAAQ;IAAEC,SAAS,GAAAQ,KAAA,CAATR,SAAS;EACjG,IAAIvB,UAAU,GAAGK,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIL,SAAS,GAAGQ,kBAAkB,CAACH,SAAS,CAAC;EAC7C,oBACEjB,IAAA,CAACC,cAAc;IAACiC,SAAS,EAAEA,SAAU;IAAC/B,MAAM,EAAEU,KAAM;IAACT,UAAU,EAAE,EAAG;IAACC,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEK,UAAW;IAC5FJ,UAAU,EAAEK,SAAU;IAAAqB,QAAA,EACnCA;EAAQ,CACK,CAAC;AAErB,CAAC;AAACQ,UAAA,CAAAN,SAAA;EAxDAtB,KAAK,EAAAuB,GAAA,CAAAC,MAAA;EACLH,SAAS,EAAAE,GAAA,CAAAC,MAAA;EACTpB,SAAS,EAAAmB,GAAA,CAAAE,KAAA;EACTL,QAAQ,EAAAG,GAAA,CAAAG;AAAA;AAuDV,IAAMI,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAI1B,SAA6B,EAAEJ,KAAgC;EAAA,OAAKU,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAEN,SAAS,EAAEJ,KAAK,CAAC;AAAA;AACjJ,IAAM+B,UAAmD,GAAG,SAAtDA,UAAmDA,CAAAC,KAAA,EAAgD;EAAA,IAA3ChC,KAAK,GAAAgC,KAAA,CAALhC,KAAK;IAAEI,SAAS,GAAA4B,KAAA,CAAT5B,SAAS;IAAEgB,QAAQ,GAAAY,KAAA,CAARZ,QAAQ;IAAEC,SAAS,GAAAW,KAAA,CAATX,SAAS;EACjG,IAAIvB,UAAU,GAAGK,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIL,SAAS,GAAGQ,kBAAkB,CAACH,SAAS,CAAC;EAC7C,oBACEjB,IAAA,CAACC,cAAc;IAACiC,SAAS,EAAEA,SAAU;IAAC/B,MAAM,EAAEU,KAAM;IAACT,UAAU,EAAE,EAAG;IAACC,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEK,UAAW;IAC5FJ,UAAU,EAAEK,SAAU;IAAAqB,QAAA,EACnCA;EAAQ,CACK,CAAC;AAErB,CAAC;AAACW,UAAA,CAAAT,SAAA;EApEAtB,KAAK,EAAAuB,GAAA,CAAAC,MAAA;EACLH,SAAS,EAAAE,GAAA,CAAAC,MAAA;EACTpB,SAAS,EAAAmB,GAAA,CAAAE,KAAA;EACTL,QAAQ,EAAAG,GAAA,CAAAG;AAAA;AAmEV,IAAMO,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAI7B,SAA6B,EAAEJ,KAAoB;EAAA,OAAKU,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAEN,SAAS,EAAEJ,KAAK,CAAC;AAAA;AACrI,IAAMkC,UAAmD,GAAG,SAAtDA,UAAmDA,CAAAC,KAAA,EAAgD;EAAA,IAA3CnC,KAAK,GAAAmC,KAAA,CAALnC,KAAK;IAAEI,SAAS,GAAA+B,KAAA,CAAT/B,SAAS;IAAEgB,QAAQ,GAAAe,KAAA,CAARf,QAAQ;IAAEC,SAAS,GAAAc,KAAA,CAATd,SAAS;EACjG,IAAIvB,UAAU,GAAGK,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIL,SAAS,GAAGQ,kBAAkB,CAACH,SAAS,CAAC;EAC7C,oBACEjB,IAAA,CAACC,cAAc;IAACiC,SAAS,EAAEA,SAAU;IAAC/B,MAAM,EAAEU,KAAM;IAACT,UAAU,EAAE,EAAG;IAACC,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEK,UAAW;IAC5FJ,UAAU,EAAEK,SAAU;IAAAqB,QAAA,EACnCA;EAAQ,CACK,CAAC;AAErB,CAAC;AAACc,UAAA,CAAAZ,SAAA;EAhFAtB,KAAK,EAAAuB,GAAA,CAAAC,MAAA;EACLH,SAAS,EAAAE,GAAA,CAAAC,MAAA;EACTpB,SAAS,EAAAmB,GAAA,CAAAE,KAAA;EACTL,QAAQ,EAAAG,GAAA,CAAAG;AAAA;AA+EV,IAAMU,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIhC,SAA6B,EAAEJ,KAAoB;EAAA,OAAKU,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAEN,SAAS,EAAEJ,KAAK,CAAC;AAAA;AACtI,IAAMqC,WAAoD,GAAG,SAAvDA,WAAoDA,CAAAC,KAAA,EAAgD;EAAA,IAA3CtC,KAAK,GAAAsC,KAAA,CAALtC,KAAK;IAAEI,SAAS,GAAAkC,KAAA,CAATlC,SAAS;IAAEgB,QAAQ,GAAAkB,KAAA,CAARlB,QAAQ;IAAEC,SAAS,GAAAiB,KAAA,CAATjB,SAAS;EAClG,IAAIvB,UAAU,GAAGK,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIL,SAAS,GAAGQ,kBAAkB,CAACH,SAAS,CAAC;EAC7C,IAAIT,aAAa,GAAGc,2BAA2B,CAACL,SAAS,CAAC;EAC1D,oBACEjB,IAAA,CAACC,cAAc;IAACiC,SAAS,EAAEA,SAAU;IAAC/B,MAAM,EAAEU,KAAM;IAACT,UAAU,EAAE,EAAG;IAACC,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEK,UAAW;IAC5FJ,UAAU,EAAEK,SAAU;IAACJ,aAAa,EAAEA,aAAc;IAAAyB,QAAA,EACjEA;EAAQ,CACK,CAAC;AAErB,CAAC;AAACiB,WAAA,CAAAf,SAAA;EA7FAtB,KAAK,EAAAuB,GAAA,CAAAC,MAAA;EACLH,SAAS,EAAAE,GAAA,CAAAC,MAAA;EACTpB,SAAS,EAAAmB,GAAA,CAAAE,KAAA;EACTL,QAAQ,EAAAG,GAAA,CAAAG;AAAA;AA4FV,IAAMa,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAInC,SAA6B,EAAEJ,KAAoB;EAAA,OAAKU,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAEN,SAAS,EAAEJ,KAAK,CAAC;AAAA;AACvI,IAAMwC,YAAqD,GAAG,SAAxDA,YAAqDA,CAAAC,KAAA,EAAgD;EAAA,IAA3CzC,KAAK,GAAAyC,KAAA,CAALzC,KAAK;IAAEI,SAAS,GAAAqC,KAAA,CAATrC,SAAS;IAAEgB,QAAQ,GAAAqB,KAAA,CAARrB,QAAQ;IAAEC,SAAS,GAAAoB,KAAA,CAATpB,SAAS;EACnG,IAAIvB,UAAU,GAAGK,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIL,SAAS,GAAGQ,kBAAkB,CAACH,SAAS,CAAC;EAC7C,IAAIT,aAAa,GAAGc,2BAA2B,CAACL,SAAS,CAAC;EAC1D,oBACEjB,IAAA,CAACC,cAAc;IAACiC,SAAS,EAAEA,SAAU;IAAC/B,MAAM,EAAEU,KAAM;IAACT,UAAU,EAAE,EAAG;IAACC,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEK,UAAW;IAC5FJ,UAAU,EAAEK,SAAU;IAACJ,aAAa,EAAEA,aAAc;IAAAyB,QAAA,EACjEA;EAAQ,CACK,CAAC;AAErB,CAAC;AAACoB,YAAA,CAAAlB,SAAA;EA1GAtB,KAAK,EAAAuB,GAAA,CAAAC,MAAA;EACLH,SAAS,EAAAE,GAAA,CAAAC,MAAA;EACTpB,SAAS,EAAAmB,GAAA,CAAAE,KAAA;EACTL,QAAQ,EAAAG,GAAA,CAAAG;AAAA;AAyGV,IAAMgB,mBAA6F,GAAG,SAAhGA,mBAA6FA,CAAAC,KAAA,EAMU;EAAA,IALJ3C,KAAK,GAAA2C,KAAA,CAAL3C,KAAK;IACLI,SAAS,GAAAuC,KAAA,CAATvC,SAAS;IACTgB,QAAQ,GAAAuB,KAAA,CAARvB,QAAQ;IACRwB,IAAI,GAAAD,KAAA,CAAJC,IAAI;IACJC,KAAK,GAAAF,KAAA,CAALE,KAAK;EAE5G,IAAIC,QAAQ,GAAGF,IAAI;EACnB,IAAI,CAACA,IAAI,EAAE;IACT,IAAIC,KAAK,IAAI,CAAC,CAAC,EAAE;MACfC,QAAQ,GAAG7D,IAAI,CAAC8D,MAAM;IACxB,CAAC,MAAM,IAAIF,KAAK,GAAG,GAAG,EAAE;MACtBC,QAAQ,GAAG7D,IAAI,CAAC+D,KAAK;IACvB,CAAC,MAAM,IAAIH,KAAK,GAAG,GAAG,EAAE;MACtBC,QAAQ,GAAG7D,IAAI,CAAC8D,MAAM;IACxB,CAAC,MAAM;MACLD,QAAQ,GAAG7D,IAAI,CAACgE,KAAK;IACvB;EACF;EACA,QAAQH,QAAQ;IACd,KAAK7D,IAAI,CAACiE,OAAO;MACf,oBAAO/D,IAAA,CAACqD,YAAY;QAACxC,KAAK,EAAEA,KAAM;QAACI,SAAS,EAAEA,SAAU;QAACgB,QAAQ,EAAEA;MAAS,CAAC,CAAC;IAChF,KAAKnC,IAAI,CAACkE,MAAM;MACd,oBAAOhE,IAAA,CAACkD,WAAW;QAACrC,KAAK,EAAEA,KAAM;QAACI,SAAS,EAAEA,SAAU;QAACgB,QAAQ,EAAEA;MAAS,CAAC,CAAC;IAC/E,KAAKnC,IAAI,CAAC+D,KAAK;MACb,oBAAO7D,IAAA,CAAC+C,UAAU;QAAClC,KAAK,EAAEA,KAAM;QAACI,SAAS,EAAEA,SAAU;QAACgB,QAAQ,EAAEA;MAAS,CAAC,CAAC;IAC9E,KAAKnC,IAAI,CAAC8D,MAAM;MACd,oBAAO5D,IAAA,CAAC4C,UAAU;QAAC/B,KAAK,EAAEA,KAAM;QAACI,SAAS,EAAEA,SAAU;QAACgB,QAAQ,EAAEA;MAAS,CAAC,CAAC;IAC9E,KAAKnC,IAAI,CAACgE,KAAK;IACf;MACE,oBAAO9D,IAAA,CAACyC,UAAU;QAAC5B,KAAK,EAAEA,KAAM;QAACI,SAAS,EAAEA,SAAU;QAACgB,QAAQ,EAAEA;MAAS,CAAC,CAAC;EAChF;AACF,CAAC;AAACsB,mBAAA,CAAApB,SAAA;EA5IAtB,KAAK,EAAAuB,GAAA,CAAAC,MAAA;EACLH,SAAS,EAAAE,GAAA,CAAAC,MAAA;EACTpB,SAAS,EAAAmB,GAAA,CAAAE,KAAA;EACTL,QAAQ,EAAAG,GAAA,CAAAG;AAAA;AA2IV,OAAO,IAAM0B,UAAU,GAAGrE,GAAG,CAAAsE,gBAAA,KAAAA,gBAAA,GAAAzC,sBAAA,ygCA+E5B;AAED,OAAO,IAAM0C,eAAe,GAAGvE,GAAG,CAAAwE,gBAAA,KAAAA,gBAAA,GAAA3C,sBAAA,iFAIjC;AAED,OAAO,IAAM4C,cAAc,GAAGzE,GAAG,CAAA0E,gBAAA,KAAAA,gBAAA,GAAA7C,sBAAA,mFAIhC;AAED,OAAO,IAAM8C,mBAAmB,GAAG3E,GAAG,CAAA4E,gBAAA,KAAAA,gBAAA,GAAA/C,sBAAA,0GAKrC;AAED,OAAO,IAAMgD,IAAI,GAAG9E,MAAM,CAAC+E,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAAlD,sBAAA,mBACxB4C,cAAc,CACjB;AAED,OAAO,IAAMO,KAAK,GAAGjF,MAAM,CAAC+E,CAAC,CAAAG,gBAAA,KAAAA,gBAAA,GAAApD,sBAAA,mBACzB0C,eAAe,CAClB;AAED,OAAO,IAAMW,SAAS,GAAGnF,MAAM,CAAC+E,CAAC,CAAAK,gBAAA,KAAAA,gBAAA,GAAAtD,sBAAA,mBAC7B8C,mBAAmB,CACtB;AAED,SACExD,kBAAkB,EAClBgB,WAAW,EACXU,UAAU,EACVG,UAAU,EACVG,UAAU,EACVG,WAAW,EACXG,YAAY,EACZE,mBAAmB;AAErB,SACEzB,kBAAkB,EAClBU,iBAAiB,EACjBG,iBAAiB,EACjBG,iBAAiB,EACjBG,kBAAkB,EAClBG,mBAAmB","ignoreList":[]}
+{"version":3,"file":"typography.js","names":["React","styled","css","COLORS","Size","TypographyBase","$color","lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","textDecorationLine","fontSize","fontWeight","fontStyle","color","black","ComponentTextStyle","componentFontWeight","textStyle","Bold","UppercaseBold","componentFontStyle","Italic","componentTextTransformation","ComponentStyling","props","getColor","theme","ComponentXLStyling","ComponentXL","children","className","ComponentLStyling","ComponentL","ComponentMStyling","ComponentM","ComponentSStyling","ComponentS","ComponentXSStyling","ComponentXS","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\ninterface ITypographyBase {\r\n  $color?: string;\r\n  lineHeight: number;\r\n  $fontSize: number;\r\n  $fontWeight: number;\r\n  $fontStyle?: string;\r\n  textTransform?: Property.TextTransform;\r\n  textDecorationLine?: Property.TextDecorationLine;\r\n}\r\n\r\nexport const TypographyBase = styled('div')<ITypographyBase>(({\r\n                                                                $color,\r\n                                                                lineHeight,\r\n                                                                $fontSize,\r\n                                                                $fontWeight,\r\n                                                                $fontStyle,\r\n                                                                textTransform,\r\n                                                                textDecorationLine\r\n                                                              }) => ({\r\n  fontSize: $fontSize,\r\n  fontWeight: $fontWeight,\r\n  lineHeight: lineHeight + 'px',\r\n  textTransform: textTransform ? textTransform : 'none',\r\n  textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\r\n  fontStyle: $fontStyle ? $fontStyle : 'normal',\r\n  color: $color ? $color : COLORS.black,\r\n}));\r\n\r\nenum ComponentTextStyle {\r\n  Regular = 1,\r\n  Bold,\r\n  Italic,\r\n  UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = {\r\n  color?: string;\r\n  className?: string;\r\n  textStyle?: ComponentTextStyle;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n  let fontWeight = 400;\r\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n    fontWeight = 700;\r\n  }\r\n  return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n  return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n  return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n  return css`\r\n    font-size: ${fontSize};\r\n    font-weight: ${componentFontWeight(textStyle)};\r\n    line-height: ${lineHeight};\r\n    font-style: ${componentFontStyle(textStyle)};\r\n    ${props => color === null ? '' : `color: ${color || COLORS.getColor('black', props.theme)};`}\r\n  `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} textTransform={textTransform}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} textTransform={textTransform}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n                                                                                                         color,\r\n                                                                                                         textStyle,\r\n                                                                                                         children,\r\n                                                                                                         size,\r\n                                                                                                         width\r\n                                                                                                       }) => {\r\n  let fontsize = size;\r\n  if (!size) {\r\n    if (width == -1) {\r\n      fontsize = Size.Medium;\r\n    } else if (width < 768) {\r\n      fontsize = Size.Small;\r\n    } else if (width < 992) {\r\n      fontsize = Size.Medium;\r\n    } else {\r\n      fontsize = Size.Large;\r\n    }\r\n  }\r\n  switch (fontsize) {\r\n    case Size.XXSmall:\r\n      return <ComponentXXS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.XSmall:\r\n      return <ComponentXS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Small:\r\n      return <ComponentS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Medium:\r\n      return <ComponentM color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Large:\r\n    default:\r\n      return <ComponentL color={color} textStyle={textStyle} children={children}/>;\r\n  }\r\n};\r\n\r\nexport const Typography = css`\r\n  html {\r\n    font-size: 100%;\r\n  }\r\n\r\n  @media (min-width: 48rem) {\r\n    html {\r\n      font-size: 112.5%;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 80rem) {\r\n    html {\r\n      font-size: 125%;\r\n    }\r\n  }\r\n\r\n  h1, h2, h3, h4, h5, h6 {\r\n    font-weight: 700;\r\n    line-height: 120%;\r\n    margin: 0;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n  }\r\n\r\n  h2 {\r\n    font-size: 2.5rem;\r\n  }\r\n\r\n  h3 {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  h4 {\r\n    font-size: 1.75rem;\r\n  }\r\n\r\n  h5 {\r\n    font-size: 1.5rem;\r\n  }\r\n\r\n  h6 {\r\n    font-size: 1.25rem;\r\n  }\r\n\r\n  p {\r\n    font-size: 1rem;\r\n    line-height: 150%;\r\n    margin: 0 0 0.5rem;\r\n  }\r\n\r\n  p:last-of-type {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n\r\n  h1, h2, h3, h4, h5, h6, p, span {\r\n    max-width: 34rem;\r\n  }\r\n\r\n  :lang(ja-jp) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(ko-kr) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(zh-CN) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const QuoteTypography = css`\r\n  font-size: 1.5rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.75rem;\r\n`;\r\n\r\nexport const NoteTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.375rem;\r\n`;\r\n\r\nexport const UpperCaseTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n`;\r\n\r\nexport const Note = styled.p`\r\n  ${NoteTypography}\r\n`;\r\n\r\nexport const Quote = styled.p`\r\n  ${QuoteTypography}\r\n`;\r\n\r\nexport const UpperCase = styled.p`\r\n  ${UpperCaseTypography}\r\n`;\r\n\r\nexport {\r\n  ComponentTextStyle,\r\n  ComponentXL,\r\n  ComponentL,\r\n  ComponentM,\r\n  ComponentS,\r\n  ComponentXS,\r\n  ComponentXXS,\r\n  ComponentResponsive\r\n};\r\nexport {\r\n  ComponentXLStyling,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n};\r\n"],"mappings":"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"}

package/dist/styles/z-indexes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"z-indexes.cjs","names":["Z_INDEXES","hover","active","focus","badge","loader","dropdown","sticky_menu","fixed_menu","backdrop","off_canvas","modal","toast","tooltip","popover","exports"],"sources":["../../src/styles/z-indexes.ts"],"sourcesContent":["export const Z_INDEXES = {\r\n  hover: '1',\r\n  active: '2',\r\n  focus: '3',\r\n\r\n  badge: '10',\r\n\r\n  loader: '990',  \r\n  dropdown: '1000',\r\n  sticky_menu: '1020',\r\n  fixed_menu: '1030',\r\n  backdrop: '1040',\r\n  off_canvas: '1050',\r\n  modal: '1060',\r\n  toast: '1070',\r\n  tooltip: '1080',\r\n  popover: '1070'\r\n}\r\n"],"mappings":";;;;;;AAAO,IAAMA,SAAS,GAAG;EACvBC,KAAK,EAAE,GAAG;EACVC,MAAM,EAAE,GAAG;EACXC,KAAK,EAAE,GAAG;EAEVC,KAAK,EAAE,IAAI;EAEXC,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE,MAAM;EAChBC,WAAW,EAAE,MAAM;EACnBC,UAAU,EAAE,MAAM;EAClBC,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE,MAAM;EAClBC,KAAK,EAAE,MAAM;EACbC,KAAK,EAAE,MAAM;EACbC,OAAO,EAAE,MAAM;EACfC,OAAO,EAAE;AACX,CAAC;AAAAC,OAAA,CAAAf,SAAA,GAAAA,SAAA","ignoreList":[]}
+{"version":3,"file":"z-indexes.cjs","names":["Z_INDEXES","hover","active","focus","badge","loader","dropdown","sticky_menu","fixed_menu","backdrop","off_canvas","modal","toast","tooltip","popover"],"sources":["../../src/styles/z-indexes.ts"],"sourcesContent":["export const Z_INDEXES = {\r\n  hover: '1',\r\n  active: '2',\r\n  focus: '3',\r\n\r\n  badge: '10',\r\n\r\n  loader: '990',  \r\n  dropdown: '1000',\r\n  sticky_menu: '1020',\r\n  fixed_menu: '1030',\r\n  backdrop: '1040',\r\n  off_canvas: '1050',\r\n  modal: '1060',\r\n  toast: '1070',\r\n  tooltip: '1080',\r\n  popover: '1070'\r\n}\r\n"],"mappings":";;;;;;AAAO,IAAMA,SAAS,GAAG;EACvBC,KAAK,EAAE,GAAG;EACVC,MAAM,EAAE,GAAG;EACXC,KAAK,EAAE,GAAG;EAEVC,KAAK,EAAE,IAAI;EAEXC,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE,MAAM;EAChBC,WAAW,EAAE,MAAM;EACnBC,UAAU,EAAE,MAAM;EAClBC,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE,MAAM;EAClBC,KAAK,EAAE,MAAM;EACbC,KAAK,EAAE,MAAM;EACbC,OAAO,EAAE,MAAM;EACfC,OAAO,EAAE;AACX,CAAC;AAAA"}

package/dist/styles/z-indexes.js.map

@@ -1 +1 @@
-{"version":3,"file":"z-indexes.js","names":["Z_INDEXES","hover","active","focus","badge","loader","dropdown","sticky_menu","fixed_menu","backdrop","off_canvas","modal","toast","tooltip","popover"],"sources":["../../src/styles/z-indexes.ts"],"sourcesContent":["export const Z_INDEXES = {\r\n  hover: '1',\r\n  active: '2',\r\n  focus: '3',\r\n\r\n  badge: '10',\r\n\r\n  loader: '990',  \r\n  dropdown: '1000',\r\n  sticky_menu: '1020',\r\n  fixed_menu: '1030',\r\n  backdrop: '1040',\r\n  off_canvas: '1050',\r\n  modal: '1060',\r\n  toast: '1070',\r\n  tooltip: '1080',\r\n  popover: '1070'\r\n}\r\n"],"mappings":"AAAA,OAAO,IAAMA,SAAS,GAAG;EACvBC,KAAK,EAAE,GAAG;EACVC,MAAM,EAAE,GAAG;EACXC,KAAK,EAAE,GAAG;EAEVC,KAAK,EAAE,IAAI;EAEXC,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE,MAAM;EAChBC,WAAW,EAAE,MAAM;EACnBC,UAAU,EAAE,MAAM;EAClBC,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE,MAAM;EAClBC,KAAK,EAAE,MAAM;EACbC,KAAK,EAAE,MAAM;EACbC,OAAO,EAAE,MAAM;EACfC,OAAO,EAAE;AACX,CAAC","ignoreList":[]}
+{"version":3,"file":"z-indexes.js","names":["Z_INDEXES","hover","active","focus","badge","loader","dropdown","sticky_menu","fixed_menu","backdrop","off_canvas","modal","toast","tooltip","popover"],"sources":["../../src/styles/z-indexes.ts"],"sourcesContent":["export const Z_INDEXES = {\r\n  hover: '1',\r\n  active: '2',\r\n  focus: '3',\r\n\r\n  badge: '10',\r\n\r\n  loader: '990',  \r\n  dropdown: '1000',\r\n  sticky_menu: '1020',\r\n  fixed_menu: '1030',\r\n  backdrop: '1040',\r\n  off_canvas: '1050',\r\n  modal: '1060',\r\n  toast: '1070',\r\n  tooltip: '1080',\r\n  popover: '1070'\r\n}\r\n"],"mappings":"AAAA,OAAO,IAAMA,SAAS,GAAG;EACvBC,KAAK,EAAE,GAAG;EACVC,MAAM,EAAE,GAAG;EACXC,KAAK,EAAE,GAAG;EAEVC,KAAK,EAAE,IAAI;EAEXC,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE,MAAM;EAChBC,WAAW,EAAE,MAAM;EACnBC,UAAU,EAAE,MAAM;EAClBC,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE,MAAM;EAClBC,KAAK,EAAE,MAAM;EACbC,KAAK,EAAE,MAAM;EACbC,OAAO,EAAE,MAAM;EACfC,OAAO,EAAE;AACX,CAAC"}

package/dist/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","names":["States","exports","Size","Position","ToastColor","ToastActionType","ToastPosition","ToastEntryDirection"],"sources":["../src/types.ts"],"sourcesContent":["export interface Product {\r\n  id: string;\r\n  name: string;\r\n  type: string;\r\n  image: string;\r\n}\r\n\r\nexport interface Testable {\r\n  dataTestId?: string;\r\n}\r\n\r\nexport enum States {\r\n  Default = 'default',\r\n  Valid = 'valid',\r\n  Invalid = 'invalid',\r\n}\r\n\r\nexport enum Size {\r\n  XXSmall = 'xxsmall',\r\n  XSmall = 'xsmall',\r\n  Small = 'small',\r\n  Medium = 'medium',\r\n  Large = 'large',\r\n}\r\n\r\nexport enum Position {\r\n  Top = 'top',\r\n  Bottom = 'bottom',\r\n  Right = 'right',\r\n  Left = 'left'\r\n}\r\n\r\nexport enum ToastColor {\r\n  BLACK,\r\n  WHITE,\r\n  BLUE,\r\n  GREEN,\r\n  ORANGE,\r\n  RED,\r\n}\r\n\r\nexport enum ToastActionType {\r\n  PRIMARY,\r\n  SECONDARY,\r\n}\r\n\r\nexport enum ToastPosition {\r\n  TOPLEFT,\r\n  TOPMIDDLE,\r\n  TOPRIGHT,\r\n  BOTTOMLEFT,\r\n  BOTTOMMIDDLE,\r\n  BOTTOMRIGHT,\r\n}\r\n\r\nexport enum ToastEntryDirection {\r\n  TOP,\r\n  BOTTOM,\r\n  LEFT,\r\n  RIGHT,\r\n}\r\n\r\nexport interface NavLink {\r\n  label: string;\r\n  to: string;\r\n  target?: string;\r\n}\r\n\r\nexport interface NavSection {\r\n  header: string;\r\n  links: NavLink[];\r\n}\r\n\r\nexport interface NavOptions {\r\n  sections: NavSection[];\r\n}\r\n"],"mappings":";;;;;;IAWYA,MAAM;AAAAC,OAAA,CAAAD,MAAA,GAAAA,MAAA;AAAA,WAANA,MAAM;EAANA,MAAM;EAANA,MAAM;EAANA,MAAM;AAAA,GAANA,MAAM,KAAAC,OAAA,CAAAD,MAAA,GAANA,MAAM;AAAA,IAMNE,IAAI;AAAAD,OAAA,CAAAC,IAAA,GAAAA,IAAA;AAAA,WAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;AAAA,GAAJA,IAAI,KAAAD,OAAA,CAAAC,IAAA,GAAJA,IAAI;AAAA,IAQJC,QAAQ;AAAAF,OAAA,CAAAE,QAAA,GAAAA,QAAA;AAAA,WAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;AAAA,GAARA,QAAQ,KAAAF,OAAA,CAAAE,QAAA,GAARA,QAAQ;AAAA,IAORC,UAAU;AAAAH,OAAA,CAAAG,UAAA,GAAAA,UAAA;AAAA,WAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;AAAA,GAAVA,UAAU,KAAAH,OAAA,CAAAG,UAAA,GAAVA,UAAU;AAAA,IASVC,eAAe;AAAAJ,OAAA,CAAAI,eAAA,GAAAA,eAAA;AAAA,WAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;AAAA,GAAfA,eAAe,KAAAJ,OAAA,CAAAI,eAAA,GAAfA,eAAe;AAAA,IAKfC,aAAa;AAAAL,OAAA,CAAAK,aAAA,GAAAA,aAAA;AAAA,WAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;AAAA,GAAbA,aAAa,KAAAL,OAAA,CAAAK,aAAA,GAAbA,aAAa;AAAA,IASbC,mBAAmB;AAAAN,OAAA,CAAAM,mBAAA,GAAAA,mBAAA;AAAA,WAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;AAAA,GAAnBA,mBAAmB,KAAAN,OAAA,CAAAM,mBAAA,GAAnBA,mBAAmB","ignoreList":[]}
+{"version":3,"file":"types.cjs","names":["States","Size","Position","ToastColor","ToastActionType","ToastPosition","ToastEntryDirection"],"sources":["../src/types.ts"],"sourcesContent":["export interface Product {\r\n  id: string;\r\n  name: string;\r\n  type: string;\r\n  image: string;\r\n}\r\n\r\nexport interface Testable {\r\n  dataTestId?: string;\r\n}\r\n\r\nexport enum States {\r\n  Default = 'default',\r\n  Valid = 'valid',\r\n  Invalid = 'invalid',\r\n}\r\n\r\nexport enum Size {\r\n  XXSmall = 'xxsmall',\r\n  XSmall = 'xsmall',\r\n  Small = 'small',\r\n  Medium = 'medium',\r\n  Large = 'large',\r\n}\r\n\r\nexport enum Position {\r\n  Top = 'top',\r\n  Bottom = 'bottom',\r\n  Right = 'right',\r\n  Left = 'left'\r\n}\r\n\r\nexport enum ToastColor {\r\n  BLACK,\r\n  WHITE,\r\n  BLUE,\r\n  GREEN,\r\n  ORANGE,\r\n  RED,\r\n}\r\n\r\nexport enum ToastActionType {\r\n  PRIMARY,\r\n  SECONDARY,\r\n}\r\n\r\nexport enum ToastPosition {\r\n  TOPLEFT,\r\n  TOPMIDDLE,\r\n  TOPRIGHT,\r\n  BOTTOMLEFT,\r\n  BOTTOMMIDDLE,\r\n  BOTTOMRIGHT,\r\n}\r\n\r\nexport enum ToastEntryDirection {\r\n  TOP,\r\n  BOTTOM,\r\n  LEFT,\r\n  RIGHT,\r\n}\r\n\r\nexport interface NavLink {\r\n  label: string;\r\n  to: string;\r\n  target?: string;\r\n}\r\n\r\nexport interface NavSection {\r\n  header: string;\r\n  links: NavLink[];\r\n}\r\n\r\nexport interface NavOptions {\r\n  sections: NavSection[];\r\n}\r\n"],"mappings":";;;;;;IAWYA,MAAM;AAAA;AAAA,WAANA,MAAM;EAANA,MAAM;EAANA,MAAM;EAANA,MAAM;AAAA,GAANA,MAAM,sBAANA,MAAM;AAAA,IAMNC,IAAI;AAAA;AAAA,WAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;AAAA,GAAJA,IAAI,oBAAJA,IAAI;AAAA,IAQJC,QAAQ;AAAA;AAAA,WAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;AAAA,GAARA,QAAQ,wBAARA,QAAQ;AAAA,IAORC,UAAU;AAAA;AAAA,WAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;AAAA,GAAVA,UAAU,0BAAVA,UAAU;AAAA,IASVC,eAAe;AAAA;AAAA,WAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;AAAA,GAAfA,eAAe,+BAAfA,eAAe;AAAA,IAKfC,aAAa;AAAA;AAAA,WAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;AAAA,GAAbA,aAAa,6BAAbA,aAAa;AAAA,IASbC,mBAAmB;AAAA;AAAA,WAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;AAAA,GAAnBA,mBAAmB,mCAAnBA,mBAAmB"}

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["States","Size","Position","ToastColor","ToastActionType","ToastPosition","ToastEntryDirection"],"sources":["../src/types.ts"],"sourcesContent":["export interface Product {\r\n  id: string;\r\n  name: string;\r\n  type: string;\r\n  image: string;\r\n}\r\n\r\nexport interface Testable {\r\n  dataTestId?: string;\r\n}\r\n\r\nexport enum States {\r\n  Default = 'default',\r\n  Valid = 'valid',\r\n  Invalid = 'invalid',\r\n}\r\n\r\nexport enum Size {\r\n  XXSmall = 'xxsmall',\r\n  XSmall = 'xsmall',\r\n  Small = 'small',\r\n  Medium = 'medium',\r\n  Large = 'large',\r\n}\r\n\r\nexport enum Position {\r\n  Top = 'top',\r\n  Bottom = 'bottom',\r\n  Right = 'right',\r\n  Left = 'left'\r\n}\r\n\r\nexport enum ToastColor {\r\n  BLACK,\r\n  WHITE,\r\n  BLUE,\r\n  GREEN,\r\n  ORANGE,\r\n  RED,\r\n}\r\n\r\nexport enum ToastActionType {\r\n  PRIMARY,\r\n  SECONDARY,\r\n}\r\n\r\nexport enum ToastPosition {\r\n  TOPLEFT,\r\n  TOPMIDDLE,\r\n  TOPRIGHT,\r\n  BOTTOMLEFT,\r\n  BOTTOMMIDDLE,\r\n  BOTTOMRIGHT,\r\n}\r\n\r\nexport enum ToastEntryDirection {\r\n  TOP,\r\n  BOTTOM,\r\n  LEFT,\r\n  RIGHT,\r\n}\r\n\r\nexport interface NavLink {\r\n  label: string;\r\n  to: string;\r\n  target?: string;\r\n}\r\n\r\nexport interface NavSection {\r\n  header: string;\r\n  links: NavLink[];\r\n}\r\n\r\nexport interface NavOptions {\r\n  sections: NavSection[];\r\n}\r\n"],"mappings":"AAWA,WAAYA,MAAM;AAIjB,WAJWA,MAAM;EAANA,MAAM;EAANA,MAAM;EAANA,MAAM;AAAA,GAANA,MAAM,KAANA,MAAM;AAMlB,WAAYC,IAAI;AAMf,WANWA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;AAAA,GAAJA,IAAI,KAAJA,IAAI;AAQhB,WAAYC,QAAQ;AAKnB,WALWA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;AAAA,GAARA,QAAQ,KAARA,QAAQ;AAOpB,WAAYC,UAAU;AAOrB,WAPWA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;AAAA,GAAVA,UAAU,KAAVA,UAAU;AAStB,WAAYC,eAAe;AAG1B,WAHWA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;AAAA,GAAfA,eAAe,KAAfA,eAAe;AAK3B,WAAYC,aAAa;AAOxB,WAPWA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;AAAA,GAAbA,aAAa,KAAbA,aAAa;AASzB,WAAYC,mBAAmB;AAK9B,WALWA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;AAAA,GAAnBA,mBAAmB,KAAnBA,mBAAmB","ignoreList":[]}
+{"version":3,"file":"types.js","names":["States","Size","Position","ToastColor","ToastActionType","ToastPosition","ToastEntryDirection"],"sources":["../src/types.ts"],"sourcesContent":["export interface Product {\r\n  id: string;\r\n  name: string;\r\n  type: string;\r\n  image: string;\r\n}\r\n\r\nexport interface Testable {\r\n  dataTestId?: string;\r\n}\r\n\r\nexport enum States {\r\n  Default = 'default',\r\n  Valid = 'valid',\r\n  Invalid = 'invalid',\r\n}\r\n\r\nexport enum Size {\r\n  XXSmall = 'xxsmall',\r\n  XSmall = 'xsmall',\r\n  Small = 'small',\r\n  Medium = 'medium',\r\n  Large = 'large',\r\n}\r\n\r\nexport enum Position {\r\n  Top = 'top',\r\n  Bottom = 'bottom',\r\n  Right = 'right',\r\n  Left = 'left'\r\n}\r\n\r\nexport enum ToastColor {\r\n  BLACK,\r\n  WHITE,\r\n  BLUE,\r\n  GREEN,\r\n  ORANGE,\r\n  RED,\r\n}\r\n\r\nexport enum ToastActionType {\r\n  PRIMARY,\r\n  SECONDARY,\r\n}\r\n\r\nexport enum ToastPosition {\r\n  TOPLEFT,\r\n  TOPMIDDLE,\r\n  TOPRIGHT,\r\n  BOTTOMLEFT,\r\n  BOTTOMMIDDLE,\r\n  BOTTOMRIGHT,\r\n}\r\n\r\nexport enum ToastEntryDirection {\r\n  TOP,\r\n  BOTTOM,\r\n  LEFT,\r\n  RIGHT,\r\n}\r\n\r\nexport interface NavLink {\r\n  label: string;\r\n  to: string;\r\n  target?: string;\r\n}\r\n\r\nexport interface NavSection {\r\n  header: string;\r\n  links: NavLink[];\r\n}\r\n\r\nexport interface NavOptions {\r\n  sections: NavSection[];\r\n}\r\n"],"mappings":"AAWA,WAAYA,MAAM;AAIjB,WAJWA,MAAM;EAANA,MAAM;EAANA,MAAM;EAANA,MAAM;AAAA,GAANA,MAAM,KAANA,MAAM;AAMlB,WAAYC,IAAI;AAMf,WANWA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;AAAA,GAAJA,IAAI,KAAJA,IAAI;AAQhB,WAAYC,QAAQ;AAKnB,WALWA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;AAAA,GAARA,QAAQ,KAARA,QAAQ;AAOpB,WAAYC,UAAU;AAOrB,WAPWA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;AAAA,GAAVA,UAAU,KAAVA,UAAU;AAStB,WAAYC,eAAe;AAG1B,WAHWA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;AAAA,GAAfA,eAAe,KAAfA,eAAe;AAK3B,WAAYC,aAAa;AAOxB,WAPWA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;AAAA,GAAbA,aAAa,KAAbA,aAAa;AASzB,WAAYC,mBAAmB;AAK9B,WALWA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;AAAA,GAAnBA,mBAAmB,KAAnBA,mBAAmB"}

package/dist/utils/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","names":["hasWindow","Boolean","window","exports"],"sources":["../../src/utils/utils.tsx"],"sourcesContent":["\r\n\r\nexport const hasWindow = () => {\r\n    return Boolean(typeof window !== 'undefined' && window);\r\n}\r\n  "],"mappings":";;;;;;AAEO,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EAC3B,OAAOC,OAAO,CAAC,OAAOC,MAAM,KAAK,WAAW,IAAIA,MAAM,CAAC;AAC3D,CAAC;AAAAC,OAAA,CAAAH,SAAA,GAAAA,SAAA","ignoreList":[]}
+{"version":3,"file":"utils.cjs","names":["hasWindow","Boolean","window"],"sources":["../../src/utils/utils.tsx"],"sourcesContent":["\r\n\r\nexport const hasWindow = () => {\r\n    return Boolean(typeof window !== 'undefined' && window);\r\n}\r\n  "],"mappings":";;;;;;AAEO,IAAMA,SAAS,GAAG,SAAZA,SAAS,GAAS;EAC3B,OAAOC,OAAO,CAAC,OAAOC,MAAM,KAAK,WAAW,IAAIA,MAAM,CAAC;AAC3D,CAAC;AAAA"}

package/dist/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["hasWindow","Boolean","window"],"sources":["../../src/utils/utils.tsx"],"sourcesContent":["\r\n\r\nexport const hasWindow = () => {\r\n    return Boolean(typeof window !== 'undefined' && window);\r\n}\r\n  "],"mappings":"AAEA,OAAO,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EAC3B,OAAOC,OAAO,CAAC,OAAOC,MAAM,KAAK,WAAW,IAAIA,MAAM,CAAC;AAC3D,CAAC","ignoreList":[]}
+{"version":3,"file":"utils.js","names":["hasWindow","Boolean","window"],"sources":["../../src/utils/utils.tsx"],"sourcesContent":["\r\n\r\nexport const hasWindow = () => {\r\n    return Boolean(typeof window !== 'undefined' && window);\r\n}\r\n  "],"mappings":"AAEA,OAAO,IAAMA,SAAS,GAAG,SAAZA,SAAS,GAAS;EAC3B,OAAOC,OAAO,CAAC,OAAOC,MAAM,KAAK,WAAW,IAAIA,MAAM,CAAC;AAC3D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laerdal/life-react-components",
-  "version": "4.0.2",
+  "version": "4.0.4-dev.2",
   "private": false,
   "author": "Erik Martirosyan <erik.martirosyan@laerdal.com>",
   "contributors": [],