@laerdal/life-react-components 5.0.0-dev.2 → 5.0.0-dev.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Modals/ModalContainer.cjs +2 -2
- package/dist/Modals/ModalContainer.cjs.map +1 -1
- package/dist/Modals/ModalContainer.js +2 -2
- package/dist/Modals/ModalContainer.js.map +1 -1
- package/dist/styles/typography.cjs +11 -11
- package/dist/styles/typography.cjs.map +1 -1
- package/dist/styles/typography.d.ts +3 -3
- package/dist/styles/typography.js +11 -11
- package/dist/styles/typography.js.map +1 -1
- package/package.json +1 -1
|
@@ -74,9 +74,9 @@ var ModalContainer = function ModalContainer(props) {
|
|
|
74
74
|
});
|
|
75
75
|
React.useEffect(function () {
|
|
76
76
|
//modal was opened
|
|
77
|
-
window && props.showModal && resetScroll();
|
|
77
|
+
window && !props.showModal && resetScroll();
|
|
78
78
|
//modal was closed
|
|
79
|
-
window &&
|
|
79
|
+
window && props.showModal && preventScroll(window.scrollY);
|
|
80
80
|
}, [props.showModal]);
|
|
81
81
|
React.useEffect(function () {
|
|
82
82
|
if (_reactModal["default"].defaultStyles.overlay) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalContainer.cjs","names":["React","_interopRequireWildcard","require","_reactModal","_interopRequireDefault","_styles","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","ModalContainerStyles","content","top","left","right","bottom","marginRight","width","height","borderRadius","boxSizing","margin","overflow","boxShadow","BOXSHADOWS","BOXSHADOW_L3","modalTransitions","concat","Z_INDEXES","backdrop","modal","Counter","openInstances","ModalContainer","props","_React$useState","useState","_React$useState2","_slicedToArray2","scroll","setScroll","preventScroll","offset","document","body","style","position","resetScroll","window","scrollTo","useEffect","scrollY","showModal","ReactModal","defaultStyles","overlay","backgroundColor","querySelector","head","getElementsByTagName","createElement","setAttribute","appendChild","createTextNode","id","closeModal","children","_props$height","_props$width","_props$overflow","padding","_props$minWidth","minWidth","_props$maxWidth","maxWidth","_props$zIndex","zIndex","parseInt","zIndexValue","Math","min","max","toast","stylesConfiguration","assign","styles","setAppElement","jsx","isOpen","closeTimeoutMS","onRequestClose","propTypes","_propTypes","string","bool","isRequired","func","any","number","_default","exports"],"sources":["../../src/Modals/ModalContainer.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport ReactModal from 'react-modal';\r\nimport {BOXSHADOWS} from '../styles';\r\nimport {Z_INDEXES} from '../styles';\r\nimport styled, {keyframes} from 'styled-components';\r\n\r\nconst ModalContainerStyles = {\r\n content: {\r\n top: 'auto',\r\n left: 'auto',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n width: '640px',\r\n height: '320px',\r\n borderRadius: '8px',\r\n boxSizing: 'border-box' as any,\r\n margin: 0,\r\n overflow: 'auto',\r\n boxShadow: BOXSHADOWS.BOXSHADOW_L3,\r\n },\r\n};\r\n\r\n//override modal classes to define the animations\r\nconst modalTransitions = `\r\n\r\n@keyframes modalOpenAnimation {\r\n from{\r\n transform: scale(1.1, 1.1);\r\n }\r\n to {\r\n transform: scale(1, 1);\r\n }\r\n}\r\n\r\n.ReactModal__Overlay {\r\n opacity: 0;\r\n z-index: ${Z_INDEXES.backdrop};\r\n display:flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.ReactModal__Overlay--after-open {\r\n opacity: 1;\r\n transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\r\n}\r\n\r\n.ReactModal__Content{\r\n z-index: ${Z_INDEXES.modal};\r\n opacity:0;\r\n transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\r\n}\r\n\r\n.ReactModal__Content--after-open{\r\n opacity: 1;\r\n animation: modalOpenAnimation 150ms ease-in-out;\r\n}\r\n\r\n.ReactModal__Overlay--before-close {\r\n opacity: 0;\r\n transition: opacity 120ms linear;\r\n}\r\n\r\n.ReactModal__Content--before-close{\r\n opacity: 0;\r\n transform: scale(1.1, 1.1);\r\n transition: transform 120ms ease-in-out, opacity 120ms cubic-bezier(0.55, 0.05, 0.67, 0.19);\r\n}\r\n`;\r\n\r\n\r\ntype ModalContainerProps = {\r\n id?: string;\r\n showModal: boolean;\r\n closeModal: () => void;\r\n children: any;\r\n height?: any;\r\n width?: any;\r\n overflow?: string;\r\n padding?: string;\r\n minWidth?: string;\r\n maxWidth?: string;\r\n zIndex?: number;\r\n};\r\n\r\nconst Counter = { openInstances : 0};\r\nconst ModalContainer: React.FC<ModalContainerProps> = (props: ModalContainerProps) => {\r\n\r\n const [scroll, setScroll] = React.useState<number>();\r\n\r\n \r\n const preventScroll = (offset: number) => {\r\n if (!Counter.openInstances && document) {\r\n setScroll(offset);\r\n document.body.style.position = 'fixed';\r\n document.body.style.left = `0px`;\r\n document.body.style.right = `0px`;\r\n document.body.style.top = `-${offset}px`;\r\n }\r\n Counter.openInstances++;\r\n }\r\n\r\n const resetScroll = () => {\r\n Counter.openInstances--;\r\n if (!Counter.openInstances && document) {\r\n //@ts-ignore\r\n document.body.style.position = null;\r\n //@ts-ignore\r\n document.body.style.left = null;\r\n //@ts-ignore\r\n document.body.style.top = null;\r\n //@ts-ignore\r\n document.body.style.right = null;\r\n scroll && window.scrollTo(0, scroll);\r\n setScroll(0);\r\n }\r\n }\r\n\r\n React.useEffect(() => {\r\n window && setScroll(window.scrollY);\r\n });\r\n\r\n React.useEffect(() => {\r\n //modal was opened\r\n window && props.showModal && resetScroll();\r\n //modal was closed\r\n window && !props.showModal && preventScroll(window.scrollY);\r\n }, [props.showModal]);\r\n\r\n\r\n React.useEffect(() => {\r\n if (ReactModal.defaultStyles.overlay) {\r\n ReactModal.defaultStyles.overlay.backgroundColor = 'rgba(0,0,0,0.5)';\r\n }\r\n\r\n //append style node to override modal transition classes\r\n if (document && !document.querySelector('[modal-custom-styling=\"active\"]')) {\r\n const head = document.head || document.getElementsByTagName('head')[0];\r\n const style = document.createElement('style');\r\n style.setAttribute('modal-custom-styling', 'active');\r\n head.appendChild(style);\r\n style.appendChild(document.createTextNode(modalTransitions));\r\n }\r\n\r\n if (props.showModal) {\r\n preventScroll(window.scrollY);\r\n }\r\n\r\n return () => resetScroll();\r\n }, []);\r\n\r\n const {\r\n id,\r\n showModal,\r\n closeModal,\r\n children,\r\n height = 'auto',\r\n width = 'auto',\r\n overflow = 'visible',\r\n padding,\r\n minWidth = '',\r\n maxWidth = '',\r\n zIndex = parseInt(Z_INDEXES.modal)\r\n } = props;\r\n\r\n // should be at least z-index of modal and below z-index of toast\r\n const zIndexValue = Math.min(Math.max(zIndex, +Z_INDEXES.modal), +Z_INDEXES.toast - 1);\r\n const stylesConfiguration = Object.assign({...ModalContainerStyles.content}, {\r\n height,\r\n width,\r\n padding,\r\n overflow,\r\n minWidth,\r\n maxWidth,\r\n zIndex: zIndexValue\r\n });\r\n const styles = {content: stylesConfiguration};\r\n ReactModal.setAppElement('body');\r\n return (\r\n <ReactModal id={id}\r\n isOpen={showModal}\r\n closeTimeoutMS={120}\r\n onRequestClose={() => closeModal()}\r\n style={styles}>\r\n {children}\r\n </ReactModal>\r\n );\r\n}\r\n\r\nexport default ModalContainer;\r\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"ModalContainer.cjs","names":["React","_interopRequireWildcard","require","_reactModal","_interopRequireDefault","_styles","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","ModalContainerStyles","content","top","left","right","bottom","marginRight","width","height","borderRadius","boxSizing","margin","overflow","boxShadow","BOXSHADOWS","BOXSHADOW_L3","modalTransitions","concat","Z_INDEXES","backdrop","modal","Counter","openInstances","ModalContainer","props","_React$useState","useState","_React$useState2","_slicedToArray2","scroll","setScroll","preventScroll","offset","document","body","style","position","resetScroll","window","scrollTo","useEffect","scrollY","showModal","ReactModal","defaultStyles","overlay","backgroundColor","querySelector","head","getElementsByTagName","createElement","setAttribute","appendChild","createTextNode","id","closeModal","children","_props$height","_props$width","_props$overflow","padding","_props$minWidth","minWidth","_props$maxWidth","maxWidth","_props$zIndex","zIndex","parseInt","zIndexValue","Math","min","max","toast","stylesConfiguration","assign","styles","setAppElement","jsx","isOpen","closeTimeoutMS","onRequestClose","propTypes","_propTypes","string","bool","isRequired","func","any","number","_default","exports"],"sources":["../../src/Modals/ModalContainer.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport ReactModal from 'react-modal';\r\nimport {BOXSHADOWS} from '../styles';\r\nimport {Z_INDEXES} from '../styles';\r\nimport styled, {keyframes} from 'styled-components';\r\n\r\nconst ModalContainerStyles = {\r\n content: {\r\n top: 'auto',\r\n left: 'auto',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n width: '640px',\r\n height: '320px',\r\n borderRadius: '8px',\r\n boxSizing: 'border-box' as any,\r\n margin: 0,\r\n overflow: 'auto',\r\n boxShadow: BOXSHADOWS.BOXSHADOW_L3,\r\n },\r\n};\r\n\r\n//override modal classes to define the animations\r\nconst modalTransitions = `\r\n\r\n@keyframes modalOpenAnimation {\r\n from{\r\n transform: scale(1.1, 1.1);\r\n }\r\n to {\r\n transform: scale(1, 1);\r\n }\r\n}\r\n\r\n.ReactModal__Overlay {\r\n opacity: 0;\r\n z-index: ${Z_INDEXES.backdrop};\r\n display:flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.ReactModal__Overlay--after-open {\r\n opacity: 1;\r\n transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\r\n}\r\n\r\n.ReactModal__Content{\r\n z-index: ${Z_INDEXES.modal};\r\n opacity:0;\r\n transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\r\n}\r\n\r\n.ReactModal__Content--after-open{\r\n opacity: 1;\r\n animation: modalOpenAnimation 150ms ease-in-out;\r\n}\r\n\r\n.ReactModal__Overlay--before-close {\r\n opacity: 0;\r\n transition: opacity 120ms linear;\r\n}\r\n\r\n.ReactModal__Content--before-close{\r\n opacity: 0;\r\n transform: scale(1.1, 1.1);\r\n transition: transform 120ms ease-in-out, opacity 120ms cubic-bezier(0.55, 0.05, 0.67, 0.19);\r\n}\r\n`;\r\n\r\n\r\ntype ModalContainerProps = {\r\n id?: string;\r\n showModal: boolean;\r\n closeModal: () => void;\r\n children: any;\r\n height?: any;\r\n width?: any;\r\n overflow?: string;\r\n padding?: string;\r\n minWidth?: string;\r\n maxWidth?: string;\r\n zIndex?: number;\r\n};\r\n\r\nconst Counter = { openInstances : 0};\r\nconst ModalContainer: React.FC<ModalContainerProps> = (props: ModalContainerProps) => {\r\n\r\n const [scroll, setScroll] = React.useState<number>();\r\n\r\n \r\n const preventScroll = (offset: number) => {\r\n if (!Counter.openInstances && document) {\r\n setScroll(offset);\r\n document.body.style.position = 'fixed';\r\n document.body.style.left = `0px`;\r\n document.body.style.right = `0px`;\r\n document.body.style.top = `-${offset}px`;\r\n }\r\n Counter.openInstances++;\r\n }\r\n\r\n const resetScroll = () => {\r\n Counter.openInstances--;\r\n if (!Counter.openInstances && document) {\r\n //@ts-ignore\r\n document.body.style.position = null;\r\n //@ts-ignore\r\n document.body.style.left = null;\r\n //@ts-ignore\r\n document.body.style.top = null;\r\n //@ts-ignore\r\n document.body.style.right = null;\r\n scroll && window.scrollTo(0, scroll);\r\n setScroll(0);\r\n }\r\n }\r\n\r\n React.useEffect(() => {\r\n window && setScroll(window.scrollY);\r\n });\r\n\r\n React.useEffect(() => {\r\n //modal was opened\r\n window && !props.showModal && resetScroll();\r\n //modal was closed\r\n window && props.showModal && preventScroll(window.scrollY);\r\n }, [props.showModal]);\r\n\r\n\r\n React.useEffect(() => {\r\n if (ReactModal.defaultStyles.overlay) {\r\n ReactModal.defaultStyles.overlay.backgroundColor = 'rgba(0,0,0,0.5)';\r\n }\r\n\r\n //append style node to override modal transition classes\r\n if (document && !document.querySelector('[modal-custom-styling=\"active\"]')) {\r\n const head = document.head || document.getElementsByTagName('head')[0];\r\n const style = document.createElement('style');\r\n style.setAttribute('modal-custom-styling', 'active');\r\n head.appendChild(style);\r\n style.appendChild(document.createTextNode(modalTransitions));\r\n }\r\n\r\n if (props.showModal) {\r\n preventScroll(window.scrollY);\r\n }\r\n\r\n return () => resetScroll();\r\n }, []);\r\n\r\n const {\r\n id,\r\n showModal,\r\n closeModal,\r\n children,\r\n height = 'auto',\r\n width = 'auto',\r\n overflow = 'visible',\r\n padding,\r\n minWidth = '',\r\n maxWidth = '',\r\n zIndex = parseInt(Z_INDEXES.modal)\r\n } = props;\r\n\r\n // should be at least z-index of modal and below z-index of toast\r\n const zIndexValue = Math.min(Math.max(zIndex, +Z_INDEXES.modal), +Z_INDEXES.toast - 1);\r\n const stylesConfiguration = Object.assign({...ModalContainerStyles.content}, {\r\n height,\r\n width,\r\n padding,\r\n overflow,\r\n minWidth,\r\n maxWidth,\r\n zIndex: zIndexValue\r\n });\r\n const styles = {content: stylesConfiguration};\r\n ReactModal.setAppElement('body');\r\n return (\r\n <ReactModal id={id}\r\n isOpen={showModal}\r\n closeTimeoutMS={120}\r\n onRequestClose={() => closeModal()}\r\n style={styles}>\r\n {children}\r\n </ReactModal>\r\n );\r\n}\r\n\r\nexport default ModalContainer;\r\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -65,9 +65,9 @@ var ModalContainer = function ModalContainer(props) {
|
|
|
65
65
|
});
|
|
66
66
|
React.useEffect(function () {
|
|
67
67
|
//modal was opened
|
|
68
|
-
window && props.showModal && resetScroll();
|
|
68
|
+
window && !props.showModal && resetScroll();
|
|
69
69
|
//modal was closed
|
|
70
|
-
window &&
|
|
70
|
+
window && props.showModal && preventScroll(window.scrollY);
|
|
71
71
|
}, [props.showModal]);
|
|
72
72
|
React.useEffect(function () {
|
|
73
73
|
if (ReactModal.defaultStyles.overlay) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalContainer.js","names":["React","ReactModal","BOXSHADOWS","Z_INDEXES","jsx","_jsx","ModalContainerStyles","content","top","left","right","bottom","marginRight","width","height","borderRadius","boxSizing","margin","overflow","boxShadow","BOXSHADOW_L3","modalTransitions","concat","backdrop","modal","Counter","openInstances","ModalContainer","props","_React$useState","useState","_React$useState2","_slicedToArray","scroll","setScroll","preventScroll","offset","document","body","style","position","resetScroll","window","scrollTo","useEffect","scrollY","showModal","defaultStyles","overlay","backgroundColor","querySelector","head","getElementsByTagName","createElement","setAttribute","appendChild","createTextNode","id","closeModal","children","_props$height","_props$width","_props$overflow","padding","_props$minWidth","minWidth","_props$maxWidth","maxWidth","_props$zIndex","zIndex","parseInt","zIndexValue","Math","min","max","toast","stylesConfiguration","Object","assign","_objectSpread","styles","setAppElement","isOpen","closeTimeoutMS","onRequestClose","propTypes","_pt","string","bool","isRequired","func","any","number"],"sources":["../../src/Modals/ModalContainer.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport ReactModal from 'react-modal';\r\nimport {BOXSHADOWS} from '../styles';\r\nimport {Z_INDEXES} from '../styles';\r\nimport styled, {keyframes} from 'styled-components';\r\n\r\nconst ModalContainerStyles = {\r\n content: {\r\n top: 'auto',\r\n left: 'auto',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n width: '640px',\r\n height: '320px',\r\n borderRadius: '8px',\r\n boxSizing: 'border-box' as any,\r\n margin: 0,\r\n overflow: 'auto',\r\n boxShadow: BOXSHADOWS.BOXSHADOW_L3,\r\n },\r\n};\r\n\r\n//override modal classes to define the animations\r\nconst modalTransitions = `\r\n\r\n@keyframes modalOpenAnimation {\r\n from{\r\n transform: scale(1.1, 1.1);\r\n }\r\n to {\r\n transform: scale(1, 1);\r\n }\r\n}\r\n\r\n.ReactModal__Overlay {\r\n opacity: 0;\r\n z-index: ${Z_INDEXES.backdrop};\r\n display:flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.ReactModal__Overlay--after-open {\r\n opacity: 1;\r\n transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\r\n}\r\n\r\n.ReactModal__Content{\r\n z-index: ${Z_INDEXES.modal};\r\n opacity:0;\r\n transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\r\n}\r\n\r\n.ReactModal__Content--after-open{\r\n opacity: 1;\r\n animation: modalOpenAnimation 150ms ease-in-out;\r\n}\r\n\r\n.ReactModal__Overlay--before-close {\r\n opacity: 0;\r\n transition: opacity 120ms linear;\r\n}\r\n\r\n.ReactModal__Content--before-close{\r\n opacity: 0;\r\n transform: scale(1.1, 1.1);\r\n transition: transform 120ms ease-in-out, opacity 120ms cubic-bezier(0.55, 0.05, 0.67, 0.19);\r\n}\r\n`;\r\n\r\n\r\ntype ModalContainerProps = {\r\n id?: string;\r\n showModal: boolean;\r\n closeModal: () => void;\r\n children: any;\r\n height?: any;\r\n width?: any;\r\n overflow?: string;\r\n padding?: string;\r\n minWidth?: string;\r\n maxWidth?: string;\r\n zIndex?: number;\r\n};\r\n\r\nconst Counter = { openInstances : 0};\r\nconst ModalContainer: React.FC<ModalContainerProps> = (props: ModalContainerProps) => {\r\n\r\n const [scroll, setScroll] = React.useState<number>();\r\n\r\n \r\n const preventScroll = (offset: number) => {\r\n if (!Counter.openInstances && document) {\r\n setScroll(offset);\r\n document.body.style.position = 'fixed';\r\n document.body.style.left = `0px`;\r\n document.body.style.right = `0px`;\r\n document.body.style.top = `-${offset}px`;\r\n }\r\n Counter.openInstances++;\r\n }\r\n\r\n const resetScroll = () => {\r\n Counter.openInstances--;\r\n if (!Counter.openInstances && document) {\r\n //@ts-ignore\r\n document.body.style.position = null;\r\n //@ts-ignore\r\n document.body.style.left = null;\r\n //@ts-ignore\r\n document.body.style.top = null;\r\n //@ts-ignore\r\n document.body.style.right = null;\r\n scroll && window.scrollTo(0, scroll);\r\n setScroll(0);\r\n }\r\n }\r\n\r\n React.useEffect(() => {\r\n window && setScroll(window.scrollY);\r\n });\r\n\r\n React.useEffect(() => {\r\n //modal was opened\r\n window && props.showModal && resetScroll();\r\n //modal was closed\r\n window && !props.showModal && preventScroll(window.scrollY);\r\n }, [props.showModal]);\r\n\r\n\r\n React.useEffect(() => {\r\n if (ReactModal.defaultStyles.overlay) {\r\n ReactModal.defaultStyles.overlay.backgroundColor = 'rgba(0,0,0,0.5)';\r\n }\r\n\r\n //append style node to override modal transition classes\r\n if (document && !document.querySelector('[modal-custom-styling=\"active\"]')) {\r\n const head = document.head || document.getElementsByTagName('head')[0];\r\n const style = document.createElement('style');\r\n style.setAttribute('modal-custom-styling', 'active');\r\n head.appendChild(style);\r\n style.appendChild(document.createTextNode(modalTransitions));\r\n }\r\n\r\n if (props.showModal) {\r\n preventScroll(window.scrollY);\r\n }\r\n\r\n return () => resetScroll();\r\n }, []);\r\n\r\n const {\r\n id,\r\n showModal,\r\n closeModal,\r\n children,\r\n height = 'auto',\r\n width = 'auto',\r\n overflow = 'visible',\r\n padding,\r\n minWidth = '',\r\n maxWidth = '',\r\n zIndex = parseInt(Z_INDEXES.modal)\r\n } = props;\r\n\r\n // should be at least z-index of modal and below z-index of toast\r\n const zIndexValue = Math.min(Math.max(zIndex, +Z_INDEXES.modal), +Z_INDEXES.toast - 1);\r\n const stylesConfiguration = Object.assign({...ModalContainerStyles.content}, {\r\n height,\r\n width,\r\n padding,\r\n overflow,\r\n minWidth,\r\n maxWidth,\r\n zIndex: zIndexValue\r\n });\r\n const styles = {content: stylesConfiguration};\r\n ReactModal.setAppElement('body');\r\n return (\r\n <ReactModal id={id}\r\n isOpen={showModal}\r\n closeTimeoutMS={120}\r\n onRequestClose={() => closeModal()}\r\n style={styles}>\r\n {children}\r\n </ReactModal>\r\n );\r\n}\r\n\r\nexport default ModalContainer;\r\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"ModalContainer.js","names":["React","ReactModal","BOXSHADOWS","Z_INDEXES","jsx","_jsx","ModalContainerStyles","content","top","left","right","bottom","marginRight","width","height","borderRadius","boxSizing","margin","overflow","boxShadow","BOXSHADOW_L3","modalTransitions","concat","backdrop","modal","Counter","openInstances","ModalContainer","props","_React$useState","useState","_React$useState2","_slicedToArray","scroll","setScroll","preventScroll","offset","document","body","style","position","resetScroll","window","scrollTo","useEffect","scrollY","showModal","defaultStyles","overlay","backgroundColor","querySelector","head","getElementsByTagName","createElement","setAttribute","appendChild","createTextNode","id","closeModal","children","_props$height","_props$width","_props$overflow","padding","_props$minWidth","minWidth","_props$maxWidth","maxWidth","_props$zIndex","zIndex","parseInt","zIndexValue","Math","min","max","toast","stylesConfiguration","Object","assign","_objectSpread","styles","setAppElement","isOpen","closeTimeoutMS","onRequestClose","propTypes","_pt","string","bool","isRequired","func","any","number"],"sources":["../../src/Modals/ModalContainer.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport ReactModal from 'react-modal';\r\nimport {BOXSHADOWS} from '../styles';\r\nimport {Z_INDEXES} from '../styles';\r\nimport styled, {keyframes} from 'styled-components';\r\n\r\nconst ModalContainerStyles = {\r\n content: {\r\n top: 'auto',\r\n left: 'auto',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n width: '640px',\r\n height: '320px',\r\n borderRadius: '8px',\r\n boxSizing: 'border-box' as any,\r\n margin: 0,\r\n overflow: 'auto',\r\n boxShadow: BOXSHADOWS.BOXSHADOW_L3,\r\n },\r\n};\r\n\r\n//override modal classes to define the animations\r\nconst modalTransitions = `\r\n\r\n@keyframes modalOpenAnimation {\r\n from{\r\n transform: scale(1.1, 1.1);\r\n }\r\n to {\r\n transform: scale(1, 1);\r\n }\r\n}\r\n\r\n.ReactModal__Overlay {\r\n opacity: 0;\r\n z-index: ${Z_INDEXES.backdrop};\r\n display:flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.ReactModal__Overlay--after-open {\r\n opacity: 1;\r\n transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\r\n}\r\n\r\n.ReactModal__Content{\r\n z-index: ${Z_INDEXES.modal};\r\n opacity:0;\r\n transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.35, 1);\r\n}\r\n\r\n.ReactModal__Content--after-open{\r\n opacity: 1;\r\n animation: modalOpenAnimation 150ms ease-in-out;\r\n}\r\n\r\n.ReactModal__Overlay--before-close {\r\n opacity: 0;\r\n transition: opacity 120ms linear;\r\n}\r\n\r\n.ReactModal__Content--before-close{\r\n opacity: 0;\r\n transform: scale(1.1, 1.1);\r\n transition: transform 120ms ease-in-out, opacity 120ms cubic-bezier(0.55, 0.05, 0.67, 0.19);\r\n}\r\n`;\r\n\r\n\r\ntype ModalContainerProps = {\r\n id?: string;\r\n showModal: boolean;\r\n closeModal: () => void;\r\n children: any;\r\n height?: any;\r\n width?: any;\r\n overflow?: string;\r\n padding?: string;\r\n minWidth?: string;\r\n maxWidth?: string;\r\n zIndex?: number;\r\n};\r\n\r\nconst Counter = { openInstances : 0};\r\nconst ModalContainer: React.FC<ModalContainerProps> = (props: ModalContainerProps) => {\r\n\r\n const [scroll, setScroll] = React.useState<number>();\r\n\r\n \r\n const preventScroll = (offset: number) => {\r\n if (!Counter.openInstances && document) {\r\n setScroll(offset);\r\n document.body.style.position = 'fixed';\r\n document.body.style.left = `0px`;\r\n document.body.style.right = `0px`;\r\n document.body.style.top = `-${offset}px`;\r\n }\r\n Counter.openInstances++;\r\n }\r\n\r\n const resetScroll = () => {\r\n Counter.openInstances--;\r\n if (!Counter.openInstances && document) {\r\n //@ts-ignore\r\n document.body.style.position = null;\r\n //@ts-ignore\r\n document.body.style.left = null;\r\n //@ts-ignore\r\n document.body.style.top = null;\r\n //@ts-ignore\r\n document.body.style.right = null;\r\n scroll && window.scrollTo(0, scroll);\r\n setScroll(0);\r\n }\r\n }\r\n\r\n React.useEffect(() => {\r\n window && setScroll(window.scrollY);\r\n });\r\n\r\n React.useEffect(() => {\r\n //modal was opened\r\n window && !props.showModal && resetScroll();\r\n //modal was closed\r\n window && props.showModal && preventScroll(window.scrollY);\r\n }, [props.showModal]);\r\n\r\n\r\n React.useEffect(() => {\r\n if (ReactModal.defaultStyles.overlay) {\r\n ReactModal.defaultStyles.overlay.backgroundColor = 'rgba(0,0,0,0.5)';\r\n }\r\n\r\n //append style node to override modal transition classes\r\n if (document && !document.querySelector('[modal-custom-styling=\"active\"]')) {\r\n const head = document.head || document.getElementsByTagName('head')[0];\r\n const style = document.createElement('style');\r\n style.setAttribute('modal-custom-styling', 'active');\r\n head.appendChild(style);\r\n style.appendChild(document.createTextNode(modalTransitions));\r\n }\r\n\r\n if (props.showModal) {\r\n preventScroll(window.scrollY);\r\n }\r\n\r\n return () => resetScroll();\r\n }, []);\r\n\r\n const {\r\n id,\r\n showModal,\r\n closeModal,\r\n children,\r\n height = 'auto',\r\n width = 'auto',\r\n overflow = 'visible',\r\n padding,\r\n minWidth = '',\r\n maxWidth = '',\r\n zIndex = parseInt(Z_INDEXES.modal)\r\n } = props;\r\n\r\n // should be at least z-index of modal and below z-index of toast\r\n const zIndexValue = Math.min(Math.max(zIndex, +Z_INDEXES.modal), +Z_INDEXES.toast - 1);\r\n const stylesConfiguration = Object.assign({...ModalContainerStyles.content}, {\r\n height,\r\n width,\r\n padding,\r\n overflow,\r\n minWidth,\r\n maxWidth,\r\n zIndex: zIndexValue\r\n });\r\n const styles = {content: stylesConfiguration};\r\n ReactModal.setAppElement('body');\r\n return (\r\n <ReactModal id={id}\r\n isOpen={showModal}\r\n closeTimeoutMS={120}\r\n onRequestClose={() => closeModal()}\r\n style={styles}>\r\n {children}\r\n </ReactModal>\r\n );\r\n}\r\n\r\nexport default ModalContainer;\r\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -18,12 +18,12 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
18
18
|
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; }
|
|
19
19
|
var TypographyBase = (0, _styledComponents["default"])('div')(function (_ref) {
|
|
20
20
|
var $color = _ref.$color,
|
|
21
|
-
lineHeight = _ref
|
|
21
|
+
lineHeight = _ref.$lineHeight,
|
|
22
22
|
$fontSize = _ref.$fontSize,
|
|
23
23
|
$fontWeight = _ref.$fontWeight,
|
|
24
24
|
$fontStyle = _ref.$fontStyle,
|
|
25
|
-
textTransform = _ref
|
|
26
|
-
textDecorationLine = _ref
|
|
25
|
+
textTransform = _ref.$textTransform,
|
|
26
|
+
textDecorationLine = _ref.$textDecorationLine;
|
|
27
27
|
return {
|
|
28
28
|
fontSize: $fontSize,
|
|
29
29
|
fontWeight: $fontWeight,
|
|
@@ -77,7 +77,7 @@ var ComponentXL = function ComponentXL(_ref2) {
|
|
|
77
77
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, {
|
|
78
78
|
className: className,
|
|
79
79
|
$color: color,
|
|
80
|
-
lineHeight: 28,
|
|
80
|
+
$lineHeight: 28,
|
|
81
81
|
$fontSize: 24,
|
|
82
82
|
$fontWeight: fontWeight,
|
|
83
83
|
$fontStyle: fontStyle,
|
|
@@ -105,7 +105,7 @@ var ComponentL = function ComponentL(_ref3) {
|
|
|
105
105
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, {
|
|
106
106
|
className: className,
|
|
107
107
|
$color: color,
|
|
108
|
-
lineHeight: 24,
|
|
108
|
+
$lineHeight: 24,
|
|
109
109
|
$fontSize: 20,
|
|
110
110
|
$fontWeight: fontWeight,
|
|
111
111
|
$fontStyle: fontStyle,
|
|
@@ -133,7 +133,7 @@ var ComponentM = function ComponentM(_ref4) {
|
|
|
133
133
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, {
|
|
134
134
|
className: className,
|
|
135
135
|
$color: color,
|
|
136
|
-
lineHeight: 24,
|
|
136
|
+
$lineHeight: 24,
|
|
137
137
|
$fontSize: 18,
|
|
138
138
|
$fontWeight: fontWeight,
|
|
139
139
|
$fontStyle: fontStyle,
|
|
@@ -161,7 +161,7 @@ var ComponentS = function ComponentS(_ref5) {
|
|
|
161
161
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, {
|
|
162
162
|
className: className,
|
|
163
163
|
$color: color,
|
|
164
|
-
lineHeight: 20,
|
|
164
|
+
$lineHeight: 20,
|
|
165
165
|
$fontSize: 16,
|
|
166
166
|
$fontWeight: fontWeight,
|
|
167
167
|
$fontStyle: fontStyle,
|
|
@@ -190,11 +190,11 @@ var ComponentXS = function ComponentXS(_ref6) {
|
|
|
190
190
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, {
|
|
191
191
|
className: className,
|
|
192
192
|
$color: color,
|
|
193
|
-
lineHeight: 16,
|
|
193
|
+
$lineHeight: 16,
|
|
194
194
|
$fontSize: 14,
|
|
195
195
|
$fontWeight: fontWeight,
|
|
196
196
|
$fontStyle: fontStyle,
|
|
197
|
-
textTransform: textTransform,
|
|
197
|
+
$textTransform: textTransform,
|
|
198
198
|
children: children
|
|
199
199
|
});
|
|
200
200
|
};
|
|
@@ -220,11 +220,11 @@ var ComponentXXS = function ComponentXXS(_ref7) {
|
|
|
220
220
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, {
|
|
221
221
|
className: className,
|
|
222
222
|
$color: color,
|
|
223
|
-
lineHeight: 16,
|
|
223
|
+
$lineHeight: 16,
|
|
224
224
|
$fontSize: 12,
|
|
225
225
|
$fontWeight: fontWeight,
|
|
226
226
|
$fontStyle: fontStyle,
|
|
227
|
-
textTransform: textTransform,
|
|
227
|
+
$textTransform: textTransform,
|
|
228
228
|
children: children
|
|
229
229
|
});
|
|
230
230
|
};
|
|
@@ -1 +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":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"typography.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_","_types","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TypographyBase","styled","_ref","$color","lineHeight","$lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","$textTransform","textDecorationLine","$textDecorationLine","fontSize","fontWeight","fontStyle","color","COLORS","black","exports","ComponentTextStyle","componentFontWeight","textStyle","Bold","UppercaseBold","componentFontStyle","Italic","componentTextTransformation","ComponentStyling","css","_taggedTemplateLiteral2","props","concat","getColor","theme","ComponentXLStyling","ComponentXL","_ref2","children","className","jsx","propTypes","_propTypes","string","oneOf","node","ComponentLStyling","ComponentL","_ref3","ComponentMStyling","ComponentM","_ref4","ComponentSStyling","ComponentS","_ref5","ComponentXSStyling","ComponentXS","_ref6","ComponentXXSStyling","ComponentXXS","_ref7","ComponentResponsive","_ref8","size","width","fontsize","Size","Medium","Small","Large","XXSmall","XSmall","Typography","QuoteTypography","NoteTypography","UpperCaseTypography","Note","p","Quote","UpperCase"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled, {css} from 'styled-components';\r\nimport {COLORS} from '.';\r\nimport {Property} from 'csstype';\r\nimport {Size} from '../types';\r\n\r\ninterface ITypographyBase {\r\n $color?: string;\r\n $lineHeight: number;\r\n $fontSize: number;\r\n $fontWeight: number;\r\n $fontStyle?: string;\r\n $textTransform?: Property.TextTransform;\r\n $textDecorationLine?: Property.TextDecorationLine;\r\n}\r\n\r\nexport const TypographyBase = styled('div')<ITypographyBase>(({\r\n $color,\r\n $lineHeight: lineHeight,\r\n $fontSize,\r\n $fontWeight,\r\n $fontStyle,\r\n $textTransform: textTransform,\r\n $textDecorationLine: textDecorationLine\r\n }) => ({\r\n fontSize: $fontSize,\r\n fontWeight: $fontWeight,\r\n lineHeight: lineHeight + 'px',\r\n textTransform: textTransform ? textTransform : 'none',\r\n textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\r\n fontStyle: $fontStyle ? $fontStyle : 'normal',\r\n color: $color ? $color : COLORS.black,\r\n}));\r\n\r\nenum ComponentTextStyle {\r\n Regular = 1,\r\n Bold,\r\n Italic,\r\n UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = {\r\n color?: string;\r\n className?: string;\r\n textStyle?: ComponentTextStyle;\r\n children?: React.ReactNode;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n let fontWeight = 400;\r\n if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n fontWeight = 700;\r\n }\r\n return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n return css`\r\n font-size: ${fontSize};\r\n font-weight: ${componentFontWeight(textStyle)};\r\n line-height: ${lineHeight};\r\n font-style: ${componentFontStyle(textStyle)};\r\n ${props => color === null ? '' : `color: ${color || COLORS.getColor('black', props.theme)};`}\r\n `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n let textTransform = componentTextTransformation(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle} $textTransform={textTransform}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n let textTransform = componentTextTransformation(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle} $textTransform={textTransform}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n color,\r\n textStyle,\r\n children,\r\n size,\r\n width\r\n }) => {\r\n let fontsize = size;\r\n if (!size) {\r\n if (width == -1) {\r\n fontsize = Size.Medium;\r\n } else if (width < 768) {\r\n fontsize = Size.Small;\r\n } else if (width < 992) {\r\n fontsize = Size.Medium;\r\n } else {\r\n fontsize = Size.Large;\r\n }\r\n }\r\n switch (fontsize) {\r\n case Size.XXSmall:\r\n return <ComponentXXS color={color} textStyle={textStyle} children={children}/>;\r\n case Size.XSmall:\r\n return <ComponentXS color={color} textStyle={textStyle} children={children}/>;\r\n case Size.Small:\r\n return <ComponentS color={color} textStyle={textStyle} children={children}/>;\r\n case Size.Medium:\r\n return <ComponentM color={color} textStyle={textStyle} children={children}/>;\r\n case Size.Large:\r\n default:\r\n return <ComponentL color={color} textStyle={textStyle} children={children}/>;\r\n }\r\n};\r\n\r\nexport const Typography = css`\r\n html {\r\n font-size: 100%;\r\n }\r\n\r\n @media (min-width: 48rem) {\r\n html {\r\n font-size: 112.5%;\r\n }\r\n }\r\n\r\n @media (min-width: 80rem) {\r\n html {\r\n font-size: 125%;\r\n }\r\n }\r\n\r\n h1, h2, h3, h4, h5, h6 {\r\n font-weight: 700;\r\n line-height: 120%;\r\n margin: 0;\r\n }\r\n\r\n h1 {\r\n font-size: 3rem;\r\n }\r\n\r\n h2 {\r\n font-size: 2.5rem;\r\n }\r\n\r\n h3 {\r\n font-size: 2rem;\r\n }\r\n\r\n h4 {\r\n font-size: 1.75rem;\r\n }\r\n\r\n h5 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n h6 {\r\n font-size: 1.25rem;\r\n }\r\n\r\n p {\r\n font-size: 1rem;\r\n line-height: 150%;\r\n margin: 0 0 0.5rem;\r\n }\r\n\r\n p:last-of-type {\r\n margin-bottom: 0;\r\n }\r\n\r\n\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 34rem;\r\n }\r\n\r\n :lang(ja-jp) {\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 30rem;\r\n }\r\n }\r\n\r\n :lang(ko-kr) {\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 30rem;\r\n }\r\n }\r\n\r\n :lang(zh-CN) {\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 30rem;\r\n }\r\n }\r\n`;\r\n\r\nexport const QuoteTypography = css`\r\n font-size: 1.5rem;\r\n line-height: 150%;\r\n margin-bottom: 0.75rem;\r\n`;\r\n\r\nexport const NoteTypography = css`\r\n font-size: 0.75rem;\r\n line-height: 150%;\r\n margin-bottom: 0.375rem;\r\n`;\r\n\r\nexport const UpperCaseTypography = css`\r\n font-size: 0.75rem;\r\n line-height: 150%;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n`;\r\n\r\nexport const Note = styled.p`\r\n ${NoteTypography}\r\n`;\r\n\r\nexport const Quote = styled.p`\r\n ${QuoteTypography}\r\n`;\r\n\r\nexport const UpperCase = styled.p`\r\n ${UpperCaseTypography}\r\n`;\r\n\r\nexport {\r\n ComponentTextStyle,\r\n ComponentXL,\r\n ComponentL,\r\n ComponentM,\r\n ComponentS,\r\n ComponentXS,\r\n ComponentXXS,\r\n ComponentResponsive\r\n};\r\nexport {\r\n ComponentXLStyling,\r\n ComponentLStyling,\r\n ComponentMStyling,\r\n ComponentSStyling,\r\n ComponentXSStyling,\r\n ComponentXXSStyling\r\n};\r\n"],"mappings":";;;;;;;;;;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;IACOC,UAAU,GAAAF,IAAA,CAAvBG,WAAW;IACXC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,UAAU,GAAAN,IAAA,CAAVM,UAAU;IACMC,aAAa,GAAAP,IAAA,CAA7BQ,cAAc;IACOC,kBAAkB,GAAAT,IAAA,CAAvCU,mBAAmB;EAAA,OACd;IACnEC,QAAQ,EAAEP,SAAS;IACnBQ,UAAU,EAAEP,WAAW;IACvBH,UAAU,EAAEA,UAAU,GAAG,IAAI;IAC7BK,aAAa,EAAEA,aAAa,GAAGA,aAAa,GAAG,MAAM;IACrDE,kBAAkB,EAAEA,kBAAkB,GAAGA,kBAAkB,GAAG,MAAM;IACpEI,SAAS,EAAEP,UAAU,GAAGA,UAAU,GAAG,QAAQ;IAC7CQ,KAAK,EAAEb,MAAM,GAAGA,MAAM,GAAGc,QAAM,CAACC;EAClC,CAAC;AAAA,CAAC,CAAC;AAACC,OAAA,CAAAnB,cAAA,GAAAA,cAAA;AAAA,IAECoB,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,EAAET,UAAkB,EAAEkB,SAA6B,EAAEN,KAAgC,EAAK;EAClI,WAAOa,qBAAG,EAAAzD,eAAA,KAAAA,eAAA,OAAA0D,uBAAA,gIACKjB,QAAQ,EACNQ,mBAAmB,CAACC,SAAS,CAAC,EAC9BlB,UAAU,EACXqB,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,IAAAnD,WAAA,CAAAqE,GAAA,EAACxC,cAAc;IAACuC,SAAS,EAAEA,SAAU;IAACpC,MAAM,EAAEa,KAAM;IAACX,WAAW,EAAE,EAAG;IAACC,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEO,UAAW;IAC7FN,UAAU,EAAEO,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,IAAAnD,WAAA,CAAAqE,GAAA,EAACxC,cAAc;IAACuC,SAAS,EAAEA,SAAU;IAACpC,MAAM,EAAEa,KAAM;IAACX,WAAW,EAAE,EAAG;IAACC,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEO,UAAW;IAC7FN,UAAU,EAAEO,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,IAAAnD,WAAA,CAAAqE,GAAA,EAACxC,cAAc;IAACuC,SAAS,EAAEA,SAAU;IAACpC,MAAM,EAAEa,KAAM;IAACX,WAAW,EAAE,EAAG;IAACC,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEO,UAAW;IAC7FN,UAAU,EAAEO,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,IAAAnD,WAAA,CAAAqE,GAAA,EAACxC,cAAc;IAACuC,SAAS,EAAEA,SAAU;IAACpC,MAAM,EAAEa,KAAM;IAACX,WAAW,EAAE,EAAG;IAACC,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEO,UAAW;IAC7FN,UAAU,EAAEO,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,IAAIb,aAAa,GAAGkB,2BAA2B,CAACL,SAAS,CAAC;EAC1D,oBACE,IAAAnD,WAAA,CAAAqE,GAAA,EAACxC,cAAc;IAACuC,SAAS,EAAEA,SAAU;IAACpC,MAAM,EAAEa,KAAM;IAACX,WAAW,EAAE,EAAG;IAACC,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEO,UAAW;IAC7FN,UAAU,EAAEO,SAAU;IAACL,cAAc,EAAED,aAAc;IAAA6B,QAAA,EAClEA;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,IAAIb,aAAa,GAAGkB,2BAA2B,CAACL,SAAS,CAAC;EAC1D,oBACE,IAAAnD,WAAA,CAAAqE,GAAA,EAACxC,cAAc;IAACuC,SAAS,EAAEA,SAAU;IAACpC,MAAM,EAAEa,KAAM;IAACX,WAAW,EAAE,EAAG;IAACC,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEO,UAAW;IAC7FN,UAAU,EAAEO,SAAU;IAACL,cAAc,EAAED,aAAc;IAAA6B,QAAA,EAClEA;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,IAAAnG,WAAA,CAAAqE,GAAA,EAACmB,YAAY;QAAC3C,KAAK,EAAEA,KAAM;QAACM,SAAS,EAAEA,SAAU;QAACgB,QAAQ,EAAEA;MAAS,CAAC,CAAC;IAChF,KAAK4B,WAAI,CAACK,MAAM;MACd,oBAAO,IAAApG,WAAA,CAAAqE,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,IAAAjG,WAAA,CAAAqE,GAAA,EAACa,UAAU;QAACrC,KAAK,EAAEA,KAAM;QAACM,SAAS,EAAEA,SAAU;QAACgB,QAAQ,EAAEA;MAAS,CAAC,CAAC;IAC9E,KAAK4B,WAAI,CAACC,MAAM;MACd,oBAAO,IAAAhG,WAAA,CAAAqE,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,IAAAlG,WAAA,CAAAqE,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,EAAAxD,gBAAA,KAAAA,gBAAA,OAAAyD,uBAAA,qhCA+E5B;AAACX,OAAA,CAAAqD,UAAA,GAAAA,UAAA;AAEK,IAAMC,eAAe,OAAG5C,qBAAG,EAAAvD,gBAAA,KAAAA,gBAAA,OAAAwD,uBAAA,6FAIjC;AAACX,OAAA,CAAAsD,eAAA,GAAAA,eAAA;AAEK,IAAMC,cAAc,OAAG7C,qBAAG,EAAAtD,gBAAA,KAAAA,gBAAA,OAAAuD,uBAAA,+FAIhC;AAACX,OAAA,CAAAuD,cAAA,GAAAA,cAAA;AAEK,IAAMC,mBAAmB,OAAG9C,qBAAG,EAAArD,gBAAA,KAAAA,gBAAA,OAAAsD,uBAAA,sHAKrC;AAACX,OAAA,CAAAwD,mBAAA,GAAAA,mBAAA;AAEK,IAAMC,IAAI,GAAG3E,4BAAM,CAAC4E,CAAC,CAAApG,gBAAA,KAAAA,gBAAA,OAAAqD,uBAAA,+BACxB4C,cAAc,CACjB;AAACvD,OAAA,CAAAyD,IAAA,GAAAA,IAAA;AAEK,IAAME,KAAK,GAAG7E,4BAAM,CAAC4E,CAAC,CAAAnG,gBAAA,KAAAA,gBAAA,OAAAoD,uBAAA,+BACzB2C,eAAe,CAClB;AAACtD,OAAA,CAAA2D,KAAA,GAAAA,KAAA;AAEK,IAAMC,SAAS,GAAG9E,4BAAM,CAAC4E,CAAC,CAAAlG,gBAAA,KAAAA,gBAAA,OAAAmD,uBAAA,+BAC7B6C,mBAAmB,CACtB;AAACxD,OAAA,CAAA4D,SAAA,GAAAA,SAAA","ignoreList":[]}
|
|
@@ -3,12 +3,12 @@ import { Property } from 'csstype';
|
|
|
3
3
|
import { Size } from '../types';
|
|
4
4
|
interface ITypographyBase {
|
|
5
5
|
$color?: string;
|
|
6
|
-
lineHeight: number;
|
|
6
|
+
$lineHeight: number;
|
|
7
7
|
$fontSize: number;
|
|
8
8
|
$fontWeight: number;
|
|
9
9
|
$fontStyle?: string;
|
|
10
|
-
textTransform?: Property.TextTransform;
|
|
11
|
-
textDecorationLine?: Property.TextDecorationLine;
|
|
10
|
+
$textTransform?: Property.TextTransform;
|
|
11
|
+
$textDecorationLine?: Property.TextDecorationLine;
|
|
12
12
|
}
|
|
13
13
|
export declare const TypographyBase: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
14
14
|
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
@@ -8,12 +8,12 @@ import { Size } from '../types';
|
|
|
8
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
9
|
export var TypographyBase = styled('div')(function (_ref) {
|
|
10
10
|
var $color = _ref.$color,
|
|
11
|
-
lineHeight = _ref
|
|
11
|
+
lineHeight = _ref.$lineHeight,
|
|
12
12
|
$fontSize = _ref.$fontSize,
|
|
13
13
|
$fontWeight = _ref.$fontWeight,
|
|
14
14
|
$fontStyle = _ref.$fontStyle,
|
|
15
|
-
textTransform = _ref
|
|
16
|
-
textDecorationLine = _ref
|
|
15
|
+
textTransform = _ref.$textTransform,
|
|
16
|
+
textDecorationLine = _ref.$textDecorationLine;
|
|
17
17
|
return {
|
|
18
18
|
fontSize: $fontSize,
|
|
19
19
|
fontWeight: $fontWeight,
|
|
@@ -64,7 +64,7 @@ var ComponentXL = function ComponentXL(_ref2) {
|
|
|
64
64
|
return /*#__PURE__*/_jsx(TypographyBase, {
|
|
65
65
|
className: className,
|
|
66
66
|
$color: color,
|
|
67
|
-
lineHeight: 28,
|
|
67
|
+
$lineHeight: 28,
|
|
68
68
|
$fontSize: 24,
|
|
69
69
|
$fontWeight: fontWeight,
|
|
70
70
|
$fontStyle: fontStyle,
|
|
@@ -90,7 +90,7 @@ var ComponentL = function ComponentL(_ref3) {
|
|
|
90
90
|
return /*#__PURE__*/_jsx(TypographyBase, {
|
|
91
91
|
className: className,
|
|
92
92
|
$color: color,
|
|
93
|
-
lineHeight: 24,
|
|
93
|
+
$lineHeight: 24,
|
|
94
94
|
$fontSize: 20,
|
|
95
95
|
$fontWeight: fontWeight,
|
|
96
96
|
$fontStyle: fontStyle,
|
|
@@ -116,7 +116,7 @@ var ComponentM = function ComponentM(_ref4) {
|
|
|
116
116
|
return /*#__PURE__*/_jsx(TypographyBase, {
|
|
117
117
|
className: className,
|
|
118
118
|
$color: color,
|
|
119
|
-
lineHeight: 24,
|
|
119
|
+
$lineHeight: 24,
|
|
120
120
|
$fontSize: 18,
|
|
121
121
|
$fontWeight: fontWeight,
|
|
122
122
|
$fontStyle: fontStyle,
|
|
@@ -142,7 +142,7 @@ var ComponentS = function ComponentS(_ref5) {
|
|
|
142
142
|
return /*#__PURE__*/_jsx(TypographyBase, {
|
|
143
143
|
className: className,
|
|
144
144
|
$color: color,
|
|
145
|
-
lineHeight: 20,
|
|
145
|
+
$lineHeight: 20,
|
|
146
146
|
$fontSize: 16,
|
|
147
147
|
$fontWeight: fontWeight,
|
|
148
148
|
$fontStyle: fontStyle,
|
|
@@ -169,11 +169,11 @@ var ComponentXS = function ComponentXS(_ref6) {
|
|
|
169
169
|
return /*#__PURE__*/_jsx(TypographyBase, {
|
|
170
170
|
className: className,
|
|
171
171
|
$color: color,
|
|
172
|
-
lineHeight: 16,
|
|
172
|
+
$lineHeight: 16,
|
|
173
173
|
$fontSize: 14,
|
|
174
174
|
$fontWeight: fontWeight,
|
|
175
175
|
$fontStyle: fontStyle,
|
|
176
|
-
textTransform: textTransform,
|
|
176
|
+
$textTransform: textTransform,
|
|
177
177
|
children: children
|
|
178
178
|
});
|
|
179
179
|
};
|
|
@@ -197,11 +197,11 @@ var ComponentXXS = function ComponentXXS(_ref7) {
|
|
|
197
197
|
return /*#__PURE__*/_jsx(TypographyBase, {
|
|
198
198
|
className: className,
|
|
199
199
|
$color: color,
|
|
200
|
-
lineHeight: 16,
|
|
200
|
+
$lineHeight: 16,
|
|
201
201
|
$fontSize: 12,
|
|
202
202
|
$fontWeight: fontWeight,
|
|
203
203
|
$fontStyle: fontStyle,
|
|
204
|
-
textTransform: textTransform,
|
|
204
|
+
$textTransform: textTransform,
|
|
205
205
|
children: children
|
|
206
206
|
});
|
|
207
207
|
};
|
|
@@ -1 +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":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"typography.js","names":["React","styled","css","COLORS","Size","jsx","_jsx","TypographyBase","_ref","$color","lineHeight","$lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","$textTransform","textDecorationLine","$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: lineHeight,\r\n $fontSize,\r\n $fontWeight,\r\n $fontStyle,\r\n $textTransform: textTransform,\r\n $textDecorationLine: textDecorationLine\r\n }) => ({\r\n fontSize: $fontSize,\r\n fontWeight: $fontWeight,\r\n lineHeight: lineHeight + 'px',\r\n textTransform: textTransform ? textTransform : 'none',\r\n textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\r\n fontStyle: $fontStyle ? $fontStyle : 'normal',\r\n color: $color ? $color : COLORS.black,\r\n}));\r\n\r\nenum ComponentTextStyle {\r\n Regular = 1,\r\n Bold,\r\n Italic,\r\n UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = {\r\n color?: string;\r\n className?: string;\r\n textStyle?: ComponentTextStyle;\r\n children?: React.ReactNode;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n let fontWeight = 400;\r\n if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n fontWeight = 700;\r\n }\r\n return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n return css`\r\n font-size: ${fontSize};\r\n font-weight: ${componentFontWeight(textStyle)};\r\n line-height: ${lineHeight};\r\n font-style: ${componentFontStyle(textStyle)};\r\n ${props => color === null ? '' : `color: ${color || COLORS.getColor('black', props.theme)};`}\r\n `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n let textTransform = componentTextTransformation(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle} $textTransform={textTransform}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n let textTransform = componentTextTransformation(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle} $textTransform={textTransform}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n color,\r\n textStyle,\r\n children,\r\n size,\r\n width\r\n }) => {\r\n let fontsize = size;\r\n if (!size) {\r\n if (width == -1) {\r\n fontsize = Size.Medium;\r\n } else if (width < 768) {\r\n fontsize = Size.Small;\r\n } else if (width < 992) {\r\n fontsize = Size.Medium;\r\n } else {\r\n fontsize = Size.Large;\r\n }\r\n }\r\n switch (fontsize) {\r\n case Size.XXSmall:\r\n return <ComponentXXS color={color} textStyle={textStyle} children={children}/>;\r\n case Size.XSmall:\r\n return <ComponentXS color={color} textStyle={textStyle} children={children}/>;\r\n case Size.Small:\r\n return <ComponentS color={color} textStyle={textStyle} children={children}/>;\r\n case Size.Medium:\r\n return <ComponentM color={color} textStyle={textStyle} children={children}/>;\r\n case Size.Large:\r\n default:\r\n return <ComponentL color={color} textStyle={textStyle} children={children}/>;\r\n }\r\n};\r\n\r\nexport const Typography = css`\r\n html {\r\n font-size: 100%;\r\n }\r\n\r\n @media (min-width: 48rem) {\r\n html {\r\n font-size: 112.5%;\r\n }\r\n }\r\n\r\n @media (min-width: 80rem) {\r\n html {\r\n font-size: 125%;\r\n }\r\n }\r\n\r\n h1, h2, h3, h4, h5, h6 {\r\n font-weight: 700;\r\n line-height: 120%;\r\n margin: 0;\r\n }\r\n\r\n h1 {\r\n font-size: 3rem;\r\n }\r\n\r\n h2 {\r\n font-size: 2.5rem;\r\n }\r\n\r\n h3 {\r\n font-size: 2rem;\r\n }\r\n\r\n h4 {\r\n font-size: 1.75rem;\r\n }\r\n\r\n h5 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n h6 {\r\n font-size: 1.25rem;\r\n }\r\n\r\n p {\r\n font-size: 1rem;\r\n line-height: 150%;\r\n margin: 0 0 0.5rem;\r\n }\r\n\r\n p:last-of-type {\r\n margin-bottom: 0;\r\n }\r\n\r\n\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 34rem;\r\n }\r\n\r\n :lang(ja-jp) {\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 30rem;\r\n }\r\n }\r\n\r\n :lang(ko-kr) {\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 30rem;\r\n }\r\n }\r\n\r\n :lang(zh-CN) {\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 30rem;\r\n }\r\n }\r\n`;\r\n\r\nexport const QuoteTypography = css`\r\n font-size: 1.5rem;\r\n line-height: 150%;\r\n margin-bottom: 0.75rem;\r\n`;\r\n\r\nexport const NoteTypography = css`\r\n font-size: 0.75rem;\r\n line-height: 150%;\r\n margin-bottom: 0.375rem;\r\n`;\r\n\r\nexport const UpperCaseTypography = css`\r\n font-size: 0.75rem;\r\n line-height: 150%;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n`;\r\n\r\nexport const Note = styled.p`\r\n ${NoteTypography}\r\n`;\r\n\r\nexport const Quote = styled.p`\r\n ${QuoteTypography}\r\n`;\r\n\r\nexport const UpperCase = styled.p`\r\n ${UpperCaseTypography}\r\n`;\r\n\r\nexport {\r\n ComponentTextStyle,\r\n ComponentXL,\r\n ComponentL,\r\n ComponentM,\r\n ComponentS,\r\n ComponentXS,\r\n ComponentXXS,\r\n ComponentResponsive\r\n};\r\nexport {\r\n ComponentXLStyling,\r\n ComponentLStyling,\r\n ComponentMStyling,\r\n ComponentSStyling,\r\n ComponentXSStyling,\r\n ComponentXXSStyling\r\n};\r\n"],"mappings":"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","ignoreList":[]}
|