@laerdal/life-react-components 2.1.0-dev.3 → 2.1.0-dev.7

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.
Files changed (103) hide show
  1. package/dist/AuthPage/AuthPage.d.ts +1 -1
  2. package/dist/Banners/Banner.d.ts +1 -1
  3. package/dist/Banners/OverviewBanner.d.ts +1 -1
  4. package/dist/Breadcrumb/Breadcrumb.d.ts +1 -1
  5. package/dist/Button/Iconbutton.cjs +6 -4
  6. package/dist/Button/Iconbutton.cjs.map +1 -1
  7. package/dist/Button/Iconbutton.d.ts +1 -0
  8. package/dist/Button/Iconbutton.js +6 -4
  9. package/dist/Button/Iconbutton.js.map +1 -1
  10. package/dist/Card/HorizontalCard/HorizontalCardActions.d.ts +1 -1
  11. package/dist/Card/HorizontalCard/HorizontalCardBody.d.ts +1 -1
  12. package/dist/Card/HorizontalCard/HorizontalCardThumbnail.d.ts +1 -1
  13. package/dist/Card/HorizontalCard/types.d.ts +4 -4
  14. package/dist/Chips/ChipTypes.d.ts +2 -2
  15. package/dist/ChipsInput/ChipDropdownInput.cjs.map +1 -1
  16. package/dist/ChipsInput/ChipDropdownInput.d.ts +1 -1
  17. package/dist/ChipsInput/ChipDropdownInput.js.map +1 -1
  18. package/dist/ChipsInput/ChipInput.cjs +13 -2
  19. package/dist/ChipsInput/ChipInput.cjs.map +1 -1
  20. package/dist/ChipsInput/ChipInput.js +14 -3
  21. package/dist/ChipsInput/ChipInput.js.map +1 -1
  22. package/dist/ChipsInput/ChipInputField.cjs +1 -0
  23. package/dist/ChipsInput/ChipInputField.cjs.map +1 -1
  24. package/dist/ChipsInput/ChipInputField.js +1 -0
  25. package/dist/ChipsInput/ChipInputField.js.map +1 -1
  26. package/dist/ChipsInput/ChipInputTypes.cjs.map +1 -1
  27. package/dist/ChipsInput/ChipInputTypes.d.ts +2 -1
  28. package/dist/ChipsInput/ChipInputTypes.js.map +1 -1
  29. package/dist/Dropdown/BasicDropdown.cjs.map +1 -1
  30. package/dist/Dropdown/BasicDropdown.d.ts +3 -3
  31. package/dist/Dropdown/BasicDropdown.js.map +1 -1
  32. package/dist/Dropdown/CommonStyling.cjs +1 -1
  33. package/dist/Dropdown/CommonStyling.cjs.map +1 -1
  34. package/dist/Dropdown/CommonStyling.js +1 -1
  35. package/dist/Dropdown/CommonStyling.js.map +1 -1
  36. package/dist/Dropdown/DropdownButtonTypes.d.ts +3 -3
  37. package/dist/GlobalNavigationBar/GlobalNavigationBar.cjs +1 -1
  38. package/dist/GlobalNavigationBar/GlobalNavigationBar.cjs.map +1 -1
  39. package/dist/GlobalNavigationBar/GlobalNavigationBar.d.ts +1 -1
  40. package/dist/GlobalNavigationBar/GlobalNavigationBar.js +1 -1
  41. package/dist/GlobalNavigationBar/GlobalNavigationBar.js.map +1 -1
  42. package/dist/GlobalNavigationBar/Logo.d.ts +1 -1
  43. package/dist/GlobalNavigationBar/desktop/ExtendedMainMenu.d.ts +1 -1
  44. package/dist/GlobalNavigationBar/desktop/MainMenu.d.ts +1 -1
  45. package/dist/GlobalNavigationBar/desktop/RightSideNav.d.ts +1 -1
  46. package/dist/GlobalNavigationBar/desktop/UserMenu.cjs +4 -2
  47. package/dist/GlobalNavigationBar/desktop/UserMenu.cjs.map +1 -1
  48. package/dist/GlobalNavigationBar/desktop/UserMenu.js +4 -2
  49. package/dist/GlobalNavigationBar/desktop/UserMenu.js.map +1 -1
  50. package/dist/GlobalNavigationBar/mobile/MobileMenu.cjs +3 -0
  51. package/dist/GlobalNavigationBar/mobile/MobileMenu.cjs.map +1 -1
  52. package/dist/GlobalNavigationBar/mobile/MobileMenu.d.ts +1 -1
  53. package/dist/GlobalNavigationBar/mobile/MobileMenu.js +3 -0
  54. package/dist/GlobalNavigationBar/mobile/MobileMenu.js.map +1 -1
  55. package/dist/GlobalNavigationBar/types.d.ts +7 -7
  56. package/dist/HyperLink/index.cjs +10 -2
  57. package/dist/HyperLink/index.cjs.map +1 -1
  58. package/dist/HyperLink/index.d.ts +2 -2
  59. package/dist/HyperLink/index.js +2 -2
  60. package/dist/HyperLink/index.js.map +1 -1
  61. package/dist/Image/ImageWithFallbacks.d.ts +1 -1
  62. package/dist/InputFields/Label.cjs +39 -6
  63. package/dist/InputFields/Label.cjs.map +1 -1
  64. package/dist/InputFields/Label.d.ts +2 -1
  65. package/dist/InputFields/Label.js +41 -9
  66. package/dist/InputFields/Label.js.map +1 -1
  67. package/dist/InputFields/QuickSearch.d.ts +1 -1
  68. package/dist/InputFields/ResponsiveComponentWrapper.d.ts +1 -1
  69. package/dist/InputFields/SearchBar.d.ts +1 -1
  70. package/dist/InputFields/components/SearchBarInput.d.ts +1 -1
  71. package/dist/InputFields/types.d.ts +3 -3
  72. package/dist/List/ListRow.d.ts +1 -1
  73. package/dist/LoadingIndicator/LoadingIndicator.d.ts +1 -1
  74. package/dist/MiniProductCard/MiniProductCard.d.ts +1 -1
  75. package/dist/Modals/Modal.d.ts +1 -1
  76. package/dist/Modals/ModalContainer.d.ts +2 -2
  77. package/dist/Modals/ModalTypes.d.ts +1 -1
  78. package/dist/NavItem/NavItem.d.ts +1 -1
  79. package/dist/Paginator/Paginator.d.ts +1 -1
  80. package/dist/Popover/Popover.d.ts +4 -4
  81. package/dist/ProfileButton/ProfileButton.d.ts +1 -1
  82. package/dist/QuizButton/QuizButton.d.ts +1 -1
  83. package/dist/SideMenu/types.d.ts +3 -3
  84. package/dist/SkipToContent/SkipToContent.d.ts +1 -1
  85. package/dist/Table/TableTypes.d.ts +4 -4
  86. package/dist/Tabs/TabLink.d.ts +1 -1
  87. package/dist/Tabs/Tabs.d.ts +1 -1
  88. package/dist/Tag/Tag.cjs +3 -5
  89. package/dist/Tag/Tag.cjs.map +1 -1
  90. package/dist/Tag/Tag.d.ts +2 -2
  91. package/dist/Tag/Tag.js +3 -5
  92. package/dist/Tag/Tag.js.map +1 -1
  93. package/dist/Tile/TileTypes.d.ts +8 -8
  94. package/dist/Toasters/Toast.d.ts +2 -2
  95. package/dist/Toasters/ToastContext.d.ts +2 -2
  96. package/dist/assets/index.d.ts +1 -1
  97. package/dist/icons/index.d.ts +2 -2
  98. package/dist/styles/typography.cjs +2 -1
  99. package/dist/styles/typography.cjs.map +1 -1
  100. package/dist/styles/typography.d.ts +3 -2
  101. package/dist/styles/typography.js +1 -1
  102. package/dist/styles/typography.js.map +1 -1
  103. package/package.json +10 -13
@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.ParagraphXlStyling = exports.ParagraphXSStyling = exports.ParagraphXS = exports.ParagraphXL = exports.ParagraphTextStyle = exports.ParagraphSStyling = exports.ParagraphS = exports.ParagraphMStyling = exports.ParagraphM = exports.ParagraphLStyling = exports.ParagraphL = exports.HeadlineXXSStyling = exports.HeadlineXXS = exports.HeadlineXSStyling = exports.HeadlineXS = exports.HeadlineXLStyling = exports.HeadlineXL = exports.HeadlineSStyling = exports.HeadlineS = exports.HeadlineMStyling = exports.HeadlineM = exports.HeadlineLStyling = exports.HeadlineL = exports.ComponentXXSStyling = exports.ComponentXXS = exports.ComponentXSStyling = exports.ComponentXS = exports.ComponentXLStyling = exports.ComponentXL = exports.ComponentTextStyle = exports.ComponentSStyling = exports.ComponentS = exports.ComponentResponsive = exports.ComponentMStyling = exports.ComponentM = exports.ComponentLStyling = exports.ComponentL = void 0;
8
+ exports.TypographyBase = exports.ParagraphXlStyling = exports.ParagraphXSStyling = exports.ParagraphXS = exports.ParagraphXL = exports.ParagraphTextStyle = exports.ParagraphSStyling = exports.ParagraphS = exports.ParagraphMStyling = exports.ParagraphM = exports.ParagraphLStyling = exports.ParagraphL = exports.HeadlineXXSStyling = exports.HeadlineXXS = exports.HeadlineXSStyling = exports.HeadlineXS = exports.HeadlineXLStyling = exports.HeadlineXL = exports.HeadlineSStyling = exports.HeadlineS = exports.HeadlineMStyling = exports.HeadlineM = exports.HeadlineLStyling = exports.HeadlineL = exports.ComponentXXSStyling = exports.ComponentXXS = exports.ComponentXSStyling = exports.ComponentXS = exports.ComponentXLStyling = exports.ComponentXL = exports.ComponentTextStyle = exports.ComponentSStyling = exports.ComponentS = exports.ComponentResponsive = exports.ComponentMStyling = exports.ComponentM = exports.ComponentLStyling = exports.ComponentL = void 0;
9
9
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
10
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
11
  var _react = _interopRequireDefault(require("react"));
@@ -34,6 +34,7 @@ var TypographyBase = (0, _styledComponents.default)('div')(function (_ref) {
34
34
  color: $color ? $color : _.COLORS.black
35
35
  };
36
36
  });
37
+ exports.TypographyBase = TypographyBase;
37
38
  var HeadlineBaseStyling = function HeadlineBaseStyling(fontSize, lineHeight, color) {
38
39
  return (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n font-size: ", ";\n line-height: ", ";\n font-weight: 700;\n color: ", ";\n "])), fontSize, lineHeight, color);
39
40
  };
@@ -1 +1 @@
1
- {"version":3,"file":"typography.cjs","names":["TypographyBase","styled","$color","lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","textDecorationLine","fontSize","fontWeight","fontStyle","color","COLORS","black","HeadlineBaseStyling","css","HeadlineBase","HeadlineXLStyling","HeadlineXL","HeadlineLStyling","HeadlineL","HeadlineMStyling","HeadlineM","HeadlineSStyling","HeadlineS","HeadlineXSStyling","HeadlineXS","HeadlineXXSStyling","HeadlineXXS","ParagraphStyling","ParagraphBase","props","marginBetweenParagraphs","ParagraphTextStyle","paragraphFontWeight","textStyle","Bold","paragraphFontStyle","Italic","paragraphTextDecorationLine","textDecoration","Underline","ParagraphBaseStyling","ParagraphXlStyling","ParagraphXL","children","ParagraphLStyling","ParagraphL","ParagraphMStyling","ParagraphM","ParagraphSStyling","ParagraphS","ParagraphXSStyling","ParagraphXS","ComponentTextStyle","componentFontWeight","UppercaseBold","componentFontStyle","componentTextTransformation","ComponentStyling","ComponentXLStyling","ComponentXL","className","ComponentLStyling","ComponentL","ComponentMStyling","ComponentM","ComponentSStyling","ComponentS","ComponentXSStyling","ComponentXS","ComponentXXSStyling","ComponentXXS","ComponentResponsive","size","width","fontsize","Size","Medium","Small","Large","XXSmall","XSmall"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\nimport { COLORS } from '.';\nimport { Property } from 'csstype';\nimport { Size } from '../types';\n\ninterface ITypographyBase {\n $color?: string;\n lineHeight: number;\n $fontSize: number;\n $fontWeight: number;\n $fontStyle?: string;\n textTransform?: Property.TextTransform;\n textDecorationLine?: Property.TextDecorationLine;\n}\n\nconst TypographyBase = styled('div')<ITypographyBase>(({ $color, lineHeight, $fontSize, $fontWeight, $fontStyle, textTransform, textDecorationLine }) => ({\n fontSize: $fontSize,\n fontWeight: $fontWeight,\n lineHeight: lineHeight + 'px',\n textTransform: textTransform ? textTransform : 'none',\n textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\n fontStyle: $fontStyle ? $fontStyle : 'normal',\n color: $color ? $color : COLORS.black,\n}));\n\ninterface IHeadline {\n $color?: string;\n}\n\ninterface IHeadlineBase {\n $color?: string;\n lineHeight: number;\n fontSize: number;\n}\n\nconst HeadlineBaseStyling = (fontSize: string, lineHeight: string, color: string) => {\n return css`\n font-size: ${fontSize};\n line-height: ${lineHeight};\n font-weight: 700;\n color: ${color};\n `;\n};\nconst HeadlineBase = styled(TypographyBase)<IHeadlineBase>(({ $color, lineHeight, fontSize }) => ({\n fontSize: fontSize,\n fontWeight: 700,\n lineHeight: lineHeight,\n color: $color,\n}));\n\nconst HeadlineXLStyling = (color: string) => HeadlineBaseStyling('48px', '64px', color);\nconst HeadlineXL = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n fontSize: '48px',\n lineHeight: '64px',\n color: $color,\n}));\n\nconst HeadlineLStyling = (color: string) => HeadlineBaseStyling('40px', '52px', color);\nconst HeadlineL = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n fontSize: '40px',\n lineHeight: '52px',\n color: $color,\n}));\n\nconst HeadlineMStyling = (color: string) => HeadlineBaseStyling('32px', '40px', color);\nconst HeadlineM = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n fontSize: '32px',\n lineHeight: '40px',\n color: $color,\n}));\n\nconst HeadlineSStyling = (color: string) => HeadlineBaseStyling('28px', '36px', color);\nconst HeadlineS = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n fontSize: '28px',\n lineHeight: '36px',\n color: $color,\n}));\n\nconst HeadlineXSStyling = (color: string) => HeadlineBaseStyling('24px', '32px', color);\nconst HeadlineXS = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n fontSize: '24px',\n lineHeight: '32px',\n color: $color,\n}));\n\nconst HeadlineXXSStyling = (color: string) => HeadlineBaseStyling('20px', '24px', color);\nconst HeadlineXXS = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n fontSize: '20px',\n lineHeight: '24px',\n color: $color,\n}));\n\nconst ParagraphStyling = css`\n :lang(ja-jp) > h1,\n h2,\n h3,\n h4,\n p,\n span {\n max-width: 30em;\n }\n :lang(ko-kr) > h1,\n h2,\n h3,\n h4,\n p,\n span {\n max-width: 30em;\n }\n :lang(zh-CN) > h1,\n h2,\n h3,\n h4,\n p,\n span {\n max-width: 30em;\n }\n h1,\n h2,\n h3,\n h4,\n p,\n span {\n max-width: 34em;\n }\n`;\n\ninterface IParagraphBase {\n color?: string;\n lineHeight: number;\n $fontSize: number;\n marginBetweenParagraphs?: string;\n}\n\nconst ParagraphBase = styled(TypographyBase)<IParagraphBase>`\n p {\n margin-block-start: 0;\n margin-block-end: 0;\n }\n p:not(:only-of-type) {\n margin-bottom: ${(props) => props.marginBetweenParagraphs || '0'};\n }\n ${ParagraphStyling}\n`;\n\ninterface IParagraph {\n color?: string;\n}\n\nenum ParagraphTextStyle {\n Regular = 1,\n Bold,\n Italic,\n Underline,\n}\n\ntype ParagraphProps = {\n color?: string;\n textStyle?: ParagraphTextStyle;\n children?: React.ReactNode;\n};\n\nconst paragraphFontWeight = (textStyle?: ParagraphTextStyle) => {\n let fontWeight = 400;\n if (textStyle === ParagraphTextStyle.Bold) {\n fontWeight = 700;\n }\n return fontWeight;\n};\n\nconst paragraphFontStyle = (textStyle?: ParagraphTextStyle) => {\n let fontStyle = textStyle && textStyle === ParagraphTextStyle.Italic ? 'italic' : '';\n return fontStyle;\n};\n\nconst paragraphTextDecorationLine = (textStyle?: ParagraphTextStyle): Property.TextDecorationLine => {\n let textDecoration: Property.TextDecorationLine = textStyle && textStyle === ParagraphTextStyle.Underline ? 'underline' : 'none';\n return textDecoration;\n};\n\nconst ParagraphBaseStyling = (fontSize: string, lineHeight: string, textStyle: ParagraphTextStyle, color: string) => {\n return css`\n font-size: ${fontSize};\n font-weight: ${paragraphFontWeight(textStyle)};\n line-height: ${lineHeight};\n font-style: ${paragraphFontStyle(textStyle)};\n color: ${color};\n `;\n};\n\nconst ParagraphXlStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('24px', '36px', textStyle, color);\nconst ParagraphXL: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase\n $color={color}\n lineHeight={36}\n $fontSize={24}\n $fontWeight={fontWeight}\n $fontStyle={fontStyle}\n textDecorationLine={textDecorationLine}\n marginBetweenParagraphs=\"18px\">\n {children}\n </ParagraphBase>\n );\n};\n\nconst ParagraphLStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('20px', '32px', textStyle, color);\nconst ParagraphL: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase\n $color={color}\n lineHeight={32}\n $fontSize={20}\n $fontWeight={fontWeight}\n $fontStyle={fontStyle}\n textDecorationLine={textDecorationLine}\n marginBetweenParagraphs=\"16px\">\n {children}\n </ParagraphBase>\n );\n};\n\nconst ParagraphMStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('18px', '28px', textStyle, color);\nconst ParagraphM: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase\n $color={color}\n lineHeight={28}\n $fontSize={18}\n $fontWeight={fontWeight}\n $fontStyle={fontStyle}\n textDecorationLine={textDecorationLine}\n marginBetweenParagraphs=\"14px\">\n {children}\n </ParagraphBase>\n );\n};\n\nconst ParagraphSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('16px', '24px', textStyle, color);\nconst ParagraphS: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase\n $color={color}\n lineHeight={24}\n $fontSize={16}\n $fontWeight={fontWeight}\n $fontStyle={fontStyle}\n textDecorationLine={textDecorationLine}\n marginBetweenParagraphs=\"12px\">\n {children}\n </ParagraphBase>\n );\n};\n\nconst ParagraphXSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('14px', '20px', textStyle, color);\nconst ParagraphXS: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase\n $color={color}\n lineHeight={20}\n $fontSize={14}\n $fontWeight={fontWeight}\n $fontStyle={fontStyle}\n textDecorationLine={textDecorationLine}\n marginBetweenParagraphs=\"10px\">\n {children}\n </ParagraphBase>\n );\n};\n\nenum ComponentTextStyle {\n Regular = 1,\n Bold,\n Italic,\n UppercaseBold,\n}\n\ntype ComponentProps = {\n color?: string;\n className?: string;\n textStyle?: ComponentTextStyle;\n children?: React.ReactNode;\n};\n\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\n let fontWeight = 400;\n if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\n fontWeight = 700;\n }\n return fontWeight;\n};\n\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\n let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\n return fontStyle;\n};\n\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\n let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\n return fontStyle;\n};\n\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\n return css`\n font-size: ${fontSize};\n font-weight: ${componentFontWeight(textStyle)};\n line-height: ${lineHeight};\n font-style: ${componentFontStyle(textStyle)};\n ${color === null ? '' : `color: ${color || COLORS.black};`}\n `;\n};\n\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase className={className} $color={color} lineHeight={28} $fontSize={24} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={20} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={18} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase className={className} $color={color} lineHeight={20} $fontSize={16} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n let textTransform = componentTextTransformation(textStyle);\n return (\n <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={14} $fontWeight={fontWeight} $fontStyle={fontStyle} textTransform={textTransform}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n let textTransform = componentTextTransformation(textStyle);\n return (\n <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={12} $fontWeight={fontWeight} $fontStyle={fontStyle} textTransform={textTransform}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({ color, textStyle, children, size, width }) => {\n let fontsize = size;\n if (!size) {\n if (width == -1) {\n fontsize = Size.Medium;\n } else if (width < 768) {\n fontsize = Size.Small;\n } else if (width < 992) {\n fontsize = Size.Medium;\n } else {\n fontsize = Size.Large;\n }\n }\n switch (fontsize) {\n case Size.XXSmall:\n return <ComponentXXS color={color} textStyle={textStyle} children={children} />;\n case Size.XSmall:\n return <ComponentXS color={color} textStyle={textStyle} children={children} />;\n case Size.Small:\n return <ComponentS color={color} textStyle={textStyle} children={children} />;\n case Size.Medium:\n return <ComponentM color={color} textStyle={textStyle} children={children} />;\n case Size.Large:\n default:\n return <ComponentL color={color} textStyle={textStyle} children={children} />;\n }\n};\n\nexport { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };\nexport { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };\nexport { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };\nexport { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };\nexport { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling };\nexport { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling };\n"],"mappings":"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"}
1
+ {"version":3,"file":"typography.cjs","names":["TypographyBase","styled","$color","lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","textDecorationLine","fontSize","fontWeight","fontStyle","color","COLORS","black","HeadlineBaseStyling","css","HeadlineBase","HeadlineXLStyling","HeadlineXL","HeadlineLStyling","HeadlineL","HeadlineMStyling","HeadlineM","HeadlineSStyling","HeadlineS","HeadlineXSStyling","HeadlineXS","HeadlineXXSStyling","HeadlineXXS","ParagraphStyling","ParagraphBase","props","marginBetweenParagraphs","ParagraphTextStyle","paragraphFontWeight","textStyle","Bold","paragraphFontStyle","Italic","paragraphTextDecorationLine","textDecoration","Underline","ParagraphBaseStyling","ParagraphXlStyling","ParagraphXL","children","ParagraphLStyling","ParagraphL","ParagraphMStyling","ParagraphM","ParagraphSStyling","ParagraphS","ParagraphXSStyling","ParagraphXS","ComponentTextStyle","componentFontWeight","UppercaseBold","componentFontStyle","componentTextTransformation","ComponentStyling","ComponentXLStyling","ComponentXL","className","ComponentLStyling","ComponentL","ComponentMStyling","ComponentM","ComponentSStyling","ComponentS","ComponentXSStyling","ComponentXS","ComponentXXSStyling","ComponentXXS","ComponentResponsive","size","width","fontsize","Size","Medium","Small","Large","XXSmall","XSmall"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\nimport { COLORS } from '.';\nimport { Property } from 'csstype';\nimport { Size } from '../types';\n\ninterface ITypographyBase {\n $color?: string;\n lineHeight: number;\n $fontSize: number;\n $fontWeight: number;\n $fontStyle?: string;\n textTransform?: Property.TextTransform;\n textDecorationLine?: Property.TextDecorationLine;\n}\n\nexport const TypographyBase = styled('div')<ITypographyBase>(({ $color, lineHeight, $fontSize, $fontWeight, $fontStyle, textTransform, textDecorationLine }) => ({\n fontSize: $fontSize,\n fontWeight: $fontWeight,\n lineHeight: lineHeight + 'px',\n textTransform: textTransform ? textTransform : 'none',\n textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\n fontStyle: $fontStyle ? $fontStyle : 'normal',\n color: $color ? $color : COLORS.black,\n}));\n\ninterface IHeadline {\n $color?: string;\n}\n\ninterface IHeadlineBase {\n $color?: string;\n lineHeight: number;\n fontSize: number;\n}\n\nconst HeadlineBaseStyling = (fontSize: string, lineHeight: string, color: string) => {\n return css`\n font-size: ${fontSize};\n line-height: ${lineHeight};\n font-weight: 700;\n color: ${color};\n `;\n};\nconst HeadlineBase = styled(TypographyBase)<IHeadlineBase>(({ $color, lineHeight, fontSize }) => ({\n fontSize: fontSize,\n fontWeight: 700,\n lineHeight: lineHeight,\n color: $color,\n}));\n\nconst HeadlineXLStyling = (color: string) => HeadlineBaseStyling('48px', '64px', color);\nconst HeadlineXL = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n fontSize: '48px',\n lineHeight: '64px',\n color: $color,\n}));\n\nconst HeadlineLStyling = (color: string) => HeadlineBaseStyling('40px', '52px', color);\nconst HeadlineL = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n fontSize: '40px',\n lineHeight: '52px',\n color: $color,\n}));\n\nconst HeadlineMStyling = (color: string) => HeadlineBaseStyling('32px', '40px', color);\nconst HeadlineM = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n fontSize: '32px',\n lineHeight: '40px',\n color: $color,\n}));\n\nconst HeadlineSStyling = (color: string) => HeadlineBaseStyling('28px', '36px', color);\nconst HeadlineS = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n fontSize: '28px',\n lineHeight: '36px',\n color: $color,\n}));\n\nconst HeadlineXSStyling = (color: string) => HeadlineBaseStyling('24px', '32px', color);\nconst HeadlineXS = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n fontSize: '24px',\n lineHeight: '32px',\n color: $color,\n}));\n\nconst HeadlineXXSStyling = (color: string) => HeadlineBaseStyling('20px', '24px', color);\nconst HeadlineXXS = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n fontSize: '20px',\n lineHeight: '24px',\n color: $color,\n}));\n\nconst ParagraphStyling = css`\n :lang(ja-jp) > h1,\n h2,\n h3,\n h4,\n p,\n span {\n max-width: 30em;\n }\n :lang(ko-kr) > h1,\n h2,\n h3,\n h4,\n p,\n span {\n max-width: 30em;\n }\n :lang(zh-CN) > h1,\n h2,\n h3,\n h4,\n p,\n span {\n max-width: 30em;\n }\n h1,\n h2,\n h3,\n h4,\n p,\n span {\n max-width: 34em;\n }\n`;\n\ninterface IParagraphBase {\n color?: string;\n lineHeight: number;\n $fontSize: number;\n marginBetweenParagraphs?: string;\n}\n\nconst ParagraphBase = styled(TypographyBase)<IParagraphBase>`\n p {\n margin-block-start: 0;\n margin-block-end: 0;\n }\n p:not(:only-of-type) {\n margin-bottom: ${(props) => props.marginBetweenParagraphs || '0'};\n }\n ${ParagraphStyling}\n`;\n\ninterface IParagraph {\n color?: string;\n}\n\nenum ParagraphTextStyle {\n Regular = 1,\n Bold,\n Italic,\n Underline,\n}\n\ntype ParagraphProps = {\n color?: string;\n textStyle?: ParagraphTextStyle;\n children?: React.ReactNode;\n};\n\nconst paragraphFontWeight = (textStyle?: ParagraphTextStyle) => {\n let fontWeight = 400;\n if (textStyle === ParagraphTextStyle.Bold) {\n fontWeight = 700;\n }\n return fontWeight;\n};\n\nconst paragraphFontStyle = (textStyle?: ParagraphTextStyle) => {\n let fontStyle = textStyle && textStyle === ParagraphTextStyle.Italic ? 'italic' : '';\n return fontStyle;\n};\n\nconst paragraphTextDecorationLine = (textStyle?: ParagraphTextStyle): Property.TextDecorationLine => {\n let textDecoration: Property.TextDecorationLine = textStyle && textStyle === ParagraphTextStyle.Underline ? 'underline' : 'none';\n return textDecoration;\n};\n\nconst ParagraphBaseStyling = (fontSize: string, lineHeight: string, textStyle: ParagraphTextStyle, color: string) => {\n return css`\n font-size: ${fontSize};\n font-weight: ${paragraphFontWeight(textStyle)};\n line-height: ${lineHeight};\n font-style: ${paragraphFontStyle(textStyle)};\n color: ${color};\n `;\n};\n\nconst ParagraphXlStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('24px', '36px', textStyle, color);\nconst ParagraphXL: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase\n $color={color}\n lineHeight={36}\n $fontSize={24}\n $fontWeight={fontWeight}\n $fontStyle={fontStyle}\n textDecorationLine={textDecorationLine}\n marginBetweenParagraphs=\"18px\">\n {children}\n </ParagraphBase>\n );\n};\n\nconst ParagraphLStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('20px', '32px', textStyle, color);\nconst ParagraphL: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase\n $color={color}\n lineHeight={32}\n $fontSize={20}\n $fontWeight={fontWeight}\n $fontStyle={fontStyle}\n textDecorationLine={textDecorationLine}\n marginBetweenParagraphs=\"16px\">\n {children}\n </ParagraphBase>\n );\n};\n\nconst ParagraphMStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('18px', '28px', textStyle, color);\nconst ParagraphM: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase\n $color={color}\n lineHeight={28}\n $fontSize={18}\n $fontWeight={fontWeight}\n $fontStyle={fontStyle}\n textDecorationLine={textDecorationLine}\n marginBetweenParagraphs=\"14px\">\n {children}\n </ParagraphBase>\n );\n};\n\nconst ParagraphSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('16px', '24px', textStyle, color);\nconst ParagraphS: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase\n $color={color}\n lineHeight={24}\n $fontSize={16}\n $fontWeight={fontWeight}\n $fontStyle={fontStyle}\n textDecorationLine={textDecorationLine}\n marginBetweenParagraphs=\"12px\">\n {children}\n </ParagraphBase>\n );\n};\n\nconst ParagraphXSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('14px', '20px', textStyle, color);\nconst ParagraphXS: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase\n $color={color}\n lineHeight={20}\n $fontSize={14}\n $fontWeight={fontWeight}\n $fontStyle={fontStyle}\n textDecorationLine={textDecorationLine}\n marginBetweenParagraphs=\"10px\">\n {children}\n </ParagraphBase>\n );\n};\n\nenum ComponentTextStyle {\n Regular = 1,\n Bold,\n Italic,\n UppercaseBold,\n}\n\ntype ComponentProps = {\n color?: string;\n className?: string;\n textStyle?: ComponentTextStyle;\n children?: React.ReactNode;\n};\n\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\n let fontWeight = 400;\n if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\n fontWeight = 700;\n }\n return fontWeight;\n};\n\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\n let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\n return fontStyle;\n};\n\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\n let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\n return fontStyle;\n};\n\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\n return css`\n font-size: ${fontSize};\n font-weight: ${componentFontWeight(textStyle)};\n line-height: ${lineHeight};\n font-style: ${componentFontStyle(textStyle)};\n ${color === null ? '' : `color: ${color || COLORS.black};`}\n `;\n};\n\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase className={className} $color={color} lineHeight={28} $fontSize={24} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={20} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={18} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase className={className} $color={color} lineHeight={20} $fontSize={16} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n let textTransform = componentTextTransformation(textStyle);\n return (\n <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={14} $fontWeight={fontWeight} $fontStyle={fontStyle} textTransform={textTransform}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n let textTransform = componentTextTransformation(textStyle);\n return (\n <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={12} $fontWeight={fontWeight} $fontStyle={fontStyle} textTransform={textTransform}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({ color, textStyle, children, size, width }) => {\n let fontsize = size;\n if (!size) {\n if (width == -1) {\n fontsize = Size.Medium;\n } else if (width < 768) {\n fontsize = Size.Small;\n } else if (width < 992) {\n fontsize = Size.Medium;\n } else {\n fontsize = Size.Large;\n }\n }\n switch (fontsize) {\n case Size.XXSmall:\n return <ComponentXXS color={color} textStyle={textStyle} children={children} />;\n case Size.XSmall:\n return <ComponentXS color={color} textStyle={textStyle} children={children} />;\n case Size.Small:\n return <ComponentS color={color} textStyle={textStyle} children={children} />;\n case Size.Medium:\n return <ComponentM color={color} textStyle={textStyle} children={children} />;\n case Size.Large:\n default:\n return <ComponentL color={color} textStyle={textStyle} children={children} />;\n }\n};\n\nexport { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };\nexport { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };\nexport { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };\nexport { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };\nexport { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling };\nexport { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling };\n"],"mappings":"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"}
@@ -10,6 +10,7 @@ interface ITypographyBase {
10
10
  textTransform?: Property.TextTransform;
11
11
  textDecorationLine?: Property.TextDecorationLine;
12
12
  }
13
+ export declare const TypographyBase: import("styled-components").StyledComponent<"div", any, ITypographyBase, never>;
13
14
  interface IHeadline {
14
15
  $color?: string;
15
16
  }
@@ -36,7 +37,7 @@ declare enum ParagraphTextStyle {
36
37
  Italic = 3,
37
38
  Underline = 4
38
39
  }
39
- declare type ParagraphProps = {
40
+ type ParagraphProps = {
40
41
  color?: string;
41
42
  textStyle?: ParagraphTextStyle;
42
43
  children?: React.ReactNode;
@@ -57,7 +58,7 @@ declare enum ComponentTextStyle {
57
58
  Italic = 3,
58
59
  UppercaseBold = 4
59
60
  }
60
- declare type ComponentProps = {
61
+ type ComponentProps = {
61
62
  color?: string;
62
63
  className?: string;
63
64
  textStyle?: ComponentTextStyle;
@@ -6,7 +6,7 @@ import styled, { css } from 'styled-components';
6
6
  import { COLORS } from '.';
7
7
  import { Size } from '../types';
8
8
  import { jsx as _jsx } from "react/jsx-runtime";
9
- var TypographyBase = styled('div')(function (_ref) {
9
+ export var TypographyBase = styled('div')(function (_ref) {
10
10
  var $color = _ref.$color,
11
11
  lineHeight = _ref.lineHeight,
12
12
  $fontSize = _ref.$fontSize,
@@ -1 +1 @@
1
- {"version":3,"file":"typography.js","names":["React","styled","css","COLORS","Size","TypographyBase","$color","lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","textDecorationLine","fontSize","fontWeight","fontStyle","color","black","HeadlineBaseStyling","HeadlineBase","HeadlineXLStyling","HeadlineXL","HeadlineLStyling","HeadlineL","HeadlineMStyling","HeadlineM","HeadlineSStyling","HeadlineS","HeadlineXSStyling","HeadlineXS","HeadlineXXSStyling","HeadlineXXS","ParagraphStyling","ParagraphBase","props","marginBetweenParagraphs","ParagraphTextStyle","paragraphFontWeight","textStyle","Bold","paragraphFontStyle","Italic","paragraphTextDecorationLine","textDecoration","Underline","ParagraphBaseStyling","ParagraphXlStyling","ParagraphXL","children","ParagraphLStyling","ParagraphL","ParagraphMStyling","ParagraphM","ParagraphSStyling","ParagraphS","ParagraphXSStyling","ParagraphXS","ComponentTextStyle","componentFontWeight","UppercaseBold","componentFontStyle","componentTextTransformation","ComponentStyling","ComponentXLStyling","ComponentXL","className","ComponentLStyling","ComponentL","ComponentMStyling","ComponentM","ComponentSStyling","ComponentS","ComponentXSStyling","ComponentXS","ComponentXXSStyling","ComponentXXS","ComponentResponsive","size","width","fontsize","Medium","Small","Large","XXSmall","XSmall"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\nimport { COLORS } from '.';\nimport { Property } from 'csstype';\nimport { Size } from '../types';\n\ninterface ITypographyBase {\n $color?: string;\n lineHeight: number;\n $fontSize: number;\n $fontWeight: number;\n $fontStyle?: string;\n textTransform?: Property.TextTransform;\n textDecorationLine?: Property.TextDecorationLine;\n}\n\nconst TypographyBase = styled('div')<ITypographyBase>(({ $color, lineHeight, $fontSize, $fontWeight, $fontStyle, textTransform, textDecorationLine }) => ({\n fontSize: $fontSize,\n fontWeight: $fontWeight,\n lineHeight: lineHeight + 'px',\n textTransform: textTransform ? textTransform : 'none',\n textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\n fontStyle: $fontStyle ? $fontStyle : 'normal',\n color: $color ? $color : COLORS.black,\n}));\n\ninterface IHeadline {\n $color?: string;\n}\n\ninterface IHeadlineBase {\n $color?: string;\n lineHeight: number;\n fontSize: number;\n}\n\nconst HeadlineBaseStyling = (fontSize: string, lineHeight: string, color: string) => {\n return css`\n font-size: ${fontSize};\n line-height: ${lineHeight};\n font-weight: 700;\n color: ${color};\n `;\n};\nconst HeadlineBase = styled(TypographyBase)<IHeadlineBase>(({ $color, lineHeight, fontSize }) => ({\n fontSize: fontSize,\n fontWeight: 700,\n lineHeight: lineHeight,\n color: $color,\n}));\n\nconst HeadlineXLStyling = (color: string) => HeadlineBaseStyling('48px', '64px', color);\nconst HeadlineXL = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n fontSize: '48px',\n lineHeight: '64px',\n color: $color,\n}));\n\nconst HeadlineLStyling = (color: string) => HeadlineBaseStyling('40px', '52px', color);\nconst HeadlineL = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n fontSize: '40px',\n lineHeight: '52px',\n color: $color,\n}));\n\nconst HeadlineMStyling = (color: string) => HeadlineBaseStyling('32px', '40px', color);\nconst HeadlineM = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n fontSize: '32px',\n lineHeight: '40px',\n color: $color,\n}));\n\nconst HeadlineSStyling = (color: string) => HeadlineBaseStyling('28px', '36px', color);\nconst HeadlineS = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n fontSize: '28px',\n lineHeight: '36px',\n color: $color,\n}));\n\nconst HeadlineXSStyling = (color: string) => HeadlineBaseStyling('24px', '32px', color);\nconst HeadlineXS = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n fontSize: '24px',\n lineHeight: '32px',\n color: $color,\n}));\n\nconst HeadlineXXSStyling = (color: string) => HeadlineBaseStyling('20px', '24px', color);\nconst HeadlineXXS = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n fontSize: '20px',\n lineHeight: '24px',\n color: $color,\n}));\n\nconst ParagraphStyling = css`\n :lang(ja-jp) > h1,\n h2,\n h3,\n h4,\n p,\n span {\n max-width: 30em;\n }\n :lang(ko-kr) > h1,\n h2,\n h3,\n h4,\n p,\n span {\n max-width: 30em;\n }\n :lang(zh-CN) > h1,\n h2,\n h3,\n h4,\n p,\n span {\n max-width: 30em;\n }\n h1,\n h2,\n h3,\n h4,\n p,\n span {\n max-width: 34em;\n }\n`;\n\ninterface IParagraphBase {\n color?: string;\n lineHeight: number;\n $fontSize: number;\n marginBetweenParagraphs?: string;\n}\n\nconst ParagraphBase = styled(TypographyBase)<IParagraphBase>`\n p {\n margin-block-start: 0;\n margin-block-end: 0;\n }\n p:not(:only-of-type) {\n margin-bottom: ${(props) => props.marginBetweenParagraphs || '0'};\n }\n ${ParagraphStyling}\n`;\n\ninterface IParagraph {\n color?: string;\n}\n\nenum ParagraphTextStyle {\n Regular = 1,\n Bold,\n Italic,\n Underline,\n}\n\ntype ParagraphProps = {\n color?: string;\n textStyle?: ParagraphTextStyle;\n children?: React.ReactNode;\n};\n\nconst paragraphFontWeight = (textStyle?: ParagraphTextStyle) => {\n let fontWeight = 400;\n if (textStyle === ParagraphTextStyle.Bold) {\n fontWeight = 700;\n }\n return fontWeight;\n};\n\nconst paragraphFontStyle = (textStyle?: ParagraphTextStyle) => {\n let fontStyle = textStyle && textStyle === ParagraphTextStyle.Italic ? 'italic' : '';\n return fontStyle;\n};\n\nconst paragraphTextDecorationLine = (textStyle?: ParagraphTextStyle): Property.TextDecorationLine => {\n let textDecoration: Property.TextDecorationLine = textStyle && textStyle === ParagraphTextStyle.Underline ? 'underline' : 'none';\n return textDecoration;\n};\n\nconst ParagraphBaseStyling = (fontSize: string, lineHeight: string, textStyle: ParagraphTextStyle, color: string) => {\n return css`\n font-size: ${fontSize};\n font-weight: ${paragraphFontWeight(textStyle)};\n line-height: ${lineHeight};\n font-style: ${paragraphFontStyle(textStyle)};\n color: ${color};\n `;\n};\n\nconst ParagraphXlStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('24px', '36px', textStyle, color);\nconst ParagraphXL: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase\n $color={color}\n lineHeight={36}\n $fontSize={24}\n $fontWeight={fontWeight}\n $fontStyle={fontStyle}\n textDecorationLine={textDecorationLine}\n marginBetweenParagraphs=\"18px\">\n {children}\n </ParagraphBase>\n );\n};\n\nconst ParagraphLStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('20px', '32px', textStyle, color);\nconst ParagraphL: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase\n $color={color}\n lineHeight={32}\n $fontSize={20}\n $fontWeight={fontWeight}\n $fontStyle={fontStyle}\n textDecorationLine={textDecorationLine}\n marginBetweenParagraphs=\"16px\">\n {children}\n </ParagraphBase>\n );\n};\n\nconst ParagraphMStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('18px', '28px', textStyle, color);\nconst ParagraphM: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase\n $color={color}\n lineHeight={28}\n $fontSize={18}\n $fontWeight={fontWeight}\n $fontStyle={fontStyle}\n textDecorationLine={textDecorationLine}\n marginBetweenParagraphs=\"14px\">\n {children}\n </ParagraphBase>\n );\n};\n\nconst ParagraphSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('16px', '24px', textStyle, color);\nconst ParagraphS: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase\n $color={color}\n lineHeight={24}\n $fontSize={16}\n $fontWeight={fontWeight}\n $fontStyle={fontStyle}\n textDecorationLine={textDecorationLine}\n marginBetweenParagraphs=\"12px\">\n {children}\n </ParagraphBase>\n );\n};\n\nconst ParagraphXSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('14px', '20px', textStyle, color);\nconst ParagraphXS: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase\n $color={color}\n lineHeight={20}\n $fontSize={14}\n $fontWeight={fontWeight}\n $fontStyle={fontStyle}\n textDecorationLine={textDecorationLine}\n marginBetweenParagraphs=\"10px\">\n {children}\n </ParagraphBase>\n );\n};\n\nenum ComponentTextStyle {\n Regular = 1,\n Bold,\n Italic,\n UppercaseBold,\n}\n\ntype ComponentProps = {\n color?: string;\n className?: string;\n textStyle?: ComponentTextStyle;\n children?: React.ReactNode;\n};\n\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\n let fontWeight = 400;\n if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\n fontWeight = 700;\n }\n return fontWeight;\n};\n\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\n let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\n return fontStyle;\n};\n\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\n let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\n return fontStyle;\n};\n\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\n return css`\n font-size: ${fontSize};\n font-weight: ${componentFontWeight(textStyle)};\n line-height: ${lineHeight};\n font-style: ${componentFontStyle(textStyle)};\n ${color === null ? '' : `color: ${color || COLORS.black};`}\n `;\n};\n\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase className={className} $color={color} lineHeight={28} $fontSize={24} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={20} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={18} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase className={className} $color={color} lineHeight={20} $fontSize={16} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n let textTransform = componentTextTransformation(textStyle);\n return (\n <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={14} $fontWeight={fontWeight} $fontStyle={fontStyle} textTransform={textTransform}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n let textTransform = componentTextTransformation(textStyle);\n return (\n <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={12} $fontWeight={fontWeight} $fontStyle={fontStyle} textTransform={textTransform}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({ color, textStyle, children, size, width }) => {\n let fontsize = size;\n if (!size) {\n if (width == -1) {\n fontsize = Size.Medium;\n } else if (width < 768) {\n fontsize = Size.Small;\n } else if (width < 992) {\n fontsize = Size.Medium;\n } else {\n fontsize = Size.Large;\n }\n }\n switch (fontsize) {\n case Size.XXSmall:\n return <ComponentXXS color={color} textStyle={textStyle} children={children} />;\n case Size.XSmall:\n return <ComponentXS color={color} textStyle={textStyle} children={children} />;\n case Size.Small:\n return <ComponentS color={color} textStyle={textStyle} children={children} />;\n case Size.Medium:\n return <ComponentM color={color} textStyle={textStyle} children={children} />;\n case Size.Large:\n default:\n return <ComponentL color={color} textStyle={textStyle} children={children} />;\n }\n};\n\nexport { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };\nexport { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };\nexport { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };\nexport { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };\nexport { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling };\nexport { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling };\n"],"mappings":"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"}
1
+ {"version":3,"file":"typography.js","names":["React","styled","css","COLORS","Size","TypographyBase","$color","lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","textDecorationLine","fontSize","fontWeight","fontStyle","color","black","HeadlineBaseStyling","HeadlineBase","HeadlineXLStyling","HeadlineXL","HeadlineLStyling","HeadlineL","HeadlineMStyling","HeadlineM","HeadlineSStyling","HeadlineS","HeadlineXSStyling","HeadlineXS","HeadlineXXSStyling","HeadlineXXS","ParagraphStyling","ParagraphBase","props","marginBetweenParagraphs","ParagraphTextStyle","paragraphFontWeight","textStyle","Bold","paragraphFontStyle","Italic","paragraphTextDecorationLine","textDecoration","Underline","ParagraphBaseStyling","ParagraphXlStyling","ParagraphXL","children","ParagraphLStyling","ParagraphL","ParagraphMStyling","ParagraphM","ParagraphSStyling","ParagraphS","ParagraphXSStyling","ParagraphXS","ComponentTextStyle","componentFontWeight","UppercaseBold","componentFontStyle","componentTextTransformation","ComponentStyling","ComponentXLStyling","ComponentXL","className","ComponentLStyling","ComponentL","ComponentMStyling","ComponentM","ComponentSStyling","ComponentS","ComponentXSStyling","ComponentXS","ComponentXXSStyling","ComponentXXS","ComponentResponsive","size","width","fontsize","Medium","Small","Large","XXSmall","XSmall"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\nimport { COLORS } from '.';\nimport { Property } from 'csstype';\nimport { Size } from '../types';\n\ninterface ITypographyBase {\n $color?: string;\n lineHeight: number;\n $fontSize: number;\n $fontWeight: number;\n $fontStyle?: string;\n textTransform?: Property.TextTransform;\n textDecorationLine?: Property.TextDecorationLine;\n}\n\nexport const TypographyBase = styled('div')<ITypographyBase>(({ $color, lineHeight, $fontSize, $fontWeight, $fontStyle, textTransform, textDecorationLine }) => ({\n fontSize: $fontSize,\n fontWeight: $fontWeight,\n lineHeight: lineHeight + 'px',\n textTransform: textTransform ? textTransform : 'none',\n textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\n fontStyle: $fontStyle ? $fontStyle : 'normal',\n color: $color ? $color : COLORS.black,\n}));\n\ninterface IHeadline {\n $color?: string;\n}\n\ninterface IHeadlineBase {\n $color?: string;\n lineHeight: number;\n fontSize: number;\n}\n\nconst HeadlineBaseStyling = (fontSize: string, lineHeight: string, color: string) => {\n return css`\n font-size: ${fontSize};\n line-height: ${lineHeight};\n font-weight: 700;\n color: ${color};\n `;\n};\nconst HeadlineBase = styled(TypographyBase)<IHeadlineBase>(({ $color, lineHeight, fontSize }) => ({\n fontSize: fontSize,\n fontWeight: 700,\n lineHeight: lineHeight,\n color: $color,\n}));\n\nconst HeadlineXLStyling = (color: string) => HeadlineBaseStyling('48px', '64px', color);\nconst HeadlineXL = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n fontSize: '48px',\n lineHeight: '64px',\n color: $color,\n}));\n\nconst HeadlineLStyling = (color: string) => HeadlineBaseStyling('40px', '52px', color);\nconst HeadlineL = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n fontSize: '40px',\n lineHeight: '52px',\n color: $color,\n}));\n\nconst HeadlineMStyling = (color: string) => HeadlineBaseStyling('32px', '40px', color);\nconst HeadlineM = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n fontSize: '32px',\n lineHeight: '40px',\n color: $color,\n}));\n\nconst HeadlineSStyling = (color: string) => HeadlineBaseStyling('28px', '36px', color);\nconst HeadlineS = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n fontSize: '28px',\n lineHeight: '36px',\n color: $color,\n}));\n\nconst HeadlineXSStyling = (color: string) => HeadlineBaseStyling('24px', '32px', color);\nconst HeadlineXS = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n fontSize: '24px',\n lineHeight: '32px',\n color: $color,\n}));\n\nconst HeadlineXXSStyling = (color: string) => HeadlineBaseStyling('20px', '24px', color);\nconst HeadlineXXS = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n fontSize: '20px',\n lineHeight: '24px',\n color: $color,\n}));\n\nconst ParagraphStyling = css`\n :lang(ja-jp) > h1,\n h2,\n h3,\n h4,\n p,\n span {\n max-width: 30em;\n }\n :lang(ko-kr) > h1,\n h2,\n h3,\n h4,\n p,\n span {\n max-width: 30em;\n }\n :lang(zh-CN) > h1,\n h2,\n h3,\n h4,\n p,\n span {\n max-width: 30em;\n }\n h1,\n h2,\n h3,\n h4,\n p,\n span {\n max-width: 34em;\n }\n`;\n\ninterface IParagraphBase {\n color?: string;\n lineHeight: number;\n $fontSize: number;\n marginBetweenParagraphs?: string;\n}\n\nconst ParagraphBase = styled(TypographyBase)<IParagraphBase>`\n p {\n margin-block-start: 0;\n margin-block-end: 0;\n }\n p:not(:only-of-type) {\n margin-bottom: ${(props) => props.marginBetweenParagraphs || '0'};\n }\n ${ParagraphStyling}\n`;\n\ninterface IParagraph {\n color?: string;\n}\n\nenum ParagraphTextStyle {\n Regular = 1,\n Bold,\n Italic,\n Underline,\n}\n\ntype ParagraphProps = {\n color?: string;\n textStyle?: ParagraphTextStyle;\n children?: React.ReactNode;\n};\n\nconst paragraphFontWeight = (textStyle?: ParagraphTextStyle) => {\n let fontWeight = 400;\n if (textStyle === ParagraphTextStyle.Bold) {\n fontWeight = 700;\n }\n return fontWeight;\n};\n\nconst paragraphFontStyle = (textStyle?: ParagraphTextStyle) => {\n let fontStyle = textStyle && textStyle === ParagraphTextStyle.Italic ? 'italic' : '';\n return fontStyle;\n};\n\nconst paragraphTextDecorationLine = (textStyle?: ParagraphTextStyle): Property.TextDecorationLine => {\n let textDecoration: Property.TextDecorationLine = textStyle && textStyle === ParagraphTextStyle.Underline ? 'underline' : 'none';\n return textDecoration;\n};\n\nconst ParagraphBaseStyling = (fontSize: string, lineHeight: string, textStyle: ParagraphTextStyle, color: string) => {\n return css`\n font-size: ${fontSize};\n font-weight: ${paragraphFontWeight(textStyle)};\n line-height: ${lineHeight};\n font-style: ${paragraphFontStyle(textStyle)};\n color: ${color};\n `;\n};\n\nconst ParagraphXlStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('24px', '36px', textStyle, color);\nconst ParagraphXL: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase\n $color={color}\n lineHeight={36}\n $fontSize={24}\n $fontWeight={fontWeight}\n $fontStyle={fontStyle}\n textDecorationLine={textDecorationLine}\n marginBetweenParagraphs=\"18px\">\n {children}\n </ParagraphBase>\n );\n};\n\nconst ParagraphLStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('20px', '32px', textStyle, color);\nconst ParagraphL: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase\n $color={color}\n lineHeight={32}\n $fontSize={20}\n $fontWeight={fontWeight}\n $fontStyle={fontStyle}\n textDecorationLine={textDecorationLine}\n marginBetweenParagraphs=\"16px\">\n {children}\n </ParagraphBase>\n );\n};\n\nconst ParagraphMStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('18px', '28px', textStyle, color);\nconst ParagraphM: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase\n $color={color}\n lineHeight={28}\n $fontSize={18}\n $fontWeight={fontWeight}\n $fontStyle={fontStyle}\n textDecorationLine={textDecorationLine}\n marginBetweenParagraphs=\"14px\">\n {children}\n </ParagraphBase>\n );\n};\n\nconst ParagraphSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('16px', '24px', textStyle, color);\nconst ParagraphS: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase\n $color={color}\n lineHeight={24}\n $fontSize={16}\n $fontWeight={fontWeight}\n $fontStyle={fontStyle}\n textDecorationLine={textDecorationLine}\n marginBetweenParagraphs=\"12px\">\n {children}\n </ParagraphBase>\n );\n};\n\nconst ParagraphXSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('14px', '20px', textStyle, color);\nconst ParagraphXS: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase\n $color={color}\n lineHeight={20}\n $fontSize={14}\n $fontWeight={fontWeight}\n $fontStyle={fontStyle}\n textDecorationLine={textDecorationLine}\n marginBetweenParagraphs=\"10px\">\n {children}\n </ParagraphBase>\n );\n};\n\nenum ComponentTextStyle {\n Regular = 1,\n Bold,\n Italic,\n UppercaseBold,\n}\n\ntype ComponentProps = {\n color?: string;\n className?: string;\n textStyle?: ComponentTextStyle;\n children?: React.ReactNode;\n};\n\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\n let fontWeight = 400;\n if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\n fontWeight = 700;\n }\n return fontWeight;\n};\n\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\n let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\n return fontStyle;\n};\n\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\n let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\n return fontStyle;\n};\n\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\n return css`\n font-size: ${fontSize};\n font-weight: ${componentFontWeight(textStyle)};\n line-height: ${lineHeight};\n font-style: ${componentFontStyle(textStyle)};\n ${color === null ? '' : `color: ${color || COLORS.black};`}\n `;\n};\n\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase className={className} $color={color} lineHeight={28} $fontSize={24} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={20} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={18} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase className={className} $color={color} lineHeight={20} $fontSize={16} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n let textTransform = componentTextTransformation(textStyle);\n return (\n <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={14} $fontWeight={fontWeight} $fontStyle={fontStyle} textTransform={textTransform}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n let textTransform = componentTextTransformation(textStyle);\n return (\n <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={12} $fontWeight={fontWeight} $fontStyle={fontStyle} textTransform={textTransform}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({ color, textStyle, children, size, width }) => {\n let fontsize = size;\n if (!size) {\n if (width == -1) {\n fontsize = Size.Medium;\n } else if (width < 768) {\n fontsize = Size.Small;\n } else if (width < 992) {\n fontsize = Size.Medium;\n } else {\n fontsize = Size.Large;\n }\n }\n switch (fontsize) {\n case Size.XXSmall:\n return <ComponentXXS color={color} textStyle={textStyle} children={children} />;\n case Size.XSmall:\n return <ComponentXS color={color} textStyle={textStyle} children={children} />;\n case Size.Small:\n return <ComponentS color={color} textStyle={textStyle} children={children} />;\n case Size.Medium:\n return <ComponentM color={color} textStyle={textStyle} children={children} />;\n case Size.Large:\n default:\n return <ComponentL color={color} textStyle={textStyle} children={children} />;\n }\n};\n\nexport { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };\nexport { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };\nexport { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };\nexport { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };\nexport { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling };\nexport { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling };\n"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@laerdal/life-react-components",
3
- "version": "2.1.0-dev.3",
3
+ "version": "2.1.0-dev.7",
4
4
  "private": false,
5
5
  "author": "Erik Martirosyan <erik.martirosyan@laerdal.com>",
6
6
  "contributors": [],
@@ -78,34 +78,30 @@
78
78
  "@babel/preset-react": "^7.18.6",
79
79
  "@babel/preset-typescript": "^7.18.6",
80
80
  "@babel/runtime": "^7.19.0",
81
- "@testing-library/jest-dom": "^5.16.4",
81
+ "@testing-library/jest-dom": "^5.16.5",
82
82
  "@testing-library/react": "^12.1.5",
83
- "@testing-library/user-event": "^14.3.0",
84
- "@types/enzyme": "^3.10.12",
85
- "@types/jest": "^26.0.24",
83
+ "@testing-library/user-event": "^14.4.3",
84
+ "@types/jest": "^29.2.3",
86
85
  "@types/node": "^18.0.6",
87
86
  "@types/react": "^17.0.47",
88
87
  "@types/react-datepicker": "^4.4.2",
89
88
  "@types/react-modal": "^3.13.1",
90
89
  "@types/react-router-dom": "^5.3.3",
91
90
  "@types/styled-components": "^5.1.25",
92
- "@wojtekmaj/enzyme-adapter-react-17": "^0.6.7",
93
91
  "babel-plugin-inline-react-svg": "^2.0.1",
94
92
  "babel-plugin-typescript-to-proptypes": "^2.0.0",
95
93
  "concurrently": "^5.2.0",
96
94
  "cross-env": "^7.0.3",
97
95
  "cypress": "^9.5.0",
98
- "enzyme": "^3.11.0",
99
96
  "history": "^5.3.0",
100
- "jest": "^26.6.3",
101
- "jest-environment-jsdom-sixteen": "^2.0.0",
102
- "jest-react-hooks-shallow": "^1.5.1",
103
- "jest-styled-components": "^7.0.5",
97
+ "jest": "^29.3.1",
98
+ "jest-environment-jsdom": "^29.2.1",
99
+ "jest-styled-components": "^7.1.1",
104
100
  "jest-svg-transformer": "^1.0.0",
105
101
  "react-router": "^6.3.0",
106
102
  "react-router-dom": "^6.3.0",
107
103
  "regenerator-runtime": "^0.13.9",
108
- "ts-jest": "^26.5.6"
104
+ "ts-jest": "^29.0.3"
109
105
  },
110
106
  "peerDependencies": {
111
107
  "@babel/core": "^7.0.0",
@@ -114,6 +110,7 @@
114
110
  "react-router-dom": "^6"
115
111
  },
116
112
  "resolutions": {
117
- "@types/react": "17.0.48"
113
+ "@types/react": "17.0.48",
114
+ "date-fns": "2.24.0"
118
115
  }
119
116
  }