@laerdal/life-react-components 3.5.1-dev.17 → 3.5.1-dev.18

package/dist/js/styles/global.js.map

@@ -1 +0,0 @@
-{"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';\r\n\r\nconst globalStyles = `\r\n  html,\r\n  body {\r\n    height: 100%;\r\n    font-family: 'Lato', sans-serif;\r\n    font-size: 18px;\r\n    color: ${COLORS.black};\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  body {\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  main,\r\n  aside,\r\n  details {\r\n    display: block;\r\n  }\r\n\r\n  summary {\r\n    display: block;\r\n  }\r\n\r\n  #root {\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  button,\r\n  input,\r\n  label {\r\n    font-family: inherit;\r\n  }\r\n\r\n  .react-grid-item.react-grid-placeholder {\r\n    background: ${COLORS.primary_100} !important;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  .react-resizable-handle {\r\n    background-image: none !important;\r\n  }\r\n\r\n  .react-resizable-handle::after {\r\n    border: none !important;\r\n  }\r\n`;\r\n\r\nexport default globalStyles;\r\n"],"file":"global.js"}

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

@@ -1,13 +0,0 @@
-import COLORS from './colors';
-import BREAKPOINTS from './breakpoints';
-import { TYPOGRAPHY } from './typography';
-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 } from './typography';
-import globalStyles from './global';
-export { COLORS, BREAKPOINTS, TYPOGRAPHY, BOXSHADOWS, globalStyles };
-export { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };
-export { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };
-export { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS };
-export declare const scrollBarStyling: import("styled-components").FlattenSimpleInterpolation;

package/dist/js/styles/index.js

@@ -1,172 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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';\r\nimport COLORS from './colors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport {TYPOGRAPHY} from './typography';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\nimport {HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS} from './typography';\r\nimport {ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS} from './typography';\r\nimport {ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS} from './typography';\r\nimport globalStyles from './global';\r\n\r\nexport { COLORS, BREAKPOINTS, TYPOGRAPHY, BOXSHADOWS, globalStyles };\r\n\r\nexport {HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS}\r\nexport {ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS}\r\nexport {ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS}\r\n\r\nexport const scrollBarStyling = css`\r\n  /* width */\r\n  ::-webkit-scrollbar {\r\n    width: 4px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  ::-webkit-scrollbar-track {\r\n    background: ${COLORS.white};\r\n  }\r\n\r\n  /* Handle */\r\n  ::-webkit-scrollbar-thumb {\r\n    background: ${COLORS.neutral_200};\r\n    border-radius: 8px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  ::-webkit-scrollbar-thumb:hover {\r\n    background: ${COLORS.neutral_400};\r\n  }\r\n`;\r\n"],"file":"index.js"}

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

@@ -1,7 +0,0 @@
-declare const BOXSHADOWS: {
-    BOXSHADOW_L1: string;
-    BOXSHADOW_L2: string;
-    BOXSHADOW_L3: string;
-    BOXSHADOW_CENTERED: string;
-};
-export { BOXSHADOWS };

package/dist/js/styles/shadowstyles.js

@@ -1,14 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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 = {\r\n    BOXSHADOW_L1: '0px 2px 4px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_L2: '0px 4px 8px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_L3: '0px 8px 16px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_CENTERED: '0px 4px 10px rgba(0, 0, 0, 0.15), 0px 0px 6px rgba(0, 0, 0, 0.15)',\r\n};\r\n\r\nexport { BOXSHADOWS };\r\n\r\n"],"file":"shadowstyles.js"}

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

@@ -1,89 +0,0 @@
-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 };