@laerdal/life-react-components 1.10.1-dev.1 → 1.10.1-dev.3

package/dist/Toggles/ToggleSwitch.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Toggles/ToggleSwitch.tsx"],"names":["ToggleSwitch","React","forwardRef","ref","id","disabled","selected","label","isSemantic","size","onToggle","className","rest","toggle","focusVisibleRef","useImperativeHandle","current","Size","Medium","e","key","toString","toLowerCase","concat"],"mappings":";;;;;;;;;;;;;;;AAGA;;AAUA;;AACA;;AACA;;;;;;;;;;;;;;AAEA,IAAMA,YAAY,gBAAGC,KAAK,CAACC,UAAN,CAAiB,gBAUuBC,GAVvB,EAU+B;AAAA;;AAAA,MAT5BC,EAS4B,QAT5BA,EAS4B;AAAA,MAR5BC,QAQ4B,QAR5BA,QAQ4B;AAAA,MAP5BC,QAO4B,QAP5BA,QAO4B;AAAA,MAN5BC,KAM4B,QAN5BA,KAM4B;AAAA,MAL5BC,UAK4B,QAL5BA,UAK4B;AAAA,MAJ5BC,IAI4B,QAJ5BA,IAI4B;AAAA,MAH5BC,QAG4B,QAH5BA,QAG4B;AAAA,MAF5BC,SAE4B,QAF5BA,SAE4B;AAAA,MADzBC,IACyB;;AACnE;AACF;AACA;AACE,MAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;AACnB;AACA,QAAIR,QAAJ,EAAc,OAFK,CAInB;;AACAK,IAAAA,QAAQ,CAAC,CAACJ,QAAF,CAAR;AACD,GAND;;AAQA,MAAMQ,eAAe,GAAG,gCAAmB,EAAnB,CAAxB;AAEAb,EAAAA,KAAK,CAACc,mBAAN,CAA0BZ,GAA1B,EAA+B;AAAA,WAAMW,eAAe,CAACE,OAAtB;AAAA,GAA/B,EAA8D,CAACF,eAAD,CAA9D;AAEAL,EAAAA,IAAI,YAAGA,IAAH,yCAAWQ,OAAKC,MAApB;AAEA,sBACE,sBAAC,2BAAD;AACE,IAAA,GAAG,EAAEJ,eADP;AAEE,IAAA,OAAO,EAAE,iBAACK,CAAD;AAAA,aAAON,MAAM,EAAb;AAAA,KAFX;AAGE,IAAA,SAAS,EAAE,mBAAAM,CAAC;AAAA,aAAI,CAACA,CAAC,CAACC,GAAF,KAAU,OAAV,IAAqBD,CAAC,CAACC,GAAF,KAAU,GAAhC,KAAwCP,MAAM,EAAlD;AAAA,KAHd;AAIE,IAAA,SAAS,EAAEJ,IAAI,CACZY,QADQ,GAERC,WAFQ,GAGRC,MAHQ,CAGDlB,QAAQ,GAAG,WAAH,GAAiB,EAHxB,EAIRkB,MAJQ,CAIDZ,SAAS,cAAOA,SAAP,IAAqB,EAJ7B,CAJb;AASE,IAAA,QAAQ,EAAEL,QATZ;AAUE,IAAA,QAAQ,EAAED,QAAQ,GAAG,CAAC,CAAJ,GAAQ;AAV5B,KAWMO,IAXN;AAAA,4BAYE,qBAAC,oCAAD;AAAuB,MAAA,EAAE,EAAC,iBAA1B;AAAA,6BACE,qBAAC,2BAAD;AAAQ,QAAA,SAAS,EAAEJ,UAAU,GAAG,UAAH,GAAgB;AAA7C;AADF,MAZF,EAeGD,KAAK,iBACJ;AAAO,MAAA,SAAS,EAAE,OAAlB;AAA2B,MAAA,OAAO,EAAEH,EAApC;AAAA,gBACGG;AADH,MAhBJ;AAAA,KADF;AAuBD,CAnDoB,CAArB;eAqDeP,Y","sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom types.\n */\nimport {ToggleSwitchProps} from './TogglerTypes';\n\n/**\n * Import custom styles.\n */\nimport {ToggleSwitchContainer, ToggleSwitch as Switch, StyledSwitch} from './TogglerStyles';\nimport {Size} from '..';\nimport {useFocusVisibleRef} from '../common';\n\nconst ToggleSwitch = React.forwardRef(({\n                                         id,\n                                         disabled,\n                                         selected,\n                                         label,\n                                         isSemantic,\n                                         size,\n                                         onToggle,\n                                         className,\n                                         ...rest\n                                       }: ToggleSwitchProps, ref) => {\n  /**\n   * Does all required pre-requisites and toggles the switcher state.\n   */\n  const toggle = () => {\n    // If disabled, don't do anything\n    if (disabled) return;\n\n    // Toggle state change\n    onToggle(!selected);\n  };\n\n  const focusVisibleRef = useFocusVisibleRef([]);\n\n  React.useImperativeHandle(ref, () => focusVisibleRef.current, [focusVisibleRef]);\n\n  size = size ?? Size.Medium;\n\n  return (\n    <StyledSwitch\n      ref={focusVisibleRef}\n      onClick={(e) => toggle()}\n      onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && toggle()}\n      className={size\n        .toString()\n        .toLowerCase()\n        .concat(disabled ? ' disabled' : '')\n        .concat(className ? ` ${className}` : '')}\n      selected={selected}\n      tabIndex={disabled ? -1 : 0}\n      {...rest}>\n      <ToggleSwitchContainer id=\"switchContainer\">\n        <Switch className={isSemantic ? 'semantic' : ''} />\n      </ToggleSwitchContainer>\n      {label && (\n        <label className={'label'} htmlFor={id}>\n          {label}\n        </label>\n      )}\n    </StyledSwitch>\n  );\n});\n\nexport default ToggleSwitch;\n"],"file":"ToggleSwitch.cjs"}
+{"version":3,"sources":["../../src/Toggles/ToggleSwitch.tsx"],"names":["ToggleSwitch","id","disabled","selected","label","isSemantic","size","onToggle","toggle","focusVisibleRef","Size","Medium","e","key","toString","toLowerCase","concat"],"mappings":";;;;;;;;;AAGA;;AAUA;;AACA;;AACA;;;;;;;;AAfA;AACA;AACA;;AAQA;AACA;AACA;AAKA,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAAsF;AAAA;;AAAA,MAAnFC,EAAmF,QAAnFA,EAAmF;AAAA,MAA/EC,QAA+E,QAA/EA,QAA+E;AAAA,MAArEC,QAAqE,QAArEA,QAAqE;AAAA,MAA3DC,KAA2D,QAA3DA,KAA2D;AAAA,MAApDC,UAAoD,QAApDA,UAAoD;AAAA,MAAxCC,IAAwC,QAAxCA,IAAwC;AAAA,MAAlCC,QAAkC,QAAlCA,QAAkC;;AACzG;AACF;AACA;AACE,MAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;AACnB;AACA,QAAIN,QAAJ,EAAc,OAFK,CAInB;;AACAK,IAAAA,QAAQ,CAAC,CAACJ,QAAF,CAAR;AACD,GAND;;AAOA,MAAMM,eAAe,GAAG,iCAAxB;AAEAH,EAAAA,IAAI,YAAGA,IAAH,yCAAWI,OAAKC,MAApB;AAEA,sBACE,sBAAC,2BAAD;AACE,IAAA,GAAG,EAAEF,eADP;AAEE,IAAA,OAAO,EAAE,iBAACG,CAAD;AAAA,aAAOJ,MAAM,EAAb;AAAA,KAFX;AAGE,IAAA,OAAO,EAAE,iBAACI,CAAD;AAAA,aAAOA,CAAC,CAACC,GAAF,KAAU,OAAV,IAAqBL,MAAM,EAAlC;AAAA,KAHX;AAIE,IAAA,SAAS,EAAEF,IAAI,CACZQ,QADQ,GAERC,WAFQ,GAGRC,MAHQ,CAGDd,QAAQ,GAAG,WAAH,GAAiB,EAHxB,CAJb;AAQE,IAAA,QAAQ,EAAEC,QARZ;AASE,IAAA,QAAQ,EAAED,QAAQ,GAAG,CAAC,CAAJ,GAAQ,CAT5B;AAAA,4BAUE,qBAAC,oCAAD;AAAuB,MAAA,EAAE,EAAC,iBAA1B;AAAA,6BACE,qBAAC,2BAAD;AAAQ,QAAA,SAAS,EAAEG,UAAU,GAAG,UAAH,GAAgB;AAA7C;AADF,MAVF,EAaGD,KAAK,iBACJ;AAAO,MAAA,SAAS,EAAE,OAAlB;AAA2B,MAAA,OAAO,EAAEH,EAApC;AAAA,gBACGG;AADH,MAdJ;AAAA,IADF;AAqBD,CApCD;;eAsCeJ,Y","sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom types.\n */\nimport { ToggleSwitchProps } from './TogglerTypes';\n\n/**\n * Import custom styles.\n */\nimport { ToggleSwitchContainer, ToggleSwitch as Switch, StyledSwitch } from './TogglerStyles';\nimport { Size } from '..';\nimport { useFocusVisibleRef } from '../common';\n\nconst ToggleSwitch = ({ id, disabled, selected, label, isSemantic, size, onToggle }: ToggleSwitchProps) => {\n  /**\n   * Does all required pre-requisites and toggles the switcher state.\n   */\n  const toggle = () => {\n    // If disabled, don't do anything\n    if (disabled) return;\n\n    // Toggle state change\n    onToggle(!selected);\n  };\n  const focusVisibleRef = useFocusVisibleRef();\n\n  size = size ?? Size.Medium;\n\n  return (\n    <StyledSwitch\n      ref={focusVisibleRef}\n      onClick={(e) => toggle()}\n      onKeyUp={(e) => e.key === 'Enter' && toggle()}\n      className={size\n        .toString()\n        .toLowerCase()\n        .concat(disabled ? ' disabled' : '')}\n      selected={selected}\n      tabIndex={disabled ? -1 : 0}>\n      <ToggleSwitchContainer id=\"switchContainer\">\n        <Switch className={isSemantic ? 'semantic' : ''} />\n      </ToggleSwitchContainer>\n      {label && (\n        <label className={'label'} htmlFor={id}>\n          {label}\n        </label>\n      )}\n    </StyledSwitch>\n  );\n};\n\nexport default ToggleSwitch;\n"],"file":"ToggleSwitch.cjs"}

package/dist/Toggles/ToggleSwitch.d.ts

@@ -1,10 +1,6 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
 /**
  * Import custom types.
  */
 import { ToggleSwitchProps } from './TogglerTypes';
-declare const ToggleSwitch: React.ForwardRefExoticComponent<ToggleSwitchProps & React.RefAttributes<unknown>>;
+declare const ToggleSwitch: ({ id, disabled, selected, label, isSemantic, size, onToggle }: ToggleSwitchProps) => JSX.Element;
 export default ToggleSwitch;

package/dist/Toggles/ToggleSwitch.js

@@ -1,11 +1,3 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "disabled", "selected", "label", "isSemantic", "size", "onToggle", "className"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 /**
  * Import React libraries.
  */
@@ -22,7 +14,8 @@ import { Size } from '..';
 import { useFocusVisibleRef } from '../common';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var ToggleSwitch = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+
+var ToggleSwitch = function ToggleSwitch(_ref) {
   var _size;
 
   var id = _ref.id,
@@ -31,9 +24,7 @@ var ToggleSwitch = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       label = _ref.label,
       isSemantic = _ref.isSemantic,
       size = _ref.size,
-      onToggle = _ref.onToggle,
-      className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      onToggle = _ref.onToggle;
 
   /**
    * Does all required pre-requisites and toggles the switcher state.
@@ -45,23 +36,19 @@ var ToggleSwitch = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onToggle(!selected);
   };
 
-  var focusVisibleRef = useFocusVisibleRef([]);
-  React.useImperativeHandle(ref, function () {
-    return focusVisibleRef.current;
-  }, [focusVisibleRef]);
+  var focusVisibleRef = useFocusVisibleRef();
   size = (_size = size) !== null && _size !== void 0 ? _size : Size.Medium;
-  return /*#__PURE__*/_jsxs(StyledSwitch, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(StyledSwitch, {
     ref: focusVisibleRef,
     onClick: function onClick(e) {
       return toggle();
     },
-    onKeyDown: function onKeyDown(e) {
-      return (e.key === 'Enter' || e.key === ' ') && toggle();
+    onKeyUp: function onKeyUp(e) {
+      return e.key === 'Enter' && toggle();
     },
-    className: size.toString().toLowerCase().concat(disabled ? ' disabled' : '').concat(className ? " ".concat(className) : ''),
+    className: size.toString().toLowerCase().concat(disabled ? ' disabled' : ''),
     selected: selected,
-    tabIndex: disabled ? -1 : 0
-  }, rest), {}, {
+    tabIndex: disabled ? -1 : 0,
     children: [/*#__PURE__*/_jsx(ToggleSwitchContainer, {
       id: "switchContainer",
       children: /*#__PURE__*/_jsx(Switch, {
@@ -72,7 +59,8 @@ var ToggleSwitch = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       htmlFor: id,
       children: label
     })]
-  }));
-});
+  });
+};
+
 export default ToggleSwitch;
 //# sourceMappingURL=ToggleSwitch.js.map

package/dist/Toggles/ToggleSwitch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Toggles/ToggleSwitch.tsx"],"names":["React","ToggleSwitchContainer","ToggleSwitch","Switch","StyledSwitch","Size","useFocusVisibleRef","forwardRef","ref","id","disabled","selected","label","isSemantic","size","onToggle","className","rest","toggle","focusVisibleRef","useImperativeHandle","current","Medium","e","key","toString","toLowerCase","concat"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAAQC,qBAAR,EAA+BC,YAAY,IAAIC,MAA/C,EAAuDC,YAAvD,QAA0E,iBAA1E;AACA,SAAQC,IAAR,QAAmB,IAAnB;AACA,SAAQC,kBAAR,QAAiC,WAAjC;;;AAEA,IAAMJ,YAAY,gBAAGF,KAAK,CAACO,UAAN,CAAiB,gBAUuBC,GAVvB,EAU+B;AAAA;;AAAA,MAT5BC,EAS4B,QAT5BA,EAS4B;AAAA,MAR5BC,QAQ4B,QAR5BA,QAQ4B;AAAA,MAP5BC,QAO4B,QAP5BA,QAO4B;AAAA,MAN5BC,KAM4B,QAN5BA,KAM4B;AAAA,MAL5BC,UAK4B,QAL5BA,UAK4B;AAAA,MAJ5BC,IAI4B,QAJ5BA,IAI4B;AAAA,MAH5BC,QAG4B,QAH5BA,QAG4B;AAAA,MAF5BC,SAE4B,QAF5BA,SAE4B;AAAA,MADzBC,IACyB;;AACnE;AACF;AACA;AACE,MAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;AACnB;AACA,QAAIR,QAAJ,EAAc,OAFK,CAInB;;AACAK,IAAAA,QAAQ,CAAC,CAACJ,QAAF,CAAR;AACD,GAND;;AAQA,MAAMQ,eAAe,GAAGb,kBAAkB,CAAC,EAAD,CAA1C;AAEAN,EAAAA,KAAK,CAACoB,mBAAN,CAA0BZ,GAA1B,EAA+B;AAAA,WAAMW,eAAe,CAACE,OAAtB;AAAA,GAA/B,EAA8D,CAACF,eAAD,CAA9D;AAEAL,EAAAA,IAAI,YAAGA,IAAH,yCAAWT,IAAI,CAACiB,MAApB;AAEA,sBACE,MAAC,YAAD;AACE,IAAA,GAAG,EAAEH,eADP;AAEE,IAAA,OAAO,EAAE,iBAACI,CAAD;AAAA,aAAOL,MAAM,EAAb;AAAA,KAFX;AAGE,IAAA,SAAS,EAAE,mBAAAK,CAAC;AAAA,aAAI,CAACA,CAAC,CAACC,GAAF,KAAU,OAAV,IAAqBD,CAAC,CAACC,GAAF,KAAU,GAAhC,KAAwCN,MAAM,EAAlD;AAAA,KAHd;AAIE,IAAA,SAAS,EAAEJ,IAAI,CACZW,QADQ,GAERC,WAFQ,GAGRC,MAHQ,CAGDjB,QAAQ,GAAG,WAAH,GAAiB,EAHxB,EAIRiB,MAJQ,CAIDX,SAAS,cAAOA,SAAP,IAAqB,EAJ7B,CAJb;AASE,IAAA,QAAQ,EAAEL,QATZ;AAUE,IAAA,QAAQ,EAAED,QAAQ,GAAG,CAAC,CAAJ,GAAQ;AAV5B,KAWMO,IAXN;AAAA,4BAYE,KAAC,qBAAD;AAAuB,MAAA,EAAE,EAAC,iBAA1B;AAAA,6BACE,KAAC,MAAD;AAAQ,QAAA,SAAS,EAAEJ,UAAU,GAAG,UAAH,GAAgB;AAA7C;AADF,MAZF,EAeGD,KAAK,iBACJ;AAAO,MAAA,SAAS,EAAE,OAAlB;AAA2B,MAAA,OAAO,EAAEH,EAApC;AAAA,gBACGG;AADH,MAhBJ;AAAA,KADF;AAuBD,CAnDoB,CAArB;AAqDA,eAAeV,YAAf","sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom types.\n */\nimport {ToggleSwitchProps} from './TogglerTypes';\n\n/**\n * Import custom styles.\n */\nimport {ToggleSwitchContainer, ToggleSwitch as Switch, StyledSwitch} from './TogglerStyles';\nimport {Size} from '..';\nimport {useFocusVisibleRef} from '../common';\n\nconst ToggleSwitch = React.forwardRef(({\n                                         id,\n                                         disabled,\n                                         selected,\n                                         label,\n                                         isSemantic,\n                                         size,\n                                         onToggle,\n                                         className,\n                                         ...rest\n                                       }: ToggleSwitchProps, ref) => {\n  /**\n   * Does all required pre-requisites and toggles the switcher state.\n   */\n  const toggle = () => {\n    // If disabled, don't do anything\n    if (disabled) return;\n\n    // Toggle state change\n    onToggle(!selected);\n  };\n\n  const focusVisibleRef = useFocusVisibleRef([]);\n\n  React.useImperativeHandle(ref, () => focusVisibleRef.current, [focusVisibleRef]);\n\n  size = size ?? Size.Medium;\n\n  return (\n    <StyledSwitch\n      ref={focusVisibleRef}\n      onClick={(e) => toggle()}\n      onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && toggle()}\n      className={size\n        .toString()\n        .toLowerCase()\n        .concat(disabled ? ' disabled' : '')\n        .concat(className ? ` ${className}` : '')}\n      selected={selected}\n      tabIndex={disabled ? -1 : 0}\n      {...rest}>\n      <ToggleSwitchContainer id=\"switchContainer\">\n        <Switch className={isSemantic ? 'semantic' : ''} />\n      </ToggleSwitchContainer>\n      {label && (\n        <label className={'label'} htmlFor={id}>\n          {label}\n        </label>\n      )}\n    </StyledSwitch>\n  );\n});\n\nexport default ToggleSwitch;\n"],"file":"ToggleSwitch.js"}
+{"version":3,"sources":["../../src/Toggles/ToggleSwitch.tsx"],"names":["React","ToggleSwitchContainer","ToggleSwitch","Switch","StyledSwitch","Size","useFocusVisibleRef","id","disabled","selected","label","isSemantic","size","onToggle","toggle","focusVisibleRef","Medium","e","key","toString","toLowerCase","concat"],"mappings":"AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASC,qBAAT,EAAgCC,YAAY,IAAIC,MAAhD,EAAwDC,YAAxD,QAA4E,iBAA5E;AACA,SAASC,IAAT,QAAqB,IAArB;AACA,SAASC,kBAAT,QAAmC,WAAnC;;;;AAEA,IAAMJ,YAAY,GAAG,SAAfA,YAAe,OAAsF;AAAA;;AAAA,MAAnFK,EAAmF,QAAnFA,EAAmF;AAAA,MAA/EC,QAA+E,QAA/EA,QAA+E;AAAA,MAArEC,QAAqE,QAArEA,QAAqE;AAAA,MAA3DC,KAA2D,QAA3DA,KAA2D;AAAA,MAApDC,UAAoD,QAApDA,UAAoD;AAAA,MAAxCC,IAAwC,QAAxCA,IAAwC;AAAA,MAAlCC,QAAkC,QAAlCA,QAAkC;;AACzG;AACF;AACA;AACE,MAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;AACnB;AACA,QAAIN,QAAJ,EAAc,OAFK,CAInB;;AACAK,IAAAA,QAAQ,CAAC,CAACJ,QAAF,CAAR;AACD,GAND;;AAOA,MAAMM,eAAe,GAAGT,kBAAkB,EAA1C;AAEAM,EAAAA,IAAI,YAAGA,IAAH,yCAAWP,IAAI,CAACW,MAApB;AAEA,sBACE,MAAC,YAAD;AACE,IAAA,GAAG,EAAED,eADP;AAEE,IAAA,OAAO,EAAE,iBAACE,CAAD;AAAA,aAAOH,MAAM,EAAb;AAAA,KAFX;AAGE,IAAA,OAAO,EAAE,iBAACG,CAAD;AAAA,aAAOA,CAAC,CAACC,GAAF,KAAU,OAAV,IAAqBJ,MAAM,EAAlC;AAAA,KAHX;AAIE,IAAA,SAAS,EAAEF,IAAI,CACZO,QADQ,GAERC,WAFQ,GAGRC,MAHQ,CAGDb,QAAQ,GAAG,WAAH,GAAiB,EAHxB,CAJb;AAQE,IAAA,QAAQ,EAAEC,QARZ;AASE,IAAA,QAAQ,EAAED,QAAQ,GAAG,CAAC,CAAJ,GAAQ,CAT5B;AAAA,4BAUE,KAAC,qBAAD;AAAuB,MAAA,EAAE,EAAC,iBAA1B;AAAA,6BACE,KAAC,MAAD;AAAQ,QAAA,SAAS,EAAEG,UAAU,GAAG,UAAH,GAAgB;AAA7C;AADF,MAVF,EAaGD,KAAK,iBACJ;AAAO,MAAA,SAAS,EAAE,OAAlB;AAA2B,MAAA,OAAO,EAAEH,EAApC;AAAA,gBACGG;AADH,MAdJ;AAAA,IADF;AAqBD,CApCD;;AAsCA,eAAeR,YAAf","sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom types.\n */\nimport { ToggleSwitchProps } from './TogglerTypes';\n\n/**\n * Import custom styles.\n */\nimport { ToggleSwitchContainer, ToggleSwitch as Switch, StyledSwitch } from './TogglerStyles';\nimport { Size } from '..';\nimport { useFocusVisibleRef } from '../common';\n\nconst ToggleSwitch = ({ id, disabled, selected, label, isSemantic, size, onToggle }: ToggleSwitchProps) => {\n  /**\n   * Does all required pre-requisites and toggles the switcher state.\n   */\n  const toggle = () => {\n    // If disabled, don't do anything\n    if (disabled) return;\n\n    // Toggle state change\n    onToggle(!selected);\n  };\n  const focusVisibleRef = useFocusVisibleRef();\n\n  size = size ?? Size.Medium;\n\n  return (\n    <StyledSwitch\n      ref={focusVisibleRef}\n      onClick={(e) => toggle()}\n      onKeyUp={(e) => e.key === 'Enter' && toggle()}\n      className={size\n        .toString()\n        .toLowerCase()\n        .concat(disabled ? ' disabled' : '')}\n      selected={selected}\n      tabIndex={disabled ? -1 : 0}>\n      <ToggleSwitchContainer id=\"switchContainer\">\n        <Switch className={isSemantic ? 'semantic' : ''} />\n      </ToggleSwitchContainer>\n      {label && (\n        <label className={'label'} htmlFor={id}>\n          {label}\n        </label>\n      )}\n    </StyledSwitch>\n  );\n};\n\nexport default ToggleSwitch;\n"],"file":"ToggleSwitch.js"}

package/dist/Toggles/TogglerTypes.d.ts

@@ -2,7 +2,7 @@ import { Size } from '..';
 /**
  * Types for the table.
  */
-export interface ToggleSwitchProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onKeyDown' | 'onClick' | 'tabIndex'> {
+export interface ToggleSwitchProps {
     id: string;
     label?: string;
     disabled?: boolean;

package/dist/common/FocusVisible.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/common/FocusVisible.ts"],"names":["useFocusVisibleRef","focusWithinList","ref","elementRef","React","useRef","suppress","useState","visible","setVisible","addFocusVisibleClasses","current","classList","add","forEach","focusWithinListItem","removeFocusVisibleClasses","remove","handleMouseDown","contains","handleFocus","handleBlur","useLayoutEffect","useEffect","instance","focusFn","focus","e","focusVisible","call","addEventListener","removeEventListener","el"],"mappings":"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","sourcesContent":["import React from 'react';\n\nexport const useFocusVisibleRef = (focusWithinList: React.MutableRefObject<any>[] = [], ref?: React.MutableRefObject<any> | null) => {\n  const elementRef = ref ?? React.useRef<any>(null);\n  const suppress = React.useRef<boolean>(false);\n  const [visible, setVisible] = React.useState(false);\n\n  const addFocusVisibleClasses = () => {\n    elementRef.current?.classList.add('focus-visible');\n    focusWithinList?.forEach((focusWithinListItem) => {\n      focusWithinListItem.current?.classList.add('focus-visible-within');\n    });\n  }\n\n  const removeFocusVisibleClasses = () => {\n    elementRef.current?.classList.remove('focus-visible');\n    focusWithinList?.forEach((focusWithinListItem) => {\n      focusWithinListItem.current?.classList.remove('focus-visible-within');\n    });\n  }\n\n  const handleMouseDown = () => {\n    if (!elementRef.current?.classList.contains('focus-visible')) {\n      suppress.current = true;\n    }\n  };\n\n  const handleFocus = () => {\n    if (!suppress.current) {\n      setVisible(true);\n      addFocusVisibleClasses();\n    } else {\n      suppress.current = false;\n    }\n  };\n\n  const handleBlur = () => {\n    setVisible(false);\n    removeFocusVisibleClasses();\n  };\n\n\n  React.useLayoutEffect(() => {\n    if (visible) {\n      addFocusVisibleClasses()\n    } else {\n      removeFocusVisibleClasses();\n    }\n  }, [visible, elementRef, focusWithinList]);\n\n  React.useEffect(() => {\n    if (!elementRef.current) return;\n\n    const instance = elementRef.current;\n    const focusFn = elementRef.current.focus;\n    elementRef.current.focus = (e: any) => {\n      suppress.current = !e?.focusVisible;\n      focusFn.call(instance, e);\n    };\n\n    instance.addEventListener('mousedown', handleMouseDown);\n    instance.addEventListener('focus', handleFocus);\n    instance.addEventListener('blur', handleBlur);\n\n    return () => {\n      instance.removeEventListener('mousedown', handleMouseDown);\n      instance.removeEventListener('focus', handleFocus);\n      instance.removeEventListener('blur', handleBlur);\n      instance.classList.remove('focus-visible');\n      for (let el of focusWithinList) {\n        el.current?.classList.remove('focus-visible-within');\n      }\n    };\n  }, [elementRef]);\n\n  return elementRef;\n};\n"],"file":"FocusVisible.cjs"}
+{"version":3,"sources":["../../src/common/FocusVisible.ts"],"names":["useFocusVisibleRef","focusWithinList","ref","elementRef","React","useRef","suppress","useState","visible","setVisible","addFocusVisibleClasses","current","classList","add","forEach","focusWithinListItem","removeFocusVisibleClasses","remove","handleMouseDown","contains","handleFocus","handleBlur","useLayoutEffect","useEffect","instance","focusFn","focus","e","focusVisible","call","addEventListener","removeEventListener","el"],"mappings":"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","sourcesContent":["import React from 'react';\n\nexport const useFocusVisibleRef = (focusWithinList: React.MutableRefObject<any>[] = [], ref?: any) => {\n  const elementRef = ref ?? React.useRef<any>(null);\n  const suppress = React.useRef<boolean>(false);\n  const [visible, setVisible] = React.useState(false);\n\n  const addFocusVisibleClasses = () => {\n    elementRef.current?.classList.add('focus-visible');\n    focusWithinList?.forEach((focusWithinListItem) => {\n      focusWithinListItem.current?.classList.add('focus-visible-within');\n    });\n  }\n\n  const removeFocusVisibleClasses = () => {\n    elementRef.current?.classList.remove('focus-visible');\n    focusWithinList?.forEach((focusWithinListItem) => {\n      focusWithinListItem.current?.classList.remove('focus-visible-within');\n    });\n  }\n\n  const handleMouseDown = () => {\n    if (!elementRef.current?.classList.contains('focus-visible')) {\n      suppress.current = true;\n    }\n  };\n\n  const handleFocus = () => {\n    if (!suppress.current) {\n      setVisible(true);\n      addFocusVisibleClasses();\n    } else {\n      suppress.current = false;\n    }\n  };\n\n  const handleBlur = () => {\n    setVisible(false);\n    removeFocusVisibleClasses();\n  };\n\n\n  React.useLayoutEffect(() => {\n    if (visible) {\n      addFocusVisibleClasses()\n    } else {\n      removeFocusVisibleClasses();\n    }\n  }, [visible, elementRef, focusWithinList]);\n\n  React.useEffect(() => {\n    if (!elementRef.current) return;\n\n    const instance = elementRef.current;\n    const focusFn = elementRef.current.focus;\n    elementRef.current.focus = (e: any) => {\n      suppress.current = !e?.focusVisible;\n      focusFn.call(instance, e);\n    };\n\n    instance.addEventListener('mousedown', handleMouseDown);\n    instance.addEventListener('focus', handleFocus);\n    instance.addEventListener('blur', handleBlur);\n\n    return () => {\n      instance.removeEventListener('mousedown', handleMouseDown);\n      instance.removeEventListener('focus', handleFocus);\n      instance.removeEventListener('blur', handleBlur);\n      instance.classList.remove('focus-visible');\n      for (let el of focusWithinList) {\n        el.current?.classList.remove('focus-visible-within');\n      }\n    };\n  }, [elementRef]);\n\n  return elementRef;\n};\n"],"file":"FocusVisible.cjs"}

package/dist/common/FocusVisible.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const useFocusVisibleRef: (focusWithinList?: React.MutableRefObject<any>[], ref?: React.MutableRefObject<any> | null | undefined) => React.MutableRefObject<any>;
+export declare const useFocusVisibleRef: (focusWithinList?: React.MutableRefObject<any>[], ref?: any) => any;

package/dist/common/FocusVisible.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/common/FocusVisible.ts"],"names":["React","useFocusVisibleRef","focusWithinList","ref","elementRef","useRef","suppress","useState","visible","setVisible","addFocusVisibleClasses","current","classList","add","forEach","focusWithinListItem","removeFocusVisibleClasses","remove","handleMouseDown","contains","handleFocus","handleBlur","useLayoutEffect","useEffect","instance","focusFn","focus","e","focusVisible","call","addEventListener","removeEventListener","el"],"mappings":"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","sourcesContent":["import React from 'react';\n\nexport const useFocusVisibleRef = (focusWithinList: React.MutableRefObject<any>[] = [], ref?: React.MutableRefObject<any> | null) => {\n  const elementRef = ref ?? React.useRef<any>(null);\n  const suppress = React.useRef<boolean>(false);\n  const [visible, setVisible] = React.useState(false);\n\n  const addFocusVisibleClasses = () => {\n    elementRef.current?.classList.add('focus-visible');\n    focusWithinList?.forEach((focusWithinListItem) => {\n      focusWithinListItem.current?.classList.add('focus-visible-within');\n    });\n  }\n\n  const removeFocusVisibleClasses = () => {\n    elementRef.current?.classList.remove('focus-visible');\n    focusWithinList?.forEach((focusWithinListItem) => {\n      focusWithinListItem.current?.classList.remove('focus-visible-within');\n    });\n  }\n\n  const handleMouseDown = () => {\n    if (!elementRef.current?.classList.contains('focus-visible')) {\n      suppress.current = true;\n    }\n  };\n\n  const handleFocus = () => {\n    if (!suppress.current) {\n      setVisible(true);\n      addFocusVisibleClasses();\n    } else {\n      suppress.current = false;\n    }\n  };\n\n  const handleBlur = () => {\n    setVisible(false);\n    removeFocusVisibleClasses();\n  };\n\n\n  React.useLayoutEffect(() => {\n    if (visible) {\n      addFocusVisibleClasses()\n    } else {\n      removeFocusVisibleClasses();\n    }\n  }, [visible, elementRef, focusWithinList]);\n\n  React.useEffect(() => {\n    if (!elementRef.current) return;\n\n    const instance = elementRef.current;\n    const focusFn = elementRef.current.focus;\n    elementRef.current.focus = (e: any) => {\n      suppress.current = !e?.focusVisible;\n      focusFn.call(instance, e);\n    };\n\n    instance.addEventListener('mousedown', handleMouseDown);\n    instance.addEventListener('focus', handleFocus);\n    instance.addEventListener('blur', handleBlur);\n\n    return () => {\n      instance.removeEventListener('mousedown', handleMouseDown);\n      instance.removeEventListener('focus', handleFocus);\n      instance.removeEventListener('blur', handleBlur);\n      instance.classList.remove('focus-visible');\n      for (let el of focusWithinList) {\n        el.current?.classList.remove('focus-visible-within');\n      }\n    };\n  }, [elementRef]);\n\n  return elementRef;\n};\n"],"file":"FocusVisible.js"}
+{"version":3,"sources":["../../src/common/FocusVisible.ts"],"names":["React","useFocusVisibleRef","focusWithinList","ref","elementRef","useRef","suppress","useState","visible","setVisible","addFocusVisibleClasses","current","classList","add","forEach","focusWithinListItem","removeFocusVisibleClasses","remove","handleMouseDown","contains","handleFocus","handleBlur","useLayoutEffect","useEffect","instance","focusFn","focus","e","focusVisible","call","addEventListener","removeEventListener","el"],"mappings":"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","sourcesContent":["import React from 'react';\n\nexport const useFocusVisibleRef = (focusWithinList: React.MutableRefObject<any>[] = [], ref?: any) => {\n  const elementRef = ref ?? React.useRef<any>(null);\n  const suppress = React.useRef<boolean>(false);\n  const [visible, setVisible] = React.useState(false);\n\n  const addFocusVisibleClasses = () => {\n    elementRef.current?.classList.add('focus-visible');\n    focusWithinList?.forEach((focusWithinListItem) => {\n      focusWithinListItem.current?.classList.add('focus-visible-within');\n    });\n  }\n\n  const removeFocusVisibleClasses = () => {\n    elementRef.current?.classList.remove('focus-visible');\n    focusWithinList?.forEach((focusWithinListItem) => {\n      focusWithinListItem.current?.classList.remove('focus-visible-within');\n    });\n  }\n\n  const handleMouseDown = () => {\n    if (!elementRef.current?.classList.contains('focus-visible')) {\n      suppress.current = true;\n    }\n  };\n\n  const handleFocus = () => {\n    if (!suppress.current) {\n      setVisible(true);\n      addFocusVisibleClasses();\n    } else {\n      suppress.current = false;\n    }\n  };\n\n  const handleBlur = () => {\n    setVisible(false);\n    removeFocusVisibleClasses();\n  };\n\n\n  React.useLayoutEffect(() => {\n    if (visible) {\n      addFocusVisibleClasses()\n    } else {\n      removeFocusVisibleClasses();\n    }\n  }, [visible, elementRef, focusWithinList]);\n\n  React.useEffect(() => {\n    if (!elementRef.current) return;\n\n    const instance = elementRef.current;\n    const focusFn = elementRef.current.focus;\n    elementRef.current.focus = (e: any) => {\n      suppress.current = !e?.focusVisible;\n      focusFn.call(instance, e);\n    };\n\n    instance.addEventListener('mousedown', handleMouseDown);\n    instance.addEventListener('focus', handleFocus);\n    instance.addEventListener('blur', handleBlur);\n\n    return () => {\n      instance.removeEventListener('mousedown', handleMouseDown);\n      instance.removeEventListener('focus', handleFocus);\n      instance.removeEventListener('blur', handleBlur);\n      instance.classList.remove('focus-visible');\n      for (let el of focusWithinList) {\n        el.current?.classList.remove('focus-visible-within');\n      }\n    };\n  }, [elementRef]);\n\n  return elementRef;\n};\n"],"file":"FocusVisible.js"}

package/dist/styles/global.cjs

@@ -9,7 +9,7 @@ exports.default = void 0;
 
 var _colors = _interopRequireDefault(require("./colors"));
 
-var globalStyles = "\n  html,\n  body {\n    height: 100%;\n    font-family: 'Lato', sans-serif;\n    font-size: 18px;\n    color: ".concat(_colors.default.black, ";\n    -webkit-font-smoothing: antialiased;\n  }\n\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  main,\n  aside,\n  details {\n    display: block;\n  }\n\n  summary {\n    display: block;\n  }\n\n  #root {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  button,\n  input,\n  label {\n    font-family: inherit;\n  }\n\n  .react-grid-item.react-grid-placeholder {\n    background: ").concat(_colors.default.primary_100, " !important;\n    opacity: 1 !important;\n  }\n\n  .react-resizable-handle {\n    background-image: none !important;\n  }\n\n  .react-resizable-handle::after {\n    border: none !important;\n  }\n");
+var globalStyles = "\n  html,\n  body {\n    height: 100%;\n    font-family: 'Lato', sans-serif;\n    font-size: 18px;\n    color: ".concat(_colors.default.black, ";\n    -webkit-font-smoothing: antialiased;\n  }\n\n  [lang^=\"ja\" i] {\n    font-family: Lato, Noto Sans, Noto Sans JP, sans-serif;\n  }\n  \n  [lang^=\"ko\" i] {\n    font-family: Lato, Noto Sans, Noto Sans KR, sans-serif;\n  }\n  \n  [lang^=\"zh\" i] {\n    font-family: Lato, Noto Sans, Noto Sans SC, sans-serif;\n  }\n  \n  [lang=\"zh-cht\" i],\n  [lang=\"zh-hant\" i],\n  [lang=\"zh-hk\" i],\n  [lang=\"zh-mo\" i],\n  [lang=\"zh-tw\" i] {\n    font-family: Lato, Noto Sans, Noto Sans TC, sans-serif;\n  }\n\n\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  main,\n  aside,\n  details {\n    display: block;\n  }\n\n  summary {\n    display: block;\n  }\n\n  #root {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  button,\n  input,\n  label {\n    font-family: inherit;\n  }\n\n  .react-grid-item.react-grid-placeholder {\n    background: ").concat(_colors.default.primary_100, " !important;\n    opacity: 1 !important;\n  }\n\n  .react-resizable-handle {\n    background-image: none !important;\n  }\n\n  .react-resizable-handle::after {\n    border: none !important;\n  }\n");
 var _default = globalStyles;
 exports.default = _default;
 //# sourceMappingURL=global.cjs.map

package/dist/styles/global.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/styles/global.ts"],"names":["globalStyles","COLORS","black","primary_100"],"mappings":";;;;;;;;;AAAA;;AAEA,IAAMA,YAAY,4HAMLC,gBAAOC,KANF,6aAsCAD,gBAAOE,WAtCP,yMAAlB;eAmDeH,Y","sourcesContent":["import COLORS from './colors';\n\nconst globalStyles = `\n  html,\n  body {\n    height: 100%;\n    font-family: 'Lato', sans-serif;\n    font-size: 18px;\n    color: ${COLORS.black};\n    -webkit-font-smoothing: antialiased;\n  }\n\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  main,\n  aside,\n  details {\n    display: block;\n  }\n\n  summary {\n    display: block;\n  }\n\n  #root {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  button,\n  input,\n  label {\n    font-family: inherit;\n  }\n\n  .react-grid-item.react-grid-placeholder {\n    background: ${COLORS.primary_100} !important;\n    opacity: 1 !important;\n  }\n\n  .react-resizable-handle {\n    background-image: none !important;\n  }\n\n  .react-resizable-handle::after {\n    border: none !important;\n  }\n`;\n\nexport default globalStyles;\n"],"file":"global.cjs"}
+{"version":3,"sources":["../../src/styles/global.ts"],"names":["globalStyles","COLORS","black","primary_100"],"mappings":";;;;;;;;;AAAA;;AAEA,IAAMA,YAAY,4HAMLC,gBAAOC,KANF,83BA2DAD,gBAAOE,WA3DP,yMAAlB;eAwEeH,Y","sourcesContent":["import COLORS from './colors';\n\nconst globalStyles = `\n  html,\n  body {\n    height: 100%;\n    font-family: 'Lato', sans-serif;\n    font-size: 18px;\n    color: ${COLORS.black};\n    -webkit-font-smoothing: antialiased;\n  }\n\n  [lang^=\"ja\" i] {\n    font-family: Lato, Noto Sans, Noto Sans JP, sans-serif;\n  }\n  \n  [lang^=\"ko\" i] {\n    font-family: Lato, Noto Sans, Noto Sans KR, sans-serif;\n  }\n  \n  [lang^=\"zh\" i] {\n    font-family: Lato, Noto Sans, Noto Sans SC, sans-serif;\n  }\n  \n  [lang=\"zh-cht\" i],\n  [lang=\"zh-hant\" i],\n  [lang=\"zh-hk\" i],\n  [lang=\"zh-mo\" i],\n  [lang=\"zh-tw\" i] {\n    font-family: Lato, Noto Sans, Noto Sans TC, sans-serif;\n  }\n\n\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  main,\n  aside,\n  details {\n    display: block;\n  }\n\n  summary {\n    display: block;\n  }\n\n  #root {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  button,\n  input,\n  label {\n    font-family: inherit;\n  }\n\n  .react-grid-item.react-grid-placeholder {\n    background: ${COLORS.primary_100} !important;\n    opacity: 1 !important;\n  }\n\n  .react-resizable-handle {\n    background-image: none !important;\n  }\n\n  .react-resizable-handle::after {\n    border: none !important;\n  }\n`;\n\nexport default globalStyles;\n"],"file":"global.cjs"}

package/dist/styles/global.js

@@ -1,4 +1,4 @@
 import COLORS from './colors';
-var globalStyles = "\n  html,\n  body {\n    height: 100%;\n    font-family: 'Lato', sans-serif;\n    font-size: 18px;\n    color: ".concat(COLORS.black, ";\n    -webkit-font-smoothing: antialiased;\n  }\n\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  main,\n  aside,\n  details {\n    display: block;\n  }\n\n  summary {\n    display: block;\n  }\n\n  #root {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  button,\n  input,\n  label {\n    font-family: inherit;\n  }\n\n  .react-grid-item.react-grid-placeholder {\n    background: ").concat(COLORS.primary_100, " !important;\n    opacity: 1 !important;\n  }\n\n  .react-resizable-handle {\n    background-image: none !important;\n  }\n\n  .react-resizable-handle::after {\n    border: none !important;\n  }\n");
+var globalStyles = "\n  html,\n  body {\n    height: 100%;\n    font-family: 'Lato', sans-serif;\n    font-size: 18px;\n    color: ".concat(COLORS.black, ";\n    -webkit-font-smoothing: antialiased;\n  }\n\n  [lang^=\"ja\" i] {\n    font-family: Lato, Noto Sans, Noto Sans JP, sans-serif;\n  }\n  \n  [lang^=\"ko\" i] {\n    font-family: Lato, Noto Sans, Noto Sans KR, sans-serif;\n  }\n  \n  [lang^=\"zh\" i] {\n    font-family: Lato, Noto Sans, Noto Sans SC, sans-serif;\n  }\n  \n  [lang=\"zh-cht\" i],\n  [lang=\"zh-hant\" i],\n  [lang=\"zh-hk\" i],\n  [lang=\"zh-mo\" i],\n  [lang=\"zh-tw\" i] {\n    font-family: Lato, Noto Sans, Noto Sans TC, sans-serif;\n  }\n\n\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  main,\n  aside,\n  details {\n    display: block;\n  }\n\n  summary {\n    display: block;\n  }\n\n  #root {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  button,\n  input,\n  label {\n    font-family: inherit;\n  }\n\n  .react-grid-item.react-grid-placeholder {\n    background: ").concat(COLORS.primary_100, " !important;\n    opacity: 1 !important;\n  }\n\n  .react-resizable-handle {\n    background-image: none !important;\n  }\n\n  .react-resizable-handle::after {\n    border: none !important;\n  }\n");
 export default globalStyles;
 //# sourceMappingURL=global.js.map

package/dist/styles/global.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/styles/global.ts"],"names":["COLORS","globalStyles","black","primary_100"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,UAAnB;AAEA,IAAMC,YAAY,4HAMLD,MAAM,CAACE,KANF,6aAsCAF,MAAM,CAACG,WAtCP,yMAAlB;AAmDA,eAAeF,YAAf","sourcesContent":["import COLORS from './colors';\n\nconst globalStyles = `\n  html,\n  body {\n    height: 100%;\n    font-family: 'Lato', sans-serif;\n    font-size: 18px;\n    color: ${COLORS.black};\n    -webkit-font-smoothing: antialiased;\n  }\n\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  main,\n  aside,\n  details {\n    display: block;\n  }\n\n  summary {\n    display: block;\n  }\n\n  #root {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  button,\n  input,\n  label {\n    font-family: inherit;\n  }\n\n  .react-grid-item.react-grid-placeholder {\n    background: ${COLORS.primary_100} !important;\n    opacity: 1 !important;\n  }\n\n  .react-resizable-handle {\n    background-image: none !important;\n  }\n\n  .react-resizable-handle::after {\n    border: none !important;\n  }\n`;\n\nexport default globalStyles;\n"],"file":"global.js"}
+{"version":3,"sources":["../../src/styles/global.ts"],"names":["COLORS","globalStyles","black","primary_100"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,UAAnB;AAEA,IAAMC,YAAY,4HAMLD,MAAM,CAACE,KANF,83BA2DAF,MAAM,CAACG,WA3DP,yMAAlB;AAwEA,eAAeF,YAAf","sourcesContent":["import COLORS from './colors';\n\nconst globalStyles = `\n  html,\n  body {\n    height: 100%;\n    font-family: 'Lato', sans-serif;\n    font-size: 18px;\n    color: ${COLORS.black};\n    -webkit-font-smoothing: antialiased;\n  }\n\n  [lang^=\"ja\" i] {\n    font-family: Lato, Noto Sans, Noto Sans JP, sans-serif;\n  }\n  \n  [lang^=\"ko\" i] {\n    font-family: Lato, Noto Sans, Noto Sans KR, sans-serif;\n  }\n  \n  [lang^=\"zh\" i] {\n    font-family: Lato, Noto Sans, Noto Sans SC, sans-serif;\n  }\n  \n  [lang=\"zh-cht\" i],\n  [lang=\"zh-hant\" i],\n  [lang=\"zh-hk\" i],\n  [lang=\"zh-mo\" i],\n  [lang=\"zh-tw\" i] {\n    font-family: Lato, Noto Sans, Noto Sans TC, sans-serif;\n  }\n\n\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  main,\n  aside,\n  details {\n    display: block;\n  }\n\n  summary {\n    display: block;\n  }\n\n  #root {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  button,\n  input,\n  label {\n    font-family: inherit;\n  }\n\n  .react-grid-item.react-grid-placeholder {\n    background: ${COLORS.primary_100} !important;\n    opacity: 1 !important;\n  }\n\n  .react-resizable-handle {\n    background-image: none !important;\n  }\n\n  .react-resizable-handle::after {\n    border: none !important;\n  }\n`;\n\nexport default globalStyles;\n"],"file":"global.js"}

package/dist/styles/index.cjs

@@ -10,7 +10,6 @@ var _exportNames = {
   COLORS: true,
   BREAKPOINTS: true,
   BOXSHADOWS: true,
-  TYPOGRAPHY: true,
   HeadlineXL: true,
   HeadlineL: true,
   HeadlineM: true,
@@ -291,12 +290,6 @@ Object.defineProperty(exports, "ParagraphXlStyling", {
     return _typography.ParagraphXlStyling;
   }
 });
-Object.defineProperty(exports, "TYPOGRAPHY", {
-  enumerable: true,
-  get: function get() {
-    return _typography.TYPOGRAPHY;
-  }
-});
 Object.defineProperty(exports, "Z_INDEXES", {
   enumerable: true,
   get: function get() {

package/dist/styles/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/styles/index.ts"],"names":["scrollBarStyling","size","Size","Small","css","Medium","COLORS","neutral_100","neutral_500","primary_700","primary_800"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AAQA;;AACA;;AA2CA;;AAEA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;AAjCO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,MAACC,IAAD,uEAAkCC,YAAKC,KAAvC;AAAA,aAAiDC,qBAAjD,wjBAGnBH,IAAI,IAAIC,YAAKG,MAAb,GAAsB,KAAtB,GAA8B,KAHX,EAIlBJ,IAAI,IAAIC,YAAKG,MAAb,GAAsB,KAAtB,GAA8B,KAJZ,EAUdC,gBAAOC,WAVO,EAgBdD,gBAAOE,WAhBO,EAsBdF,gBAAOG,WAtBO,EA2BdH,gBAAOI,WA3BO;AAAA,CAAzB","sourcesContent":["import { css } from 'styled-components';\nimport COLORS from './colors';\nimport BREAKPOINTS from './breakpoints';\nimport { BOXSHADOWS } from './shadowstyles';\n\nimport { TYPOGRAPHY } from './typography';\nimport { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS } from './typography';\nimport { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS } from './typography';\nimport { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive } from './typography';\nimport { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling } from './typography';\nimport { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling } from './typography';\nimport { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling } from './typography';\n\nimport globalStyles from './global';\nimport { Size } from '../types';\n\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\n\nexport { TYPOGRAPHY };\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\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\n  \n  ::-webkit-scrollbar {\n    width: ${size == Size.Medium ? '6px' : '4px'};\n    height: ${size == Size.Medium ? '6px' : '4px'};\n    cursor: pointer;\n  }\n\n  /* Track */\n  ::-webkit-scrollbar-track {\n    background: ${COLORS.neutral_100};\n    border-radius: 6px;\n  }\n\n  /* Handle */\n  ::-webkit-scrollbar-thumb {\n    background: ${COLORS.neutral_500};\n    border-radius: 4px;\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:hover {\n    background: ${COLORS.primary_700};\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:active {\n    background: ${COLORS.primary_800};\n  }\n`;\n\nexport {Z_INDEXES} from './z-indexes'\n\nexport * from './focus-styles';\n"],"file":"index.cjs"}
+{"version":3,"sources":["../../src/styles/index.ts"],"names":["scrollBarStyling","size","Size","Small","css","Medium","COLORS","neutral_100","neutral_500","primary_700","primary_800"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AAOA;;AACA;;AA0CA;;AAEA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;AAjCO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,MAACC,IAAD,uEAAkCC,YAAKC,KAAvC;AAAA,aAAiDC,qBAAjD,wjBAGnBH,IAAI,IAAIC,YAAKG,MAAb,GAAsB,KAAtB,GAA8B,KAHX,EAIlBJ,IAAI,IAAIC,YAAKG,MAAb,GAAsB,KAAtB,GAA8B,KAJZ,EAUdC,gBAAOC,WAVO,EAgBdD,gBAAOE,WAhBO,EAsBdF,gBAAOG,WAtBO,EA2BdH,gBAAOI,WA3BO;AAAA,CAAzB","sourcesContent":["import { css } from 'styled-components';\nimport COLORS from './colors';\nimport BREAKPOINTS from './breakpoints';\nimport { BOXSHADOWS } from './shadowstyles';\n\nimport { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS } from './typography';\nimport { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS } from './typography';\nimport { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive } from './typography';\nimport { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling } from './typography';\nimport { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling } from './typography';\nimport { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling } from './typography';\n\nimport globalStyles from './global';\nimport { Size } from '../types';\n\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\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\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\n  \n  ::-webkit-scrollbar {\n    width: ${size == Size.Medium ? '6px' : '4px'};\n    height: ${size == Size.Medium ? '6px' : '4px'};\n    cursor: pointer;\n  }\n\n  /* Track */\n  ::-webkit-scrollbar-track {\n    background: ${COLORS.neutral_100};\n    border-radius: 6px;\n  }\n\n  /* Handle */\n  ::-webkit-scrollbar-thumb {\n    background: ${COLORS.neutral_500};\n    border-radius: 4px;\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:hover {\n    background: ${COLORS.primary_700};\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:active {\n    background: ${COLORS.primary_800};\n  }\n`;\n\nexport {Z_INDEXES} from './z-indexes'\n\nexport * from './focus-styles';\n"],"file":"index.cjs"}

package/dist/styles/index.d.ts

@@ -1,7 +1,6 @@
 import COLORS from './colors';
 import BREAKPOINTS from './breakpoints';
 import { BOXSHADOWS } from './shadowstyles';
-import { TYPOGRAPHY } from './typography';
 import { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS } from './typography';
 import { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS } from './typography';
 import { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive } from './typography';
@@ -11,7 +10,6 @@ import { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling
 import globalStyles from './global';
 import { Size } from '../types';
 export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };
-export { TYPOGRAPHY };
 export { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };
 export { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };
 export { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };

package/dist/styles/index.js

@@ -6,7 +6,6 @@ import { css } from 'styled-components';
 import COLORS from './colors';
 import BREAKPOINTS from './breakpoints';
 import { BOXSHADOWS } from './shadowstyles';
-import { TYPOGRAPHY } from './typography';
 import { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS } from './typography';
 import { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS } from './typography';
 import { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive } from './typography';
@@ -16,7 +15,6 @@ import { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling
 import globalStyles from './global';
 import { Size } from '../types';
 export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };
-export { TYPOGRAPHY };
 export { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };
 export { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };
 export { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };

package/dist/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/styles/index.ts"],"names":["css","COLORS","BREAKPOINTS","BOXSHADOWS","TYPOGRAPHY","HeadlineXL","HeadlineL","HeadlineM","HeadlineS","HeadlineXS","HeadlineXXS","ParagraphTextStyle","ParagraphXL","ParagraphL","ParagraphM","ParagraphS","ParagraphXS","ComponentTextStyle","ComponentXL","ComponentL","ComponentM","ComponentS","ComponentXS","ComponentXXS","ComponentResponsive","ComponentXLStyling","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentXSStyling","ComponentXXSStyling","ParagraphXlStyling","ParagraphLStyling","ParagraphMStyling","ParagraphSStyling","ParagraphXSStyling","HeadlineXLStyling","HeadlineLStyling","HeadlineMStyling","HeadlineSStyling","HeadlineXSStyling","HeadlineXXSStyling","globalStyles","Size","scrollBarStyling","size","Small","Medium","neutral_100","neutral_500","primary_700","primary_800","Z_INDEXES"],"mappings":";;;;AAAA,SAASA,GAAT,QAAoB,mBAApB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,SAASC,UAAT,QAA2B,gBAA3B;AAEA,SAASC,UAAT,QAA2B,cAA3B;AACA,SAASC,UAAT,EAAqBC,SAArB,EAAgCC,SAAhC,EAA2CC,SAA3C,EAAsDC,UAAtD,EAAkEC,WAAlE,QAAqF,cAArF;AACA,SAASC,kBAAT,EAA6BC,WAA7B,EAA0CC,UAA1C,EAAsDC,UAAtD,EAAkEC,UAAlE,EAA8EC,WAA9E,QAAiG,cAAjG;AACA,SAASC,kBAAT,EAA6BC,WAA7B,EAA0CC,UAA1C,EAAsDC,UAAtD,EAAkEC,UAAlE,EAA8EC,WAA9E,EAA2FC,YAA3F,EAAyGC,mBAAzG,QAAoI,cAApI;AACA,SAASC,kBAAT,EAA6BC,iBAA7B,EAAgDC,iBAAhD,EAAmEC,iBAAnE,EAAsFC,kBAAtF,EAA0GC,mBAA1G,QAAqI,cAArI;AACA,SAASC,kBAAT,EAA6BC,iBAA7B,EAAgDC,iBAAhD,EAAmEC,iBAAnE,EAAsFC,kBAAtF,QAAgH,cAAhH;AACA,SAASC,iBAAT,EAA4BC,gBAA5B,EAA8CC,gBAA9C,EAAgEC,gBAAhE,EAAkFC,iBAAlF,EAAqGC,kBAArG,QAA+H,cAA/H;AAEA,OAAOC,YAAP,MAAyB,UAAzB;AACA,SAASC,IAAT,QAAqB,UAArB;AAEA,SAAS1C,MAAT,EAAiBC,WAAjB,EAA8BC,UAA9B,EAA0CuC,YAA1C;AAEA,SAAStC,UAAT;AACA,SAASC,UAAT,EAAqBC,SAArB,EAAgCC,SAAhC,EAA2CC,SAA3C,EAAsDC,UAAtD,EAAkEC,WAAlE;AACA,SAASC,kBAAT,EAA6BC,WAA7B,EAA0CC,UAA1C,EAAsDC,UAAtD,EAAkEC,UAAlE,EAA8EC,WAA9E;AACA,SAASC,kBAAT,EAA6BC,WAA7B,EAA0CC,UAA1C,EAAsDC,UAAtD,EAAkEC,UAAlE,EAA8EC,WAA9E,EAA2FC,YAA3F,EAAyGC,mBAAzG;AACA,SAASC,kBAAT,EAA6BC,iBAA7B,EAAgDC,iBAAhD,EAAmEC,iBAAnE,EAAsFC,kBAAtF,EAA0GC,mBAA1G;AACA,SAASC,kBAAT,EAA6BC,iBAA7B,EAAgDC,iBAAhD,EAAmEC,iBAAnE,EAAsFC,kBAAtF;AACA,SAASC,iBAAT,EAA4BC,gBAA5B,EAA8CC,gBAA9C,EAAgEC,gBAAhE,EAAkFC,iBAAlF,EAAqGC,kBAArG;AAEA,OAAO,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,MAACC,IAAD,uEAAkCF,IAAI,CAACG,KAAvC;AAAA,SAAiD9C,GAAjD,yiBAGnB6C,IAAI,IAAIF,IAAI,CAACI,MAAb,GAAsB,KAAtB,GAA8B,KAHX,EAIlBF,IAAI,IAAIF,IAAI,CAACI,MAAb,GAAsB,KAAtB,GAA8B,KAJZ,EAUd9C,MAAM,CAAC+C,WAVO,EAgBd/C,MAAM,CAACgD,WAhBO,EAsBdhD,MAAM,CAACiD,WAtBO,EA2BdjD,MAAM,CAACkD,WA3BO;AAAA,CAAzB;AA+BP,SAAQC,SAAR,QAAwB,aAAxB;AAEA,cAAc,gBAAd","sourcesContent":["import { css } from 'styled-components';\nimport COLORS from './colors';\nimport BREAKPOINTS from './breakpoints';\nimport { BOXSHADOWS } from './shadowstyles';\n\nimport { TYPOGRAPHY } from './typography';\nimport { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS } from './typography';\nimport { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS } from './typography';\nimport { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive } from './typography';\nimport { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling } from './typography';\nimport { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling } from './typography';\nimport { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling } from './typography';\n\nimport globalStyles from './global';\nimport { Size } from '../types';\n\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\n\nexport { TYPOGRAPHY };\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\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\n  \n  ::-webkit-scrollbar {\n    width: ${size == Size.Medium ? '6px' : '4px'};\n    height: ${size == Size.Medium ? '6px' : '4px'};\n    cursor: pointer;\n  }\n\n  /* Track */\n  ::-webkit-scrollbar-track {\n    background: ${COLORS.neutral_100};\n    border-radius: 6px;\n  }\n\n  /* Handle */\n  ::-webkit-scrollbar-thumb {\n    background: ${COLORS.neutral_500};\n    border-radius: 4px;\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:hover {\n    background: ${COLORS.primary_700};\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:active {\n    background: ${COLORS.primary_800};\n  }\n`;\n\nexport {Z_INDEXES} from './z-indexes'\n\nexport * from './focus-styles';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/styles/index.ts"],"names":["css","COLORS","BREAKPOINTS","BOXSHADOWS","HeadlineXL","HeadlineL","HeadlineM","HeadlineS","HeadlineXS","HeadlineXXS","ParagraphTextStyle","ParagraphXL","ParagraphL","ParagraphM","ParagraphS","ParagraphXS","ComponentTextStyle","ComponentXL","ComponentL","ComponentM","ComponentS","ComponentXS","ComponentXXS","ComponentResponsive","ComponentXLStyling","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentXSStyling","ComponentXXSStyling","ParagraphXlStyling","ParagraphLStyling","ParagraphMStyling","ParagraphSStyling","ParagraphXSStyling","HeadlineXLStyling","HeadlineLStyling","HeadlineMStyling","HeadlineSStyling","HeadlineXSStyling","HeadlineXXSStyling","globalStyles","Size","scrollBarStyling","size","Small","Medium","neutral_100","neutral_500","primary_700","primary_800","Z_INDEXES"],"mappings":";;;;AAAA,SAASA,GAAT,QAAoB,mBAApB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,SAASC,UAAT,QAA2B,gBAA3B;AAEA,SAASC,UAAT,EAAqBC,SAArB,EAAgCC,SAAhC,EAA2CC,SAA3C,EAAsDC,UAAtD,EAAkEC,WAAlE,QAAqF,cAArF;AACA,SAASC,kBAAT,EAA6BC,WAA7B,EAA0CC,UAA1C,EAAsDC,UAAtD,EAAkEC,UAAlE,EAA8EC,WAA9E,QAAiG,cAAjG;AACA,SAASC,kBAAT,EAA6BC,WAA7B,EAA0CC,UAA1C,EAAsDC,UAAtD,EAAkEC,UAAlE,EAA8EC,WAA9E,EAA2FC,YAA3F,EAAyGC,mBAAzG,QAAoI,cAApI;AACA,SAASC,kBAAT,EAA6BC,iBAA7B,EAAgDC,iBAAhD,EAAmEC,iBAAnE,EAAsFC,kBAAtF,EAA0GC,mBAA1G,QAAqI,cAArI;AACA,SAASC,kBAAT,EAA6BC,iBAA7B,EAAgDC,iBAAhD,EAAmEC,iBAAnE,EAAsFC,kBAAtF,QAAgH,cAAhH;AACA,SAASC,iBAAT,EAA4BC,gBAA5B,EAA8CC,gBAA9C,EAAgEC,gBAAhE,EAAkFC,iBAAlF,EAAqGC,kBAArG,QAA+H,cAA/H;AAEA,OAAOC,YAAP,MAAyB,UAAzB;AACA,SAASC,IAAT,QAAqB,UAArB;AAEA,SAASzC,MAAT,EAAiBC,WAAjB,EAA8BC,UAA9B,EAA0CsC,YAA1C;AAEA,SAASrC,UAAT,EAAqBC,SAArB,EAAgCC,SAAhC,EAA2CC,SAA3C,EAAsDC,UAAtD,EAAkEC,WAAlE;AACA,SAASC,kBAAT,EAA6BC,WAA7B,EAA0CC,UAA1C,EAAsDC,UAAtD,EAAkEC,UAAlE,EAA8EC,WAA9E;AACA,SAASC,kBAAT,EAA6BC,WAA7B,EAA0CC,UAA1C,EAAsDC,UAAtD,EAAkEC,UAAlE,EAA8EC,WAA9E,EAA2FC,YAA3F,EAAyGC,mBAAzG;AACA,SAASC,kBAAT,EAA6BC,iBAA7B,EAAgDC,iBAAhD,EAAmEC,iBAAnE,EAAsFC,kBAAtF,EAA0GC,mBAA1G;AACA,SAASC,kBAAT,EAA6BC,iBAA7B,EAAgDC,iBAAhD,EAAmEC,iBAAnE,EAAsFC,kBAAtF;AACA,SAASC,iBAAT,EAA4BC,gBAA5B,EAA8CC,gBAA9C,EAAgEC,gBAAhE,EAAkFC,iBAAlF,EAAqGC,kBAArG;AAEA,OAAO,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,MAACC,IAAD,uEAAkCF,IAAI,CAACG,KAAvC;AAAA,SAAiD7C,GAAjD,yiBAGnB4C,IAAI,IAAIF,IAAI,CAACI,MAAb,GAAsB,KAAtB,GAA8B,KAHX,EAIlBF,IAAI,IAAIF,IAAI,CAACI,MAAb,GAAsB,KAAtB,GAA8B,KAJZ,EAUd7C,MAAM,CAAC8C,WAVO,EAgBd9C,MAAM,CAAC+C,WAhBO,EAsBd/C,MAAM,CAACgD,WAtBO,EA2BdhD,MAAM,CAACiD,WA3BO;AAAA,CAAzB;AA+BP,SAAQC,SAAR,QAAwB,aAAxB;AAEA,cAAc,gBAAd","sourcesContent":["import { css } from 'styled-components';\nimport COLORS from './colors';\nimport BREAKPOINTS from './breakpoints';\nimport { BOXSHADOWS } from './shadowstyles';\n\nimport { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS } from './typography';\nimport { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS } from './typography';\nimport { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive } from './typography';\nimport { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling } from './typography';\nimport { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling } from './typography';\nimport { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling } from './typography';\n\nimport globalStyles from './global';\nimport { Size } from '../types';\n\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\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\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\n  \n  ::-webkit-scrollbar {\n    width: ${size == Size.Medium ? '6px' : '4px'};\n    height: ${size == Size.Medium ? '6px' : '4px'};\n    cursor: pointer;\n  }\n\n  /* Track */\n  ::-webkit-scrollbar-track {\n    background: ${COLORS.neutral_100};\n    border-radius: 6px;\n  }\n\n  /* Handle */\n  ::-webkit-scrollbar-thumb {\n    background: ${COLORS.neutral_500};\n    border-radius: 4px;\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:hover {\n    background: ${COLORS.primary_700};\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:active {\n    background: ${COLORS.primary_800};\n  }\n`;\n\nexport {Z_INDEXES} from './z-indexes'\n\nexport * from './focus-styles';\n"],"file":"index.js"}

package/dist/styles/typography.cjs

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TYPOGRAPHY = 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;
+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;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
@@ -29,10 +29,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-var TYPOGRAPHY = {
-  fontFamily: 'Lato, sans-serif'
-};
-exports.TYPOGRAPHY = TYPOGRAPHY;
 var TypographyBase = (0, _styledComponents.default)('div')(function (_ref) {
   var $color = _ref.$color,
       lineHeight = _ref.lineHeight,
@@ -42,7 +38,6 @@ var TypographyBase = (0, _styledComponents.default)('div')(function (_ref) {
       textTransform = _ref.textTransform,
       textDecorationLine = _ref.textDecorationLine;
   return {
-    fontFamily: TYPOGRAPHY.fontFamily,
     fontSize: $fontSize,
     fontWeight: $fontWeight,
     lineHeight: lineHeight + 'px',
@@ -54,7 +49,7 @@ var TypographyBase = (0, _styledComponents.default)('div')(function (_ref) {
 });
 
 var HeadlineBaseStyling = function HeadlineBaseStyling(fontSize, lineHeight, color) {
-  return (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: 700;\n    color: ", ";\n  "])), TYPOGRAPHY.fontFamily, fontSize, lineHeight, color);
+  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);
 };
 
 var HeadlineBase = (0, _styledComponents.default)(TypographyBase)(function (_ref2) {
@@ -193,7 +188,7 @@ var paragraphTextDecorationLine = function paragraphTextDecorationLine(textStyle
 };
 
 var ParagraphBaseStyling = function ParagraphBaseStyling(fontSize, lineHeight, textStyle, color) {
-  return (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    font-style: ", ";\n    color: ", ";\n  "])), TYPOGRAPHY.fontFamily, fontSize, paragraphFontWeight(textStyle), lineHeight, paragraphFontStyle(textStyle), color);
+  return (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    font-style: ", ";\n    color: ", ";\n  "])), fontSize, paragraphFontWeight(textStyle), lineHeight, paragraphFontStyle(textStyle), color);
 };
 
 var ParagraphXlStyling = function ParagraphXlStyling(textStyle, color) {
@@ -381,7 +376,7 @@ var componentTextTransformation = function componentTextTransformation(textStyle
 };
 
 var ComponentStyling = function ComponentStyling(fontSize, lineHeight, textStyle, color) {
-  return (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    font-style: ", ";\n    ", "\n  "])), TYPOGRAPHY.fontFamily, fontSize, componentFontWeight(textStyle), lineHeight, componentFontStyle(textStyle), color === null ? '' : "color: ".concat(color || _.COLORS.black, ";"));
+  return (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    font-style: ", ";\n    ", "\n  "])), fontSize, componentFontWeight(textStyle), lineHeight, componentFontStyle(textStyle), color === null ? '' : "color: ".concat(color || _.COLORS.black, ";"));
 };
 
 var ComponentXLStyling = function ComponentXLStyling(textStyle, color) {

package/dist/styles/typography.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/styles/typography.tsx"],"names":["TYPOGRAPHY","fontFamily","TypographyBase","$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","Small","Medium","Large","XXSmall","XSmall"],"mappings":"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","sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\nimport { COLORS } from '.';\nimport { Property } from 'csstype';\nimport { Size } from '../types';\n\nconst TYPOGRAPHY = {\n  fontFamily: 'Lato, sans-serif',\n};\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  fontFamily: TYPOGRAPHY.fontFamily,\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-family: ${TYPOGRAPHY.fontFamily};\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};\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-family: ${TYPOGRAPHY.fontFamily};\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};\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-family: ${TYPOGRAPHY.fontFamily};\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 < 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 { TYPOGRAPHY };\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"],"file":"typography.cjs"}
+{"version":3,"sources":["../../src/styles/typography.tsx"],"names":["TypographyBase","$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","Small","Medium","Large","XXSmall","XSmall"],"mappings":"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","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};\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};\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 < 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"],"file":"typography.cjs"}