@laerdal/life-react-components 5.0.0 → 5.0.1

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 (19) hide show
  1. package/dist/Dropdown/DropdownContent.cjs.map +1 -1
  2. package/dist/Dropdown/DropdownContent.js.map +1 -1
  3. package/dist/InputFields/TextField.d.ts +1 -1
  4. package/dist/Modals/ModalContainer.cjs +0 -3
  5. package/dist/Modals/ModalContainer.cjs.map +1 -1
  6. package/dist/Modals/ModalContainer.js +0 -3
  7. package/dist/Modals/ModalContainer.js.map +1 -1
  8. package/dist/Tabs/__tests__/Tablist.tests.d.ts +1 -1
  9. package/dist/styles/typography.cjs +63 -62
  10. package/dist/styles/typography.cjs.map +1 -1
  11. package/dist/styles/typography.d.ts +6 -9
  12. package/dist/styles/typography.js +63 -62
  13. package/dist/styles/typography.js.map +1 -1
  14. package/dist/test-utils.cjs +42 -0
  15. package/dist/test-utils.cjs.map +1 -0
  16. package/dist/test-utils.d.ts +5 -0
  17. package/dist/test-utils.js +22 -0
  18. package/dist/test-utils.js.map +1 -0
  19. package/package.json +10 -8
package/dist/styles/typography.cjs CHANGED
@@ -13,26 +13,27 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
13
13
  var _ = require(".");
14
14
  var _types = require("../types");
15
15
  var _jsxRuntime = require("react/jsx-runtime");
16
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
16
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
17
17
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
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
- var TypographyBase = (0, _styledComponents["default"])('div')(function (_ref) {
20
- var $color = _ref.$color,
21
- lineHeight = _ref.$lineHeight,
22
- $fontSize = _ref.$fontSize,
23
- $fontWeight = _ref.$fontWeight,
24
- $fontStyle = _ref.$fontStyle,
25
- textTransform = _ref.$textTransform,
26
- textDecorationLine = _ref.$textDecorationLine;
27
- return {
28
- fontSize: $fontSize,
29
- fontWeight: $fontWeight,
30
- lineHeight: lineHeight + 'px',
31
- textTransform: textTransform ? textTransform : 'none',
32
- textDecorationLine: textDecorationLine ? textDecorationLine : 'none',
33
- fontStyle: $fontStyle ? $fontStyle : 'normal',
34
- color: $color ? $color : _.COLORS.black
35
- };
19
+ var TypographyBase = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n fontSize: ", ";\n fontWeight: ", ";\n lineHeight: ", "px;\n textTransform: ", ";\n textDecorationLine: ", ";\n fontStyle: ", ";\n color: ", ";\n"])), function (props) {
20
+ return props.$fontSize;
21
+ }, function (props) {
22
+ return props.$fontWeight;
23
+ }, function (props) {
24
+ return props.$lineHeight;
25
+ }, function (props) {
26
+ var _props$$textTransform;
27
+ return (_props$$textTransform = props.$textTransform) !== null && _props$$textTransform !== void 0 ? _props$$textTransform : 'none';
28
+ }, function (props) {
29
+ var _props$$textDecoratio;
30
+ return (_props$$textDecoratio = props.$textDecorationLine) !== null && _props$$textDecoratio !== void 0 ? _props$$textDecoratio : 'none';
31
+ }, function (props) {
32
+ var _props$$fontStyle;
33
+ return (_props$$fontStyle = props.$fontStyle) !== null && _props$$fontStyle !== void 0 ? _props$$fontStyle : 'normal';
34
+ }, function (props) {
35
+ var _props$color;
36
+ return (_props$color = props.color) !== null && _props$color !== void 0 ? _props$color : _.COLORS.getColor('black', props.theme);
36
37
  });
37
38
  exports.TypographyBase = TypographyBase;
38
39
  var ComponentTextStyle;
@@ -59,7 +60,7 @@ var componentTextTransformation = function componentTextTransformation(textStyle
59
60
  return fontStyle;
60
61
  };
61
62
  var ComponentStyling = function ComponentStyling(fontSize, lineHeight, textStyle, color) {
62
- return (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n font-style: ", ";\n ", "\n "])), fontSize, componentFontWeight(textStyle), lineHeight, componentFontStyle(textStyle), function (props) {
63
+ return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n font-style: ", ";\n ", "\n "])), fontSize, componentFontWeight(textStyle), lineHeight, componentFontStyle(textStyle), function (props) {
63
64
  return color === null ? '' : "color: ".concat(color || _.COLORS.getColor('black', props.theme), ";");
64
65
  });
65
66
  };
@@ -67,11 +68,11 @@ var ComponentXLStyling = function ComponentXLStyling(textStyle, color) {
67
68
  return ComponentStyling('24px', '28px', textStyle, color);
68
69
  };
69
70
  exports.ComponentXLStyling = ComponentXLStyling;
70
- var ComponentXL = function ComponentXL(_ref2) {
71
- var color = _ref2.color,
72
- textStyle = _ref2.textStyle,
73
- children = _ref2.children,
74
- className = _ref2.className;
71
+ var ComponentXL = function ComponentXL(_ref) {
72
+ var color = _ref.color,
73
+ textStyle = _ref.textStyle,
74
+ children = _ref.children,
75
+ className = _ref.className;
75
76
  var fontWeight = componentFontWeight(textStyle);
76
77
  var fontStyle = componentFontStyle(textStyle);
77
78
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, {
@@ -95,11 +96,11 @@ var ComponentLStyling = function ComponentLStyling(textStyle, color) {
95
96
  return ComponentStyling('20px', '24px', textStyle, color);
96
97
  };
97
98
  exports.ComponentLStyling = ComponentLStyling;
98
- var ComponentL = function ComponentL(_ref3) {
99
- var color = _ref3.color,
100
- textStyle = _ref3.textStyle,
101
- children = _ref3.children,
102
- className = _ref3.className;
99
+ var ComponentL = function ComponentL(_ref2) {
100
+ var color = _ref2.color,
101
+ textStyle = _ref2.textStyle,
102
+ children = _ref2.children,
103
+ className = _ref2.className;
103
104
  var fontWeight = componentFontWeight(textStyle);
104
105
  var fontStyle = componentFontStyle(textStyle);
105
106
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, {
@@ -123,11 +124,11 @@ var ComponentMStyling = function ComponentMStyling(textStyle, color) {
123
124
  return ComponentStyling('18px', '24px', textStyle, color);
124
125
  };
125
126
  exports.ComponentMStyling = ComponentMStyling;
126
- var ComponentM = function ComponentM(_ref4) {
127
- var color = _ref4.color,
128
- textStyle = _ref4.textStyle,
129
- children = _ref4.children,
130
- className = _ref4.className;
127
+ var ComponentM = function ComponentM(_ref3) {
128
+ var color = _ref3.color,
129
+ textStyle = _ref3.textStyle,
130
+ children = _ref3.children,
131
+ className = _ref3.className;
131
132
  var fontWeight = componentFontWeight(textStyle);
132
133
  var fontStyle = componentFontStyle(textStyle);
133
134
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, {
@@ -151,11 +152,11 @@ var ComponentSStyling = function ComponentSStyling(textStyle, color) {
151
152
  return ComponentStyling('16px', '20px', textStyle, color);
152
153
  };
153
154
  exports.ComponentSStyling = ComponentSStyling;
154
- var ComponentS = function ComponentS(_ref5) {
155
- var color = _ref5.color,
156
- textStyle = _ref5.textStyle,
157
- children = _ref5.children,
158
- className = _ref5.className;
155
+ var ComponentS = function ComponentS(_ref4) {
156
+ var color = _ref4.color,
157
+ textStyle = _ref4.textStyle,
158
+ children = _ref4.children,
159
+ className = _ref4.className;
159
160
  var fontWeight = componentFontWeight(textStyle);
160
161
  var fontStyle = componentFontStyle(textStyle);
161
162
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, {
@@ -179,11 +180,11 @@ var ComponentXSStyling = function ComponentXSStyling(textStyle, color) {
179
180
  return ComponentStyling('14px', '16px', textStyle, color);
180
181
  };
181
182
  exports.ComponentXSStyling = ComponentXSStyling;
182
- var ComponentXS = function ComponentXS(_ref6) {
183
- var color = _ref6.color,
184
- textStyle = _ref6.textStyle,
185
- children = _ref6.children,
186
- className = _ref6.className;
183
+ var ComponentXS = function ComponentXS(_ref5) {
184
+ var color = _ref5.color,
185
+ textStyle = _ref5.textStyle,
186
+ children = _ref5.children,
187
+ className = _ref5.className;
187
188
  var fontWeight = componentFontWeight(textStyle);
188
189
  var fontStyle = componentFontStyle(textStyle);
189
190
  var textTransform = componentTextTransformation(textStyle);
@@ -209,11 +210,11 @@ var ComponentXXSStyling = function ComponentXXSStyling(textStyle, color) {
209
210
  return ComponentStyling('12px', '16px', textStyle, color);
210
211
  };
211
212
  exports.ComponentXXSStyling = ComponentXXSStyling;
212
- var ComponentXXS = function ComponentXXS(_ref7) {
213
- var color = _ref7.color,
214
- textStyle = _ref7.textStyle,
215
- children = _ref7.children,
216
- className = _ref7.className;
213
+ var ComponentXXS = function ComponentXXS(_ref6) {
214
+ var color = _ref6.color,
215
+ textStyle = _ref6.textStyle,
216
+ children = _ref6.children,
217
+ className = _ref6.className;
217
218
  var fontWeight = componentFontWeight(textStyle);
218
219
  var fontStyle = componentFontStyle(textStyle);
219
220
  var textTransform = componentTextTransformation(textStyle);
@@ -235,12 +236,12 @@ ComponentXXS.propTypes = {
235
236
  textStyle: _propTypes["default"].oneOf([1, 2, 3, 4]),
236
237
  children: _propTypes["default"].node
237
238
  };
238
- var ComponentResponsive = function ComponentResponsive(_ref8) {
239
- var color = _ref8.color,
240
- textStyle = _ref8.textStyle,
241
- children = _ref8.children,
242
- size = _ref8.size,
243
- width = _ref8.width;
239
+ var ComponentResponsive = function ComponentResponsive(_ref7) {
240
+ var color = _ref7.color,
241
+ textStyle = _ref7.textStyle,
242
+ children = _ref7.children,
243
+ size = _ref7.size,
244
+ width = _ref7.width;
244
245
  var fontsize = size;
245
246
  if (!size) {
246
247
  if (width == -1) {
@@ -294,18 +295,18 @@ ComponentResponsive.propTypes = {
294
295
  textStyle: _propTypes["default"].oneOf([1, 2, 3, 4]),
295
296
  children: _propTypes["default"].node
296
297
  };
297
- var Typography = (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n html {\n font-size: 100%;\n }\n\n @media (min-width: 48rem) {\n html {\n font-size: 112.5%;\n }\n }\n\n @media (min-width: 80rem) {\n html {\n font-size: 125%;\n }\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-weight: 700;\n line-height: 120%;\n margin: 0;\n }\n\n h1 {\n font-size: 3rem;\n }\n\n h2 {\n font-size: 2.5rem;\n }\n\n h3 {\n font-size: 2rem;\n }\n\n h4 {\n font-size: 1.75rem;\n }\n\n h5 {\n font-size: 1.5rem;\n }\n\n h6 {\n font-size: 1.25rem;\n }\n\n p {\n font-size: 1rem;\n line-height: 150%;\n margin: 0 0 0.5rem;\n }\n\n p:last-of-type {\n margin-bottom: 0;\n }\n\n\n h1, h2, h3, h4, h5, h6, p, span {\n max-width: 34rem;\n }\n\n :lang(ja-jp) {\n h1, h2, h3, h4, h5, h6, p, span {\n max-width: 30rem;\n }\n }\n\n :lang(ko-kr) {\n h1, h2, h3, h4, h5, h6, p, span {\n max-width: 30rem;\n }\n }\n\n :lang(zh-CN) {\n h1, h2, h3, h4, h5, h6, p, span {\n max-width: 30rem;\n }\n }\n"])));
298
+ var Typography = (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n html {\n font-size: 100%;\n }\n\n @media (min-width: 48rem) {\n html {\n font-size: 112.5%;\n }\n }\n\n @media (min-width: 80rem) {\n html {\n font-size: 125%;\n }\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-weight: 700;\n line-height: 120%;\n margin: 0;\n }\n\n h1 {\n font-size: 3rem;\n }\n\n h2 {\n font-size: 2.5rem;\n }\n\n h3 {\n font-size: 2rem;\n }\n\n h4 {\n font-size: 1.75rem;\n }\n\n h5 {\n font-size: 1.5rem;\n }\n\n h6 {\n font-size: 1.25rem;\n }\n\n p {\n font-size: 1rem;\n line-height: 150%;\n margin: 0 0 0.5rem;\n }\n\n p:last-of-type {\n margin-bottom: 0;\n }\n\n\n h1, h2, h3, h4, h5, h6, p, span {\n max-width: 34rem;\n }\n\n :lang(ja-jp) {\n h1, h2, h3, h4, h5, h6, p, span {\n max-width: 30rem;\n }\n }\n\n :lang(ko-kr) {\n h1, h2, h3, h4, h5, h6, p, span {\n max-width: 30rem;\n }\n }\n\n :lang(zh-CN) {\n h1, h2, h3, h4, h5, h6, p, span {\n max-width: 30rem;\n }\n }\n"])));
298
299
  exports.Typography = Typography;
299
- var QuoteTypography = (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n font-size: 1.5rem;\n line-height: 150%;\n margin-bottom: 0.75rem;\n"])));
300
+ var QuoteTypography = (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n font-size: 1.5rem;\n line-height: 150%;\n margin-bottom: 0.75rem;\n"])));
300
301
  exports.QuoteTypography = QuoteTypography;
301
- var NoteTypography = (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n font-size: 0.75rem;\n line-height: 150%;\n margin-bottom: 0.375rem;\n"])));
302
+ var NoteTypography = (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n font-size: 0.75rem;\n line-height: 150%;\n margin-bottom: 0.375rem;\n"])));
302
303
  exports.NoteTypography = NoteTypography;
303
- var UpperCaseTypography = (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n font-size: 0.75rem;\n line-height: 150%;\n font-weight: 700;\n text-transform: uppercase;\n"])));
304
+ var UpperCaseTypography = (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n font-size: 0.75rem;\n line-height: 150%;\n font-weight: 700;\n text-transform: uppercase;\n"])));
304
305
  exports.UpperCaseTypography = UpperCaseTypography;
305
- var Note = _styledComponents["default"].p(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n ", "\n"])), NoteTypography);
306
+ var Note = _styledComponents["default"].p(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n ", "\n"])), NoteTypography);
306
307
  exports.Note = Note;
307
- var Quote = _styledComponents["default"].p(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n ", "\n"])), QuoteTypography);
308
+ var Quote = _styledComponents["default"].p(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n ", "\n"])), QuoteTypography);
308
309
  exports.Quote = Quote;
309
- var UpperCase = _styledComponents["default"].p(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n ", "\n"])), UpperCaseTypography);
310
+ var UpperCase = _styledComponents["default"].p(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n ", "\n"])), UpperCaseTypography);
310
311
  exports.UpperCase = UpperCase;
311
312
  //# sourceMappingURL=typography.cjs.map
package/dist/styles/typography.cjs.map CHANGED
@@ -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","$lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","$textTransform","textDecorationLine","$textDecorationLine","fontSize","fontWeight","fontStyle","color","COLORS","black","exports","ComponentTextStyle","componentFontWeight","textStyle","Bold","UppercaseBold","componentFontStyle","Italic","componentTextTransformation","ComponentStyling","css","_taggedTemplateLiteral2","props","concat","getColor","theme","ComponentXLStyling","ComponentXL","_ref2","children","className","jsx","propTypes","_propTypes","string","oneOf","node","ComponentLStyling","ComponentL","_ref3","ComponentMStyling","ComponentM","_ref4","ComponentSStyling","ComponentS","_ref5","ComponentXSStyling","ComponentXS","_ref6","ComponentXXSStyling","ComponentXXS","_ref7","ComponentResponsive","_ref8","size","width","fontsize","Size","Medium","Small","Large","XXSmall","XSmall","Typography","QuoteTypography","NoteTypography","UpperCaseTypography","Note","p","Quote","UpperCase"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled, {css} from 'styled-components';\r\nimport {COLORS} from '.';\r\nimport {Property} from 'csstype';\r\nimport {Size} from '../types';\r\n\r\ninterface ITypographyBase {\r\n $color?: string;\r\n $lineHeight: number;\r\n $fontSize: number;\r\n $fontWeight: number;\r\n $fontStyle?: string;\r\n $textTransform?: Property.TextTransform;\r\n $textDecorationLine?: Property.TextDecorationLine;\r\n}\r\n\r\nexport const TypographyBase = styled('div')<ITypographyBase>(({\r\n $color,\r\n $lineHeight: lineHeight,\r\n $fontSize,\r\n $fontWeight,\r\n $fontStyle,\r\n $textTransform: textTransform,\r\n $textDecorationLine: textDecorationLine\r\n }) => ({\r\n fontSize: $fontSize,\r\n fontWeight: $fontWeight,\r\n lineHeight: lineHeight + 'px',\r\n textTransform: textTransform ? textTransform : 'none',\r\n textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\r\n fontStyle: $fontStyle ? $fontStyle : 'normal',\r\n color: $color ? $color : COLORS.black,\r\n}));\r\n\r\nenum ComponentTextStyle {\r\n Regular = 1,\r\n Bold,\r\n Italic,\r\n UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = {\r\n color?: string;\r\n className?: string;\r\n textStyle?: ComponentTextStyle;\r\n children?: React.ReactNode;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n let fontWeight = 400;\r\n if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n fontWeight = 700;\r\n }\r\n return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n return css`\r\n font-size: ${fontSize};\r\n font-weight: ${componentFontWeight(textStyle)};\r\n line-height: ${lineHeight};\r\n font-style: ${componentFontStyle(textStyle)};\r\n ${props => color === null ? '' : `color: ${color || COLORS.getColor('black', props.theme)};`}\r\n `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n let textTransform = componentTextTransformation(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle} $textTransform={textTransform}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n let textTransform = componentTextTransformation(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle} $textTransform={textTransform}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n color,\r\n textStyle,\r\n children,\r\n size,\r\n width\r\n }) => {\r\n let fontsize = size;\r\n if (!size) {\r\n if (width == -1) {\r\n fontsize = Size.Medium;\r\n } else if (width < 768) {\r\n fontsize = Size.Small;\r\n } else if (width < 992) {\r\n fontsize = Size.Medium;\r\n } else {\r\n fontsize = Size.Large;\r\n }\r\n }\r\n switch (fontsize) {\r\n case Size.XXSmall:\r\n return <ComponentXXS color={color} textStyle={textStyle} children={children}/>;\r\n case Size.XSmall:\r\n return <ComponentXS color={color} textStyle={textStyle} children={children}/>;\r\n case Size.Small:\r\n return <ComponentS color={color} textStyle={textStyle} children={children}/>;\r\n case Size.Medium:\r\n return <ComponentM color={color} textStyle={textStyle} children={children}/>;\r\n case Size.Large:\r\n default:\r\n return <ComponentL color={color} textStyle={textStyle} children={children}/>;\r\n }\r\n};\r\n\r\nexport const Typography = css`\r\n html {\r\n font-size: 100%;\r\n }\r\n\r\n @media (min-width: 48rem) {\r\n html {\r\n font-size: 112.5%;\r\n }\r\n }\r\n\r\n @media (min-width: 80rem) {\r\n html {\r\n font-size: 125%;\r\n }\r\n }\r\n\r\n h1, h2, h3, h4, h5, h6 {\r\n font-weight: 700;\r\n line-height: 120%;\r\n margin: 0;\r\n }\r\n\r\n h1 {\r\n font-size: 3rem;\r\n }\r\n\r\n h2 {\r\n font-size: 2.5rem;\r\n }\r\n\r\n h3 {\r\n font-size: 2rem;\r\n }\r\n\r\n h4 {\r\n font-size: 1.75rem;\r\n }\r\n\r\n h5 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n h6 {\r\n font-size: 1.25rem;\r\n }\r\n\r\n p {\r\n font-size: 1rem;\r\n line-height: 150%;\r\n margin: 0 0 0.5rem;\r\n }\r\n\r\n p:last-of-type {\r\n margin-bottom: 0;\r\n }\r\n\r\n\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 34rem;\r\n }\r\n\r\n :lang(ja-jp) {\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 30rem;\r\n }\r\n }\r\n\r\n :lang(ko-kr) {\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 30rem;\r\n }\r\n }\r\n\r\n :lang(zh-CN) {\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 30rem;\r\n }\r\n }\r\n`;\r\n\r\nexport const QuoteTypography = css`\r\n font-size: 1.5rem;\r\n line-height: 150%;\r\n margin-bottom: 0.75rem;\r\n`;\r\n\r\nexport const NoteTypography = css`\r\n font-size: 0.75rem;\r\n line-height: 150%;\r\n margin-bottom: 0.375rem;\r\n`;\r\n\r\nexport const UpperCaseTypography = css`\r\n font-size: 0.75rem;\r\n line-height: 150%;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n`;\r\n\r\nexport const Note = styled.p`\r\n ${NoteTypography}\r\n`;\r\n\r\nexport const Quote = styled.p`\r\n ${QuoteTypography}\r\n`;\r\n\r\nexport const UpperCase = styled.p`\r\n ${UpperCaseTypography}\r\n`;\r\n\r\nexport {\r\n ComponentTextStyle,\r\n ComponentXL,\r\n ComponentL,\r\n ComponentM,\r\n ComponentS,\r\n ComponentXS,\r\n ComponentXXS,\r\n ComponentResponsive\r\n};\r\nexport {\r\n ComponentXLStyling,\r\n ComponentLStyling,\r\n ComponentMStyling,\r\n ComponentSStyling,\r\n ComponentXSStyling,\r\n ComponentXXSStyling\r\n};\r\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"typography.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_","_types","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TypographyBase","styled","div","_taggedTemplateLiteral2","props","$fontSize","$fontWeight","$lineHeight","_props$$textTransform","$textTransform","_props$$textDecoratio","$textDecorationLine","_props$$fontStyle","$fontStyle","_props$color","color","COLORS","getColor","theme","exports","ComponentTextStyle","componentFontWeight","textStyle","fontWeight","Bold","UppercaseBold","componentFontStyle","fontStyle","Italic","componentTextTransformation","ComponentStyling","fontSize","lineHeight","css","concat","ComponentXLStyling","ComponentXL","_ref","children","className","jsx","$color","propTypes","_propTypes","string","oneOf","node","ComponentLStyling","ComponentL","_ref2","ComponentMStyling","ComponentM","_ref3","ComponentSStyling","ComponentS","_ref4","ComponentXSStyling","ComponentXS","_ref5","textTransform","ComponentXXSStyling","ComponentXXS","_ref6","ComponentResponsive","_ref7","size","width","fontsize","Size","Medium","Small","Large","XXSmall","XSmall","Typography","QuoteTypography","NoteTypography","UpperCaseTypography","Note","p","Quote","UpperCase"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled, {css} from 'styled-components';\r\nimport {COLORS} from '.';\r\nimport {Property} from 'csstype';\r\nimport {Size} from '../types';\r\n\r\nexport const TypographyBase = styled.div<{$color?: string,\r\n $lineHeight: number,\r\n $fontSize: number,\r\n $fontWeight: number,\r\n $fontStyle?: string,\r\n $textTransform?: Property.TextTransform,\r\n $textDecorationLine?: Property.TextDecorationLine,\r\n}>`\r\n fontSize: ${props => props.$fontSize};\r\n fontWeight: ${props => props.$fontWeight};\r\n lineHeight: ${props => props.$lineHeight}px;\r\n textTransform: ${props => props.$textTransform ?? 'none' };\r\n textDecorationLine: ${props => props.$textDecorationLine ?? 'none'};\r\n fontStyle: ${props => props.$fontStyle ?? 'normal'};\r\n color: ${props => props.color ?? COLORS.getColor('black', props.theme)};\r\n`;\r\n\r\nenum ComponentTextStyle {\r\n Regular = 1,\r\n Bold,\r\n Italic,\r\n UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = {\r\n color?: string;\r\n className?: string;\r\n textStyle?: ComponentTextStyle;\r\n children?: React.ReactNode;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n let fontWeight = 400;\r\n if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n fontWeight = 700;\r\n }\r\n return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n return css`\r\n font-size: ${fontSize};\r\n font-weight: ${componentFontWeight(textStyle)};\r\n line-height: ${lineHeight};\r\n font-style: ${componentFontStyle(textStyle)};\r\n ${props => color === null ? '' : `color: ${color || COLORS.getColor('black', props.theme)};`}\r\n `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n let textTransform = componentTextTransformation(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle} $textTransform={textTransform}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n let textTransform = componentTextTransformation(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle} $textTransform={textTransform}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n color,\r\n textStyle,\r\n children,\r\n size,\r\n width\r\n }) => {\r\n let fontsize = size;\r\n if (!size) {\r\n if (width == -1) {\r\n fontsize = Size.Medium;\r\n } else if (width < 768) {\r\n fontsize = Size.Small;\r\n } else if (width < 992) {\r\n fontsize = Size.Medium;\r\n } else {\r\n fontsize = Size.Large;\r\n }\r\n }\r\n switch (fontsize) {\r\n case Size.XXSmall:\r\n return <ComponentXXS color={color} textStyle={textStyle} children={children}/>;\r\n case Size.XSmall:\r\n return <ComponentXS color={color} textStyle={textStyle} children={children}/>;\r\n case Size.Small:\r\n return <ComponentS color={color} textStyle={textStyle} children={children}/>;\r\n case Size.Medium:\r\n return <ComponentM color={color} textStyle={textStyle} children={children}/>;\r\n case Size.Large:\r\n default:\r\n return <ComponentL color={color} textStyle={textStyle} children={children}/>;\r\n }\r\n};\r\n\r\nexport const Typography = css`\r\n html {\r\n font-size: 100%;\r\n }\r\n\r\n @media (min-width: 48rem) {\r\n html {\r\n font-size: 112.5%;\r\n }\r\n }\r\n\r\n @media (min-width: 80rem) {\r\n html {\r\n font-size: 125%;\r\n }\r\n }\r\n\r\n h1, h2, h3, h4, h5, h6 {\r\n font-weight: 700;\r\n line-height: 120%;\r\n margin: 0;\r\n }\r\n\r\n h1 {\r\n font-size: 3rem;\r\n }\r\n\r\n h2 {\r\n font-size: 2.5rem;\r\n }\r\n\r\n h3 {\r\n font-size: 2rem;\r\n }\r\n\r\n h4 {\r\n font-size: 1.75rem;\r\n }\r\n\r\n h5 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n h6 {\r\n font-size: 1.25rem;\r\n }\r\n\r\n p {\r\n font-size: 1rem;\r\n line-height: 150%;\r\n margin: 0 0 0.5rem;\r\n }\r\n\r\n p:last-of-type {\r\n margin-bottom: 0;\r\n }\r\n\r\n\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 34rem;\r\n }\r\n\r\n :lang(ja-jp) {\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 30rem;\r\n }\r\n }\r\n\r\n :lang(ko-kr) {\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 30rem;\r\n }\r\n }\r\n\r\n :lang(zh-CN) {\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 30rem;\r\n }\r\n }\r\n`;\r\n\r\nexport const QuoteTypography = css`\r\n font-size: 1.5rem;\r\n line-height: 150%;\r\n margin-bottom: 0.75rem;\r\n`;\r\n\r\nexport const NoteTypography = css`\r\n font-size: 0.75rem;\r\n line-height: 150%;\r\n margin-bottom: 0.375rem;\r\n`;\r\n\r\nexport const UpperCaseTypography = css`\r\n font-size: 0.75rem;\r\n line-height: 150%;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n`;\r\n\r\nexport const Note = styled.p`\r\n ${NoteTypography}\r\n`;\r\n\r\nexport const Quote = styled.p`\r\n ${QuoteTypography}\r\n`;\r\n\r\nexport const UpperCase = styled.p`\r\n ${UpperCaseTypography}\r\n`;\r\n\r\nexport {\r\n ComponentTextStyle,\r\n ComponentXL,\r\n ComponentL,\r\n ComponentM,\r\n ComponentS,\r\n ComponentXS,\r\n ComponentXXS,\r\n ComponentResponsive\r\n};\r\nexport {\r\n ComponentXLStyling,\r\n ComponentLStyling,\r\n ComponentMStyling,\r\n ComponentSStyling,\r\n ComponentXSStyling,\r\n ComponentXXSStyling\r\n};\r\n"],"mappings":"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","ignoreList":[]}
package/dist/styles/typography.d.ts CHANGED
@@ -1,18 +1,15 @@
1
1
  import React from 'react';
2
2
  import { Property } from 'csstype';
3
3
  import { Size } from '../types';
4
- interface ITypographyBase {
5
- $color?: string;
4
+ export declare const TypographyBase: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
5
+ $color?: string | undefined;
6
6
  $lineHeight: number;
7
7
  $fontSize: number;
8
8
  $fontWeight: number;
9
- $fontStyle?: string;
10
- $textTransform?: Property.TextTransform;
11
- $textDecorationLine?: Property.TextDecorationLine;
12
- }
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
- ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
15
- }, ITypographyBase>> & string;
9
+ $fontStyle?: string | undefined;
10
+ $textTransform?: Property.TextTransform | undefined;
11
+ $textDecorationLine?: Property.TextDecorationLine | undefined;
12
+ }>> & string;
16
13
  declare enum ComponentTextStyle {
17
14
  Regular = 1,
18
15
  Bold = 2,
package/dist/styles/typography.js CHANGED
@@ -1,28 +1,29 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
2
2
  import _pt from "prop-types";
3
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
3
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
4
4
  import React from 'react';
5
5
  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
- export var TypographyBase = styled('div')(function (_ref) {
10
- var $color = _ref.$color,
11
- lineHeight = _ref.$lineHeight,
12
- $fontSize = _ref.$fontSize,
13
- $fontWeight = _ref.$fontWeight,
14
- $fontStyle = _ref.$fontStyle,
15
- textTransform = _ref.$textTransform,
16
- textDecorationLine = _ref.$textDecorationLine;
17
- return {
18
- fontSize: $fontSize,
19
- fontWeight: $fontWeight,
20
- lineHeight: lineHeight + 'px',
21
- textTransform: textTransform ? textTransform : 'none',
22
- textDecorationLine: textDecorationLine ? textDecorationLine : 'none',
23
- fontStyle: $fontStyle ? $fontStyle : 'normal',
24
- color: $color ? $color : COLORS.black
25
- };
9
+ export var TypographyBase = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n fontSize: ", ";\n fontWeight: ", ";\n lineHeight: ", "px;\n textTransform: ", ";\n textDecorationLine: ", ";\n fontStyle: ", ";\n color: ", ";\n"])), function (props) {
10
+ return props.$fontSize;
11
+ }, function (props) {
12
+ return props.$fontWeight;
13
+ }, function (props) {
14
+ return props.$lineHeight;
15
+ }, function (props) {
16
+ var _props$$textTransform;
17
+ return (_props$$textTransform = props.$textTransform) !== null && _props$$textTransform !== void 0 ? _props$$textTransform : 'none';
18
+ }, function (props) {
19
+ var _props$$textDecoratio;
20
+ return (_props$$textDecoratio = props.$textDecorationLine) !== null && _props$$textDecoratio !== void 0 ? _props$$textDecoratio : 'none';
21
+ }, function (props) {
22
+ var _props$$fontStyle;
23
+ return (_props$$fontStyle = props.$fontStyle) !== null && _props$$fontStyle !== void 0 ? _props$$fontStyle : 'normal';
24
+ }, function (props) {
25
+ var _props$color;
26
+ return (_props$color = props.color) !== null && _props$color !== void 0 ? _props$color : COLORS.getColor('black', props.theme);
26
27
  });
27
28
  var ComponentTextStyle;
28
29
  (function (ComponentTextStyle) {
@@ -47,18 +48,18 @@ var componentTextTransformation = function componentTextTransformation(textStyle
47
48
  return fontStyle;
48
49
  };
49
50
  var ComponentStyling = function ComponentStyling(fontSize, lineHeight, textStyle, color) {
50
- return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n font-style: ", ";\n ", "\n "])), fontSize, componentFontWeight(textStyle), lineHeight, componentFontStyle(textStyle), function (props) {
51
+ return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n font-style: ", ";\n ", "\n "])), fontSize, componentFontWeight(textStyle), lineHeight, componentFontStyle(textStyle), function (props) {
51
52
  return color === null ? '' : "color: ".concat(color || COLORS.getColor('black', props.theme), ";");
52
53
  });
53
54
  };
54
55
  var ComponentXLStyling = function ComponentXLStyling(textStyle, color) {
55
56
  return ComponentStyling('24px', '28px', textStyle, color);
56
57
  };
57
- var ComponentXL = function ComponentXL(_ref2) {
58
- var color = _ref2.color,
59
- textStyle = _ref2.textStyle,
60
- children = _ref2.children,
61
- className = _ref2.className;
58
+ var ComponentXL = function ComponentXL(_ref) {
59
+ var color = _ref.color,
60
+ textStyle = _ref.textStyle,
61
+ children = _ref.children,
62
+ className = _ref.className;
62
63
  var fontWeight = componentFontWeight(textStyle);
63
64
  var fontStyle = componentFontStyle(textStyle);
64
65
  return /*#__PURE__*/_jsx(TypographyBase, {
@@ -80,11 +81,11 @@ ComponentXL.propTypes = {
80
81
  var ComponentLStyling = function ComponentLStyling(textStyle, color) {
81
82
  return ComponentStyling('20px', '24px', textStyle, color);
82
83
  };
83
- var ComponentL = function ComponentL(_ref3) {
84
- var color = _ref3.color,
85
- textStyle = _ref3.textStyle,
86
- children = _ref3.children,
87
- className = _ref3.className;
84
+ var ComponentL = function ComponentL(_ref2) {
85
+ var color = _ref2.color,
86
+ textStyle = _ref2.textStyle,
87
+ children = _ref2.children,
88
+ className = _ref2.className;
88
89
  var fontWeight = componentFontWeight(textStyle);
89
90
  var fontStyle = componentFontStyle(textStyle);
90
91
  return /*#__PURE__*/_jsx(TypographyBase, {
@@ -106,11 +107,11 @@ ComponentL.propTypes = {
106
107
  var ComponentMStyling = function ComponentMStyling(textStyle, color) {
107
108
  return ComponentStyling('18px', '24px', textStyle, color);
108
109
  };
109
- var ComponentM = function ComponentM(_ref4) {
110
- var color = _ref4.color,
111
- textStyle = _ref4.textStyle,
112
- children = _ref4.children,
113
- className = _ref4.className;
110
+ var ComponentM = function ComponentM(_ref3) {
111
+ var color = _ref3.color,
112
+ textStyle = _ref3.textStyle,
113
+ children = _ref3.children,
114
+ className = _ref3.className;
114
115
  var fontWeight = componentFontWeight(textStyle);
115
116
  var fontStyle = componentFontStyle(textStyle);
116
117
  return /*#__PURE__*/_jsx(TypographyBase, {
@@ -132,11 +133,11 @@ ComponentM.propTypes = {
132
133
  var ComponentSStyling = function ComponentSStyling(textStyle, color) {
133
134
  return ComponentStyling('16px', '20px', textStyle, color);
134
135
  };
135
- var ComponentS = function ComponentS(_ref5) {
136
- var color = _ref5.color,
137
- textStyle = _ref5.textStyle,
138
- children = _ref5.children,
139
- className = _ref5.className;
136
+ var ComponentS = function ComponentS(_ref4) {
137
+ var color = _ref4.color,
138
+ textStyle = _ref4.textStyle,
139
+ children = _ref4.children,
140
+ className = _ref4.className;
140
141
  var fontWeight = componentFontWeight(textStyle);
141
142
  var fontStyle = componentFontStyle(textStyle);
142
143
  return /*#__PURE__*/_jsx(TypographyBase, {
@@ -158,11 +159,11 @@ ComponentS.propTypes = {
158
159
  var ComponentXSStyling = function ComponentXSStyling(textStyle, color) {
159
160
  return ComponentStyling('14px', '16px', textStyle, color);
160
161
  };
161
- var ComponentXS = function ComponentXS(_ref6) {
162
- var color = _ref6.color,
163
- textStyle = _ref6.textStyle,
164
- children = _ref6.children,
165
- className = _ref6.className;
162
+ var ComponentXS = function ComponentXS(_ref5) {
163
+ var color = _ref5.color,
164
+ textStyle = _ref5.textStyle,
165
+ children = _ref5.children,
166
+ className = _ref5.className;
166
167
  var fontWeight = componentFontWeight(textStyle);
167
168
  var fontStyle = componentFontStyle(textStyle);
168
169
  var textTransform = componentTextTransformation(textStyle);
@@ -186,11 +187,11 @@ ComponentXS.propTypes = {
186
187
  var ComponentXXSStyling = function ComponentXXSStyling(textStyle, color) {
187
188
  return ComponentStyling('12px', '16px', textStyle, color);
188
189
  };
189
- var ComponentXXS = function ComponentXXS(_ref7) {
190
- var color = _ref7.color,
191
- textStyle = _ref7.textStyle,
192
- children = _ref7.children,
193
- className = _ref7.className;
190
+ var ComponentXXS = function ComponentXXS(_ref6) {
191
+ var color = _ref6.color,
192
+ textStyle = _ref6.textStyle,
193
+ children = _ref6.children,
194
+ className = _ref6.className;
194
195
  var fontWeight = componentFontWeight(textStyle);
195
196
  var fontStyle = componentFontStyle(textStyle);
196
197
  var textTransform = componentTextTransformation(textStyle);
@@ -211,12 +212,12 @@ ComponentXXS.propTypes = {
211
212
  textStyle: _pt.oneOf([1, 2, 3, 4]),
212
213
  children: _pt.node
213
214
  };
214
- var ComponentResponsive = function ComponentResponsive(_ref8) {
215
- var color = _ref8.color,
216
- textStyle = _ref8.textStyle,
217
- children = _ref8.children,
218
- size = _ref8.size,
219
- width = _ref8.width;
215
+ var ComponentResponsive = function ComponentResponsive(_ref7) {
216
+ var color = _ref7.color,
217
+ textStyle = _ref7.textStyle,
218
+ children = _ref7.children,
219
+ size = _ref7.size,
220
+ width = _ref7.width;
220
221
  var fontsize = size;
221
222
  if (!size) {
222
223
  if (width == -1) {
@@ -269,13 +270,13 @@ ComponentResponsive.propTypes = {
269
270
  textStyle: _pt.oneOf([1, 2, 3, 4]),
270
271
  children: _pt.node
271
272
  };
272
- export var Typography = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n html {\n font-size: 100%;\n }\n\n @media (min-width: 48rem) {\n html {\n font-size: 112.5%;\n }\n }\n\n @media (min-width: 80rem) {\n html {\n font-size: 125%;\n }\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-weight: 700;\n line-height: 120%;\n margin: 0;\n }\n\n h1 {\n font-size: 3rem;\n }\n\n h2 {\n font-size: 2.5rem;\n }\n\n h3 {\n font-size: 2rem;\n }\n\n h4 {\n font-size: 1.75rem;\n }\n\n h5 {\n font-size: 1.5rem;\n }\n\n h6 {\n font-size: 1.25rem;\n }\n\n p {\n font-size: 1rem;\n line-height: 150%;\n margin: 0 0 0.5rem;\n }\n\n p:last-of-type {\n margin-bottom: 0;\n }\n\n\n h1, h2, h3, h4, h5, h6, p, span {\n max-width: 34rem;\n }\n\n :lang(ja-jp) {\n h1, h2, h3, h4, h5, h6, p, span {\n max-width: 30rem;\n }\n }\n\n :lang(ko-kr) {\n h1, h2, h3, h4, h5, h6, p, span {\n max-width: 30rem;\n }\n }\n\n :lang(zh-CN) {\n h1, h2, h3, h4, h5, h6, p, span {\n max-width: 30rem;\n }\n }\n"])));
273
- export var QuoteTypography = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n font-size: 1.5rem;\n line-height: 150%;\n margin-bottom: 0.75rem;\n"])));
274
- export var NoteTypography = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n font-size: 0.75rem;\n line-height: 150%;\n margin-bottom: 0.375rem;\n"])));
275
- export var UpperCaseTypography = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n font-size: 0.75rem;\n line-height: 150%;\n font-weight: 700;\n text-transform: uppercase;\n"])));
276
- export var Note = styled.p(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n ", "\n"])), NoteTypography);
277
- export var Quote = styled.p(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n ", "\n"])), QuoteTypography);
278
- export var UpperCase = styled.p(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n ", "\n"])), UpperCaseTypography);
273
+ export var Typography = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n html {\n font-size: 100%;\n }\n\n @media (min-width: 48rem) {\n html {\n font-size: 112.5%;\n }\n }\n\n @media (min-width: 80rem) {\n html {\n font-size: 125%;\n }\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-weight: 700;\n line-height: 120%;\n margin: 0;\n }\n\n h1 {\n font-size: 3rem;\n }\n\n h2 {\n font-size: 2.5rem;\n }\n\n h3 {\n font-size: 2rem;\n }\n\n h4 {\n font-size: 1.75rem;\n }\n\n h5 {\n font-size: 1.5rem;\n }\n\n h6 {\n font-size: 1.25rem;\n }\n\n p {\n font-size: 1rem;\n line-height: 150%;\n margin: 0 0 0.5rem;\n }\n\n p:last-of-type {\n margin-bottom: 0;\n }\n\n\n h1, h2, h3, h4, h5, h6, p, span {\n max-width: 34rem;\n }\n\n :lang(ja-jp) {\n h1, h2, h3, h4, h5, h6, p, span {\n max-width: 30rem;\n }\n }\n\n :lang(ko-kr) {\n h1, h2, h3, h4, h5, h6, p, span {\n max-width: 30rem;\n }\n }\n\n :lang(zh-CN) {\n h1, h2, h3, h4, h5, h6, p, span {\n max-width: 30rem;\n }\n }\n"])));
274
+ export var QuoteTypography = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n font-size: 1.5rem;\n line-height: 150%;\n margin-bottom: 0.75rem;\n"])));
275
+ export var NoteTypography = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n font-size: 0.75rem;\n line-height: 150%;\n margin-bottom: 0.375rem;\n"])));
276
+ export var UpperCaseTypography = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n font-size: 0.75rem;\n line-height: 150%;\n font-weight: 700;\n text-transform: uppercase;\n"])));
277
+ export var Note = styled.p(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n ", "\n"])), NoteTypography);
278
+ export var Quote = styled.p(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n ", "\n"])), QuoteTypography);
279
+ export var UpperCase = styled.p(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n ", "\n"])), UpperCaseTypography);
279
280
  export { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };
280
281
  export { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };
281
282
  //# sourceMappingURL=typography.js.map