@laerdal/life-react-components 1.4.1-dev.11 → 1.4.1-dev.12

package/dist/styles/index.cjs

@@ -0,0 +1,288 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BOXSHADOWS", {
+  enumerable: true,
+  get: function get() {
+    return _shadowstyles.BOXSHADOWS;
+  }
+});
+Object.defineProperty(exports, "BREAKPOINTS", {
+  enumerable: true,
+  get: function get() {
+    return _breakpoints.default;
+  }
+});
+Object.defineProperty(exports, "COLORS", {
+  enumerable: true,
+  get: function get() {
+    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, "TYPOGRAPHY", {
+  enumerable: true,
+  get: function get() {
+    return _typography.TYPOGRAPHY;
+  }
+});
+Object.defineProperty(exports, "Z_INDEXES", {
+  enumerable: true,
+  get: function get() {
+    return _zIndexes.Z_INDEXES;
+  }
+});
+Object.defineProperty(exports, "globalStyles", {
+  enumerable: true,
+  get: function get() {
+    return _global.default;
+  }
+});
+exports.scrollBarStyling = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _styledComponents = require("styled-components");
+
+var _colors = _interopRequireDefault(require("./colors"));
+
+var _breakpoints = _interopRequireDefault(require("./breakpoints"));
+
+var _shadowstyles = require("./shadowstyles");
+
+var _typography = require("./typography");
+
+var _global = _interopRequireDefault(require("./global"));
+
+var _zIndexes = require("./z-indexes");
+
+var _templateObject;
+
+var scrollBarStyling = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /* width */\n  ::-webkit-scrollbar {\n    width: 4px;\n    cursor: pointer;\n  }\n\n  /* Track */\n  ::-webkit-scrollbar-track {\n    background: ", ";\n  }\n\n  /* Handle */\n  ::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 8px;\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:hover {\n    background: ", ";\n  }\n"])), _colors.default.white, _colors.default.neutral_200, _colors.default.neutral_400);
+exports.scrollBarStyling = scrollBarStyling;
+//# sourceMappingURL=index.cjs.map

package/dist/styles/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/styles/index.ts"],"names":["scrollBarStyling","css","COLORS","white","neutral_200","neutral_400"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AAQA;;AAoCA;;;;AAxBO,IAAMA,gBAAgB,OAAGC,qBAAH,ybASXC,gBAAOC,KATI,EAcXD,gBAAOE,WAdI,EAoBXF,gBAAOG,WApBI,CAAtB","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';\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 = css`\n  /* width */\n  ::-webkit-scrollbar {\n    width: 4px;\n    cursor: pointer;\n  }\n\n  /* Track */\n  ::-webkit-scrollbar-track {\n    background: ${COLORS.white};\n  }\n\n  /* Handle */\n  ::-webkit-scrollbar-thumb {\n    background: ${COLORS.neutral_200};\n    border-radius: 8px;\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:hover {\n    background: ${COLORS.neutral_400};\n  }\n`;\n\nexport {Z_INDEXES} from './z-indexes'\n"],"file":"index.cjs"}

package/dist/styles/index.js.map

@@ -0,0 +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","scrollBarStyling","white","neutral_200","neutral_400","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;AAEA,SAASzC,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,IAAME,gBAAgB,GAAG3C,GAAH,0aASXC,MAAM,CAAC2C,KATI,EAcX3C,MAAM,CAAC4C,WAdI,EAoBX5C,MAAM,CAAC6C,WApBI,CAAtB;AAwBP,SAAQC,SAAR,QAAwB,aAAxB","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';\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 = css`\n  /* width */\n  ::-webkit-scrollbar {\n    width: 4px;\n    cursor: pointer;\n  }\n\n  /* Track */\n  ::-webkit-scrollbar-track {\n    background: ${COLORS.white};\n  }\n\n  /* Handle */\n  ::-webkit-scrollbar-thumb {\n    background: ${COLORS.neutral_200};\n    border-radius: 8px;\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:hover {\n    background: ${COLORS.neutral_400};\n  }\n`;\n\nexport {Z_INDEXES} from './z-indexes'\n"],"file":"index.js"}

package/dist/styles/shadowstyles.cjs

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BOXSHADOWS = void 0;
+var BOXSHADOWS = {
+  BOXSHADOW_L1: '0px 2px 4px rgba(0, 0, 0, 0.15)',
+  BOXSHADOW_L2: '0px 4px 8px rgba(0, 0, 0, 0.15)',
+  BOXSHADOW_L3: '0px 8px 16px rgba(0, 0, 0, 0.15)',
+  BOXSHADOW_CENTERED: '0px 4px 10px rgba(0, 0, 0, 0.15), 0px 0px 6px rgba(0, 0, 0, 0.15)'
+};
+exports.BOXSHADOWS = BOXSHADOWS;
+//# sourceMappingURL=shadowstyles.cjs.map

package/dist/styles/shadowstyles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/styles/shadowstyles.ts"],"names":["BOXSHADOWS","BOXSHADOW_L1","BOXSHADOW_L2","BOXSHADOW_L3","BOXSHADOW_CENTERED"],"mappings":";;;;;;AAAA,IAAMA,UAAU,GAAG;AACfC,EAAAA,YAAY,EAAE,iCADC;AAEfC,EAAAA,YAAY,EAAE,iCAFC;AAGfC,EAAAA,YAAY,EAAE,kCAHC;AAIfC,EAAAA,kBAAkB,EAAE;AAJL,CAAnB","sourcesContent":["const BOXSHADOWS = {\n    BOXSHADOW_L1: '0px 2px 4px rgba(0, 0, 0, 0.15)',\n    BOXSHADOW_L2: '0px 4px 8px rgba(0, 0, 0, 0.15)',\n    BOXSHADOW_L3: '0px 8px 16px rgba(0, 0, 0, 0.15)',\n    BOXSHADOW_CENTERED: '0px 4px 10px rgba(0, 0, 0, 0.15), 0px 0px 6px rgba(0, 0, 0, 0.15)',\n};\n\nexport { BOXSHADOWS };\n\n"],"file":"shadowstyles.cjs"}

package/dist/styles/shadowstyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/styles/shadowstyles.ts"],"names":["BOXSHADOWS","BOXSHADOW_L1","BOXSHADOW_L2","BOXSHADOW_L3","BOXSHADOW_CENTERED"],"mappings":"AAAA,IAAMA,UAAU,GAAG;AACfC,EAAAA,YAAY,EAAE,iCADC;AAEfC,EAAAA,YAAY,EAAE,iCAFC;AAGfC,EAAAA,YAAY,EAAE,kCAHC;AAIfC,EAAAA,kBAAkB,EAAE;AAJL,CAAnB;AAOA,SAASJ,UAAT","sourcesContent":["const BOXSHADOWS = {\n    BOXSHADOW_L1: '0px 2px 4px rgba(0, 0, 0, 0.15)',\n    BOXSHADOW_L2: '0px 4px 8px rgba(0, 0, 0, 0.15)',\n    BOXSHADOW_L3: '0px 8px 16px rgba(0, 0, 0, 0.15)',\n    BOXSHADOW_CENTERED: '0px 4px 10px rgba(0, 0, 0, 0.15), 0px 0px 6px rgba(0, 0, 0, 0.15)',\n};\n\nexport { BOXSHADOWS };\n\n"],"file":"shadowstyles.js"}