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

package/dist/cjs/styles/index.js

@@ -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.js.map

package/dist/cjs/styles/index.js.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.js"}

package/dist/cjs/styles/shadowstyles.js

@@ -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.js.map

package/dist/cjs/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","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"}