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

package/dist/esm/index.js

@@ -0,0 +1,30 @@
+export * from './styles';
+export * from './icons';
+export * from './types';
+export * from './AuthPage';
+export * from './Button';
+export * from './Breadcrumb';
+export * from './Chips';
+export * from './SkipToContent';
+export * from './Footer';
+export * from './LoadingIndicator';
+export * from './MiniProductCard';
+export * from './NavItem';
+export * from './Layouts';
+export * from './GlobalNavigationBar';
+export * from './Tabs';
+export * from './Banners';
+export * from './Toasters';
+export * from './InputFields';
+export * from './Dropdown';
+export * from './Switcher';
+export * from './LoadingPage';
+export * from './List';
+export * from './Modals';
+export * from './Paginator';
+export * from './Table';
+export * from './Toggles';
+export * from './HyperLink';
+export * from './NotificationDot';
+export * from './Accordion';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd;AAEA,cAAc,YAAd;AAEA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,SAAd;AACA,cAAc,iBAAd;AACA,cAAc,UAAd;AACA,cAAc,oBAAd;AACA,cAAc,mBAAd;AACA,cAAc,WAAd;AACA,cAAc,WAAd;AACA,cAAc,uBAAd;AACA,cAAc,QAAd;AACA,cAAc,WAAd;AACA,cAAc,YAAd;AACA,cAAc,eAAd;AACA,cAAc,YAAd;AACA,cAAc,YAAd;AACA,cAAc,eAAd;AACA,cAAc,QAAd;AACA,cAAc,UAAd;AACA,cAAc,aAAd;AACA,cAAc,SAAd;AACA,cAAc,WAAd;AACA,cAAc,aAAd;AACA,cAAc,mBAAd;AACA,cAAc,aAAd","sourcesContent":["export * from './styles';\nexport * from './icons';\nexport * from './types';\n\nexport * from './AuthPage';\n\nexport * from './Button';\nexport * from './Breadcrumb';\nexport * from './Chips';\nexport * from './SkipToContent';\nexport * from './Footer';\nexport * from './LoadingIndicator';\nexport * from './MiniProductCard';\nexport * from './NavItem';\nexport * from './Layouts';\nexport * from './GlobalNavigationBar';\nexport * from './Tabs';\nexport * from './Banners';\nexport * from './Toasters';\nexport * from './InputFields';\nexport * from './Dropdown';\nexport * from './Switcher';\nexport * from './LoadingPage';\nexport * from './List';\nexport * from './Modals';\nexport * from './Paginator';\nexport * from './Table';\nexport * from './Toggles';\nexport * from './HyperLink';\nexport * from './NotificationDot';\nexport * from './Accordion';\n"],"file":"index.js"}

package/dist/esm/styles/breakpoints.js

@@ -0,0 +1,9 @@
+const BREAKPOINTS = {
+  XSMALL: '@media (min-width: 320px)',
+  SMALL: '@media (min-width: 576px)',
+  MEDIUM: '@media (min-width: 768px)',
+  LARGE: '@media (min-width: 992px)',
+  XLARGE: '@media (min-width: 1200px)'
+};
+export default BREAKPOINTS;
+//# sourceMappingURL=breakpoints.js.map

package/dist/esm/styles/breakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/styles/breakpoints.ts"],"names":["BREAKPOINTS","XSMALL","SMALL","MEDIUM","LARGE","XLARGE"],"mappings":"AAAA,MAAMA,WAAW,GAAG;AAClBC,EAAAA,MAAM,EAAE,2BADU;AAElBC,EAAAA,KAAK,EAAE,2BAFW;AAGlBC,EAAAA,MAAM,EAAE,2BAHU;AAIlBC,EAAAA,KAAK,EAAE,2BAJW;AAKlBC,EAAAA,MAAM,EAAE;AALU,CAApB;AAQA,eAAeL,WAAf","sourcesContent":["const BREAKPOINTS = {\n  XSMALL: '@media (min-width: 320px)',\n  SMALL: '@media (min-width: 576px)',\n  MEDIUM: '@media (min-width: 768px)',\n  LARGE: '@media (min-width: 992px)',\n  XLARGE: '@media (min-width: 1200px)',\n};\n\nexport default BREAKPOINTS;\n"],"file":"breakpoints.js"}

package/dist/esm/styles/colors.js

@@ -0,0 +1,101 @@
+const COLORS = {
+  black: '#1F1F1F',
+  // Neutrals / Black
+  white: '#FFFFFF',
+  // Neutrals / White
+  grey: '#949494',
+  // Neutrals / grey
+  primary: '#2E7FA1',
+  // Brand / Primary - Core 500
+  accent1: '#25837E',
+  // Brand / Accent 1 - Core 500
+  accent2: '#EAC785',
+  // Brand / Accent 2 - Core 200
+  correct: '#37A851',
+  // Semantic / Correct - Core 400
+  warning: '#E97116',
+  // Semantic / Warning  - Core 400
+  critical: '#DC3449',
+  // Semantic / Critical - Core 500
+  primary_20: '#F1FBFE',
+  primary_100: '#D4E9F2',
+  primary_200: '#A9D3E5',
+  primary_300: '#7FBCD7',
+  primary_400: '#519DBD',
+  primary_500: '#2E7FA1',
+  // 500 Core
+  primary_600: '#276D8B',
+  primary_700: '#215369',
+  primary_800: '#163746',
+  accent1_20: '#EDFCFB',
+  accent1_100: '#C8EEEC',
+  accent1_200: '#98D8D5',
+  accent1_300: '#6BC2BE',
+  accent1_400: '#3EA39E',
+  accent1_500: '#25837E',
+  // 500 Core
+  accent1_600: '#23716D',
+  accent1_700: '#145653',
+  accent1_800: '#0F3937',
+  accent2_20: '#FFFAEE',
+  accent2_100: '#F8E2BF',
+  accent2_200: '#EAC785',
+  // 200 Core
+  accent2_300: '#D6AD61',
+  accent2_400: '#B58E45',
+  accent2_500: '#92702F',
+  accent2_600: '#806128',
+  accent2_700: '#604920',
+  accent2_800: '#42300F',
+  correct_20: '#ECFEF1',
+  correct_100: '#CCEED2',
+  correct_200: '#A0D9AD',
+  correct_300: '#77C589',
+  correct_400: '#37A851',
+  // 400 Core
+  correct_500: '#14892F',
+  correct_600: '#13772A',
+  correct_700: '#025A15',
+  correct_800: '#003D0E',
+  warning_20: '#FEF7F1',
+  warning_100: '#FCDDC5',
+  warning_200: '#F8C096',
+  warning_300: '#F4A162',
+  warning_400: '#E97116',
+  // 400 Core
+  warning_500: '#C45402',
+  warning_600: '#AD4B00',
+  warning_700: '#803700',
+  warning_800: '#572600',
+  critical_20: '#FEF5F7',
+  critical_100: '#FDDEE2',
+  critical_200: '#FDBAC2',
+  critical_300: '#FD96A4',
+  critical_400: '#FC5A6F',
+  critical_500: '#DC3449',
+  // 500 Core
+  critical_600: '#C32238',
+  critical_700: '#9C0D1D',
+  critical_800: '#6B0613',
+  neutral_20: '#FAFAFA',
+  // 020 Core
+  neutral_100: '#E5E5E5',
+  neutral_200: '#CCCCCC',
+  neutral_300: '#B3B3B3',
+  neutral_400: '#949494',
+  neutral_500: '#767676',
+  neutral_600: '#666666',
+  neutral_700: '#4D4D4D',
+  neutral_800: '#333333',
+  focus: 'rgba(46, 127, 161, 1)',
+  // Semantic / Focus 100%
+  focus_25: 'rgba(46, 127, 161, 0.25)',
+  // Semantic / Focus 25%
+  white_gradient: 'linear-gradient(255deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%)',
+  toast_info: '#2E7FA1',
+  toast_success: '#37A851',
+  toast_warning: '#E97116',
+  toast_error: '#DC3449'
+};
+export default COLORS;
+//# sourceMappingURL=colors.js.map

package/dist/esm/styles/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/styles/colors.ts"],"names":["COLORS","black","white","grey","primary","accent1","accent2","correct","warning","critical","primary_20","primary_100","primary_200","primary_300","primary_400","primary_500","primary_600","primary_700","primary_800","accent1_20","accent1_100","accent1_200","accent1_300","accent1_400","accent1_500","accent1_600","accent1_700","accent1_800","accent2_20","accent2_100","accent2_200","accent2_300","accent2_400","accent2_500","accent2_600","accent2_700","accent2_800","correct_20","correct_100","correct_200","correct_300","correct_400","correct_500","correct_600","correct_700","correct_800","warning_20","warning_100","warning_200","warning_300","warning_400","warning_500","warning_600","warning_700","warning_800","critical_20","critical_100","critical_200","critical_300","critical_400","critical_500","critical_600","critical_700","critical_800","neutral_20","neutral_100","neutral_200","neutral_300","neutral_400","neutral_500","neutral_600","neutral_700","neutral_800","focus","focus_25","white_gradient","toast_info","toast_success","toast_warning","toast_error"],"mappings":"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","sourcesContent":["const COLORS = {\n  black: '#1F1F1F', // Neutrals / Black\n  white: '#FFFFFF', // Neutrals / White\n  grey:  '#949494', // Neutrals / grey\n  primary: '#2E7FA1', // Brand / Primary - Core 500\n  accent1: '#25837E', // Brand / Accent 1 - Core 500\n  accent2: '#EAC785', // Brand / Accent 2 - Core 200\n  correct: '#37A851', // Semantic / Correct - Core 400\n  warning: '#E97116', // Semantic / Warning  - Core 400\n  critical: '#DC3449', // Semantic / Critical - Core 500\n\n  primary_20: '#F1FBFE',\n  primary_100: '#D4E9F2',\n  primary_200: '#A9D3E5',\n  primary_300: '#7FBCD7',\n  primary_400: '#519DBD',\n  primary_500: '#2E7FA1', // 500 Core\n  primary_600: '#276D8B',\n  primary_700: '#215369',\n  primary_800: '#163746',\n\n  accent1_20:  '#EDFCFB',\n  accent1_100: '#C8EEEC',\n  accent1_200: '#98D8D5',\n  accent1_300: '#6BC2BE',\n  accent1_400: '#3EA39E',\n  accent1_500: '#25837E', // 500 Core\n  accent1_600: '#23716D',\n  accent1_700: '#145653',\n  accent1_800: '#0F3937',\n\n  accent2_20:  '#FFFAEE',\n  accent2_100: '#F8E2BF',\n  accent2_200: '#EAC785', // 200 Core\n  accent2_300: '#D6AD61',\n  accent2_400: '#B58E45',\n  accent2_500: '#92702F',\n  accent2_600: '#806128',\n  accent2_700: '#604920',\n  accent2_800: '#42300F',\n\n  correct_20:  '#ECFEF1',\n  correct_100: '#CCEED2',\n  correct_200: '#A0D9AD',\n  correct_300: '#77C589',\n  correct_400: '#37A851', // 400 Core\n  correct_500: '#14892F',\n  correct_600: '#13772A',\n  correct_700: '#025A15',\n  correct_800: '#003D0E',\n\n  warning_20:  '#FEF7F1',\n  warning_100: '#FCDDC5',\n  warning_200: '#F8C096',\n  warning_300: '#F4A162',\n  warning_400: '#E97116', // 400 Core\n  warning_500: '#C45402',\n  warning_600: '#AD4B00',\n  warning_700: '#803700',\n  warning_800: '#572600',\n\n  critical_20:  '#FEF5F7',\n  critical_100: '#FDDEE2',\n  critical_200: '#FDBAC2',\n  critical_300: '#FD96A4',\n  critical_400: '#FC5A6F',\n  critical_500: '#DC3449', // 500 Core\n  critical_600: '#C32238',\n  critical_700: '#9C0D1D',\n  critical_800: '#6B0613',\n\n  neutral_20:  '#FAFAFA', // 020 Core\n  neutral_100: '#E5E5E5',\n  neutral_200: '#CCCCCC',\n  neutral_300: '#B3B3B3',\n  neutral_400: '#949494',\n  neutral_500: '#767676',\n  neutral_600: '#666666',\n  neutral_700: '#4D4D4D',\n  neutral_800: '#333333',\n\n  focus: 'rgba(46, 127, 161, 1)', // Semantic / Focus 100%\n  focus_25: 'rgba(46, 127, 161, 0.25)', // Semantic / Focus 25%\n\n  white_gradient: 'linear-gradient(255deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%)',\n\n  toast_info: '#2E7FA1',\n  toast_success: '#37A851',\n  toast_warning: '#E97116',\n  toast_error: '#DC3449',\n};\n\nexport default COLORS;\n"],"file":"colors.js"}

package/dist/esm/styles/global.js

@@ -0,0 +1,53 @@
+import COLORS from './colors';
+const globalStyles = `
+  html,
+  body {
+    height: 100%;
+    font-family: 'Lato', sans-serif;
+    font-size: 18px;
+    color: ${COLORS.black};
+    -webkit-font-smoothing: antialiased;
+  }
+
+  body {
+    margin: 0;
+    padding: 0;
+  }
+
+  main,
+  aside,
+  details {
+    display: block;
+  }
+
+  summary {
+    display: block;
+  }
+
+  #root {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+
+  button,
+  input,
+  label {
+    font-family: inherit;
+  }
+
+  .react-grid-item.react-grid-placeholder {
+    background: ${COLORS.primary_100} !important;
+    opacity: 1 !important;
+  }
+
+  .react-resizable-handle {
+    background-image: none !important;
+  }
+
+  .react-resizable-handle::after {
+    border: none !important;
+  }
+`;
+export default globalStyles;
+//# sourceMappingURL=global.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/styles/global.ts"],"names":["COLORS","globalStyles","black","primary_100"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,UAAnB;AAEA,MAAMC,YAAY,GAAI;AACtB;AACA;AACA;AACA;AACA;AACA,aAAaD,MAAM,CAACE,KAAM;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBF,MAAM,CAACG,WAAY;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAjDA;AAmDA,eAAeF,YAAf","sourcesContent":["import COLORS from './colors';\n\nconst globalStyles = `\n  html,\n  body {\n    height: 100%;\n    font-family: 'Lato', sans-serif;\n    font-size: 18px;\n    color: ${COLORS.black};\n    -webkit-font-smoothing: antialiased;\n  }\n\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  main,\n  aside,\n  details {\n    display: block;\n  }\n\n  summary {\n    display: block;\n  }\n\n  #root {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  button,\n  input,\n  label {\n    font-family: inherit;\n  }\n\n  .react-grid-item.react-grid-placeholder {\n    background: ${COLORS.primary_100} !important;\n    opacity: 1 !important;\n  }\n\n  .react-resizable-handle {\n    background-image: none !important;\n  }\n\n  .react-resizable-handle::after {\n    border: none !important;\n  }\n`;\n\nexport default globalStyles;\n"],"file":"global.js"}

package/dist/esm/styles/index.js

@@ -0,0 +1,37 @@
+import { css } from 'styled-components';
+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 const scrollBarStyling = css`
+  /* width */
+  ::-webkit-scrollbar {
+    width: 4px;
+    cursor: pointer;
+  }
+
+  /* Track */
+  ::-webkit-scrollbar-track {
+    background: ${COLORS.white};
+  }
+
+  /* Handle */
+  ::-webkit-scrollbar-thumb {
+    background: ${COLORS.neutral_200};
+    border-radius: 8px;
+  }
+
+  /* Handle on hover */
+  ::-webkit-scrollbar-thumb:hover {
+    background: ${COLORS.neutral_400};
+  }
+`;
+//# sourceMappingURL=index.js.map

package/dist/esm/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/styles/index.ts"],"names":["css","COLORS","BREAKPOINTS","TYPOGRAPHY","BOXSHADOWS","HeadlineXL","HeadlineL","HeadlineM","HeadlineS","HeadlineXS","HeadlineXXS","ParagraphTextStyle","ParagraphXL","ParagraphL","ParagraphM","ParagraphS","ParagraphXS","ComponentTextStyle","ComponentXL","ComponentL","ComponentM","ComponentS","ComponentXS","ComponentXXS","globalStyles","scrollBarStyling","white","neutral_200","neutral_400"],"mappings":"AAAA,SAASA,GAAT,QAAoB,mBAApB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,SAAQC,UAAR,QAAyB,cAAzB;AACA,SAASC,UAAT,QAA2B,gBAA3B;AACA,SAAQC,UAAR,EAAoBC,SAApB,EAA+BC,SAA/B,EAA0CC,SAA1C,EAAqDC,UAArD,EAAiEC,WAAjE,QAAmF,cAAnF;AACA,SAAQC,kBAAR,EAA4BC,WAA5B,EAAyCC,UAAzC,EAAqDC,UAArD,EAAiEC,UAAjE,EAA6EC,WAA7E,QAA+F,cAA/F;AACA,SAAQC,kBAAR,EAA4BC,WAA5B,EAAyCC,UAAzC,EAAqDC,UAArD,EAAiEC,UAAjE,EAA6EC,WAA7E,EAA0FC,YAA1F,QAA6G,cAA7G;AACA,OAAOC,YAAP,MAAyB,UAAzB;AAEA,SAASvB,MAAT,EAAiBC,WAAjB,EAA8BC,UAA9B,EAA0CC,UAA1C,EAAsDoB,YAAtD;AAEA,SAAQnB,UAAR,EAAoBC,SAApB,EAA+BC,SAA/B,EAA0CC,SAA1C,EAAqDC,UAArD,EAAiEC,WAAjE;AACA,SAAQC,kBAAR,EAA4BC,WAA5B,EAAyCC,UAAzC,EAAqDC,UAArD,EAAiEC,UAAjE,EAA6EC,WAA7E;AACA,SAAQC,kBAAR,EAA4BC,WAA5B,EAAyCC,UAAzC,EAAqDC,UAArD,EAAiEC,UAAjE,EAA6EC,WAA7E,EAA0FC,YAA1F;AAEA,OAAO,MAAME,gBAAgB,GAAGzB,GAAI;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBC,MAAM,CAACyB,KAAM;AAC/B;AACA;AACA;AACA;AACA,kBAAkBzB,MAAM,CAAC0B,WAAY;AACrC;AACA;AACA;AACA;AACA;AACA,kBAAkB1B,MAAM,CAAC2B,WAAY;AACrC;AACA,CAtBO","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/esm/styles/shadowstyles.js

@@ -0,0 +1,8 @@
+const 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)'
+};
+export { BOXSHADOWS };
+//# sourceMappingURL=shadowstyles.js.map

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