@bbl-digital/snorre 3.1.57 → 3.1.59

package/esm/utils/accountNumber.js

@@ -1,36 +1,30 @@
 const getFormattedAccountNumber = accountNumber => {
   if (!accountNumber) return 'Ikke angitt';
-
   if (accountNumber.length === 13) {
     return accountNumber;
   }
-
   const first = accountNumber.substring(0, 4);
   const second = accountNumber.substring(4, 6);
   const third = accountNumber.substring(6, 11);
   return [first, second, third].join('.');
 };
-
 const isValidAccountNumber = (value, required = true) => {
   // stolen from https://no.wikipedia.org/wiki/MOD11
+
   if (!value) return !required;
   const weights = [5, 4, 3, 2, 7, 6, 5, 4, 3, 2];
   const accountnrWithoutSpacesAndPeriods = value.replace(/[\s.]+/g, '');
-
   if (accountnrWithoutSpacesAndPeriods.length !== 11) {
     return false;
   } else {
     const checkNumber = parseInt(accountnrWithoutSpacesAndPeriods.charAt(10), 10);
     const accountnrWithoutCheckNumber = accountnrWithoutSpacesAndPeriods.substring(0, 10);
     let sum = 0;
-
     for (let index = 0; index < 10; index++) {
       sum += parseInt(accountnrWithoutCheckNumber.charAt(index), 10) * weights[index];
     }
-
     const remainder = sum % 11;
     return checkNumber === (remainder === 0 ? 0 : 11 - remainder);
   }
 };
-
 export { getFormattedAccountNumber, isValidAccountNumber };

package/esm/utils/alpha.js

@@ -2,5 +2,4 @@ function alpha(hexColor, alphaPercentage) {
   const opacity = ~~(alphaPercentage * 2.55);
   return hexColor + opacity.toString(16).toUpperCase().padStart(2, '0');
 }
-
 export { alpha };

package/esm/utils/array.js

@@ -1,13 +1,11 @@
 const getReducedArray = (array, indexesAmount) => {
   // copies x amount of indexes from array (in order) to a new array
+
   if (array.length <= indexesAmount) return array;
   const newArr = [];
-
   for (let i = 0; i < indexesAmount; i++) {
     newArr.push(array[i]);
   }
-
   return newArr;
 };
-
 export { getReducedArray };

package/esm/utils/dates.js

@@ -5,43 +5,33 @@ export const WEEKDAYS_SHORT = ['S', 'M', 'T', 'O', 'T', 'F', 'L'];
 export const parseDate = (date, format, locale, minDate, maxDate) => {
   const format1 = (date.length === 10 || date.length === 8) && date.includes('.');
   const format2 = (date.length === 6 || date.length === 8) && !date.includes('.');
-
   if (!date || !format1 && !format2) {
     return;
   }
-
   let arr;
-
   if (format1) {
     arr = date.split('.');
   }
-
   if (format2) {
     arr = [date.substring(2, 0)];
     arr.push(date.substring(2, 4));
     arr.push(date.substring(4, 8));
   }
-
   if (!arr) {
     return;
   }
-
   const day = parseInt(arr[0]);
   const month = parseInt(arr[1]);
   const year = parseInt(arr[2]);
-
   if (isNaN(day) || isNaN(month) || isNaN(year)) {
     return;
   }
-
   let newYear = year;
   if (newYear < 40) newYear = parseInt(String(2000 + year));
   const rest = new Date(newYear, month - 1, day, 12);
-
   if (!getDateIsValid(rest, minDate, maxDate)) {
     return;
   }
-
   return rest;
 };
 export const formatDate = (date, format, locale) => {

package/esm/utils/file.js

@@ -7,6 +7,7 @@ export const formatBytes = bytes => {
 };
 export const isAllFilesValid = (files, maxFileSizeInBytes) => {
   // Checks if all files in file array are valid sizes
+
   const exceeds = files.some(file => file.size > maxFileSizeInBytes);
   return !exceeds;
 };

package/esm/utils/format.js

@@ -1,21 +1,18 @@
 import { datesAreOnSameDay, ddmmyyyy } from './dates';
+
 /**
  * PRICES
  */
-
 const getFormattedPrice = (price, decimals, roundDown) => {
   if (isNaN(price)) {
     return price;
   }
-
   if (price === undefined || price === null) {
     return '';
   }
-
   if (roundDown) {
     price = Math.floor(price);
   }
-
   const formatted = new Intl.NumberFormat(['no-NO', 'nb-NO'], {
     style: 'decimal',
     useGrouping: true,
@@ -25,32 +22,26 @@ const getFormattedPrice = (price, decimals, roundDown) => {
   }).format(price);
   return decimals ? formatted : formatted.replace(/,/g, '.');
 };
-
 const getPriceWithLabel = pricing => {
   return `${getPriceLabel(pricing)} ${getFormattedPriceWithEnding(getPrice(pricing))}`;
 };
-
 const getPriceLabel = pricing => {
   return pricing.fixedPrice ? 'Fastpris' : 'Prisantydning';
 };
-
 const getPrice = pricing => {
   return pricing.fixedPrice ? pricing.fixedPrice : pricing.askingPrice;
 };
-
 const getFormattedPriceWithEnding = (price, decimals) => {
   if (price === undefined || price === null) {
     return 'Ikke angitt';
   }
-
   const formattedPrice = getFormattedPrice(price, decimals);
   return formattedPrice + ' kr';
 };
+
 /**
  * DATES
  */
-
-
 const getFormattedDate = (date, opt) => {
   const options = opt || {
     hour: 'numeric',
@@ -62,47 +53,39 @@ const getFormattedDate = (date, opt) => {
   };
   return new Intl.DateTimeFormat(['no-NO', 'nb-NO', 'nn-NO', 'de-DE'], options).format(new Date(date));
 };
-
 const getFormattedTime = date => {
   const parsedDate = new Date(date);
   return (parsedDate.getHours() < 10 ? '0' : '') + parsedDate.getHours() + ':' + (parsedDate.getMinutes() < 10 ? '0' : '') + parsedDate.getMinutes();
 };
-
 const getFormattedDateTimePretty = (date, opt = ddmmyyyy) => {
   if (!date) return '';
   return `${getFormattedDate(date, opt)} kl ${getFormattedTime(date)}`;
 };
+
 /**
  * OTHERS
  */
-
-
 const getTitleString = text => {
   if (!text) return '';
   text = text.toLowerCase();
   return text.charAt(0).toUpperCase() + text.slice(1);
 };
-
 const getFormattedCardNumber = cardNumber => {
   if (!cardNumber) return '';
   cardNumber = cardNumber.replace(/\s/g, '');
   let formatted = '';
-
   for (var i = 0; i < cardNumber.length; i++) {
     if (i % 4 === 0 && i > 0) formatted = formatted.concat(' ');
     formatted = formatted.concat(cardNumber[i]);
   }
-
   return formatted;
 };
-
 const getFormattedOrganizationNumber = organizationNumber => {
   let org = String(organizationNumber);
   if (!org) return '';
   org = org.replace(/\s/g, '');
   return org.replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
 };
-
 const getFormattedTimePeriod = (startDate, endDate) => {
   const start = startDate ? new Date(startDate) : null;
   const end = endDate ? new Date(endDate) : null;
@@ -110,5 +93,4 @@ const getFormattedTimePeriod = (startDate, endDate) => {
   if (start && end && datesAreOnSameDay(start, end)) return `${getFormattedDateTimePretty(start)}-${getFormattedTime(end)}`;
   return `${start ? getFormattedDateTimePretty(start) + ' ' : ''}-${end ? ' ' + getFormattedDateTimePretty(end) : ''}`;
 };
-
 export { getFormattedOrganizationNumber, getFormattedPrice, getFormattedPriceWithEnding, getFormattedDate, getTitleString, getFormattedCardNumber, getFormattedTime, getPriceWithLabel, getFormattedDateTimePretty, getFormattedTimePeriod };

package/esm/utils/formatGraphPrice.js

@@ -1,28 +1,21 @@
 const firstIndexIsNegative = value => value.charAt(0) === '-';
-
 const precisionValueIsZero = (value, maxEnd) => {
   return firstIndexIsNegative(value) ? value.charAt(2 + maxEnd) === '0' : value.charAt(1 + maxEnd) === '0';
 };
-
 const setLeftSide = (value, sliceLeft) => {
   return firstIndexIsNegative(value) ? `-${value.slice(sliceLeft.start + 1, sliceLeft.end + 1)}` : value.slice(sliceLeft.start, sliceLeft.end);
 };
-
 const setRightSide = (value, sliceRight, sliceLeftEnd) => {
   return precisionValueIsZero(value, sliceLeftEnd) ? '' : `.${value.slice(sliceRight.start, sliceRight.end)}`;
 };
-
 const getFormat = (value, sliceLeft, sliceRight, sizeTerm) => {
   return `${setLeftSide(value, sliceLeft)}${setRightSide(value, sliceRight, sliceLeft.end)}${sizeTerm}`;
 };
-
 const formatAxisPrice = val => {
   const value = String(val);
-
   if (value.match(/^(-\d)|(\d)+$/)) {
     const santizitedValue = firstIndexIsNegative(value) ? value.replace('-', '') : value;
     const count = santizitedValue.length;
-
     if (count > 3) {
       switch (count) {
         case 4:
@@ -33,7 +26,6 @@ const formatAxisPrice = val => {
             start: 1,
             end: 2
           }, 'k');
-
         case 5:
           return getFormat(value, {
             start: 0,
@@ -42,7 +34,6 @@ const formatAxisPrice = val => {
             start: 2,
             end: 3
           }, 'k');
-
         case 6:
           return getFormat(value, {
             start: 0,
@@ -51,7 +42,6 @@ const formatAxisPrice = val => {
             start: 3,
             end: 4
           }, 'k');
-
         case 7:
           return getFormat(value, {
             start: 0,
@@ -60,7 +50,6 @@ const formatAxisPrice = val => {
             start: 1,
             end: 2
           }, 'm');
-
         case 8:
           return getFormat(value, {
             start: 0,
@@ -69,7 +58,6 @@ const formatAxisPrice = val => {
             start: 2,
             end: 3
           }, 'm');
-
         case 9:
           return getFormat(value, {
             start: 0,
@@ -78,7 +66,6 @@ const formatAxisPrice = val => {
             start: 3,
             end: 4
           }, 'm');
-
         default:
           return getFormat(value, {
             start: 0,
@@ -90,8 +77,6 @@ const formatAxisPrice = val => {
       }
     }
   }
-
   return value;
 };
-
 export { formatAxisPrice };

package/esm/utils/image.js

@@ -1,12 +1,9 @@
 const convertBlobToObjectUrl = blob => {
   let url = '';
   const urlCreator = window.URL || window.webkitURL;
-
   if (blob) {
     url = urlCreator.createObjectURL(blob);
   }
-
   return url;
 };
-
 export { convertBlobToObjectUrl };

package/esm/utils/pagination.js

@@ -3,24 +3,19 @@ const getCurrentPage = (take, skip) => {
   if (skip === 0) return 1;
   return Math.floor(skip / take + 1);
 };
-
 const getSkippedItems = (pageNumber, take) => {
   if (pageNumber === undefined || take === undefined) return NaN;
   return (pageNumber - 1) * take;
 };
-
 const getHasPreviousPages = (currentPage, totalPages) => {
   return currentPage > 3 && totalPages > 5;
 };
-
 const getHasMorePages = (currentPage, totalPages) => {
   return currentPage < totalPages - 2 && totalPages > 5;
 };
-
 const getFirstButtonIndex = (currentPage, totalPages) => {
   if (totalPages <= 5 || currentPage <= 3) return 0;
   if (totalPages - currentPage <= 2) return totalPages - 5;
   return currentPage - 3;
 };
-
 export { getCurrentPage, getSkippedItems, getHasPreviousPages, getHasMorePages, getFirstButtonIndex };

package/esm/utils/phone.js

@@ -1,38 +1,33 @@
 const formatBusinessOrMobilePhone = phone => {
   // check with match if number starts with 4 or 9
   const isMobilePhone = phone.match(/^(4|9)(\d{7})$/);
-
   if (isMobilePhone) {
-    const [, prefix, numb] = isMobilePhone; // Mobile phone formatting 999 88 777
-
+    const [, prefix, numb] = isMobilePhone;
+    // Mobile phone formatting 999 88 777
     return `${prefix}${numb.slice(0, 2)} ${numb.slice(2, 4)} ${numb.slice(4, 7)}`;
-  } // Business formatting 11 22 33 44
-
+  }
 
+  // Business formatting 11 22 33 44
   return `${phone.slice(0, 2)} ${phone.slice(2, 4)} ${phone.slice(4, 6)} ${phone.slice(6, 8)}`;
 };
-
 const getFormatedPhone = phone => {
-  const cleaned = String(phone).replace(/ /g, ''); // Check if phone starts with 0047
+  const cleaned = String(phone).replace(/ /g, '');
 
+  // Check if phone starts with 0047
   const zeros = cleaned.match(/^(0047|\+47)(\d{8})$/);
-
   if (zeros) {
     const [, prefix, numb] = zeros;
     return `${prefix} ${formatBusinessOrMobilePhone(numb)}`;
-  } // Check if phone starts with +47
-
+  }
 
+  // Check if phone starts with +47
   let plus = cleaned.match(/^(\+47)(\d{3})(\d{2})(\d{3})$/);
-
   if (plus) {
     const [, prefix, numb] = plus;
     return `${prefix} ${formatBusinessOrMobilePhone(numb)}`;
   }
-
   if (cleaned.length === 8) return formatBusinessOrMobilePhone(cleaned);
   if (!phone) return 'Ikke angitt';
   return cleaned;
 };
-
 export { getFormatedPhone };

package/esm/utils/time.js

@@ -3,32 +3,29 @@ export const DEFAULT_VALUE_SHORT = `00${DEFAULT_DIVIDER}00`;
 export const DEFAULT_VALUE_SHORT_NULLABLE = `--${DEFAULT_DIVIDER}--`;
 export const DEFAULT_VALUE_FULL = `00${DEFAULT_DIVIDER}00${DEFAULT_DIVIDER}00`;
 export const DEFAULT_VALUE_FULL_NULLABLE = `--${DEFAULT_DIVIDER}--${DEFAULT_DIVIDER}--`;
-
 const formatTimeItem = (value, isNullable = false) => {
   return `${value || ''}${isNullable ? '--' : '00'}`.substring(0, 2);
 };
+
 /**
  * Checks if input is a number
  */
-
-
 export function isNumber(value) {
   const number = Number(value);
   return !isNaN(number) && String(value) === String(number);
 }
+
 /**
  * Validates time to keep the format:
  * default 00:00 or 00:00:00 if showSeconds is true
  *
  * The function also keeps track of the cursor position
  */
-
 export const validateTimeAndCursor = (showSeconds = false, value = '', defaultValue = '', divider = DEFAULT_DIVIDER, cursorPosition = 0, isNullable = false) => {
   const [oldHH, oldMM, oldSS] = defaultValue.split(divider);
   let newCursorPosition = Number(cursorPosition);
   let [HH, MM, SS] = String(value).split(divider);
   HH = formatTimeItem(HH, isNullable);
-
   if (Number(HH[0]) > 2) {
     HH = oldHH;
     newCursorPosition -= 1;
@@ -40,31 +37,26 @@ export const validateTimeAndCursor = (showSeconds = false, value = '', defaultVa
       HH = '23';
     }
   }
-
   MM = formatTimeItem(MM, isNullable);
-
   if (Number(MM[0]) > 5) {
     MM = oldMM;
     newCursorPosition -= 1;
   }
-
   if (showSeconds) {
     SS = formatTimeItem(SS, isNullable);
-
     if (Number(SS[0]) > 5) {
       SS = oldSS;
       newCursorPosition -= 1;
     }
   }
-
   const validatedValue = showSeconds ? `${HH}${divider}${MM}${divider}${SS}` : `${HH}${divider}${MM}`;
   return [validatedValue, newCursorPosition];
 };
+
 /**
  * Converts a Date to String with the format:
  * default 00:00 or 00:00:00 if showSeconds is true
  */
-
 export const handleDateToStringConvertion = (date, showSeconds) => {
   const d = new Date(date);
   const hours = d.getHours().toString().padStart(2, '0');
@@ -72,12 +64,12 @@ export const handleDateToStringConvertion = (date, showSeconds) => {
   const seconds = d.getSeconds().toString().padStart(2, '0');
   return `${hours}${DEFAULT_DIVIDER}${minutes}${showSeconds ? `${DEFAULT_DIVIDER}${seconds}` : ''}`;
 };
+
 /**
  * Converts a String to Date with the format:
  * If value is formatted as 00:00:00 it will return the date with chosen seconds
  * If value is formatted as 00:00 it will return the date with seconds set to 00
  */
-
 export const handleStringToDateConvertion = (value, originalDate) => {
   const [hours, minutes, seconds] = value.split(DEFAULT_DIVIDER);
   const date = originalDate || new Date(0, 0, 0);
@@ -96,10 +88,8 @@ export const getTimeFromHours = hours => {
 };
 export const getTimeStringFromHours = hours => {
   const time = getTimeFromHours(hours);
-
   if (time.days) {
     return `${time.days} dag${time.days > 1 ? 'er' : ''} og ${time.hours} time${time.hours !== 1 ? 'r' : ''}`;
   }
-
   return `${time.hours} time${time.hours !== 1 ? 'r' : ''}`;
 };

package/esm/utils/url.js

@@ -1,7 +1,6 @@
 const getDomainFromUrl = url => {
   return url.replace(/^(?:https?:\/\/)?(?:www\.)?/i, '').split('/')[0];
 };
-
 const getUrlWithProtocol = url => {
   if (url.startsWith('http') || url.startsWith('//')) {
     return url;
@@ -9,5 +8,4 @@ const getUrlWithProtocol = url => {
     return 'https://' + url;
   }
 };
-
 export { getDomainFromUrl, getUrlWithProtocol };

package/esm/utils/useSnorreTheme.js

@@ -0,0 +1,31 @@
+import { useEffect, useState } from 'react';
+import { initTheme } from '../app-shell/theme';
+const useSnorreTheme = ({
+  themeUrl,
+  defaultTextColor
+}) => {
+  const [appTheme, setAppTheme] = useState();
+  const [theme, setTheme] = useState();
+  const [globals, setGlobals] = useState();
+  useEffect(() => {
+    const getTheme = async themeUrl => {
+      const pstyle = fetch(`${themeUrl}/styles.json`);
+      const pglobal = fetch(`${themeUrl}/globals.css`);
+      const [styles, global] = await Promise.all([pstyle, pglobal]);
+      const p = await styles.json();
+      const g = await global.text();
+      setTheme(p);
+      setGlobals(g);
+    };
+    getTheme(themeUrl);
+  }, [themeUrl]);
+  useEffect(() => {
+    if (!theme) return;
+    setAppTheme(initTheme(theme, defaultTextColor));
+  }, [theme, defaultTextColor]);
+  return {
+    appTheme,
+    globals
+  };
+};
+export default useSnorreTheme;

package/lib/app-shell/index.js

@@ -3,8 +3,7 @@ import React from 'react';
 import { ThemeProvider } from '@emotion/react';
 import { initTheme } from './theme';
 import { jsx as _jsx } from "react/jsx-runtime";
-
-const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ep4gpb60"
 } : {
   target: "ep4gpb60",
@@ -12,7 +11,6 @@ const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
 })("min-height:100vh;width:auto;background-color:", ({
   theme
 }) => theme.bg, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWNrYWdlcy9hcHAtc2hlbGwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUsrQiIsImZpbGUiOiIuLi8uLi9zcmMvcGFja2FnZXMvYXBwLXNoZWxsL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFRoZW1lUHJvdmlkZXIgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lLCBpbml0VGhlbWUgfSBmcm9tICcuL3RoZW1lJ1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdjxhbnk+YFxuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgd2lkdGg6IGF1dG87XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYmd9O1xuYFxuXG5pbnRlcmZhY2UgSVByb3BzIHtcbiAgLyoqIEFwcCB0aGVtZSAqL1xuICB0aGVtZTogYW55XG4gIC8qKiBPdmVycmlkZSBkZWZhdWx0IHRleHQgY29sb3IgZm9yIGFwcCAqL1xuICBkZWZhdWx0VGV4dENvbG9yPzogc3RyaW5nXG4gIC8qKiBDaGlsZHJlbiAqL1xuICBjaGlsZHJlbjogTm9uTnVsbGFibGU8UmVhY3QuUmVhY3ROb2RlPlxufVxuXG5jb25zdCBBcHBTaGVsbDogUmVhY3QuRkM8SVByb3BzPiA9ICh7IHRoZW1lLCBkZWZhdWx0VGV4dENvbG9yLCBjaGlsZHJlbiB9KSA9PiB7XG4gIGNvbnN0IGFwcFRoZW1lOiBJQXBwVGhlbWUgPSBpbml0VGhlbWUodGhlbWUsIGRlZmF1bHRUZXh0Q29sb3IpXG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciB0aGVtZT17YXBwVGhlbWV9PlxuICAgICAgPFdyYXBwZXI+e2NoaWxkcmVufTwvV3JhcHBlcj5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQXBwU2hlbGxcbiJdfQ== */"));
-
 const AppShell = ({
   theme,
   defaultTextColor,
@@ -26,5 +24,4 @@ const AppShell = ({
     })
   });
 };
-
 export default AppShell;

package/lib/app-shell/theme.js

@@ -1,5 +1,6 @@
 export const initTheme = (values, defaultTextColor) => {
-  const styles = { ...values,
+  const styles = {
+    ...values,
     defaultText: defaultTextColor ? defaultTextColor : values.defaultText ? values.defaultText : '#000'
   };
   return styles;

package/lib/core/Alert/Alert.stories.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+declare const _default;
+export default _default;
+export declare const Default: {
+    render: () => import("react").JSX.Element;
+    name: string;
+};
+export declare const Success: {
+    render: () => import("react").JSX.Element;
+    name: string;
+};
+export declare const Info: {
+    render: () => import("react").JSX.Element;
+    name: string;
+};
+export declare const Danger: {
+    render: () => import("react").JSX.Element;
+    name: string;
+};
+export declare const WithoutClose: {
+    render: () => import("react").JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=Alert.stories.d.ts.map

package/lib/core/Alert/Alert.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Alert/Alert.stories.tsx"],"names":[],"mappings":";;AAGA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAOnB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAOnB,CAAA;AAED,eAAO,MAAM,IAAI;;;CAOhB,CAAA;AAED,eAAO,MAAM,MAAM;;;CAOlB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAGxB,CAAA"}

package/lib/core/Alert/Alert.stories.js

@@ -0,0 +1,43 @@
+import Alert from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/Alert',
+  component: Alert
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(Alert, {
+    onClose: () => console.log('close'),
+    children: "Here is some general information."
+  }),
+  name: 'Default'
+};
+export const Success = {
+  render: () => /*#__PURE__*/_jsx(Alert, {
+    success: true,
+    onClose: () => console.log('close'),
+    children: "Thank you for feedback!"
+  }),
+  name: 'Success'
+};
+export const Info = {
+  render: () => /*#__PURE__*/_jsx(Alert, {
+    info: true,
+    onClose: () => console.log('close'),
+    children: "The service is down between 23:00 - 05:00."
+  }),
+  name: 'Info'
+};
+export const Danger = {
+  render: () => /*#__PURE__*/_jsx(Alert, {
+    danger: true,
+    onClose: () => console.log('close'),
+    children: "There has been a mistake. Could not reach service."
+  }),
+  name: 'Danger'
+};
+export const WithoutClose = {
+  render: () => /*#__PURE__*/_jsx(Alert, {
+    children: "Cannot close this message."
+  }),
+  name: 'Without close'
+};

package/lib/core/Alert/index.js

@@ -4,7 +4,6 @@ import { styles } from './styles';
 import { IconClose, Button } from '../..';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-
 const Alert = ({
   primary,
   success,
@@ -28,5 +27,4 @@ const Alert = ({
     })]
   });
 };
-
 export default Alert;

package/lib/core/Alert/styles.js

@@ -1,5 +1,4 @@
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import { css } from '@emotion/react';
 const styles = {
   default: theme => /*#__PURE__*/css("position:relative;display:flex;align-items:center;justify-content:space-between;font-size:14px;background-color:", theme.bgLight, ";border:1px solid ", theme.bgMedium, ";color:", theme.bgDark, ";padding:1em;&>button svg polygon{fill:", theme.bgDark, ";opacity:0.25;}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLTyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9BbGVydC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYmdMaWdodH07XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmJnTWVkaXVtfTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmJnRGFya307XG4gICAgICBwYWRkaW5nOiAxZW07XG5cbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmJnRGFya307XG4gICAgICAgIG9wYWNpdHk6IDAuMjU7XG4gICAgICB9XG4gICAgYCxcbiAgc3VjY2VzczogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5zdWNjZXNzTGlnaHR9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3NCb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgfVxuICAgIGAsXG4gIGRhbmdlcjogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5hbGVydExpZ2h0fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydEJvcmRlcn07XG5cbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIH1cbiAgICBgLFxuICBpbmZvOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmluZm9MaWdodH07XG4gICAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuaW5mb0JvcmRlcn07XG5cbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIH1cbiAgICBgLFxuICBwcmltYXJ5OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwfTtcbiAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTUwfTtcbiAgYCxcbiAgcm91bmRlZDogY3NzYFxuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gICAgcGFkZGluZzogMS41ZW07XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */"),

package/lib/core/AppLoader/AppLoader.stories.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default;
+export default _default;
+export declare const Default: {
+    render: () => import("react").JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=AppLoader.stories.d.ts.map