@laerdal/life-react-components 2.3.1-dev.1.full → 2.3.1-dev.2

package/dist/styles/index.cjs

@@ -9,43 +9,6 @@ var _exportNames = {
   COLORS: true,
   BREAKPOINTS: true,
   BOXSHADOWS: true,
-  HeadlineXL: true,
-  HeadlineL: true,
-  HeadlineM: true,
-  HeadlineS: true,
-  HeadlineXS: true,
-  HeadlineXXS: true,
-  ParagraphTextStyle: true,
-  ParagraphXL: true,
-  ParagraphL: true,
-  ParagraphM: true,
-  ParagraphS: true,
-  ParagraphXS: true,
-  ComponentTextStyle: true,
-  ComponentXL: true,
-  ComponentL: true,
-  ComponentM: true,
-  ComponentS: true,
-  ComponentXS: true,
-  ComponentXXS: true,
-  ComponentResponsive: true,
-  ComponentXLStyling: true,
-  ComponentLStyling: true,
-  ComponentMStyling: true,
-  ComponentSStyling: true,
-  ComponentXSStyling: true,
-  ComponentXXSStyling: true,
-  ParagraphXlStyling: true,
-  ParagraphLStyling: true,
-  ParagraphMStyling: true,
-  ParagraphSStyling: true,
-  ParagraphXSStyling: true,
-  HeadlineXLStyling: true,
-  HeadlineLStyling: true,
-  HeadlineMStyling: true,
-  HeadlineSStyling: true,
-  HeadlineXSStyling: true,
-  HeadlineXXSStyling: true,
   globalStyles: true,
   Z_INDEXES: true
 };
@@ -67,228 +30,6 @@ Object.defineProperty(exports, "COLORS", {
     return _colors.default;
   }
 });
-Object.defineProperty(exports, "ComponentL", {
-  enumerable: true,
-  get: function get() {
-    return _typography.ComponentL;
-  }
-});
-Object.defineProperty(exports, "ComponentLStyling", {
-  enumerable: true,
-  get: function get() {
-    return _typography.ComponentLStyling;
-  }
-});
-Object.defineProperty(exports, "ComponentM", {
-  enumerable: true,
-  get: function get() {
-    return _typography.ComponentM;
-  }
-});
-Object.defineProperty(exports, "ComponentMStyling", {
-  enumerable: true,
-  get: function get() {
-    return _typography.ComponentMStyling;
-  }
-});
-Object.defineProperty(exports, "ComponentResponsive", {
-  enumerable: true,
-  get: function get() {
-    return _typography.ComponentResponsive;
-  }
-});
-Object.defineProperty(exports, "ComponentS", {
-  enumerable: true,
-  get: function get() {
-    return _typography.ComponentS;
-  }
-});
-Object.defineProperty(exports, "ComponentSStyling", {
-  enumerable: true,
-  get: function get() {
-    return _typography.ComponentSStyling;
-  }
-});
-Object.defineProperty(exports, "ComponentTextStyle", {
-  enumerable: true,
-  get: function get() {
-    return _typography.ComponentTextStyle;
-  }
-});
-Object.defineProperty(exports, "ComponentXL", {
-  enumerable: true,
-  get: function get() {
-    return _typography.ComponentXL;
-  }
-});
-Object.defineProperty(exports, "ComponentXLStyling", {
-  enumerable: true,
-  get: function get() {
-    return _typography.ComponentXLStyling;
-  }
-});
-Object.defineProperty(exports, "ComponentXS", {
-  enumerable: true,
-  get: function get() {
-    return _typography.ComponentXS;
-  }
-});
-Object.defineProperty(exports, "ComponentXSStyling", {
-  enumerable: true,
-  get: function get() {
-    return _typography.ComponentXSStyling;
-  }
-});
-Object.defineProperty(exports, "ComponentXXS", {
-  enumerable: true,
-  get: function get() {
-    return _typography.ComponentXXS;
-  }
-});
-Object.defineProperty(exports, "ComponentXXSStyling", {
-  enumerable: true,
-  get: function get() {
-    return _typography.ComponentXXSStyling;
-  }
-});
-Object.defineProperty(exports, "HeadlineL", {
-  enumerable: true,
-  get: function get() {
-    return _typography.HeadlineL;
-  }
-});
-Object.defineProperty(exports, "HeadlineLStyling", {
-  enumerable: true,
-  get: function get() {
-    return _typography.HeadlineLStyling;
-  }
-});
-Object.defineProperty(exports, "HeadlineM", {
-  enumerable: true,
-  get: function get() {
-    return _typography.HeadlineM;
-  }
-});
-Object.defineProperty(exports, "HeadlineMStyling", {
-  enumerable: true,
-  get: function get() {
-    return _typography.HeadlineMStyling;
-  }
-});
-Object.defineProperty(exports, "HeadlineS", {
-  enumerable: true,
-  get: function get() {
-    return _typography.HeadlineS;
-  }
-});
-Object.defineProperty(exports, "HeadlineSStyling", {
-  enumerable: true,
-  get: function get() {
-    return _typography.HeadlineSStyling;
-  }
-});
-Object.defineProperty(exports, "HeadlineXL", {
-  enumerable: true,
-  get: function get() {
-    return _typography.HeadlineXL;
-  }
-});
-Object.defineProperty(exports, "HeadlineXLStyling", {
-  enumerable: true,
-  get: function get() {
-    return _typography.HeadlineXLStyling;
-  }
-});
-Object.defineProperty(exports, "HeadlineXS", {
-  enumerable: true,
-  get: function get() {
-    return _typography.HeadlineXS;
-  }
-});
-Object.defineProperty(exports, "HeadlineXSStyling", {
-  enumerable: true,
-  get: function get() {
-    return _typography.HeadlineXSStyling;
-  }
-});
-Object.defineProperty(exports, "HeadlineXXS", {
-  enumerable: true,
-  get: function get() {
-    return _typography.HeadlineXXS;
-  }
-});
-Object.defineProperty(exports, "HeadlineXXSStyling", {
-  enumerable: true,
-  get: function get() {
-    return _typography.HeadlineXXSStyling;
-  }
-});
-Object.defineProperty(exports, "ParagraphL", {
-  enumerable: true,
-  get: function get() {
-    return _typography.ParagraphL;
-  }
-});
-Object.defineProperty(exports, "ParagraphLStyling", {
-  enumerable: true,
-  get: function get() {
-    return _typography.ParagraphLStyling;
-  }
-});
-Object.defineProperty(exports, "ParagraphM", {
-  enumerable: true,
-  get: function get() {
-    return _typography.ParagraphM;
-  }
-});
-Object.defineProperty(exports, "ParagraphMStyling", {
-  enumerable: true,
-  get: function get() {
-    return _typography.ParagraphMStyling;
-  }
-});
-Object.defineProperty(exports, "ParagraphS", {
-  enumerable: true,
-  get: function get() {
-    return _typography.ParagraphS;
-  }
-});
-Object.defineProperty(exports, "ParagraphSStyling", {
-  enumerable: true,
-  get: function get() {
-    return _typography.ParagraphSStyling;
-  }
-});
-Object.defineProperty(exports, "ParagraphTextStyle", {
-  enumerable: true,
-  get: function get() {
-    return _typography.ParagraphTextStyle;
-  }
-});
-Object.defineProperty(exports, "ParagraphXL", {
-  enumerable: true,
-  get: function get() {
-    return _typography.ParagraphXL;
-  }
-});
-Object.defineProperty(exports, "ParagraphXS", {
-  enumerable: true,
-  get: function get() {
-    return _typography.ParagraphXS;
-  }
-});
-Object.defineProperty(exports, "ParagraphXSStyling", {
-  enumerable: true,
-  get: function get() {
-    return _typography.ParagraphXSStyling;
-  }
-});
-Object.defineProperty(exports, "ParagraphXlStyling", {
-  enumerable: true,
-  get: function get() {
-    return _typography.ParagraphXlStyling;
-  }
-});
 Object.defineProperty(exports, "Z_INDEXES", {
   enumerable: true,
   get: function get() {
@@ -308,6 +49,17 @@ var _colors = _interopRequireDefault(require("./colors"));
 var _breakpoints = _interopRequireDefault(require("./breakpoints"));
 var _shadowstyles = require("./shadowstyles");
 var _typography = require("./typography");
+Object.keys(_typography).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _typography[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _typography[key];
+    }
+  });
+});
 var _global = _interopRequireDefault(require("./global"));
 var _types = require("../types");
 var _zIndexes = require("./z-indexes");

package/dist/styles/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["scrollBarStyling","size","Size","Small","css","Medium","COLORS","neutral_100","neutral_500","primary_700","primary_800"],"sources":["../../src/styles/index.ts"],"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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AAOA;AACA;AA0CA;AAEA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAA+B;AAjCxB,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAAIC,IAA8B,uEAAGC,WAAI,CAACC,KAAK;EAAA,WAAKC,qBAAG,wjBAGvEH,IAAI,IAAIC,WAAI,CAACG,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCJ,IAAI,IAAIC,WAAI,CAACG,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/BC,eAAM,CAACC,WAAW,EAMlBD,eAAM,CAACE,WAAW,EAMlBF,eAAM,CAACG,WAAW,EAKlBH,eAAM,CAACI,WAAW;AAAA,CAEnC;AAAC"}
+{"version":3,"file":"index.cjs","names":["scrollBarStyling","size","Size","Small","css","Medium","COLORS","neutral_100","neutral_500","primary_700","primary_800"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport COLORS from './colors';\nimport BREAKPOINTS from './breakpoints';\nimport { BOXSHADOWS } from './shadowstyles';\n\nexport  * from './typography';\n\nimport globalStyles from './global';\nimport { Size } from '../types';\n\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\n\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAEA;AACA;AAoCA;AAEA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAA+B;AAjCxB,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAAIC,IAA8B,uEAAGC,WAAI,CAACC,KAAK;EAAA,WAAKC,qBAAG,wjBAGvEH,IAAI,IAAIC,WAAI,CAACG,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCJ,IAAI,IAAIC,WAAI,CAACG,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/BC,eAAM,CAACC,WAAW,EAMlBD,eAAM,CAACE,WAAW,EAMlBF,eAAM,CAACG,WAAW,EAKlBH,eAAM,CAACI,WAAW;AAAA,CAEnC;AAAC"}

package/dist/styles/index.d.ts

@@ -1,21 +1,10 @@
 import COLORS from './colors';
 import BREAKPOINTS from './breakpoints';
 import { BOXSHADOWS } from './shadowstyles';
-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';
-import { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling } from './typography';
-import { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling } from './typography';
-import { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling } from './typography';
+export * from './typography';
 import globalStyles from './global';
 import { Size } from '../types';
 export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };
-export { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };
-export { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };
-export { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };
-export { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };
-export { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling };
-export { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling };
 export declare const scrollBarStyling: (size?: Size.Small | Size.Medium) => import("styled-components").FlattenSimpleInterpolation;
 export { Z_INDEXES } from './z-indexes';
 export * from './focus-styles';

package/dist/styles/index.js

@@ -4,21 +4,10 @@ import { css } from 'styled-components';
 import COLORS from './colors';
 import BREAKPOINTS from './breakpoints';
 import { BOXSHADOWS } from './shadowstyles';
-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';
-import { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling } from './typography';
-import { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling } from './typography';
-import { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling } from './typography';
+export * from './typography';
 import globalStyles from './global';
 import { Size } from '../types';
 export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };
-export { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };
-export { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };
-export { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };
-export { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };
-export { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling };
-export { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling };
 export var scrollBarStyling = function scrollBarStyling() {
   var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Size.Small;
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  \n  ::-webkit-scrollbar {\n    width: ", ";\n    height: ", ";\n    cursor: pointer;\n  }\n\n  /* Track */\n  ::-webkit-scrollbar-track {\n    background: ", ";\n    border-radius: 6px;\n  }\n\n  /* Handle */\n  ::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 4px;\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:hover {\n    background: ", ";\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:active {\n    background: ", ";\n  }\n"])), size == Size.Medium ? '6px' : '4px', size == Size.Medium ? '6px' : '4px', COLORS.neutral_100, COLORS.neutral_500, COLORS.primary_700, COLORS.primary_800);

package/dist/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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"],"sources":["../../src/styles/index.ts"],"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"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,UAAU,QAAQ,gBAAgB;AAE3C,SAASC,UAAU,EAAEC,SAAS,EAAEC,SAAS,EAAEC,SAAS,EAAEC,UAAU,EAAEC,WAAW,QAAQ,cAAc;AACnG,SAASC,kBAAkB,EAAEC,WAAW,EAAEC,UAAU,EAAEC,UAAU,EAAEC,UAAU,EAAEC,WAAW,QAAQ,cAAc;AAC/G,SAASC,kBAAkB,EAAEC,WAAW,EAAEC,UAAU,EAAEC,UAAU,EAAEC,UAAU,EAAEC,WAAW,EAAEC,YAAY,EAAEC,mBAAmB,QAAQ,cAAc;AAClJ,SAASC,kBAAkB,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAEC,mBAAmB,QAAQ,cAAc;AACnJ,SAASC,kBAAkB,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAQ,cAAc;AAC9H,SAASC,iBAAiB,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAQ,cAAc;AAE7I,OAAOC,YAAY,MAAM,UAAU;AACnC,SAASC,IAAI,QAAQ,UAAU;AAE/B,SAASzC,MAAM,EAAEC,WAAW,EAAEC,UAAU,EAAEsC,YAAY;AAEtD,SAASrC,UAAU,EAAEC,SAAS,EAAEC,SAAS,EAAEC,SAAS,EAAEC,UAAU,EAAEC,WAAW;AAC7E,SAASC,kBAAkB,EAAEC,WAAW,EAAEC,UAAU,EAAEC,UAAU,EAAEC,UAAU,EAAEC,WAAW;AACzF,SAASC,kBAAkB,EAAEC,WAAW,EAAEC,UAAU,EAAEC,UAAU,EAAEC,UAAU,EAAEC,WAAW,EAAEC,YAAY,EAAEC,mBAAmB;AAC5H,SAASC,kBAAkB,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAEC,mBAAmB;AAC7H,SAASC,kBAAkB,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB;AACxG,SAASC,iBAAiB,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEC,iBAAiB,EAAEC,kBAAkB;AAEvH,OAAO,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAAIC,IAA8B,uEAAGF,IAAI,CAACG,KAAK;EAAA,OAAK7C,GAAG,yiBAGvE4C,IAAI,IAAIF,IAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCF,IAAI,IAAIF,IAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/B7C,MAAM,CAAC8C,WAAW,EAMlB9C,MAAM,CAAC+C,WAAW,EAMlB/C,MAAM,CAACgD,WAAW,EAKlBhD,MAAM,CAACiD,WAAW;AAAA,CAEnC;AAED,SAAQC,SAAS,QAAO,aAAa;AAErC,cAAc,gBAAgB"}
+{"version":3,"file":"index.js","names":["css","COLORS","BREAKPOINTS","BOXSHADOWS","globalStyles","Size","scrollBarStyling","size","Small","Medium","neutral_100","neutral_500","primary_700","primary_800","Z_INDEXES"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport COLORS from './colors';\nimport BREAKPOINTS from './breakpoints';\nimport { BOXSHADOWS } from './shadowstyles';\n\nexport  * from './typography';\n\nimport globalStyles from './global';\nimport { Size } from '../types';\n\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\n\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"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,UAAU,QAAQ,gBAAgB;AAE3C,cAAe,cAAc;AAE7B,OAAOC,YAAY,MAAM,UAAU;AACnC,SAASC,IAAI,QAAQ,UAAU;AAE/B,SAASJ,MAAM,EAAEC,WAAW,EAAEC,UAAU,EAAEC,YAAY;AAGtD,OAAO,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAAIC,IAA8B,uEAAGF,IAAI,CAACG,KAAK;EAAA,OAAKR,GAAG,yiBAGvEO,IAAI,IAAIF,IAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCF,IAAI,IAAIF,IAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/BR,MAAM,CAACS,WAAW,EAMlBT,MAAM,CAACU,WAAW,EAMlBV,MAAM,CAACW,WAAW,EAKlBX,MAAM,CAACY,WAAW;AAAA,CAEnC;AAED,SAAQC,SAAS,QAAO,aAAa;AAErC,cAAc,gBAAgB"}