@laerdal/life-react-components 2.0.1-dev.23 → 2.0.1-dev.24

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 (16) hide show
  1. package/dist/HyperLink/index.cjs +10 -2
  2. package/dist/HyperLink/index.cjs.map +1 -1
  3. package/dist/HyperLink/index.d.ts +2 -2
  4. package/dist/HyperLink/index.js +2 -2
  5. package/dist/HyperLink/index.js.map +1 -1
  6. package/dist/InputFields/Label.cjs +39 -6
  7. package/dist/InputFields/Label.cjs.map +1 -1
  8. package/dist/InputFields/Label.d.ts +1 -0
  9. package/dist/InputFields/Label.js +41 -9
  10. package/dist/InputFields/Label.js.map +1 -1
  11. package/dist/styles/typography.cjs +2 -1
  12. package/dist/styles/typography.cjs.map +1 -1
  13. package/dist/styles/typography.d.ts +1 -0
  14. package/dist/styles/typography.js +1 -1
  15. package/dist/styles/typography.js.map +1 -1
  16. package/package.json +1 -1
package/dist/HyperLink/index.cjs CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _typeof = require("@babel/runtime/helpers/typeof");
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
@@ -22,6 +22,14 @@ Object.defineProperty(exports, "HyperLinkInvertedStyling", {
22
22
  return _styling.invertedStyle;
23
23
  }
24
24
  });
25
- var _HyperLink = _interopRequireDefault(require("./HyperLink"));
25
+ Object.defineProperty(exports, "StyledLink", {
26
+ enumerable: true,
27
+ get: function get() {
28
+ return _HyperLink.StyledLink;
29
+ }
30
+ });
31
+ var _HyperLink = _interopRequireWildcard(require("./HyperLink"));
26
32
  var _styling = require("./styling");
33
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
34
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
27
35
  //# sourceMappingURL=index.cjs.map
package/dist/HyperLink/index.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","names":[],"sources":["../../src/HyperLink/index.ts"],"sourcesContent":["import HyperLink from './HyperLink';\nimport {defaultStyle as HyperLinkDefaultStyling, invertedStyle as HyperLinkInvertedStyling} from './styling';\n\nexport { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA"}
1
+ {"version":3,"file":"index.cjs","names":[],"sources":["../../src/HyperLink/index.ts"],"sourcesContent":["import HyperLink, { StyledLink } from './HyperLink';\nimport {defaultStyle as HyperLinkDefaultStyling, invertedStyle as HyperLinkInvertedStyling} from './styling';\n\nexport { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling, StyledLink };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAA6G;AAAA"}
package/dist/HyperLink/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- import HyperLink from './HyperLink';
1
+ import HyperLink, { StyledLink } from './HyperLink';
2
2
  import { defaultStyle as HyperLinkDefaultStyling, invertedStyle as HyperLinkInvertedStyling } from './styling';
3
- export { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling };
3
+ export { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling, StyledLink };
package/dist/HyperLink/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import HyperLink from './HyperLink';
1
+ import HyperLink, { StyledLink } from './HyperLink';
2
2
  import { defaultStyle as HyperLinkDefaultStyling, invertedStyle as HyperLinkInvertedStyling } from './styling';
3
- export { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling };
3
+ export { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling, StyledLink };
4
4
  //# sourceMappingURL=index.js.map
package/dist/HyperLink/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["HyperLink","defaultStyle","HyperLinkDefaultStyling","invertedStyle","HyperLinkInvertedStyling"],"sources":["../../src/HyperLink/index.ts"],"sourcesContent":["import HyperLink from './HyperLink';\nimport {defaultStyle as HyperLinkDefaultStyling, invertedStyle as HyperLinkInvertedStyling} from './styling';\n\nexport { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling };\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,aAAa;AACnC,SAAQC,YAAY,IAAIC,uBAAuB,EAAEC,aAAa,IAAIC,wBAAwB,QAAO,WAAW;AAE5G,SAASJ,SAAS,EAAEI,wBAAwB,EAAEF,uBAAuB"}
1
+ {"version":3,"file":"index.js","names":["HyperLink","StyledLink","defaultStyle","HyperLinkDefaultStyling","invertedStyle","HyperLinkInvertedStyling"],"sources":["../../src/HyperLink/index.ts"],"sourcesContent":["import HyperLink, { StyledLink } from './HyperLink';\nimport {defaultStyle as HyperLinkDefaultStyling, invertedStyle as HyperLinkInvertedStyling} from './styling';\n\nexport { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling, StyledLink };\n"],"mappings":"AAAA,OAAOA,SAAS,IAAIC,UAAU,QAAQ,aAAa;AACnD,SAAQC,YAAY,IAAIC,uBAAuB,EAAEC,aAAa,IAAIC,wBAAwB,QAAO,WAAW;AAE5G,SAASL,SAAS,EAAEK,wBAAwB,EAAEF,uBAAuB,EAAEF,UAAU"}
package/dist/InputFields/Label.cjs CHANGED
@@ -16,31 +16,42 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
16
16
  var _typography = require("../styles/typography");
17
17
  var _icons = require("../icons");
18
18
  var _jsxRuntime = require("react/jsx-runtime");
19
- var _templateObject, _templateObject2, _templateObject3;
19
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
20
20
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
21
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
22
22
  // Add component-specific styles.
23
- var Label = _styledComponents.default.label(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n ", "\n\n ", " {\n ", "\n }\n\n &.small {\n ", "\n }\n &.medium {\n ", "\n }\n\n pointer-events: none;\n"])), (0, _typography.ComponentXXSStyling)(1, _styles.COLORS.neutral_500), _styles.BREAKPOINTS.MEDIUM, (0, _typography.ComponentXSStyling)(1, _styles.COLORS.neutral_500), (0, _typography.ComponentXXSStyling)(1, _styles.COLORS.neutral_500), (0, _typography.ComponentXSStyling)(1, _styles.COLORS.neutral_500));
23
+ var Label = _styledComponents.default.label(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n ", "\n\n ", " {\n ", "\n }\n\n &.small {\n ", "\n }\n &.medium {\n ", "\n }\n\n pointer-events: none;\n flex: 1;\n"])), (0, _typography.ComponentXXSStyling)(1, _styles.COLORS.neutral_500), _styles.BREAKPOINTS.MEDIUM, (0, _typography.ComponentXSStyling)(1, _styles.COLORS.neutral_500), (0, _typography.ComponentXXSStyling)(1, _styles.COLORS.neutral_500), (0, _typography.ComponentXSStyling)(1, _styles.COLORS.neutral_500));
24
24
  var LabelRow = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: flex-start;\n height: 16px;\n ", "\n"])), function (props) {
25
25
  return props.margin ? "margin: ".concat(props.margin, ";") : '';
26
26
  });
27
- var LabelRowInner = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n height: 100%;\n gap: ", ";\n align-items: center;\n"])), function (props) {
27
+ var CopyContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\n &:visited:not(.disabled) {\n ", "\n {\n color: ", ";\n }\n }\n\n &:hover:not(.disabled),\n &.hover-state:not(.disabled) {\n ", "\n {\n color: ", ";\n text-decoration-line: underline;\n }\n }\n\n &:focus:not(.disabled),\n &.focus-state:not(.disabled) {\n ", "\n {\n color: ", ";\n background-color: white;\n text-decoration-line: underline;\n }\n }\n\n &:active:not(.disabled),\n &.active-state:not(.disabled) {\n ", "\n {\n color: ", ";\n background-color: white;\n text-decoration-line: underline;\n }\n }\n\n &:not(.disabled)\n {\n ", "\n {\n outline: none;\n padding: 2px 0;\n text-decoration-style: solid;\n text-decoration-line: none;\n font-weight: 700;\n color: ", ";\n }\n }\n\n &.disabled\n {\n ", "\n {\n outline: none;\n padding: 2px 0;\n text-decoration-style: solid;\n text-decoration-line: none;\n font-weight: 700;\n color: ", ";\n }\n }\n cursor: pointer;\n"])), _typography.TypographyBase, _styles.COLORS.primary_800, _typography.TypographyBase, _styles.COLORS.primary_700, _typography.TypographyBase, _styles.COLORS.primary_700, _typography.TypographyBase, _styles.COLORS.primary_700, _typography.TypographyBase, _styles.COLORS.primary_600, _typography.TypographyBase, _styles.COLORS.neutral_300);
28
+ var LabelRowInner = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n width: 100%;\n height: 100%;\n gap: ", ";\n align-items: center;\n"])), function (props) {
28
29
  return props.size === _types.Size.Small ? '2px' : '4px';
29
30
  });
30
31
 
31
32
  // Add component-specific types
32
-
33
+ var CopyState;
34
+ (function (CopyState) {
35
+ CopyState[CopyState["Disabled"] = 0] = "Disabled";
36
+ CopyState[CopyState["Available"] = 1] = "Available";
37
+ CopyState[CopyState["Copied"] = 2] = "Copied";
38
+ })(CopyState || (CopyState = {}));
33
39
  var InputLabel = function InputLabel(_ref) {
34
40
  var inputId = _ref.inputId,
35
41
  text = _ref.text,
36
42
  size = _ref.size,
37
43
  margin = _ref.margin,
38
- requiredProp = _ref.required;
44
+ requiredProp = _ref.required,
45
+ showCopyButton = _ref.showCopyButton;
39
46
  // Globally used variables within the component
40
47
  var _React$useState = React.useState(false),
41
48
  _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
42
49
  required = _React$useState2[0],
43
50
  setRequired = _React$useState2[1];
51
+ var _React$useState3 = React.useState(CopyState.Available),
52
+ _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
53
+ copyState = _React$useState4[0],
54
+ setCopyState = _React$useState4[1];
44
55
 
45
56
  /**
46
57
  * Checks if field is set as required and we have to mark it accordingly.
@@ -63,6 +74,19 @@ var InputLabel = function InputLabel(_ref) {
63
74
  var _document$getElementB2;
64
75
  (_document$getElementB2 = document.getElementById(id)) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.click();
65
76
  };
77
+ var copyInputClick = function copyInputClick(e) {
78
+ var _document$getElementB3;
79
+ e.preventDefault();
80
+ if (copyState == CopyState.Copied) return;
81
+ var val = (_document$getElementB3 = document.getElementById(inputId)) === null || _document$getElementB3 === void 0 ? void 0 : _document$getElementB3.value;
82
+ if (val) {
83
+ window.navigator.clipboard.writeText(val);
84
+ setCopyState(CopyState.Copied);
85
+ setTimeout(function () {
86
+ setCopyState(CopyState.Available);
87
+ }, 1000);
88
+ }
89
+ };
66
90
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LabelRow, {
67
91
  margin: margin,
68
92
  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(LabelRowInner, {
@@ -77,6 +101,14 @@ var InputLabel = function InputLabel(_ref) {
77
101
  },
78
102
  className: size || '',
79
103
  children: text
104
+ }), showCopyButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(CopyContainer, {
105
+ className: copyState != CopyState.Available ? "disabled" : "",
106
+ onClick: copyInputClick,
107
+ children: size == _types.Size.Medium ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.ComponentXS, {
108
+ children: copyState == CopyState.Copied ? 'Copied' : 'Copy'
109
+ }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.ComponentXXS, {
110
+ children: copyState == CopyState.Copied ? 'Copied' : 'Copy'
111
+ })
80
112
  })]
81
113
  })
82
114
  });
@@ -85,7 +117,8 @@ InputLabel.propTypes = {
85
117
  inputId: _propTypes.default.string.isRequired,
86
118
  text: _propTypes.default.string.isRequired,
87
119
  margin: _propTypes.default.string,
88
- required: _propTypes.default.bool
120
+ required: _propTypes.default.bool,
121
+ showCopyButton: _propTypes.default.bool
89
122
  };
90
123
  var _default = InputLabel;
91
124
  exports.default = _default;
package/dist/InputFields/Label.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Label.cjs","names":["Label","styled","label","ComponentXXSStyling","COLORS","neutral_500","BREAKPOINTS","MEDIUM","ComponentXSStyling","LabelRow","div","props","margin","LabelRowInner","size","Size","Small","InputLabel","inputId","text","requiredProp","required","React","useState","setRequired","useEffect","undefined","document","getElementById","getAttribute","Boolean","onTriggerClick","id","click","critical_500"],"sources":["../../src/InputFields/Label.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom styles.\n */\nimport { BREAKPOINTS, COLORS } from '../styles';\nimport { Size } from '../types';\n\n/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\nimport { ComponentXSStyling, ComponentXXSStyling } from '../styles/typography';\nimport { SystemIcons } from '../icons';\n\n// Add component-specific styles.\nconst Label = styled.label`\n ${ComponentXXSStyling(1, COLORS.neutral_500)}\n\n ${BREAKPOINTS.MEDIUM} {\n ${ComponentXSStyling(1, COLORS.neutral_500)}\n }\n\n &.small {\n ${ComponentXXSStyling(1, COLORS.neutral_500)}\n }\n &.medium {\n ${ComponentXSStyling(1, COLORS.neutral_500)}\n }\n\n pointer-events: none;\n`;\n\nconst LabelRow = styled.div<{ margin?: string }>`\n display: flex;\n align-items: flex-start;\n height: 16px;\n ${(props) => (props.margin ? `margin: ${props.margin};` : '')}\n`;\n\nconst LabelRowInner = styled.div<{ size: Size.Small | Size.Medium | undefined }>`\n display: flex;\n flex-direction: row;\n height: 100%;\n gap: ${(props) => (props.size === Size.Small ? '2px' : '4px')};\n align-items: center;\n`;\n\n// Add component-specific types\ntype LabelProps = {\n inputId: string;\n text: string;\n size?: Size.Small | Size.Medium;\n margin?: string;\n required?: boolean;\n};\n\nconst InputLabel: React.FunctionComponent<LabelProps> = ({ inputId, text, size, margin, required: requiredProp }: LabelProps) => {\n // Globally used variables within the component\n const [required, setRequired] = React.useState<boolean>(false);\n\n /**\n * Checks if field is set as required and we have to mark it accordingly.\n */\n React.useEffect(() => {\n if(requiredProp === undefined)\n {\n if (document.getElementById(inputId)?.getAttribute('required') === '') {\n setRequired(true);\n } else {\n setRequired(false);\n }\n }\n else\n setRequired(Boolean(requiredProp));\n }, []);\n /**\n * Triggers a click element on a specific element.\n * @param id - ID of the element which needs to be clicked.\n */\n const onTriggerClick = (id: string): void => {\n document.getElementById(id)?.click();\n };\n\n return (\n <LabelRow margin={margin}>\n <LabelRowInner size={size}>\n {required && <SystemIcons.Asterisk size=\"16px\" color={COLORS.critical_500} />}\n <Label htmlFor={inputId} onClick={() => onTriggerClick(inputId)} className={size || ''}>\n {text}\n </Label>\n </LabelRowInner>\n </LabelRow>\n );\n};\n\nexport default InputLabel;\n"],"mappings":";;;;;;;;;;;AAGA;AAKA;AACA;AAKA;AACA;AACA;AAAuC;AAAA;AAAA;AAAA;AAEvC;AACA,IAAMA,KAAK,GAAGC,yBAAM,CAACC,KAAK,+MACtB,IAAAC,+BAAmB,EAAC,CAAC,EAAEC,cAAM,CAACC,WAAW,CAAC,EAE1CC,mBAAW,CAACC,MAAM,EAChB,IAAAC,8BAAkB,EAAC,CAAC,EAAEJ,cAAM,CAACC,WAAW,CAAC,EAIzC,IAAAF,+BAAmB,EAAC,CAAC,EAAEC,cAAM,CAACC,WAAW,CAAC,EAG1C,IAAAG,8BAAkB,EAAC,CAAC,EAAEJ,cAAM,CAACC,WAAW,CAAC,CAI9C;AAED,IAAMI,QAAQ,GAAGR,yBAAM,CAACS,GAAG,+JAIvB,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACC,MAAM,qBAAcD,KAAK,CAACC,MAAM,SAAM,EAAE;AAAA,CAAC,CAC9D;AAED,IAAMC,aAAa,GAAGZ,yBAAM,CAACS,GAAG,yLAIvB,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACG,IAAI,KAAKC,WAAI,CAACC,KAAK,GAAG,KAAK,GAAG,KAAK;AAAA,CAAC,CAE9D;;AAED;;AASA,IAAMC,UAA+C,GAAG,SAAlDA,UAA+C,OAA4E;EAAA,IAAtEC,OAAO,QAAPA,OAAO;IAAEC,IAAI,QAAJA,IAAI;IAAEL,IAAI,QAAJA,IAAI;IAAEF,MAAM,QAANA,MAAM;IAAYQ,YAAY,QAAtBC,QAAQ;EAC9F;EACA,sBAAgCC,KAAK,CAACC,QAAQ,CAAU,KAAK,CAAC;IAAA;IAAvDF,QAAQ;IAAEG,WAAW;;EAE5B;AACF;AACA;EACEF,KAAK,CAACG,SAAS,CAAC,YAAM;IACpB,IAAGL,YAAY,KAAKM,SAAS,EAC7B;MAAA;MACE,IAAI,0BAAAC,QAAQ,CAACC,cAAc,CAACV,OAAO,CAAC,0DAAhC,sBAAkCW,YAAY,CAAC,UAAU,CAAC,MAAK,EAAE,EAAE;QACrEL,WAAW,CAAC,IAAI,CAAC;MACnB,CAAC,MAAM;QACLA,WAAW,CAAC,KAAK,CAAC;MACpB;IACF,CAAC,MAECA,WAAW,CAACM,OAAO,CAACV,YAAY,CAAC,CAAC;EACtC,CAAC,EAAE,EAAE,CAAC;EACN;AACF;AACA;AACA;EACE,IAAMW,cAAc,GAAG,SAAjBA,cAAc,CAAIC,EAAU,EAAW;IAAA;IAC3C,0BAAAL,QAAQ,CAACC,cAAc,CAACI,EAAE,CAAC,2DAA3B,uBAA6BC,KAAK,EAAE;EACtC,CAAC;EAED,oBACE,qBAAC,QAAQ;IAAC,MAAM,EAAErB,MAAO;IAAA,uBACvB,sBAAC,aAAa;MAAC,IAAI,EAAEE,IAAK;MAAA,WACvBO,QAAQ,iBAAI,qBAAC,kBAAW,CAAC,QAAQ;QAAC,IAAI,EAAC,MAAM;QAAC,KAAK,EAAEjB,cAAM,CAAC8B;MAAa,EAAG,eAC7E,qBAAC,KAAK;QAAC,OAAO,EAAEhB,OAAQ;QAAC,OAAO,EAAE;UAAA,OAAMa,cAAc,CAACb,OAAO,CAAC;QAAA,CAAC;QAAC,SAAS,EAAEJ,IAAI,IAAI,EAAG;QAAA,UACpFK;MAAI,EACC;IAAA;EACM,EACP;AAEf,CAAC;AAAC;EA5CAD,OAAO;EACPC,IAAI;EAEJP,MAAM;EACNS,QAAQ;AAAA;AAAA,eA0CKJ,UAAU;AAAA"}
1
+ {"version":3,"file":"Label.cjs","names":["Label","styled","label","ComponentXXSStyling","COLORS","neutral_500","BREAKPOINTS","MEDIUM","ComponentXSStyling","LabelRow","div","props","margin","CopyContainer","TypographyBase","primary_800","primary_700","primary_600","neutral_300","LabelRowInner","size","Size","Small","CopyState","InputLabel","inputId","text","requiredProp","required","showCopyButton","React","useState","setRequired","Available","copyState","setCopyState","useEffect","undefined","document","getElementById","getAttribute","Boolean","onTriggerClick","id","click","copyInputClick","e","preventDefault","Copied","val","value","window","navigator","clipboard","writeText","setTimeout","critical_500","Medium"],"sources":["../../src/InputFields/Label.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom styles.\n */\nimport { BREAKPOINTS, COLORS } from '../styles';\nimport { Size } from '../types';\n\n/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\nimport { ComponentXS, ComponentXSStyling, ComponentXXS, ComponentXXSStyling, TypographyBase } from '../styles/typography';\nimport { SystemIcons } from '../icons';\nimport {HyperLink, StyledLink} from '../HyperLink';\n\n// Add component-specific styles.\nconst Label = styled.label`\n ${ComponentXXSStyling(1, COLORS.neutral_500)}\n\n ${BREAKPOINTS.MEDIUM} {\n ${ComponentXSStyling(1, COLORS.neutral_500)}\n }\n\n &.small {\n ${ComponentXXSStyling(1, COLORS.neutral_500)}\n }\n &.medium {\n ${ComponentXSStyling(1, COLORS.neutral_500)}\n }\n\n pointer-events: none;\n flex: 1;\n`;\n\nconst LabelRow = styled.div<{ margin?: string }>`\n display: flex;\n align-items: flex-start;\n height: 16px;\n ${(props) => (props.margin ? `margin: ${props.margin};` : '')}\n`;\n\nconst CopyContainer = styled.div`\n\n &:visited:not(.disabled) {\n ${TypographyBase}\n {\n color: ${COLORS.primary_800};\n }\n }\n\n &:hover:not(.disabled),\n &.hover-state:not(.disabled) {\n ${TypographyBase}\n {\n color: ${COLORS.primary_700};\n text-decoration-line: underline;\n }\n }\n\n &:focus:not(.disabled),\n &.focus-state:not(.disabled) {\n ${TypographyBase}\n {\n color: ${COLORS.primary_700};\n background-color: white;\n text-decoration-line: underline;\n }\n }\n\n &:active:not(.disabled),\n &.active-state:not(.disabled) {\n ${TypographyBase}\n {\n color: ${COLORS.primary_700};\n background-color: white;\n text-decoration-line: underline;\n }\n }\n\n &:not(.disabled)\n {\n ${TypographyBase}\n {\n outline: none;\n padding: 2px 0;\n text-decoration-style: solid;\n text-decoration-line: none;\n font-weight: 700;\n color: ${COLORS.primary_600};\n }\n }\n\n &.disabled\n {\n ${TypographyBase}\n {\n outline: none;\n padding: 2px 0;\n text-decoration-style: solid;\n text-decoration-line: none;\n font-weight: 700;\n color: ${COLORS.neutral_300};\n }\n }\n cursor: pointer;\n`;\n\nconst LabelRowInner = styled.div<{ size: Size.Small | Size.Medium | undefined }>`\n display: flex;\n flex-direction: row;\n width: 100%;\n height: 100%;\n gap: ${(props) => (props.size === Size.Small ? '2px' : '4px')};\n align-items: center;\n`;\n\n// Add component-specific types\ntype LabelProps = {\n inputId: string;\n text: string;\n size?: Size.Small | Size.Medium;\n margin?: string;\n required?: boolean;\n showCopyButton?: boolean;\n};\n\nenum CopyState {\n Disabled = 0,\n Available = 1,\n Copied = 2\n}\n\nconst InputLabel: React.FunctionComponent<LabelProps> = ({ inputId, text, size, margin, required: requiredProp, showCopyButton }: LabelProps) => {\n // Globally used variables within the component\n const [required, setRequired] = React.useState<boolean>(false);\n const [copyState, setCopyState] = React.useState<CopyState>(CopyState.Available);\n\n /**\n * Checks if field is set as required and we have to mark it accordingly.\n */\n React.useEffect(() => {\n if(requiredProp === undefined)\n {\n if (document.getElementById(inputId)?.getAttribute('required') === '') {\n setRequired(true);\n } else {\n setRequired(false);\n }\n }\n else\n setRequired(Boolean(requiredProp));\n }, []);\n /**\n * Triggers a click element on a specific element.\n * @param id - ID of the element which needs to be clicked.\n */\n const onTriggerClick = (id: string): void => {\n document.getElementById(id)?.click();\n };\n\n const copyInputClick = (e: any) => {\n e.preventDefault();\n if(copyState == CopyState.Copied)\n return;\n \n const val = (document.getElementById(inputId) as HTMLInputElement)?.value;\n if(val)\n {\n window.navigator.clipboard.writeText(val);\n setCopyState(CopyState.Copied);\n setTimeout(() => {\n setCopyState(CopyState.Available);\n }, 1000);\n }\n };\n\n return (\n <LabelRow margin={margin}>\n <LabelRowInner size={size}>\n {required && <SystemIcons.Asterisk size=\"16px\" color={COLORS.critical_500} />}\n <Label htmlFor={inputId} onClick={() => onTriggerClick(inputId)} className={size || ''}>\n {text}\n </Label>\n {showCopyButton && \n <CopyContainer className={copyState != CopyState.Available ? \"disabled\" : \"\"} onClick={copyInputClick}>\n { size == Size.Medium ? <ComponentXS>{copyState == CopyState.Copied ? 'Copied' : 'Copy'}</ComponentXS> :\n <ComponentXXS>{copyState == CopyState.Copied ? 'Copied' : 'Copy'}</ComponentXXS> }\n </CopyContainer> }\n </LabelRowInner>\n </LabelRow>\n );\n};\n\nexport default InputLabel;\n"],"mappings":"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"}
package/dist/InputFields/Label.d.ts CHANGED
@@ -9,6 +9,7 @@ type LabelProps = {
9
9
  size?: Size.Small | Size.Medium;
10
10
  margin?: string;
11
11
  required?: boolean;
12
+ showCopyButton?: boolean;
12
13
  };
13
14
  declare const InputLabel: React.FunctionComponent<LabelProps>;
14
15
  export default InputLabel;
package/dist/InputFields/Label.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
2
  import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
3
3
  import _pt from "prop-types";
4
- var _templateObject, _templateObject2, _templateObject3;
4
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
5
5
  /**
6
6
  * Import React libraries.
7
7
  */
@@ -17,33 +17,43 @@ import { Size } from '../types';
17
17
  * Import third-party libraries.
18
18
  */
19
19
  import styled from 'styled-components';
20
- import { ComponentXSStyling, ComponentXXSStyling } from '../styles/typography';
20
+ import { ComponentXS, ComponentXSStyling, ComponentXXS, ComponentXXSStyling, TypographyBase } from '../styles/typography';
21
21
  import { SystemIcons } from '../icons';
22
-
23
- // Add component-specific styles.
24
22
  import { jsx as _jsx } from "react/jsx-runtime";
25
23
  import { jsxs as _jsxs } from "react/jsx-runtime";
26
- var Label = styled.label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n\n ", " {\n ", "\n }\n\n &.small {\n ", "\n }\n &.medium {\n ", "\n }\n\n pointer-events: none;\n"])), ComponentXXSStyling(1, COLORS.neutral_500), BREAKPOINTS.MEDIUM, ComponentXSStyling(1, COLORS.neutral_500), ComponentXXSStyling(1, COLORS.neutral_500), ComponentXSStyling(1, COLORS.neutral_500));
24
+ // Add component-specific styles.
25
+ var Label = styled.label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n\n ", " {\n ", "\n }\n\n &.small {\n ", "\n }\n &.medium {\n ", "\n }\n\n pointer-events: none;\n flex: 1;\n"])), ComponentXXSStyling(1, COLORS.neutral_500), BREAKPOINTS.MEDIUM, ComponentXSStyling(1, COLORS.neutral_500), ComponentXXSStyling(1, COLORS.neutral_500), ComponentXSStyling(1, COLORS.neutral_500));
27
26
  var LabelRow = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n align-items: flex-start;\n height: 16px;\n ", "\n"])), function (props) {
28
27
  return props.margin ? "margin: ".concat(props.margin, ";") : '';
29
28
  });
30
- var LabelRowInner = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n height: 100%;\n gap: ", ";\n align-items: center;\n"])), function (props) {
29
+ var CopyContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\n &:visited:not(.disabled) {\n ", "\n {\n color: ", ";\n }\n }\n\n &:hover:not(.disabled),\n &.hover-state:not(.disabled) {\n ", "\n {\n color: ", ";\n text-decoration-line: underline;\n }\n }\n\n &:focus:not(.disabled),\n &.focus-state:not(.disabled) {\n ", "\n {\n color: ", ";\n background-color: white;\n text-decoration-line: underline;\n }\n }\n\n &:active:not(.disabled),\n &.active-state:not(.disabled) {\n ", "\n {\n color: ", ";\n background-color: white;\n text-decoration-line: underline;\n }\n }\n\n &:not(.disabled)\n {\n ", "\n {\n outline: none;\n padding: 2px 0;\n text-decoration-style: solid;\n text-decoration-line: none;\n font-weight: 700;\n color: ", ";\n }\n }\n\n &.disabled\n {\n ", "\n {\n outline: none;\n padding: 2px 0;\n text-decoration-style: solid;\n text-decoration-line: none;\n font-weight: 700;\n color: ", ";\n }\n }\n cursor: pointer;\n"])), TypographyBase, COLORS.primary_800, TypographyBase, COLORS.primary_700, TypographyBase, COLORS.primary_700, TypographyBase, COLORS.primary_700, TypographyBase, COLORS.primary_600, TypographyBase, COLORS.neutral_300);
30
+ var LabelRowInner = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n width: 100%;\n height: 100%;\n gap: ", ";\n align-items: center;\n"])), function (props) {
31
31
  return props.size === Size.Small ? '2px' : '4px';
32
32
  });
33
33
 
34
34
  // Add component-specific types
35
-
35
+ var CopyState;
36
+ (function (CopyState) {
37
+ CopyState[CopyState["Disabled"] = 0] = "Disabled";
38
+ CopyState[CopyState["Available"] = 1] = "Available";
39
+ CopyState[CopyState["Copied"] = 2] = "Copied";
40
+ })(CopyState || (CopyState = {}));
36
41
  var InputLabel = function InputLabel(_ref) {
37
42
  var inputId = _ref.inputId,
38
43
  text = _ref.text,
39
44
  size = _ref.size,
40
45
  margin = _ref.margin,
41
- requiredProp = _ref.required;
46
+ requiredProp = _ref.required,
47
+ showCopyButton = _ref.showCopyButton;
42
48
  // Globally used variables within the component
43
49
  var _React$useState = React.useState(false),
44
50
  _React$useState2 = _slicedToArray(_React$useState, 2),
45
51
  required = _React$useState2[0],
46
52
  setRequired = _React$useState2[1];
53
+ var _React$useState3 = React.useState(CopyState.Available),
54
+ _React$useState4 = _slicedToArray(_React$useState3, 2),
55
+ copyState = _React$useState4[0],
56
+ setCopyState = _React$useState4[1];
47
57
 
48
58
  /**
49
59
  * Checks if field is set as required and we have to mark it accordingly.
@@ -66,6 +76,19 @@ var InputLabel = function InputLabel(_ref) {
66
76
  var _document$getElementB2;
67
77
  (_document$getElementB2 = document.getElementById(id)) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.click();
68
78
  };
79
+ var copyInputClick = function copyInputClick(e) {
80
+ var _document$getElementB3;
81
+ e.preventDefault();
82
+ if (copyState == CopyState.Copied) return;
83
+ var val = (_document$getElementB3 = document.getElementById(inputId)) === null || _document$getElementB3 === void 0 ? void 0 : _document$getElementB3.value;
84
+ if (val) {
85
+ window.navigator.clipboard.writeText(val);
86
+ setCopyState(CopyState.Copied);
87
+ setTimeout(function () {
88
+ setCopyState(CopyState.Available);
89
+ }, 1000);
90
+ }
91
+ };
69
92
  return /*#__PURE__*/_jsx(LabelRow, {
70
93
  margin: margin,
71
94
  children: /*#__PURE__*/_jsxs(LabelRowInner, {
@@ -80,6 +103,14 @@ var InputLabel = function InputLabel(_ref) {
80
103
  },
81
104
  className: size || '',
82
105
  children: text
106
+ }), showCopyButton && /*#__PURE__*/_jsx(CopyContainer, {
107
+ className: copyState != CopyState.Available ? "disabled" : "",
108
+ onClick: copyInputClick,
109
+ children: size == Size.Medium ? /*#__PURE__*/_jsx(ComponentXS, {
110
+ children: copyState == CopyState.Copied ? 'Copied' : 'Copy'
111
+ }) : /*#__PURE__*/_jsx(ComponentXXS, {
112
+ children: copyState == CopyState.Copied ? 'Copied' : 'Copy'
113
+ })
83
114
  })]
84
115
  })
85
116
  });
@@ -88,7 +119,8 @@ InputLabel.propTypes = {
88
119
  inputId: _pt.string.isRequired,
89
120
  text: _pt.string.isRequired,
90
121
  margin: _pt.string,
91
- required: _pt.bool
122
+ required: _pt.bool,
123
+ showCopyButton: _pt.bool
92
124
  };
93
125
  export default InputLabel;
94
126
  //# sourceMappingURL=Label.js.map
package/dist/InputFields/Label.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Label.js","names":["React","BREAKPOINTS","COLORS","Size","styled","ComponentXSStyling","ComponentXXSStyling","SystemIcons","Label","label","neutral_500","MEDIUM","LabelRow","div","props","margin","LabelRowInner","size","Small","InputLabel","inputId","text","requiredProp","required","useState","setRequired","useEffect","undefined","document","getElementById","getAttribute","Boolean","onTriggerClick","id","click","critical_500"],"sources":["../../src/InputFields/Label.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom styles.\n */\nimport { BREAKPOINTS, COLORS } from '../styles';\nimport { Size } from '../types';\n\n/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\nimport { ComponentXSStyling, ComponentXXSStyling } from '../styles/typography';\nimport { SystemIcons } from '../icons';\n\n// Add component-specific styles.\nconst Label = styled.label`\n ${ComponentXXSStyling(1, COLORS.neutral_500)}\n\n ${BREAKPOINTS.MEDIUM} {\n ${ComponentXSStyling(1, COLORS.neutral_500)}\n }\n\n &.small {\n ${ComponentXXSStyling(1, COLORS.neutral_500)}\n }\n &.medium {\n ${ComponentXSStyling(1, COLORS.neutral_500)}\n }\n\n pointer-events: none;\n`;\n\nconst LabelRow = styled.div<{ margin?: string }>`\n display: flex;\n align-items: flex-start;\n height: 16px;\n ${(props) => (props.margin ? `margin: ${props.margin};` : '')}\n`;\n\nconst LabelRowInner = styled.div<{ size: Size.Small | Size.Medium | undefined }>`\n display: flex;\n flex-direction: row;\n height: 100%;\n gap: ${(props) => (props.size === Size.Small ? '2px' : '4px')};\n align-items: center;\n`;\n\n// Add component-specific types\ntype LabelProps = {\n inputId: string;\n text: string;\n size?: Size.Small | Size.Medium;\n margin?: string;\n required?: boolean;\n};\n\nconst InputLabel: React.FunctionComponent<LabelProps> = ({ inputId, text, size, margin, required: requiredProp }: LabelProps) => {\n // Globally used variables within the component\n const [required, setRequired] = React.useState<boolean>(false);\n\n /**\n * Checks if field is set as required and we have to mark it accordingly.\n */\n React.useEffect(() => {\n if(requiredProp === undefined)\n {\n if (document.getElementById(inputId)?.getAttribute('required') === '') {\n setRequired(true);\n } else {\n setRequired(false);\n }\n }\n else\n setRequired(Boolean(requiredProp));\n }, []);\n /**\n * Triggers a click element on a specific element.\n * @param id - ID of the element which needs to be clicked.\n */\n const onTriggerClick = (id: string): void => {\n document.getElementById(id)?.click();\n };\n\n return (\n <LabelRow margin={margin}>\n <LabelRowInner size={size}>\n {required && <SystemIcons.Asterisk size=\"16px\" color={COLORS.critical_500} />}\n <Label htmlFor={inputId} onClick={() => onTriggerClick(inputId)} className={size || ''}>\n {text}\n </Label>\n </LabelRowInner>\n </LabelRow>\n );\n};\n\nexport default InputLabel;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;;AAE9B;AACA;AACA;AACA,SAASC,WAAW,EAAEC,MAAM,QAAQ,WAAW;AAC/C,SAASC,IAAI,QAAQ,UAAU;;AAE/B;AACA;AACA;AACA,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,kBAAkB,EAAEC,mBAAmB,QAAQ,sBAAsB;AAC9E,SAASC,WAAW,QAAQ,UAAU;;AAEtC;AAAA;AAAA;AACA,IAAMC,KAAK,GAAGJ,MAAM,CAACK,KAAK,iMACtBH,mBAAmB,CAAC,CAAC,EAAEJ,MAAM,CAACQ,WAAW,CAAC,EAE1CT,WAAW,CAACU,MAAM,EAChBN,kBAAkB,CAAC,CAAC,EAAEH,MAAM,CAACQ,WAAW,CAAC,EAIzCJ,mBAAmB,CAAC,CAAC,EAAEJ,MAAM,CAACQ,WAAW,CAAC,EAG1CL,kBAAkB,CAAC,CAAC,EAAEH,MAAM,CAACQ,WAAW,CAAC,CAI9C;AAED,IAAME,QAAQ,GAAGR,MAAM,CAACS,GAAG,iJAIvB,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACC,MAAM,qBAAcD,KAAK,CAACC,MAAM,SAAM,EAAE;AAAA,CAAC,CAC9D;AAED,IAAMC,aAAa,GAAGZ,MAAM,CAACS,GAAG,2KAIvB,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACG,IAAI,KAAKd,IAAI,CAACe,KAAK,GAAG,KAAK,GAAG,KAAK;AAAA,CAAC,CAE9D;;AAED;;AASA,IAAMC,UAA+C,GAAG,SAAlDA,UAA+C,OAA4E;EAAA,IAAtEC,OAAO,QAAPA,OAAO;IAAEC,IAAI,QAAJA,IAAI;IAAEJ,IAAI,QAAJA,IAAI;IAAEF,MAAM,QAANA,MAAM;IAAYO,YAAY,QAAtBC,QAAQ;EAC9F;EACA,sBAAgCvB,KAAK,CAACwB,QAAQ,CAAU,KAAK,CAAC;IAAA;IAAvDD,QAAQ;IAAEE,WAAW;;EAE5B;AACF;AACA;EACEzB,KAAK,CAAC0B,SAAS,CAAC,YAAM;IACpB,IAAGJ,YAAY,KAAKK,SAAS,EAC7B;MAAA;MACE,IAAI,0BAAAC,QAAQ,CAACC,cAAc,CAACT,OAAO,CAAC,0DAAhC,sBAAkCU,YAAY,CAAC,UAAU,CAAC,MAAK,EAAE,EAAE;QACrEL,WAAW,CAAC,IAAI,CAAC;MACnB,CAAC,MAAM;QACLA,WAAW,CAAC,KAAK,CAAC;MACpB;IACF,CAAC,MAECA,WAAW,CAACM,OAAO,CAACT,YAAY,CAAC,CAAC;EACtC,CAAC,EAAE,EAAE,CAAC;EACN;AACF;AACA;AACA;EACE,IAAMU,cAAc,GAAG,SAAjBA,cAAc,CAAIC,EAAU,EAAW;IAAA;IAC3C,0BAAAL,QAAQ,CAACC,cAAc,CAACI,EAAE,CAAC,2DAA3B,uBAA6BC,KAAK,EAAE;EACtC,CAAC;EAED,oBACE,KAAC,QAAQ;IAAC,MAAM,EAAEnB,MAAO;IAAA,uBACvB,MAAC,aAAa;MAAC,IAAI,EAAEE,IAAK;MAAA,WACvBM,QAAQ,iBAAI,KAAC,WAAW,CAAC,QAAQ;QAAC,IAAI,EAAC,MAAM;QAAC,KAAK,EAAErB,MAAM,CAACiC;MAAa,EAAG,eAC7E,KAAC,KAAK;QAAC,OAAO,EAAEf,OAAQ;QAAC,OAAO,EAAE;UAAA,OAAMY,cAAc,CAACZ,OAAO,CAAC;QAAA,CAAC;QAAC,SAAS,EAAEH,IAAI,IAAI,EAAG;QAAA,UACpFI;MAAI,EACC;IAAA;EACM,EACP;AAEf,CAAC;AAAC;EA5CAD,OAAO;EACPC,IAAI;EAEJN,MAAM;EACNQ,QAAQ;AAAA;AA0CV,eAAeJ,UAAU"}
1
+ {"version":3,"file":"Label.js","names":["React","BREAKPOINTS","COLORS","Size","styled","ComponentXS","ComponentXSStyling","ComponentXXS","ComponentXXSStyling","TypographyBase","SystemIcons","Label","label","neutral_500","MEDIUM","LabelRow","div","props","margin","CopyContainer","primary_800","primary_700","primary_600","neutral_300","LabelRowInner","size","Small","CopyState","InputLabel","inputId","text","requiredProp","required","showCopyButton","useState","setRequired","Available","copyState","setCopyState","useEffect","undefined","document","getElementById","getAttribute","Boolean","onTriggerClick","id","click","copyInputClick","e","preventDefault","Copied","val","value","window","navigator","clipboard","writeText","setTimeout","critical_500","Medium"],"sources":["../../src/InputFields/Label.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom styles.\n */\nimport { BREAKPOINTS, COLORS } from '../styles';\nimport { Size } from '../types';\n\n/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\nimport { ComponentXS, ComponentXSStyling, ComponentXXS, ComponentXXSStyling, TypographyBase } from '../styles/typography';\nimport { SystemIcons } from '../icons';\nimport {HyperLink, StyledLink} from '../HyperLink';\n\n// Add component-specific styles.\nconst Label = styled.label`\n ${ComponentXXSStyling(1, COLORS.neutral_500)}\n\n ${BREAKPOINTS.MEDIUM} {\n ${ComponentXSStyling(1, COLORS.neutral_500)}\n }\n\n &.small {\n ${ComponentXXSStyling(1, COLORS.neutral_500)}\n }\n &.medium {\n ${ComponentXSStyling(1, COLORS.neutral_500)}\n }\n\n pointer-events: none;\n flex: 1;\n`;\n\nconst LabelRow = styled.div<{ margin?: string }>`\n display: flex;\n align-items: flex-start;\n height: 16px;\n ${(props) => (props.margin ? `margin: ${props.margin};` : '')}\n`;\n\nconst CopyContainer = styled.div`\n\n &:visited:not(.disabled) {\n ${TypographyBase}\n {\n color: ${COLORS.primary_800};\n }\n }\n\n &:hover:not(.disabled),\n &.hover-state:not(.disabled) {\n ${TypographyBase}\n {\n color: ${COLORS.primary_700};\n text-decoration-line: underline;\n }\n }\n\n &:focus:not(.disabled),\n &.focus-state:not(.disabled) {\n ${TypographyBase}\n {\n color: ${COLORS.primary_700};\n background-color: white;\n text-decoration-line: underline;\n }\n }\n\n &:active:not(.disabled),\n &.active-state:not(.disabled) {\n ${TypographyBase}\n {\n color: ${COLORS.primary_700};\n background-color: white;\n text-decoration-line: underline;\n }\n }\n\n &:not(.disabled)\n {\n ${TypographyBase}\n {\n outline: none;\n padding: 2px 0;\n text-decoration-style: solid;\n text-decoration-line: none;\n font-weight: 700;\n color: ${COLORS.primary_600};\n }\n }\n\n &.disabled\n {\n ${TypographyBase}\n {\n outline: none;\n padding: 2px 0;\n text-decoration-style: solid;\n text-decoration-line: none;\n font-weight: 700;\n color: ${COLORS.neutral_300};\n }\n }\n cursor: pointer;\n`;\n\nconst LabelRowInner = styled.div<{ size: Size.Small | Size.Medium | undefined }>`\n display: flex;\n flex-direction: row;\n width: 100%;\n height: 100%;\n gap: ${(props) => (props.size === Size.Small ? '2px' : '4px')};\n align-items: center;\n`;\n\n// Add component-specific types\ntype LabelProps = {\n inputId: string;\n text: string;\n size?: Size.Small | Size.Medium;\n margin?: string;\n required?: boolean;\n showCopyButton?: boolean;\n};\n\nenum CopyState {\n Disabled = 0,\n Available = 1,\n Copied = 2\n}\n\nconst InputLabel: React.FunctionComponent<LabelProps> = ({ inputId, text, size, margin, required: requiredProp, showCopyButton }: LabelProps) => {\n // Globally used variables within the component\n const [required, setRequired] = React.useState<boolean>(false);\n const [copyState, setCopyState] = React.useState<CopyState>(CopyState.Available);\n\n /**\n * Checks if field is set as required and we have to mark it accordingly.\n */\n React.useEffect(() => {\n if(requiredProp === undefined)\n {\n if (document.getElementById(inputId)?.getAttribute('required') === '') {\n setRequired(true);\n } else {\n setRequired(false);\n }\n }\n else\n setRequired(Boolean(requiredProp));\n }, []);\n /**\n * Triggers a click element on a specific element.\n * @param id - ID of the element which needs to be clicked.\n */\n const onTriggerClick = (id: string): void => {\n document.getElementById(id)?.click();\n };\n\n const copyInputClick = (e: any) => {\n e.preventDefault();\n if(copyState == CopyState.Copied)\n return;\n \n const val = (document.getElementById(inputId) as HTMLInputElement)?.value;\n if(val)\n {\n window.navigator.clipboard.writeText(val);\n setCopyState(CopyState.Copied);\n setTimeout(() => {\n setCopyState(CopyState.Available);\n }, 1000);\n }\n };\n\n return (\n <LabelRow margin={margin}>\n <LabelRowInner size={size}>\n {required && <SystemIcons.Asterisk size=\"16px\" color={COLORS.critical_500} />}\n <Label htmlFor={inputId} onClick={() => onTriggerClick(inputId)} className={size || ''}>\n {text}\n </Label>\n {showCopyButton && \n <CopyContainer className={copyState != CopyState.Available ? \"disabled\" : \"\"} onClick={copyInputClick}>\n { size == Size.Medium ? <ComponentXS>{copyState == CopyState.Copied ? 'Copied' : 'Copy'}</ComponentXS> :\n <ComponentXXS>{copyState == CopyState.Copied ? 'Copied' : 'Copy'}</ComponentXXS> }\n </CopyContainer> }\n </LabelRowInner>\n </LabelRow>\n );\n};\n\nexport default InputLabel;\n"],"mappings":"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"}
package/dist/styles/typography.cjs CHANGED
@@ -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
  };
package/dist/styles/typography.cjs.map CHANGED
@@ -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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"}
package/dist/styles/typography.d.ts CHANGED
@@ -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
  }
package/dist/styles/typography.js CHANGED
@@ -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,
package/dist/styles/typography.js.map CHANGED
@@ -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":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,GAAG;AAE1B,SAASC,IAAI,QAAQ,UAAU;AAAC;AAYhC,OAAO,IAAMC,cAAc,GAAGJ,MAAM,CAAC,KAAK,CAAC,CAAkB;EAAA,IAAGK,MAAM,QAANA,MAAM;IAAEC,UAAU,QAAVA,UAAU;IAAEC,SAAS,QAATA,SAAS;IAAEC,WAAW,QAAXA,WAAW;IAAEC,UAAU,QAAVA,UAAU;IAAEC,aAAa,QAAbA,aAAa;IAAEC,kBAAkB,QAAlBA,kBAAkB;EAAA,OAAQ;IAC/JC,QAAQ,EAAEL,SAAS;IACnBM,UAAU,EAAEL,WAAW;IACvBF,UAAU,EAAEA,UAAU,GAAG,IAAI;IAC7BI,aAAa,EAAEA,aAAa,GAAGA,aAAa,GAAG,MAAM;IACrDC,kBAAkB,EAAEA,kBAAkB,GAAGA,kBAAkB,GAAG,MAAM;IACpEG,SAAS,EAAEL,UAAU,GAAGA,UAAU,GAAG,QAAQ;IAC7CM,KAAK,EAAEV,MAAM,GAAGA,MAAM,GAAGH,MAAM,CAACc;EAClC,CAAC;AAAA,CAAC,CAAC;AAYH,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIL,QAAgB,EAAEN,UAAkB,EAAES,KAAa,EAAK;EACnF,OAAOd,GAAG,iKACKW,QAAQ,EACNN,UAAU,EAEhBS,KAAK;AAElB,CAAC;AACD,IAAMG,YAAY,GAAGlB,MAAM,CAACI,cAAc,CAAC,CAAgB;EAAA,IAAGC,MAAM,SAANA,MAAM;IAAEC,UAAU,SAAVA,UAAU;IAAEM,QAAQ,SAARA,QAAQ;EAAA,OAAQ;IAChGA,QAAQ,EAAEA,QAAQ;IAClBC,UAAU,EAAE,GAAG;IACfP,UAAU,EAAEA,UAAU;IACtBS,KAAK,EAAEV;EACT,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMc,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIJ,KAAa;EAAA,OAAKE,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAEF,KAAK,CAAC;AAAA;AACvF,IAAMK,UAAU,GAAGpB,MAAM,CAACkB,YAAY,CAAC,CAAY;EAAA,IAAGb,MAAM,SAANA,MAAM;EAAA,OAAQ;IAClEO,QAAQ,EAAE,MAAM;IAChBN,UAAU,EAAE,MAAM;IAClBS,KAAK,EAAEV;EACT,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMgB,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIN,KAAa;EAAA,OAAKE,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAEF,KAAK,CAAC;AAAA;AACtF,IAAMO,SAAS,GAAGtB,MAAM,CAACkB,YAAY,CAAC,CAAY;EAAA,IAAGb,MAAM,SAANA,MAAM;EAAA,OAAQ;IACjEO,QAAQ,EAAE,MAAM;IAChBN,UAAU,EAAE,MAAM;IAClBS,KAAK,EAAEV;EACT,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMkB,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIR,KAAa;EAAA,OAAKE,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAEF,KAAK,CAAC;AAAA;AACtF,IAAMS,SAAS,GAAGxB,MAAM,CAACkB,YAAY,CAAC,CAAY;EAAA,IAAGb,MAAM,SAANA,MAAM;EAAA,OAAQ;IACjEO,QAAQ,EAAE,MAAM;IAChBN,UAAU,EAAE,MAAM;IAClBS,KAAK,EAAEV;EACT,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMoB,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIV,KAAa;EAAA,OAAKE,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAEF,KAAK,CAAC;AAAA;AACtF,IAAMW,SAAS,GAAG1B,MAAM,CAACkB,YAAY,CAAC,CAAY;EAAA,IAAGb,MAAM,SAANA,MAAM;EAAA,OAAQ;IACjEO,QAAQ,EAAE,MAAM;IAChBN,UAAU,EAAE,MAAM;IAClBS,KAAK,EAAEV;EACT,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMsB,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIZ,KAAa;EAAA,OAAKE,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAEF,KAAK,CAAC;AAAA;AACvF,IAAMa,UAAU,GAAG5B,MAAM,CAACkB,YAAY,CAAC,CAAY;EAAA,IAAGb,MAAM,SAANA,MAAM;EAAA,OAAQ;IAClEO,QAAQ,EAAE,MAAM;IAChBN,UAAU,EAAE,MAAM;IAClBS,KAAK,EAAEV;EACT,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMwB,kBAAkB,GAAG,SAArBA,kBAAkB,CAAId,KAAa;EAAA,OAAKE,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAEF,KAAK,CAAC;AAAA;AACxF,IAAMe,WAAW,GAAG9B,MAAM,CAACkB,YAAY,CAAC,CAAY;EAAA,IAAGb,MAAM,SAANA,MAAM;EAAA,OAAQ;IACnEO,QAAQ,EAAE,MAAM;IAChBN,UAAU,EAAE,MAAM;IAClBS,KAAK,EAAEV;EACT,CAAC;AAAA,CAAC,CAAC;AAEH,IAAM0B,gBAAgB,GAAG9B,GAAG,kZAiC3B;AASD,IAAM+B,aAAa,GAAGhC,MAAM,CAACI,cAAc,CAAC,6MAMvB,UAAC6B,KAAK;EAAA,OAAKA,KAAK,CAACC,uBAAuB,IAAI,GAAG;AAAA,GAEhEH,gBAAgB,CACnB;AAAC,IAMGI,kBAAkB;AAAA,WAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,KAAlBA,kBAAkB;AAavB,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,SAA8B,EAAK;EAC9D,IAAIxB,UAAU,GAAG,GAAG;EACpB,IAAIwB,SAAS,KAAKF,kBAAkB,CAACG,IAAI,EAAE;IACzCzB,UAAU,GAAG,GAAG;EAClB;EACA,OAAOA,UAAU;AACnB,CAAC;AAED,IAAM0B,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIF,SAA8B,EAAK;EAC7D,IAAIvB,SAAS,GAAGuB,SAAS,IAAIA,SAAS,KAAKF,kBAAkB,CAACK,MAAM,GAAG,QAAQ,GAAG,EAAE;EACpF,OAAO1B,SAAS;AAClB,CAAC;AAED,IAAM2B,2BAA2B,GAAG,SAA9BA,2BAA2B,CAAIJ,SAA8B,EAAkC;EACnG,IAAIK,cAA2C,GAAGL,SAAS,IAAIA,SAAS,KAAKF,kBAAkB,CAACQ,SAAS,GAAG,WAAW,GAAG,MAAM;EAChI,OAAOD,cAAc;AACvB,CAAC;AAED,IAAME,oBAAoB,GAAG,SAAvBA,oBAAoB,CAAIhC,QAAgB,EAAEN,UAAkB,EAAE+B,SAA6B,EAAEtB,KAAa,EAAK;EACnH,OAAOd,GAAG,2LACKW,QAAQ,EACNwB,mBAAmB,CAACC,SAAS,CAAC,EAC9B/B,UAAU,EACXiC,kBAAkB,CAACF,SAAS,CAAC,EAClCtB,KAAK;AAElB,CAAC;AAED,IAAM8B,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIR,SAA6B,EAAEtB,KAAa;EAAA,OAAK6B,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAEP,SAAS,EAAEtB,KAAK,CAAC;AAAA;AACnI,IAAM+B,WAAoD,GAAG,SAAvDA,WAAoD,QAAuC;EAAA,IAAjC/B,KAAK,SAALA,KAAK;IAAEsB,SAAS,SAATA,SAAS;IAAEU,QAAQ,SAARA,QAAQ;EACxF,IAAIlC,UAAU,GAAGuB,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIvB,SAAS,GAAGyB,kBAAkB,CAACF,SAAS,CAAC;EAC7C,IAAI1B,kBAAkB,GAAG8B,2BAA2B,CAACJ,SAAS,CAAC;EAC/D,oBACE,KAAC,aAAa;IACZ,MAAM,EAAEtB,KAAM;IACd,UAAU,EAAE,EAAG;IACf,SAAS,EAAE,EAAG;IACd,WAAW,EAAEF,UAAW;IACxB,UAAU,EAAEC,SAAU;IACtB,kBAAkB,EAAEH,kBAAmB;IACvC,uBAAuB,EAAC,MAAM;IAAA,UAC7BoC;EAAQ,EACK;AAEpB,CAAC;AAAC;EAlDAhC,KAAK;EACLsB,SAAS;EACTU,QAAQ;AAAA;AAkDV,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIX,SAA6B,EAAEtB,KAAa;EAAA,OAAK6B,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAEP,SAAS,EAAEtB,KAAK,CAAC;AAAA;AAClI,IAAMkC,UAAmD,GAAG,SAAtDA,UAAmD,SAAuC;EAAA,IAAjClC,KAAK,UAALA,KAAK;IAAEsB,SAAS,UAATA,SAAS;IAAEU,QAAQ,UAARA,QAAQ;EACvF,IAAIlC,UAAU,GAAGuB,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIvB,SAAS,GAAGyB,kBAAkB,CAACF,SAAS,CAAC;EAC7C,IAAI1B,kBAAkB,GAAG8B,2BAA2B,CAACJ,SAAS,CAAC;EAC/D,oBACE,KAAC,aAAa;IACZ,MAAM,EAAEtB,KAAM;IACd,UAAU,EAAE,EAAG;IACf,SAAS,EAAE,EAAG;IACd,WAAW,EAAEF,UAAW;IACxB,UAAU,EAAEC,SAAU;IACtB,kBAAkB,EAAEH,kBAAmB;IACvC,uBAAuB,EAAC,MAAM;IAAA,UAC7BoC;EAAQ,EACK;AAEpB,CAAC;AAAC;EArEAhC,KAAK;EACLsB,SAAS;EACTU,QAAQ;AAAA;AAqEV,IAAMG,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIb,SAA6B,EAAEtB,KAAa;EAAA,OAAK6B,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAEP,SAAS,EAAEtB,KAAK,CAAC;AAAA;AAClI,IAAMoC,UAAmD,GAAG,SAAtDA,UAAmD,SAAuC;EAAA,IAAjCpC,KAAK,UAALA,KAAK;IAAEsB,SAAS,UAATA,SAAS;IAAEU,QAAQ,UAARA,QAAQ;EACvF,IAAIlC,UAAU,GAAGuB,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIvB,SAAS,GAAGyB,kBAAkB,CAACF,SAAS,CAAC;EAC7C,IAAI1B,kBAAkB,GAAG8B,2BAA2B,CAACJ,SAAS,CAAC;EAC/D,oBACE,KAAC,aAAa;IACZ,MAAM,EAAEtB,KAAM;IACd,UAAU,EAAE,EAAG;IACf,SAAS,EAAE,EAAG;IACd,WAAW,EAAEF,UAAW;IACxB,UAAU,EAAEC,SAAU;IACtB,kBAAkB,EAAEH,kBAAmB;IACvC,uBAAuB,EAAC,MAAM;IAAA,UAC7BoC;EAAQ,EACK;AAEpB,CAAC;AAAC;EAxFAhC,KAAK;EACLsB,SAAS;EACTU,QAAQ;AAAA;AAwFV,IAAMK,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIf,SAA6B,EAAEtB,KAAa;EAAA,OAAK6B,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAEP,SAAS,EAAEtB,KAAK,CAAC;AAAA;AAClI,IAAMsC,UAAmD,GAAG,SAAtDA,UAAmD,SAAuC;EAAA,IAAjCtC,KAAK,UAALA,KAAK;IAAEsB,SAAS,UAATA,SAAS;IAAEU,QAAQ,UAARA,QAAQ;EACvF,IAAIlC,UAAU,GAAGuB,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIvB,SAAS,GAAGyB,kBAAkB,CAACF,SAAS,CAAC;EAC7C,IAAI1B,kBAAkB,GAAG8B,2BAA2B,CAACJ,SAAS,CAAC;EAC/D,oBACE,KAAC,aAAa;IACZ,MAAM,EAAEtB,KAAM;IACd,UAAU,EAAE,EAAG;IACf,SAAS,EAAE,EAAG;IACd,WAAW,EAAEF,UAAW;IACxB,UAAU,EAAEC,SAAU;IACtB,kBAAkB,EAAEH,kBAAmB;IACvC,uBAAuB,EAAC,MAAM;IAAA,UAC7BoC;EAAQ,EACK;AAEpB,CAAC;AAAC;EA3GAhC,KAAK;EACLsB,SAAS;EACTU,QAAQ;AAAA;AA2GV,IAAMO,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIjB,SAA6B,EAAEtB,KAAa;EAAA,OAAK6B,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAEP,SAAS,EAAEtB,KAAK,CAAC;AAAA;AACnI,IAAMwC,WAAoD,GAAG,SAAvDA,WAAoD,SAAuC;EAAA,IAAjCxC,KAAK,UAALA,KAAK;IAAEsB,SAAS,UAATA,SAAS;IAAEU,QAAQ,UAARA,QAAQ;EACxF,IAAIlC,UAAU,GAAGuB,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIvB,SAAS,GAAGyB,kBAAkB,CAACF,SAAS,CAAC;EAC7C,IAAI1B,kBAAkB,GAAG8B,2BAA2B,CAACJ,SAAS,CAAC;EAC/D,oBACE,KAAC,aAAa;IACZ,MAAM,EAAEtB,KAAM;IACd,UAAU,EAAE,EAAG;IACf,SAAS,EAAE,EAAG;IACd,WAAW,EAAEF,UAAW;IACxB,UAAU,EAAEC,SAAU;IACtB,kBAAkB,EAAEH,kBAAmB;IACvC,uBAAuB,EAAC,MAAM;IAAA,UAC7BoC;EAAQ,EACK;AAEpB,CAAC;AAAC;EA9HAhC,KAAK;EACLsB,SAAS;EACTU,QAAQ;AAAA;AAAA,IA8HLS,kBAAkB;AAAA,WAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,KAAlBA,kBAAkB;AAcvB,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIpB,SAA8B,EAAK;EAC9D,IAAIxB,UAAU,GAAG,GAAG;EACpB,IAAIwB,SAAS,KAAKmB,kBAAkB,CAAClB,IAAI,IAAID,SAAS,KAAKmB,kBAAkB,CAACE,aAAa,EAAE;IAC3F7C,UAAU,GAAG,GAAG;EAClB;EACA,OAAOA,UAAU;AACnB,CAAC;AAED,IAAM8C,kBAAkB,GAAG,SAArBA,kBAAkB,CAAItB,SAA8B,EAAK;EAC7D,IAAIvB,SAAS,GAAGuB,SAAS,IAAIA,SAAS,KAAKmB,kBAAkB,CAAChB,MAAM,GAAG,QAAQ,GAAG,EAAE;EACpF,OAAO1B,SAAS;AAClB,CAAC;AAED,IAAM8C,2BAA2B,GAAG,SAA9BA,2BAA2B,CAAIvB,SAA8B,EAA6B;EAC9F,IAAIvB,SAAiC,GAAGuB,SAAS,IAAIA,SAAS,KAAKmB,kBAAkB,CAACE,aAAa,GAAG,WAAW,GAAG,MAAM;EAC1H,OAAO5C,SAAS;AAClB,CAAC;AAED,IAAM+C,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIjD,QAAgB,EAAEN,UAAkB,EAAE+B,SAA6B,EAAEtB,KAAgC,EAAK;EAClI,OAAOd,GAAG,mLACKW,QAAQ,EACN6C,mBAAmB,CAACpB,SAAS,CAAC,EAC9B/B,UAAU,EACXqD,kBAAkB,CAACtB,SAAS,CAAC,EACzCtB,KAAK,KAAK,IAAI,GAAG,EAAE,oBAAaA,KAAK,IAAIb,MAAM,CAACc,KAAK,MAAG;AAE9D,CAAC;AAED,IAAM8C,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIzB,SAA6B,EAAEtB,KAAoB;EAAA,OAAK8C,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAExB,SAAS,EAAEtB,KAAK,CAAC;AAAA;AACtI,IAAMgD,WAAoD,GAAG,SAAvDA,WAAoD,SAAkD;EAAA,IAA5ChD,KAAK,UAALA,KAAK;IAAEsB,SAAS,UAATA,SAAS;IAAEU,QAAQ,UAARA,QAAQ;IAAEiB,SAAS,UAATA,SAAS;EACnG,IAAInD,UAAU,GAAG4C,mBAAmB,CAACpB,SAAS,CAAC;EAC/C,IAAIvB,SAAS,GAAG6C,kBAAkB,CAACtB,SAAS,CAAC;EAC7C,oBACE,KAAC,cAAc;IAAC,SAAS,EAAE2B,SAAU;IAAC,MAAM,EAAEjD,KAAM;IAAC,UAAU,EAAE,EAAG;IAAC,SAAS,EAAE,EAAG;IAAC,WAAW,EAAEF,UAAW;IAAC,UAAU,EAAEC,SAAU;IAAA,UAChIiC;EAAQ,EACM;AAErB,CAAC;AAAC;EA3CAhC,KAAK;EACLiD,SAAS;EACT3B,SAAS;EACTU,QAAQ;AAAA;AA0CV,IAAMkB,iBAAiB,GAAG,SAApBA,iBAAiB,CAAI5B,SAA6B,EAAEtB,KAAoB;EAAA,OAAK8C,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAExB,SAAS,EAAEtB,KAAK,CAAC;AAAA;AACrI,IAAMmD,UAAmD,GAAG,SAAtDA,UAAmD,SAAkD;EAAA,IAA5CnD,KAAK,UAALA,KAAK;IAAEsB,SAAS,UAATA,SAAS;IAAEU,QAAQ,UAARA,QAAQ;IAAEiB,SAAS,UAATA,SAAS;EAClG,IAAInD,UAAU,GAAG4C,mBAAmB,CAACpB,SAAS,CAAC;EAC/C,IAAIvB,SAAS,GAAG6C,kBAAkB,CAACtB,SAAS,CAAC;EAC7C,oBACE,KAAC,cAAc;IAAC,SAAS,EAAE2B,SAAU;IAAC,MAAM,EAAEjD,KAAM;IAAC,UAAU,EAAE,EAAG;IAAC,SAAS,EAAE,EAAG;IAAC,WAAW,EAAEF,UAAW;IAAC,UAAU,EAAEC,SAAU;IAAA,UAChIiC;EAAQ,EACM;AAErB,CAAC;AAAC;EAtDAhC,KAAK;EACLiD,SAAS;EACT3B,SAAS;EACTU,QAAQ;AAAA;AAqDV,IAAMoB,iBAAiB,GAAG,SAApBA,iBAAiB,CAAI9B,SAA6B,EAAEtB,KAAgC;EAAA,OAAK8C,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAExB,SAAS,EAAEtB,KAAK,CAAC;AAAA;AACjJ,IAAMqD,UAAmD,GAAG,SAAtDA,UAAmD,SAAkD;EAAA,IAA5CrD,KAAK,UAALA,KAAK;IAAEsB,SAAS,UAATA,SAAS;IAAEU,QAAQ,UAARA,QAAQ;IAAEiB,SAAS,UAATA,SAAS;EAClG,IAAInD,UAAU,GAAG4C,mBAAmB,CAACpB,SAAS,CAAC;EAC/C,IAAIvB,SAAS,GAAG6C,kBAAkB,CAACtB,SAAS,CAAC;EAC7C,oBACE,KAAC,cAAc;IAAC,SAAS,EAAE2B,SAAU;IAAC,MAAM,EAAEjD,KAAM;IAAC,UAAU,EAAE,EAAG;IAAC,SAAS,EAAE,EAAG;IAAC,WAAW,EAAEF,UAAW;IAAC,UAAU,EAAEC,SAAU;IAAA,UAChIiC;EAAQ,EACM;AAErB,CAAC;AAAC;EAjEAhC,KAAK;EACLiD,SAAS;EACT3B,SAAS;EACTU,QAAQ;AAAA;AAgEV,IAAMsB,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIhC,SAA6B,EAAEtB,KAAoB;EAAA,OAAK8C,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAExB,SAAS,EAAEtB,KAAK,CAAC;AAAA;AACrI,IAAMuD,UAAmD,GAAG,SAAtDA,UAAmD,SAAkD;EAAA,IAA5CvD,KAAK,UAALA,KAAK;IAAEsB,SAAS,UAATA,SAAS;IAAEU,QAAQ,UAARA,QAAQ;IAAEiB,SAAS,UAATA,SAAS;EAClG,IAAInD,UAAU,GAAG4C,mBAAmB,CAACpB,SAAS,CAAC;EAC/C,IAAIvB,SAAS,GAAG6C,kBAAkB,CAACtB,SAAS,CAAC;EAC7C,oBACE,KAAC,cAAc;IAAC,SAAS,EAAE2B,SAAU;IAAC,MAAM,EAAEjD,KAAM;IAAC,UAAU,EAAE,EAAG;IAAC,SAAS,EAAE,EAAG;IAAC,WAAW,EAAEF,UAAW;IAAC,UAAU,EAAEC,SAAU;IAAA,UAChIiC;EAAQ,EACM;AAErB,CAAC;AAAC;EA5EAhC,KAAK;EACLiD,SAAS;EACT3B,SAAS;EACTU,QAAQ;AAAA;AA2EV,IAAMwB,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIlC,SAA6B,EAAEtB,KAAoB;EAAA,OAAK8C,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAExB,SAAS,EAAEtB,KAAK,CAAC;AAAA;AACtI,IAAMyD,WAAoD,GAAG,SAAvDA,WAAoD,SAAkD;EAAA,IAA5CzD,KAAK,UAALA,KAAK;IAAEsB,SAAS,UAATA,SAAS;IAAEU,QAAQ,UAARA,QAAQ;IAAEiB,SAAS,UAATA,SAAS;EACnG,IAAInD,UAAU,GAAG4C,mBAAmB,CAACpB,SAAS,CAAC;EAC/C,IAAIvB,SAAS,GAAG6C,kBAAkB,CAACtB,SAAS,CAAC;EAC7C,IAAI3B,aAAa,GAAGkD,2BAA2B,CAACvB,SAAS,CAAC;EAC1D,oBACE,KAAC,cAAc;IAAC,SAAS,EAAE2B,SAAU;IAAC,MAAM,EAAEjD,KAAM;IAAC,UAAU,EAAE,EAAG;IAAC,SAAS,EAAE,EAAG;IAAC,WAAW,EAAEF,UAAW;IAAC,UAAU,EAAEC,SAAU;IAAC,aAAa,EAAEJ,aAAc;IAAA,UAC9JqC;EAAQ,EACM;AAErB,CAAC;AAAC;EAxFAhC,KAAK;EACLiD,SAAS;EACT3B,SAAS;EACTU,QAAQ;AAAA;AAuFV,IAAM0B,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIpC,SAA6B,EAAEtB,KAAoB;EAAA,OAAK8C,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAExB,SAAS,EAAEtB,KAAK,CAAC;AAAA;AACvI,IAAM2D,YAAqD,GAAG,SAAxDA,YAAqD,SAAkD;EAAA,IAA5C3D,KAAK,UAALA,KAAK;IAAEsB,SAAS,UAATA,SAAS;IAAEU,QAAQ,UAARA,QAAQ;IAAEiB,SAAS,UAATA,SAAS;EACpG,IAAInD,UAAU,GAAG4C,mBAAmB,CAACpB,SAAS,CAAC;EAC/C,IAAIvB,SAAS,GAAG6C,kBAAkB,CAACtB,SAAS,CAAC;EAC7C,IAAI3B,aAAa,GAAGkD,2BAA2B,CAACvB,SAAS,CAAC;EAC1D,oBACE,KAAC,cAAc;IAAC,SAAS,EAAE2B,SAAU;IAAC,MAAM,EAAEjD,KAAM;IAAC,UAAU,EAAE,EAAG;IAAC,SAAS,EAAE,EAAG;IAAC,WAAW,EAAEF,UAAW;IAAC,UAAU,EAAEC,SAAU;IAAC,aAAa,EAAEJ,aAAc;IAAA,UAC9JqC;EAAQ,EACM;AAErB,CAAC;AAAC;EApGAhC,KAAK;EACLiD,SAAS;EACT3B,SAAS;EACTU,QAAQ;AAAA;AAmGV,IAAM4B,mBAA6F,GAAG,SAAhGA,mBAA6F,SAAoD;EAAA,IAA9C5D,KAAK,UAALA,KAAK;IAAEsB,SAAS,UAATA,SAAS;IAAEU,QAAQ,UAARA,QAAQ;IAAE6B,IAAI,UAAJA,IAAI;IAAEC,KAAK,UAALA,KAAK;EAC9I,IAAIC,QAAQ,GAAGF,IAAI;EACnB,IAAI,CAACA,IAAI,EAAE;IACT,IAAIC,KAAK,IAAI,CAAC,CAAC,EAAE;MACfC,QAAQ,GAAG3E,IAAI,CAAC4E,MAAM;IACxB,CAAC,MAAM,IAAIF,KAAK,GAAG,GAAG,EAAE;MACtBC,QAAQ,GAAG3E,IAAI,CAAC6E,KAAK;IACvB,CAAC,MAAM,IAAIH,KAAK,GAAG,GAAG,EAAE;MACtBC,QAAQ,GAAG3E,IAAI,CAAC4E,MAAM;IACxB,CAAC,MAAM;MACLD,QAAQ,GAAG3E,IAAI,CAAC8E,KAAK;IACvB;EACF;EACA,QAAQH,QAAQ;IACd,KAAK3E,IAAI,CAAC+E,OAAO;MACf,oBAAO,KAAC,YAAY;QAAC,KAAK,EAAEnE,KAAM;QAAC,SAAS,EAAEsB,SAAU;QAAC,QAAQ,EAAEU;MAAS,EAAG;IACjF,KAAK5C,IAAI,CAACgF,MAAM;MACd,oBAAO,KAAC,WAAW;QAAC,KAAK,EAAEpE,KAAM;QAAC,SAAS,EAAEsB,SAAU;QAAC,QAAQ,EAAEU;MAAS,EAAG;IAChF,KAAK5C,IAAI,CAAC6E,KAAK;MACb,oBAAO,KAAC,UAAU;QAAC,KAAK,EAAEjE,KAAM;QAAC,SAAS,EAAEsB,SAAU;QAAC,QAAQ,EAAEU;MAAS,EAAG;IAC/E,KAAK5C,IAAI,CAAC4E,MAAM;MACd,oBAAO,KAAC,UAAU;QAAC,KAAK,EAAEhE,KAAM;QAAC,SAAS,EAAEsB,SAAU;QAAC,QAAQ,EAAEU;MAAS,EAAG;IAC/E,KAAK5C,IAAI,CAAC8E,KAAK;IACf;MACE,oBAAO,KAAC,UAAU;QAAC,KAAK,EAAElE,KAAM;QAAC,SAAS,EAAEsB,SAAU;QAAC,QAAQ,EAAEU;MAAS,EAAG;EAAC;AAEpF,CAAC;AAAC;EAhIAhC,KAAK;EACLiD,SAAS;EACT3B,SAAS;EACTU,QAAQ;AAAA;AA+HV,SAAS3B,UAAU,EAAEE,SAAS,EAAEE,SAAS,EAAEE,SAAS,EAAEE,UAAU,EAAEE,WAAW;AAC7E,SAASK,kBAAkB,EAAEW,WAAW,EAAEG,UAAU,EAAEE,UAAU,EAAEE,UAAU,EAAEE,WAAW;AACzF,SAASC,kBAAkB,EAAEO,WAAW,EAAEG,UAAU,EAAEE,UAAU,EAAEE,UAAU,EAAEE,WAAW,EAAEE,YAAY,EAAEC,mBAAmB;AAC5H,SAASb,kBAAkB,EAAEG,iBAAiB,EAAEE,iBAAiB,EAAEE,iBAAiB,EAAEE,kBAAkB,EAAEE,mBAAmB;AAC7H,SAAS5B,kBAAkB,EAAEG,iBAAiB,EAAEE,iBAAiB,EAAEE,iBAAiB,EAAEE,kBAAkB;AACxG,SAASnC,iBAAiB,EAAEE,gBAAgB,EAAEE,gBAAgB,EAAEE,gBAAgB,EAAEE,iBAAiB,EAAEE,kBAAkB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@laerdal/life-react-components",
3
- "version": "2.0.1-dev.23",
3
+ "version": "2.0.1-dev.24",
4
4
  "private": false,
5
5
  "author": "Erik Martirosyan <erik.martirosyan@laerdal.com>",
6
6
  "contributors": [],