@laerdal/life-react-components 1.4.1-dev.2 → 1.4.1-dev.3

package/dist/js/styles/index.js

@@ -0,0 +1,172 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "COLORS", {
+  enumerable: true,
+  get: function get() {
+    return _colors.default;
+  }
+});
+Object.defineProperty(exports, "BREAKPOINTS", {
+  enumerable: true,
+  get: function get() {
+    return _breakpoints.default;
+  }
+});
+Object.defineProperty(exports, "TYPOGRAPHY", {
+  enumerable: true,
+  get: function get() {
+    return _typography.TYPOGRAPHY;
+  }
+});
+Object.defineProperty(exports, "HeadlineXL", {
+  enumerable: true,
+  get: function get() {
+    return _typography.HeadlineXL;
+  }
+});
+Object.defineProperty(exports, "HeadlineL", {
+  enumerable: true,
+  get: function get() {
+    return _typography.HeadlineL;
+  }
+});
+Object.defineProperty(exports, "HeadlineM", {
+  enumerable: true,
+  get: function get() {
+    return _typography.HeadlineM;
+  }
+});
+Object.defineProperty(exports, "HeadlineS", {
+  enumerable: true,
+  get: function get() {
+    return _typography.HeadlineS;
+  }
+});
+Object.defineProperty(exports, "HeadlineXS", {
+  enumerable: true,
+  get: function get() {
+    return _typography.HeadlineXS;
+  }
+});
+Object.defineProperty(exports, "HeadlineXXS", {
+  enumerable: true,
+  get: function get() {
+    return _typography.HeadlineXXS;
+  }
+});
+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, "ParagraphL", {
+  enumerable: true,
+  get: function get() {
+    return _typography.ParagraphL;
+  }
+});
+Object.defineProperty(exports, "ParagraphM", {
+  enumerable: true,
+  get: function get() {
+    return _typography.ParagraphM;
+  }
+});
+Object.defineProperty(exports, "ParagraphS", {
+  enumerable: true,
+  get: function get() {
+    return _typography.ParagraphS;
+  }
+});
+Object.defineProperty(exports, "ParagraphXS", {
+  enumerable: true,
+  get: function get() {
+    return _typography.ParagraphXS;
+  }
+});
+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, "ComponentL", {
+  enumerable: true,
+  get: function get() {
+    return _typography.ComponentL;
+  }
+});
+Object.defineProperty(exports, "ComponentM", {
+  enumerable: true,
+  get: function get() {
+    return _typography.ComponentM;
+  }
+});
+Object.defineProperty(exports, "ComponentS", {
+  enumerable: true,
+  get: function get() {
+    return _typography.ComponentS;
+  }
+});
+Object.defineProperty(exports, "ComponentXS", {
+  enumerable: true,
+  get: function get() {
+    return _typography.ComponentXS;
+  }
+});
+Object.defineProperty(exports, "ComponentXXS", {
+  enumerable: true,
+  get: function get() {
+    return _typography.ComponentXXS;
+  }
+});
+Object.defineProperty(exports, "BOXSHADOWS", {
+  enumerable: true,
+  get: function get() {
+    return _shadowstyles.BOXSHADOWS;
+  }
+});
+Object.defineProperty(exports, "globalStyles", {
+  enumerable: true,
+  get: function get() {
+    return _global.default;
+  }
+});
+exports.scrollBarStyling = void 0;
+
+var _styledComponents = require("styled-components");
+
+var _colors = _interopRequireDefault(require("./colors"));
+
+var _breakpoints = _interopRequireDefault(require("./breakpoints"));
+
+var _typography = require("./typography");
+
+var _shadowstyles = require("./shadowstyles");
+
+var _global = _interopRequireDefault(require("./global"));
+
+var _templateObject;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var scrollBarStyling = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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/js/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;;AACA;;AAIA;;;;;;;;AAQO,IAAMA,gBAAgB,OAAGC,qBAAH,2aASXC,gBAAOC,KATI,EAcXD,gBAAOE,WAdI,EAoBXF,gBAAOG,WApBI,CAAtB","sourcesContent":["import { css } from 'styled-components';\nimport COLORS from './colors';\nimport BREAKPOINTS from './breakpoints';\nimport {TYPOGRAPHY} from './typography';\nimport { BOXSHADOWS } from './shadowstyles';\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} from './typography';\nimport globalStyles from './global';\n\nexport { COLORS, BREAKPOINTS, TYPOGRAPHY, 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}\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"],"file":"index.js"}

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

package/dist/js/styles/typography.d.ts

@@ -0,0 +1,89 @@
+import { FunctionComponent } from 'react';
+import { Property } from 'csstype';
+import { Size } from '../types';
+declare const TYPOGRAPHY: {
+    fontFamily: string;
+};
+interface ITypographyBase {
+    $color?: string;
+    lineHeight: number;
+    $fontSize: number;
+    $fontWeight: number;
+    $fontStyle?: string;
+    textTransform?: Property.TextTransform;
+    textDecorationLine?: Property.TextDecorationLine;
+}
+interface IHeadline {
+    $color?: string;
+}
+interface IHeadlineBase {
+    $color?: string;
+    lineHeight: number;
+    fontSize: number;
+}
+declare const HeadlineXLStyling: (color: string) => import("styled-components").FlattenSimpleInterpolation;
+declare const HeadlineXL: import("styled-components").StyledComponent<"div", any, ITypographyBase & IHeadlineBase & IHeadline, never>;
+declare const HeadlineLStyling: (color: string) => import("styled-components").FlattenSimpleInterpolation;
+declare const HeadlineL: import("styled-components").StyledComponent<"div", any, ITypographyBase & IHeadlineBase & IHeadline, never>;
+declare const HeadlineMStyling: (color: string) => import("styled-components").FlattenSimpleInterpolation;
+declare const HeadlineM: import("styled-components").StyledComponent<"div", any, ITypographyBase & IHeadlineBase & IHeadline, never>;
+declare const HeadlineSStyling: (color: string) => import("styled-components").FlattenSimpleInterpolation;
+declare const HeadlineS: import("styled-components").StyledComponent<"div", any, ITypographyBase & IHeadlineBase & IHeadline, never>;
+declare const HeadlineXSStyling: (color: string) => import("styled-components").FlattenSimpleInterpolation;
+declare const HeadlineXS: import("styled-components").StyledComponent<"div", any, ITypographyBase & IHeadlineBase & IHeadline, never>;
+declare const HeadlineXXSStyling: (color: string) => import("styled-components").FlattenSimpleInterpolation;
+declare const HeadlineXXS: import("styled-components").StyledComponent<"div", any, ITypographyBase & IHeadlineBase & IHeadline, never>;
+declare enum ParagraphTextStyle {
+    Regular = 1,
+    Bold = 2,
+    Italic = 3,
+    Underline = 4
+}
+declare type ParagraphProps = {
+    color?: string;
+    textStyle?: ParagraphTextStyle;
+};
+declare const ParagraphXlStyling: (textStyle: ParagraphTextStyle, color: string) => import("styled-components").FlattenSimpleInterpolation;
+declare const ParagraphXL: FunctionComponent<ParagraphProps>;
+declare const ParagraphLStyling: (textStyle: ParagraphTextStyle, color: string) => import("styled-components").FlattenSimpleInterpolation;
+declare const ParagraphL: FunctionComponent<ParagraphProps>;
+declare const ParagraphMStyling: (textStyle: ParagraphTextStyle, color: string) => import("styled-components").FlattenSimpleInterpolation;
+declare const ParagraphM: FunctionComponent<ParagraphProps>;
+declare const ParagraphSStyling: (textStyle: ParagraphTextStyle, color: string) => import("styled-components").FlattenSimpleInterpolation;
+declare const ParagraphS: FunctionComponent<ParagraphProps>;
+declare const ParagraphXSStyling: (textStyle: ParagraphTextStyle, color: string) => import("styled-components").FlattenSimpleInterpolation;
+declare const ParagraphXS: FunctionComponent<ParagraphProps>;
+declare enum ComponentTextStyle {
+    Regular = 1,
+    Bold = 2,
+    Italic = 3,
+    UppercaseBold = 4
+}
+declare type ComponentProps = {
+    color?: string;
+    className?: string;
+    textStyle?: ComponentTextStyle;
+};
+declare const ComponentXLStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenSimpleInterpolation;
+declare const ComponentXL: FunctionComponent<ComponentProps>;
+declare const ComponentLStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenSimpleInterpolation;
+declare const ComponentL: FunctionComponent<ComponentProps>;
+declare const ComponentMStyling: (textStyle: ComponentTextStyle, color: string | undefined | null) => import("styled-components").FlattenSimpleInterpolation;
+declare const ComponentM: FunctionComponent<ComponentProps>;
+declare const ComponentSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenSimpleInterpolation;
+declare const ComponentS: FunctionComponent<ComponentProps>;
+declare const ComponentXSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenSimpleInterpolation;
+declare const ComponentXS: FunctionComponent<ComponentProps>;
+declare const ComponentXXSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenSimpleInterpolation;
+declare const ComponentXXS: FunctionComponent<ComponentProps>;
+declare const ComponentResponsive: FunctionComponent<ComponentProps & {
+    size?: Size;
+    width: number;
+}>;
+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 };
+export { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };
+export { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling };
+export { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling };