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

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 (20) hide show
  1. package/dist/HyperLink/index.cjs +2 -10
  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 +6 -39
  7. package/dist/InputFields/Label.cjs.map +1 -1
  8. package/dist/InputFields/Label.d.ts +0 -1
  9. package/dist/InputFields/Label.js +9 -41
  10. package/dist/InputFields/Label.js.map +1 -1
  11. package/dist/Tag/Tag.cjs +3 -5
  12. package/dist/Tag/Tag.cjs.map +1 -1
  13. package/dist/Tag/Tag.js +3 -5
  14. package/dist/Tag/Tag.js.map +1 -1
  15. package/dist/styles/typography.cjs +1 -2
  16. package/dist/styles/typography.cjs.map +1 -1
  17. package/dist/styles/typography.d.ts +0 -1
  18. package/dist/styles/typography.js +1 -1
  19. package/dist/styles/typography.js.map +1 -1
  20. package/package.json +1 -1
package/dist/HyperLink/index.cjs CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- var _typeof = require("@babel/runtime/helpers/typeof");
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
@@ -22,14 +22,6 @@ Object.defineProperty(exports, "HyperLinkInvertedStyling", {
22
22
  return _styling.invertedStyle;
23
23
  }
24
24
  });
25
- Object.defineProperty(exports, "StyledLink", {
26
- enumerable: true,
27
- get: function get() {
28
- return _HyperLink.StyledLink;
29
- }
30
- });
31
- var _HyperLink = _interopRequireWildcard(require("./HyperLink"));
25
+ var _HyperLink = _interopRequireDefault(require("./HyperLink"));
32
26
  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; }
35
27
  //# 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, { StyledLink } from './HyperLink';\nimport {defaultStyle as HyperLinkDefaultStyling, invertedStyle as HyperLinkInvertedStyling} from './styling';\n\nexport { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling, StyledLink };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAA6G;AAAA"}
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"}
package/dist/HyperLink/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- import HyperLink, { StyledLink } from './HyperLink';
1
+ import HyperLink from './HyperLink';
2
2
  import { defaultStyle as HyperLinkDefaultStyling, invertedStyle as HyperLinkInvertedStyling } from './styling';
3
- export { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling, StyledLink };
3
+ export { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling };
package/dist/HyperLink/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import HyperLink, { StyledLink } from './HyperLink';
1
+ import HyperLink from './HyperLink';
2
2
  import { defaultStyle as HyperLinkDefaultStyling, invertedStyle as HyperLinkInvertedStyling } from './styling';
3
- export { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling, StyledLink };
3
+ export { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling };
4
4
  //# sourceMappingURL=index.js.map
package/dist/HyperLink/index.js.map CHANGED
@@ -1 +1 @@
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"}
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"}
package/dist/InputFields/Label.cjs CHANGED
@@ -16,42 +16,31 @@ 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, _templateObject4;
19
+ var _templateObject, _templateObject2, _templateObject3;
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 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));
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));
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 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) {
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) {
29
28
  return props.size === _types.Size.Small ? '2px' : '4px';
30
29
  });
31
30
 
32
31
  // Add component-specific types
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 = {}));
32
+
39
33
  var InputLabel = function InputLabel(_ref) {
40
34
  var inputId = _ref.inputId,
41
35
  text = _ref.text,
42
36
  size = _ref.size,
43
37
  margin = _ref.margin,
44
- requiredProp = _ref.required,
45
- showCopyButton = _ref.showCopyButton;
38
+ requiredProp = _ref.required;
46
39
  // Globally used variables within the component
47
40
  var _React$useState = React.useState(false),
48
41
  _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
49
42
  required = _React$useState2[0],
50
43
  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];
55
44
 
56
45
  /**
57
46
  * Checks if field is set as required and we have to mark it accordingly.
@@ -74,19 +63,6 @@ var InputLabel = function InputLabel(_ref) {
74
63
  var _document$getElementB2;
75
64
  (_document$getElementB2 = document.getElementById(id)) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.click();
76
65
  };
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
- };
90
66
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LabelRow, {
91
67
  margin: margin,
92
68
  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(LabelRowInner, {
@@ -101,14 +77,6 @@ var InputLabel = function InputLabel(_ref) {
101
77
  },
102
78
  className: size || '',
103
79
  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
- })
112
80
  })]
113
81
  })
114
82
  });
@@ -117,8 +85,7 @@ InputLabel.propTypes = {
117
85
  inputId: _propTypes.default.string.isRequired,
118
86
  text: _propTypes.default.string.isRequired,
119
87
  margin: _propTypes.default.string,
120
- required: _propTypes.default.bool,
121
- showCopyButton: _propTypes.default.bool
88
+ required: _propTypes.default.bool
122
89
  };
123
90
  var _default = InputLabel;
124
91
  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","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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"}
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"}
package/dist/InputFields/Label.d.ts CHANGED
@@ -9,7 +9,6 @@ type LabelProps = {
9
9
  size?: Size.Small | Size.Medium;
10
10
  margin?: string;
11
11
  required?: boolean;
12
- showCopyButton?: boolean;
13
12
  };
14
13
  declare const InputLabel: React.FunctionComponent<LabelProps>;
15
14
  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, _templateObject4;
4
+ var _templateObject, _templateObject2, _templateObject3;
5
5
  /**
6
6
  * Import React libraries.
7
7
  */
@@ -17,43 +17,33 @@ import { Size } from '../types';
17
17
  * Import third-party libraries.
18
18
  */
19
19
  import styled from 'styled-components';
20
- import { ComponentXS, ComponentXSStyling, ComponentXXS, ComponentXXSStyling, TypographyBase } from '../styles/typography';
20
+ import { ComponentXSStyling, ComponentXXSStyling } from '../styles/typography';
21
21
  import { SystemIcons } from '../icons';
22
+
23
+ // Add component-specific styles.
22
24
  import { jsx as _jsx } from "react/jsx-runtime";
23
25
  import { jsxs as _jsxs } from "react/jsx-runtime";
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));
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));
26
27
  var LabelRow = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n align-items: flex-start;\n height: 16px;\n ", "\n"])), function (props) {
27
28
  return props.margin ? "margin: ".concat(props.margin, ";") : '';
28
29
  });
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) {
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) {
31
31
  return props.size === Size.Small ? '2px' : '4px';
32
32
  });
33
33
 
34
34
  // Add component-specific types
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 = {}));
35
+
41
36
  var InputLabel = function InputLabel(_ref) {
42
37
  var inputId = _ref.inputId,
43
38
  text = _ref.text,
44
39
  size = _ref.size,
45
40
  margin = _ref.margin,
46
- requiredProp = _ref.required,
47
- showCopyButton = _ref.showCopyButton;
41
+ requiredProp = _ref.required;
48
42
  // Globally used variables within the component
49
43
  var _React$useState = React.useState(false),
50
44
  _React$useState2 = _slicedToArray(_React$useState, 2),
51
45
  required = _React$useState2[0],
52
46
  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];
57
47
 
58
48
  /**
59
49
  * Checks if field is set as required and we have to mark it accordingly.
@@ -76,19 +66,6 @@ var InputLabel = function InputLabel(_ref) {
76
66
  var _document$getElementB2;
77
67
  (_document$getElementB2 = document.getElementById(id)) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.click();
78
68
  };
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
- };
92
69
  return /*#__PURE__*/_jsx(LabelRow, {
93
70
  margin: margin,
94
71
  children: /*#__PURE__*/_jsxs(LabelRowInner, {
@@ -103,14 +80,6 @@ var InputLabel = function InputLabel(_ref) {
103
80
  },
104
81
  className: size || '',
105
82
  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
- })
114
83
  })]
115
84
  })
116
85
  });
@@ -119,8 +88,7 @@ InputLabel.propTypes = {
119
88
  inputId: _pt.string.isRequired,
120
89
  text: _pt.string.isRequired,
121
90
  margin: _pt.string,
122
- required: _pt.bool,
123
- showCopyButton: _pt.bool
91
+ required: _pt.bool
124
92
  };
125
93
  export default InputLabel;
126
94
  //# 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","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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"}
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"}
package/dist/Tag/Tag.cjs CHANGED
@@ -20,13 +20,11 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
20
20
  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; }
21
21
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
22
22
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
23
- var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n height: 24px;\n width: calc(100%);\n max-width: fit-content;\n justify-content: center;\n min-width: ", ";\n border-radius: 2px;\n\n &.neutral {\n background-color: ", ";\n color: ", ";\n }\n &.positive {\n background-color: ", ";\n color: ", ";\n }\n &.warning {\n background-color: ", ";\n color: ", ";\n }\n &.critical {\n background-color: ", ";\n color: ", ";\n }\n &.accent1 {\n background-color: ", ";\n color: ", ";\n }\n &.accent2 {\n background-color: ", ";\n color: ", ";\n }\n\n"])), function (props) {
23
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n padding: 4px;\n height: 24px;\n width: calc(100%);\n max-width: fit-content;\n align-items: center;\n justify-content: center;\n min-width: ", ";\n border-radius: 2px;\n box-sizing: border-box;\n\n &.neutral {\n background-color: ", ";\n color: ", ";\n }\n &.positive {\n background-color: ", ";\n color: ", ";\n }\n &.warning {\n background-color: ", ";\n color: ", ";\n }\n &.critical {\n background-color: ", ";\n color: ", ";\n }\n &.accent1 {\n background-color: ", ";\n color: ", ";\n }\n &.accent2 {\n background-color: ", ";\n color: ", ";\n }\n\n"])), function (props) {
24
24
  return props.isLabelPresent ? '64px' : '';
25
25
  }, _.COLORS.neutral_100, _.COLORS.neutral_600, _.COLORS.correct_100, _.COLORS.correct_600, _.COLORS.warning_100, _.COLORS.warning_600, _.COLORS.critical_100, _.COLORS.critical_600, _.COLORS.accent1_100, _.COLORS.accent1_600, _.COLORS.accent2_100, _.COLORS.accent2_600);
26
- var IconContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n border-radius: 2px;\n margin: 4px;\n svg {\n width: 16px;\n height: 16px;\n }\n"])));
27
- var TextContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n border-radius: 2px;\n margin: ", ";\n height: 16px;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden; \n ", "\n"])), function (props) {
28
- return props.icon ? "4px 8px 4px 0" : "4px 8px";
29
- }, (0, _.ComponentXSStyling)(_.ComponentTextStyle.Bold, null));
26
+ var IconContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 16px;\n height: 16px;\n svg {\n width: 16px;\n height: 16px;\n }\n"])));
27
+ var TextContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n height: 16px;\n padding: 0 4px;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden; \n ", "\n"])), (0, _.ComponentXSStyling)(_.ComponentTextStyle.Bold, null));
30
28
  var Tag = function Tag(_ref) {
31
29
  var label = _ref.label,
32
30
  icon = _ref.icon,
package/dist/Tag/Tag.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.cjs","names":["Container","styled","div","props","isLabelPresent","COLORS","neutral_100","neutral_600","correct_100","correct_600","warning_100","warning_600","critical_100","critical_600","accent1_100","accent1_600","accent2_100","accent2_600","IconContainer","TextContainer","icon","ComponentXSStyling","ComponentTextStyle","Bold","Tag","label","variant","className","rest","cls"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';\n\nconst Container = styled.div<{variant: TagVariants, isLabelPresent: boolean}>`\n display: flex;\n height: 24px;\n width: calc(100%);\n max-width: fit-content;\n justify-content: center;\n min-width: ${props=>props.isLabelPresent ? '64px' : ''};\n border-radius: 2px;\n\n &.neutral {\n background-color: ${COLORS.neutral_100};\n color: ${COLORS.neutral_600};\n }\n &.positive {\n background-color: ${COLORS.correct_100};\n color: ${COLORS.correct_600};\n }\n &.warning {\n background-color: ${COLORS.warning_100};\n color: ${COLORS.warning_600};\n }\n &.critical {\n background-color: ${COLORS.critical_100};\n color: ${COLORS.critical_600};\n }\n &.accent1 {\n background-color: ${COLORS.accent1_100};\n color: ${COLORS.accent1_600};\n }\n &.accent2 {\n background-color: ${COLORS.accent2_100};\n color: ${COLORS.accent2_600};\n }\n\n`;\n\nconst IconContainer = styled.div<{variant: TagVariants}>`\n border-radius: 2px;\n margin: 4px;\n svg {\n width: 16px;\n height: 16px;\n }\n`;\n\nconst TextContainer = styled.div<{variant: TagVariants, icon: React.ReactNode}>`\n border-radius: 2px;\n margin: ${props=> props.icon ? `4px 8px 4px 0` : `4px 8px`};\n height: 16px;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden; \n ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\n`;\n\n\nexport type TagVariants = 'neutral' | 'positive' | 'warning' | 'critical' | 'accent1' | 'accent2';\n\ntype TagProps = React.HTMLAttributes<HTMLDivElement> & {\n label?: string;\n icon?: React.ReactNode;\n variant?: TagVariants;\n}\n\nconst Tag: React.FunctionComponent<TagProps> = ({label, icon, variant='neutral', className, ...rest}) => {\n const cls = `${className ?? ''} ${variant}`;\n return ( \n <Container variant={variant} isLabelPresent={!!label} className={cls} {...rest}>\n {icon && <IconContainer variant={variant} data-testid={'iconContainer'}>\n {icon}\n </IconContainer>\n }\n {label && <TextContainer variant={variant} icon={icon}>\n {label}\n </TextContainer>\n }\n </Container>\n );\n};\n\nexport default Tag;\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AAAoE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEpE,IAAMA,SAAS,GAAGC,yBAAM,CAACC,GAAG,yoBAMb,UAAAC,KAAK;EAAA,OAAEA,KAAK,CAACC,cAAc,GAAG,MAAM,GAAG,EAAE;AAAA,GAIhCC,QAAM,CAACC,WAAW,EAC7BD,QAAM,CAACE,WAAW,EAGPF,QAAM,CAACG,WAAW,EAC7BH,QAAM,CAACI,WAAW,EAGPJ,QAAM,CAACK,WAAW,EAC7BL,QAAM,CAACM,WAAW,EAGPN,QAAM,CAACO,YAAY,EAC9BP,QAAM,CAACQ,YAAY,EAGRR,QAAM,CAACS,WAAW,EAC7BT,QAAM,CAACU,WAAW,EAGPV,QAAM,CAACW,WAAW,EAC7BX,QAAM,CAACY,WAAW,CAG9B;AAED,IAAMC,aAAa,GAAGjB,yBAAM,CAACC,GAAG,iLAO/B;AAED,IAAMiB,aAAa,GAAGlB,yBAAM,CAACC,GAAG,oOAEpB,UAAAC,KAAK;EAAA,OAAGA,KAAK,CAACiB,IAAI,8BAA8B;AAAA,GAKxD,IAAAC,oBAAkB,EAACC,oBAAkB,CAACC,IAAI,EAAE,IAAI,CAAC,CACpD;AAWD,IAAMC,GAAsC,GAAG,SAAzCA,GAAsC,OAA6D;EAAA,IAAxDC,KAAK,QAALA,KAAK;IAAEL,IAAI,QAAJA,IAAI;IAAA,oBAAEM,OAAO;IAAPA,OAAO,6BAAC,SAAS;IAAEC,SAAS,QAATA,SAAS;IAAKC,IAAI;EACjG,IAAMC,GAAG,aAAMF,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,EAAE,cAAID,OAAO,CAAE;EAC3C,oBACE,sBAAC,SAAS;IAAC,OAAO,EAAEA,OAAQ;IAAC,cAAc,EAAE,CAAC,CAACD,KAAM;IAAC,SAAS,EAAEI;EAAI,GAAKD,IAAI;IAAA,WAC3ER,IAAI,iBAAI,qBAAC,aAAa;MAAC,OAAO,EAAEM,OAAQ;MAAC,eAAa,eAAgB;MAAA,UAClEN;IAAI,EACS,EAEjBK,KAAK,iBAAI,qBAAC,aAAa;MAAC,OAAO,EAAEC,OAAQ;MAAC,IAAI,EAAEN,IAAK;MAAA,UACjDK;IAAK,EACQ;EAAA,GAER;AAEhB,CAAC;AAAC;EAnBAA,KAAK;EACLL,IAAI;EACJM,OAAO,4BALiB,SAAS,EAAG,UAAU,EAAG,SAAS,EAAG,UAAU,EAAG,SAAS,EAAG,SAAS;AAAA;AAAA,eAwBlFF,GAAG;AAAA"}
1
+ {"version":3,"file":"Tag.cjs","names":["Container","styled","div","props","isLabelPresent","COLORS","neutral_100","neutral_600","correct_100","correct_600","warning_100","warning_600","critical_100","critical_600","accent1_100","accent1_600","accent2_100","accent2_600","IconContainer","TextContainer","ComponentXSStyling","ComponentTextStyle","Bold","Tag","label","icon","variant","className","rest","cls"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';\n\nconst Container = styled.div<{variant: TagVariants, isLabelPresent: boolean}>`\n display: flex;\n padding: 4px;\n height: 24px;\n width: calc(100%);\n max-width: fit-content;\n align-items: center;\n justify-content: center;\n min-width: ${props=>props.isLabelPresent ? '64px' : ''};\n border-radius: 2px;\n box-sizing: border-box;\n\n &.neutral {\n background-color: ${COLORS.neutral_100};\n color: ${COLORS.neutral_600};\n }\n &.positive {\n background-color: ${COLORS.correct_100};\n color: ${COLORS.correct_600};\n }\n &.warning {\n background-color: ${COLORS.warning_100};\n color: ${COLORS.warning_600};\n }\n &.critical {\n background-color: ${COLORS.critical_100};\n color: ${COLORS.critical_600};\n }\n &.accent1 {\n background-color: ${COLORS.accent1_100};\n color: ${COLORS.accent1_600};\n }\n &.accent2 {\n background-color: ${COLORS.accent2_100};\n color: ${COLORS.accent2_600};\n }\n\n`;\n\nconst IconContainer = styled.div<{variant: TagVariants}>`\n display: flex;\n width: 16px;\n height: 16px;\n svg {\n width: 16px;\n height: 16px;\n }\n`;\n\nconst TextContainer = styled.div<{variant: TagVariants, icon: React.ReactNode}>`\n height: 16px;\n padding: 0 4px;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden; \n ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\n`;\n\n\nexport type TagVariants = 'neutral' | 'positive' | 'warning' | 'critical' | 'accent1' | 'accent2';\n\ntype TagProps = React.HTMLAttributes<HTMLDivElement> & {\n label?: string;\n icon?: React.ReactNode;\n variant?: TagVariants;\n}\n\nconst Tag: React.FunctionComponent<TagProps> = ({label, icon, variant='neutral', className, ...rest}) => {\n const cls = `${className ?? ''} ${variant}`;\n return ( \n <Container variant={variant} isLabelPresent={!!label} className={cls} {...rest}>\n {icon && <IconContainer variant={variant} data-testid={'iconContainer'}>\n {icon}\n </IconContainer>\n }\n {label && <TextContainer variant={variant} icon={icon}>\n {label}\n </TextContainer>\n }\n </Container>\n );\n};\n\nexport default Tag;\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AAAoE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEpE,IAAMA,SAAS,GAAGC,yBAAM,CAACC,GAAG,6sBAQb,UAAAC,KAAK;EAAA,OAAEA,KAAK,CAACC,cAAc,GAAG,MAAM,GAAG,EAAE;AAAA,GAKhCC,QAAM,CAACC,WAAW,EAC7BD,QAAM,CAACE,WAAW,EAGPF,QAAM,CAACG,WAAW,EAC7BH,QAAM,CAACI,WAAW,EAGPJ,QAAM,CAACK,WAAW,EAC7BL,QAAM,CAACM,WAAW,EAGPN,QAAM,CAACO,YAAY,EAC9BP,QAAM,CAACQ,YAAY,EAGRR,QAAM,CAACS,WAAW,EAC7BT,QAAM,CAACU,WAAW,EAGPV,QAAM,CAACW,WAAW,EAC7BX,QAAM,CAACY,WAAW,CAG9B;AAED,IAAMC,aAAa,GAAGjB,yBAAM,CAACC,GAAG,6LAQ/B;AAED,IAAMiB,aAAa,GAAGlB,yBAAM,CAACC,GAAG,+MAM5B,IAAAkB,oBAAkB,EAACC,oBAAkB,CAACC,IAAI,EAAE,IAAI,CAAC,CACpD;AAWD,IAAMC,GAAsC,GAAG,SAAzCA,GAAsC,OAA6D;EAAA,IAAxDC,KAAK,QAALA,KAAK;IAAEC,IAAI,QAAJA,IAAI;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAC,SAAS;IAAEC,SAAS,QAATA,SAAS;IAAKC,IAAI;EACjG,IAAMC,GAAG,aAAMF,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,EAAE,cAAID,OAAO,CAAE;EAC3C,oBACE,sBAAC,SAAS;IAAC,OAAO,EAAEA,OAAQ;IAAC,cAAc,EAAE,CAAC,CAACF,KAAM;IAAC,SAAS,EAAEK;EAAI,GAAKD,IAAI;IAAA,WAC3EH,IAAI,iBAAI,qBAAC,aAAa;MAAC,OAAO,EAAEC,OAAQ;MAAC,eAAa,eAAgB;MAAA,UAClED;IAAI,EACS,EAEjBD,KAAK,iBAAI,qBAAC,aAAa;MAAC,OAAO,EAAEE,OAAQ;MAAC,IAAI,EAAED,IAAK;MAAA,UACjDD;IAAK,EACQ;EAAA,GAER;AAEhB,CAAC;AAAC;EAnBAA,KAAK;EACLC,IAAI;EACJC,OAAO,4BALiB,SAAS,EAAG,UAAU,EAAG,SAAS,EAAG,UAAU,EAAG,SAAS,EAAG,SAAS;AAAA;AAAA,eAwBlFH,GAAG;AAAA"}
package/dist/Tag/Tag.js CHANGED
@@ -11,13 +11,11 @@ import styled from 'styled-components';
11
11
  import { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';
12
12
  import { jsx as _jsx } from "react/jsx-runtime";
13
13
  import { jsxs as _jsxs } from "react/jsx-runtime";
14
- var Container = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n height: 24px;\n width: calc(100%);\n max-width: fit-content;\n justify-content: center;\n min-width: ", ";\n border-radius: 2px;\n\n &.neutral {\n background-color: ", ";\n color: ", ";\n }\n &.positive {\n background-color: ", ";\n color: ", ";\n }\n &.warning {\n background-color: ", ";\n color: ", ";\n }\n &.critical {\n background-color: ", ";\n color: ", ";\n }\n &.accent1 {\n background-color: ", ";\n color: ", ";\n }\n &.accent2 {\n background-color: ", ";\n color: ", ";\n }\n\n"])), function (props) {
14
+ var Container = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n padding: 4px;\n height: 24px;\n width: calc(100%);\n max-width: fit-content;\n align-items: center;\n justify-content: center;\n min-width: ", ";\n border-radius: 2px;\n box-sizing: border-box;\n\n &.neutral {\n background-color: ", ";\n color: ", ";\n }\n &.positive {\n background-color: ", ";\n color: ", ";\n }\n &.warning {\n background-color: ", ";\n color: ", ";\n }\n &.critical {\n background-color: ", ";\n color: ", ";\n }\n &.accent1 {\n background-color: ", ";\n color: ", ";\n }\n &.accent2 {\n background-color: ", ";\n color: ", ";\n }\n\n"])), function (props) {
15
15
  return props.isLabelPresent ? '64px' : '';
16
16
  }, COLORS.neutral_100, COLORS.neutral_600, COLORS.correct_100, COLORS.correct_600, COLORS.warning_100, COLORS.warning_600, COLORS.critical_100, COLORS.critical_600, COLORS.accent1_100, COLORS.accent1_600, COLORS.accent2_100, COLORS.accent2_600);
17
- var IconContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n border-radius: 2px;\n margin: 4px;\n svg {\n width: 16px;\n height: 16px;\n }\n"])));
18
- var TextContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n border-radius: 2px;\n margin: ", ";\n height: 16px;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden; \n ", "\n"])), function (props) {
19
- return props.icon ? "4px 8px 4px 0" : "4px 8px";
20
- }, ComponentXSStyling(ComponentTextStyle.Bold, null));
17
+ var IconContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n width: 16px;\n height: 16px;\n svg {\n width: 16px;\n height: 16px;\n }\n"])));
18
+ var TextContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n height: 16px;\n padding: 0 4px;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden; \n ", "\n"])), ComponentXSStyling(ComponentTextStyle.Bold, null));
21
19
  var Tag = function Tag(_ref) {
22
20
  var label = _ref.label,
23
21
  icon = _ref.icon,
package/dist/Tag/Tag.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentXSStyling","Container","div","props","isLabelPresent","neutral_100","neutral_600","correct_100","correct_600","warning_100","warning_600","critical_100","critical_600","accent1_100","accent1_600","accent2_100","accent2_600","IconContainer","TextContainer","icon","Bold","Tag","label","variant","className","rest","cls"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';\n\nconst Container = styled.div<{variant: TagVariants, isLabelPresent: boolean}>`\n display: flex;\n height: 24px;\n width: calc(100%);\n max-width: fit-content;\n justify-content: center;\n min-width: ${props=>props.isLabelPresent ? '64px' : ''};\n border-radius: 2px;\n\n &.neutral {\n background-color: ${COLORS.neutral_100};\n color: ${COLORS.neutral_600};\n }\n &.positive {\n background-color: ${COLORS.correct_100};\n color: ${COLORS.correct_600};\n }\n &.warning {\n background-color: ${COLORS.warning_100};\n color: ${COLORS.warning_600};\n }\n &.critical {\n background-color: ${COLORS.critical_100};\n color: ${COLORS.critical_600};\n }\n &.accent1 {\n background-color: ${COLORS.accent1_100};\n color: ${COLORS.accent1_600};\n }\n &.accent2 {\n background-color: ${COLORS.accent2_100};\n color: ${COLORS.accent2_600};\n }\n\n`;\n\nconst IconContainer = styled.div<{variant: TagVariants}>`\n border-radius: 2px;\n margin: 4px;\n svg {\n width: 16px;\n height: 16px;\n }\n`;\n\nconst TextContainer = styled.div<{variant: TagVariants, icon: React.ReactNode}>`\n border-radius: 2px;\n margin: ${props=> props.icon ? `4px 8px 4px 0` : `4px 8px`};\n height: 16px;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden; \n ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\n`;\n\n\nexport type TagVariants = 'neutral' | 'positive' | 'warning' | 'critical' | 'accent1' | 'accent2';\n\ntype TagProps = React.HTMLAttributes<HTMLDivElement> & {\n label?: string;\n icon?: React.ReactNode;\n variant?: TagVariants;\n}\n\nconst Tag: React.FunctionComponent<TagProps> = ({label, icon, variant='neutral', className, ...rest}) => {\n const cls = `${className ?? ''} ${variant}`;\n return ( \n <Container variant={variant} isLabelPresent={!!label} className={cls} {...rest}>\n {icon && <IconContainer variant={variant} data-testid={'iconContainer'}>\n {icon}\n </IconContainer>\n }\n {label && <TextContainer variant={variant} icon={icon}>\n {label}\n </TextContainer>\n }\n </Container>\n );\n};\n\nexport default Tag;\n"],"mappings":";;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,EAAEC,kBAAkB,EAAEC,kBAAkB,QAAQ,IAAI;AAAC;AAAA;AAEpE,IAAMC,SAAS,GAAGJ,MAAM,CAACK,GAAG,2nBAMb,UAAAC,KAAK;EAAA,OAAEA,KAAK,CAACC,cAAc,GAAG,MAAM,GAAG,EAAE;AAAA,GAIhCN,MAAM,CAACO,WAAW,EAC7BP,MAAM,CAACQ,WAAW,EAGPR,MAAM,CAACS,WAAW,EAC7BT,MAAM,CAACU,WAAW,EAGPV,MAAM,CAACW,WAAW,EAC7BX,MAAM,CAACY,WAAW,EAGPZ,MAAM,CAACa,YAAY,EAC9Bb,MAAM,CAACc,YAAY,EAGRd,MAAM,CAACe,WAAW,EAC7Bf,MAAM,CAACgB,WAAW,EAGPhB,MAAM,CAACiB,WAAW,EAC7BjB,MAAM,CAACkB,WAAW,CAG9B;AAED,IAAMC,aAAa,GAAGpB,MAAM,CAACK,GAAG,mKAO/B;AAED,IAAMgB,aAAa,GAAGrB,MAAM,CAACK,GAAG,sNAEpB,UAAAC,KAAK;EAAA,OAAGA,KAAK,CAACgB,IAAI,8BAA8B;AAAA,GAKxDnB,kBAAkB,CAACD,kBAAkB,CAACqB,IAAI,EAAE,IAAI,CAAC,CACpD;AAWD,IAAMC,GAAsC,GAAG,SAAzCA,GAAsC,OAA6D;EAAA,IAAxDC,KAAK,QAALA,KAAK;IAAEH,IAAI,QAAJA,IAAI;IAAA,oBAAEI,OAAO;IAAPA,OAAO,6BAAC,SAAS;IAAEC,SAAS,QAATA,SAAS;IAAKC,IAAI;EACjG,IAAMC,GAAG,aAAMF,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,EAAE,cAAID,OAAO,CAAE;EAC3C,oBACE,MAAC,SAAS;IAAC,OAAO,EAAEA,OAAQ;IAAC,cAAc,EAAE,CAAC,CAACD,KAAM;IAAC,SAAS,EAAEI;EAAI,GAAKD,IAAI;IAAA,WAC3EN,IAAI,iBAAI,KAAC,aAAa;MAAC,OAAO,EAAEI,OAAQ;MAAC,eAAa,eAAgB;MAAA,UAClEJ;IAAI,EACS,EAEjBG,KAAK,iBAAI,KAAC,aAAa;MAAC,OAAO,EAAEC,OAAQ;MAAC,IAAI,EAAEJ,IAAK;MAAA,UACjDG;IAAK,EACQ;EAAA,GAER;AAEhB,CAAC;AAAC;EAnBAA,KAAK;EACLH,IAAI;EACJI,OAAO,aALiB,SAAS,EAAG,UAAU,EAAG,SAAS,EAAG,UAAU,EAAG,SAAS,EAAG,SAAS;AAAA;AAwBjG,eAAeF,GAAG"}
1
+ {"version":3,"file":"Tag.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentXSStyling","Container","div","props","isLabelPresent","neutral_100","neutral_600","correct_100","correct_600","warning_100","warning_600","critical_100","critical_600","accent1_100","accent1_600","accent2_100","accent2_600","IconContainer","TextContainer","Bold","Tag","label","icon","variant","className","rest","cls"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';\n\nconst Container = styled.div<{variant: TagVariants, isLabelPresent: boolean}>`\n display: flex;\n padding: 4px;\n height: 24px;\n width: calc(100%);\n max-width: fit-content;\n align-items: center;\n justify-content: center;\n min-width: ${props=>props.isLabelPresent ? '64px' : ''};\n border-radius: 2px;\n box-sizing: border-box;\n\n &.neutral {\n background-color: ${COLORS.neutral_100};\n color: ${COLORS.neutral_600};\n }\n &.positive {\n background-color: ${COLORS.correct_100};\n color: ${COLORS.correct_600};\n }\n &.warning {\n background-color: ${COLORS.warning_100};\n color: ${COLORS.warning_600};\n }\n &.critical {\n background-color: ${COLORS.critical_100};\n color: ${COLORS.critical_600};\n }\n &.accent1 {\n background-color: ${COLORS.accent1_100};\n color: ${COLORS.accent1_600};\n }\n &.accent2 {\n background-color: ${COLORS.accent2_100};\n color: ${COLORS.accent2_600};\n }\n\n`;\n\nconst IconContainer = styled.div<{variant: TagVariants}>`\n display: flex;\n width: 16px;\n height: 16px;\n svg {\n width: 16px;\n height: 16px;\n }\n`;\n\nconst TextContainer = styled.div<{variant: TagVariants, icon: React.ReactNode}>`\n height: 16px;\n padding: 0 4px;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden; \n ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\n`;\n\n\nexport type TagVariants = 'neutral' | 'positive' | 'warning' | 'critical' | 'accent1' | 'accent2';\n\ntype TagProps = React.HTMLAttributes<HTMLDivElement> & {\n label?: string;\n icon?: React.ReactNode;\n variant?: TagVariants;\n}\n\nconst Tag: React.FunctionComponent<TagProps> = ({label, icon, variant='neutral', className, ...rest}) => {\n const cls = `${className ?? ''} ${variant}`;\n return ( \n <Container variant={variant} isLabelPresent={!!label} className={cls} {...rest}>\n {icon && <IconContainer variant={variant} data-testid={'iconContainer'}>\n {icon}\n </IconContainer>\n }\n {label && <TextContainer variant={variant} icon={icon}>\n {label}\n </TextContainer>\n }\n </Container>\n );\n};\n\nexport default Tag;\n"],"mappings":";;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,EAAEC,kBAAkB,EAAEC,kBAAkB,QAAQ,IAAI;AAAC;AAAA;AAEpE,IAAMC,SAAS,GAAGJ,MAAM,CAACK,GAAG,+rBAQb,UAAAC,KAAK;EAAA,OAAEA,KAAK,CAACC,cAAc,GAAG,MAAM,GAAG,EAAE;AAAA,GAKhCN,MAAM,CAACO,WAAW,EAC7BP,MAAM,CAACQ,WAAW,EAGPR,MAAM,CAACS,WAAW,EAC7BT,MAAM,CAACU,WAAW,EAGPV,MAAM,CAACW,WAAW,EAC7BX,MAAM,CAACY,WAAW,EAGPZ,MAAM,CAACa,YAAY,EAC9Bb,MAAM,CAACc,YAAY,EAGRd,MAAM,CAACe,WAAW,EAC7Bf,MAAM,CAACgB,WAAW,EAGPhB,MAAM,CAACiB,WAAW,EAC7BjB,MAAM,CAACkB,WAAW,CAG9B;AAED,IAAMC,aAAa,GAAGpB,MAAM,CAACK,GAAG,+KAQ/B;AAED,IAAMgB,aAAa,GAAGrB,MAAM,CAACK,GAAG,iMAM5BF,kBAAkB,CAACD,kBAAkB,CAACoB,IAAI,EAAE,IAAI,CAAC,CACpD;AAWD,IAAMC,GAAsC,GAAG,SAAzCA,GAAsC,OAA6D;EAAA,IAAxDC,KAAK,QAALA,KAAK;IAAEC,IAAI,QAAJA,IAAI;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAC,SAAS;IAAEC,SAAS,QAATA,SAAS;IAAKC,IAAI;EACjG,IAAMC,GAAG,aAAMF,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,EAAE,cAAID,OAAO,CAAE;EAC3C,oBACE,MAAC,SAAS;IAAC,OAAO,EAAEA,OAAQ;IAAC,cAAc,EAAE,CAAC,CAACF,KAAM;IAAC,SAAS,EAAEK;EAAI,GAAKD,IAAI;IAAA,WAC3EH,IAAI,iBAAI,KAAC,aAAa;MAAC,OAAO,EAAEC,OAAQ;MAAC,eAAa,eAAgB;MAAA,UAClED;IAAI,EACS,EAEjBD,KAAK,iBAAI,KAAC,aAAa;MAAC,OAAO,EAAEE,OAAQ;MAAC,IAAI,EAAED,IAAK;MAAA,UACjDD;IAAK,EACQ;EAAA,GAER;AAEhB,CAAC;AAAC;EAnBAA,KAAK;EACLC,IAAI;EACJC,OAAO,aALiB,SAAS,EAAG,UAAU,EAAG,SAAS,EAAG,UAAU,EAAG,SAAS,EAAG,SAAS;AAAA;AAwBjG,eAAeH,GAAG"}
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.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;
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;
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,7 +34,6 @@ var TypographyBase = (0, _styledComponents.default)('div')(function (_ref) {
34
34
  color: $color ? $color : _.COLORS.black
35
35
  };
36
36
  });
37
- exports.TypographyBase = TypographyBase;
38
37
  var HeadlineBaseStyling = function HeadlineBaseStyling(fontSize, lineHeight, color) {
39
38
  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);
40
39
  };
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\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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"}
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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"}
package/dist/styles/typography.d.ts CHANGED
@@ -10,7 +10,6 @@ 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>;
14
13
  interface IHeadline {
15
14
  $color?: string;
16
15
  }
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
- export var TypographyBase = styled('div')(function (_ref) {
9
+ 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\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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"}
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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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@laerdal/life-react-components",
3
- "version": "2.0.1-dev.24",
3
+ "version": "2.0.1-dev.26",
4
4
  "private": false,
5
5
  "author": "Erik Martirosyan <erik.martirosyan@laerdal.com>",
6
6
  "contributors": [],