@bbl-digital/snorre 4.0.0-alpha.7 → 4.0.0-beta.10

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

@@ -1,6 +1,5 @@
 import { useEffect, useState } from 'react';
 import { initTheme } from '../app-shell/theme';
-
 const useSnorreTheme = ({
   themeUrl,
   defaultTextColor
@@ -9,7 +8,7 @@ const useSnorreTheme = ({
   const [theme, setTheme] = useState();
   const [globals, setGlobals] = useState();
   useEffect(() => {
-    const getThemeStuff = async themeUrl => {
+    const getTheme = async themeUrl => {
       const pstyle = fetch(`${themeUrl}/styles.json`);
       const pglobal = fetch(`${themeUrl}/globals.css`);
       const [styles, global] = await Promise.all([pstyle, pglobal]);
@@ -18,21 +17,15 @@ const useSnorreTheme = ({
       setTheme(p);
       setGlobals(g);
     };
-
-    getThemeStuff(themeUrl);
+    getTheme(themeUrl);
   }, [themeUrl]);
   useEffect(() => {
-    console.log(theme);
-    console.log(globals);
-
-    if (theme) {
-      setAppTheme(initTheme(theme, defaultTextColor));
-    }
+    if (!theme) return;
+    setAppTheme(initTheme(theme, defaultTextColor));
   }, [theme, defaultTextColor]);
   return {
     appTheme,
     globals
   };
 };
-
 export default useSnorreTheme;

package/infrastructure/azure-pipelines.yml

@@ -5,9 +5,14 @@ trigger:
 
 pool:
   name: Azure Pipelines
-  vmImage: ubuntu-18.04
+  vmImage: ubuntu-latest
 
 steps:
+  - task: NodeTool@0
+    inputs:
+      versionSpec: '16.10.0'
+    displayName: 'Install Node.js 16.10.0'
+
   - script: yarn install
     displayName: 'Yarn '
 

package/lib/app-shell/index.js

@@ -5,7 +5,6 @@ import AppLoader from '../core/AppLoader';
 import useSnorreTheme from '../utils/useSnorreTheme';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "ep4gpb60"
 } : {
@@ -14,7 +13,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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWNrYWdlcy9hcHAtc2hlbGwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU0rQiIsImZpbGUiOiIuLi8uLi9zcmMvcGFja2FnZXMvYXBwLXNoZWxsL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcywgR2xvYmFsLCBUaGVtZVByb3ZpZGVyIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBBcHBMb2FkZXIgZnJvbSAnLi4vY29yZS9BcHBMb2FkZXInXG5pbXBvcnQgdXNlU25vcnJlVGhlbWUgZnJvbSAnLi4vdXRpbHMvdXNlU25vcnJlVGhlbWUnXG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2PGFueT5gXG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICB3aWR0aDogYXV0bztcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5iZ307XG5gXG5cbmludGVyZmFjZSBJUHJvcHMge1xuICAvKiogQXBwIHRoZW1lICovXG4gIHRoZW1lVXJsOiBzdHJpbmdcbiAgLyoqIE92ZXJyaWRlIGRlZmF1bHQgdGV4dCBjb2xvciBmb3IgYXBwICovXG4gIGRlZmF1bHRUZXh0Q29sb3I/OiBzdHJpbmdcbiAgLyoqIENoaWxkcmVuICovXG4gIGNoaWxkcmVuOiBOb25OdWxsYWJsZTxSZWFjdC5SZWFjdE5vZGU+XG59XG5cbmNvbnN0IEFwcFNoZWxsOiBSZWFjdC5GQzxJUHJvcHM+ID0gKHtcbiAgdGhlbWVVcmwsXG4gIGRlZmF1bHRUZXh0Q29sb3IsXG4gIGNoaWxkcmVuLFxufSkgPT4ge1xuICBjb25zdCB7IGFwcFRoZW1lLCBnbG9iYWxzIH0gPSB1c2VTbm9ycmVUaGVtZSh7IHRoZW1lVXJsLCBkZWZhdWx0VGV4dENvbG9yIH0pXG5cbiAgcmV0dXJuIGFwcFRoZW1lICYmIGdsb2JhbHMgPyAoXG4gICAgPFRoZW1lUHJvdmlkZXIgdGhlbWU9e2FwcFRoZW1lfT5cbiAgICAgIHsvKiogR2xvYmFsIHN0eWxlcyAqL31cbiAgICAgIDxHbG9iYWxcbiAgICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgICAgJHtnbG9iYWxzfVxuICAgICAgICBgfVxuICAgICAgLz5cblxuICAgICAgPFdyYXBwZXI+e2NoaWxkcmVufTwvV3JhcHBlcj5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICkgOiAoXG4gICAgPEFwcExvYWRlciAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEFwcFNoZWxsXG4iXX0= */"));
-
 const AppShell = ({
   themeUrl,
   defaultTextColor,
@@ -36,5 +34,4 @@ const AppShell = ({
     })]
   }) : /*#__PURE__*/_jsx(AppLoader, {});
 };
-
 export default AppShell;

package/lib/app-shell/theme.d.ts

@@ -51,6 +51,7 @@ export interface IAppTheme {
     illustrationPrimary20: string;
     illustrationPrimary10: string;
     illustrationPrimary5: string;
+    customIllustrationColor: string;
     customPortalFooterColor: string | null;
     defaultMenuBackground: string;
     defaultMenuTextColor: string;
@@ -90,5 +91,98 @@ export interface IAppTheme {
     mypageBoxShadow: string;
     preemptionCardBorderRadius: string;
 }
-export declare const initTheme: (values: any, defaultTextColor?: string | undefined) => any;
+export declare const initTheme: (values: IAppTheme, defaultTextColor?: string | undefined) => {
+    defaultText: string;
+    primary: string;
+    secondary: string;
+    primary10opa: string;
+    primary20opa: string;
+    primary50opa: string;
+    primary5darker: string;
+    secondary5darker: string;
+    subtleText: string;
+    secondaryDarkText: string;
+    bg: string;
+    bgLight: string;
+    bgMedium: string;
+    bgDark: string;
+    bgFooter: string;
+    btnDefault: string;
+    btnDefaultFontColor: string;
+    btnDefaultDarker: string;
+    btnDefaultLighter: string;
+    btnSuccess: string;
+    btnSuccessDarker: string;
+    btnSuccessLighter: string;
+    btnDanger: string;
+    btnDangerDarker: string;
+    btnDangerLighter: string;
+    btnDisabled: string;
+    btnHoverTextColor: string;
+    btnBackBorder: string;
+    alert: string;
+    alertLight: string;
+    alertBorder: string;
+    info: string;
+    infoMedium: string;
+    infoLight: string;
+    infoBorder: string;
+    success: string;
+    successMedium: string;
+    successLight: string;
+    successBorder: string;
+    border: string;
+    gray10: string;
+    gray20: string;
+    disabled: string;
+    shadowSmall: string;
+    shadowSmallDarker: string;
+    shadowBig: string;
+    illustrationGray: string;
+    illustrationPrimary50: string;
+    illustrationPrimary40: string;
+    illustrationPrimary20: string;
+    illustrationPrimary10: string;
+    illustrationPrimary5: string;
+    customIllustrationColor: string;
+    customPortalFooterColor: string | null;
+    defaultMenuBackground: string;
+    defaultMenuTextColor: string;
+    defaultMenuItemBackground: string;
+    defaultMenuItemActiveTextColor: string;
+    defaultMenuItemActiveBackground: string;
+    defaultMenuItemIconColor: string;
+    defaultMenuExternalLinkColor: string;
+    lightMenuBackground: string;
+    lightMenuTextColor: string;
+    lightMenuItemTextColor: string;
+    lightMenuItemBackground: string;
+    lightMenuItemActiveTextColor: string;
+    lightMenuItemActiveBackground: string;
+    lightMenuItemIconColor: string;
+    lightMenuExternalLinkColor: string;
+    submenuColor: string;
+    submenuItemColor: string;
+    submenuTextColor: string;
+    submenuTextColorActive: string;
+    defaultAppPickerBackground: string;
+    defaultAppPickerIconColor: string;
+    defaultAppPickerIconBackgroundColor: string;
+    defaultAppPickerActiveTextColor: string;
+    defaultAppPickerActiveBackground: string;
+    defaultAppPickerActiveIconColor: string;
+    defaultAppPickerActiveIconBackgroundColor: string;
+    lightAppPickerBackground: string;
+    lightAppPickerTextColor: string;
+    lightAppPickerIconColor: string;
+    lightAppPickerIconBackground: string;
+    lightAppPickerActiveTextColor: string;
+    lightAppPickerActiveBackground: string;
+    lightAppPickerActiveIconColor: string;
+    lightAppPickerActiveIconBackground: string;
+    mypageBoxBorderRadius: string;
+    mypageBoxShadow: string;
+    preemptionCardBorderRadius: string;
+};
+export default IAppTheme;
 //# sourceMappingURL=theme.d.ts.map

package/lib/app-shell/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/packages/app-shell/theme.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/packages/app-shell/theme.ts"],"names":[],"mappings":"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"}

package/lib/app-shell/theme.js

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

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

@@ -0,0 +1,23 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Success: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Info: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Danger: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const WithoutClose: {
+    render: () => 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'
+};