@bbl-digital/snorre 3.1.0 → 3.1.2

package/esm/utils/time.js

@@ -1,12 +1,14 @@
 export const DEFAULT_DIVIDER = ':';
 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 => {
-  return `${value || ''}00`.substr(0, 2);
+const formatTimeItem = (value, isNullable = false) => {
+  return `${value || ''}${isNullable ? '--' : '00'}`.substring(0, 2);
 };
-/**
- * Checks if input is a number
+/**
+ * Checks if input is a number
  */
 
 
@@ -14,18 +16,18 @@ 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
+/**
+ * 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) => {
+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);
+  HH = formatTimeItem(HH, isNullable);
 
   if (Number(HH[0]) > 2) {
     HH = oldHH;
@@ -39,7 +41,7 @@ export const validateTimeAndCursor = (showSeconds = false, value = '', defaultVa
     }
   }
 
-  MM = formatTimeItem(MM);
+  MM = formatTimeItem(MM, isNullable);
 
   if (Number(MM[0]) > 5) {
     MM = oldMM;
@@ -47,7 +49,7 @@ export const validateTimeAndCursor = (showSeconds = false, value = '', defaultVa
   }
 
   if (showSeconds) {
-    SS = formatTimeItem(SS);
+    SS = formatTimeItem(SS, isNullable);
 
     if (Number(SS[0]) > 5) {
       SS = oldSS;
@@ -58,9 +60,9 @@ export const validateTimeAndCursor = (showSeconds = false, value = '', defaultVa
   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
+/**
+ * Converts a Date to String with the format:
+ * default 00:00 or 00:00:00 if showSeconds is true
  */
 
 export const handleDateToStringConvertion = (date, showSeconds) => {
@@ -70,10 +72,10 @@ 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
+/**
+ * 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) => {

package/infrastructure/azure-pipelines.yml

@@ -1,29 +1,29 @@
-trigger:
-  - develop
-  - release/*
-  - hotfix/*
-
-pool:
-  name: Azure Pipelines
-  vmImage: ubuntu-18.04
-
-steps:
-  - script: yarn install
-    displayName: 'Yarn '
-
-  - script: yarn test --watchAll=false
-    displayName: 'Yarn test'
-
-  - script: yarn build-storybook
-    displayName: 'Yarn build storybook'
-
-  - task: PublishBuildArtifacts@1
-    displayName: 'Publish Artifact: drop'
-    inputs:
-      PathtoPublish: '$(System.DefaultWorkingDirectory)/storybook-static'
-
-  - task: PublishBuildArtifacts@1
-    displayName: 'Publish Artifact: infrastructure'
-    inputs:
-      PathtoPublish: themes
-      ArtifactName: themes
+trigger:
+  - develop
+  - release/*
+  - hotfix/*
+
+pool:
+  name: Azure Pipelines
+  vmImage: ubuntu-18.04
+
+steps:
+  - script: yarn install
+    displayName: 'Yarn '
+
+  - script: yarn test --watchAll=false
+    displayName: 'Yarn test'
+
+  - script: yarn build-storybook
+    displayName: 'Yarn build storybook'
+
+  - task: PublishBuildArtifacts@1
+    displayName: 'Publish Artifact: drop'
+    inputs:
+      PathtoPublish: '$(System.DefaultWorkingDirectory)/storybook-static'
+
+  - task: PublishBuildArtifacts@1
+    displayName: 'Publish Artifact: infrastructure'
+    inputs:
+      PathtoPublish: themes
+      ArtifactName: themes

package/jest.config.js

@@ -1,29 +1,29 @@
-module.exports = {
-  // The root of your source code, typically /src
-  // `<rootDir>` is a token Jest substitutes
-  roots: ['<rootDir>/src/tests'],
-
-  // Jest transformations -- this adds support for TypeScript
-  // using ts-jest
-  transform: {
-    '^.+\\.tsx?$': 'ts-jest',
-  },
-
-  // Runs special logic, such as cleaning up components
-  // when using React Testing Library and adds special
-  // extended assertions to Jest
-  setupFilesAfterEnv: ['@testing-library/jest-dom/extend-expect'],
-
-  // Test spec file resolution pattern
-  // Matches parent folder `__tests__` and filename
-  // should contain `test` or `spec`.
-  testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$',
-
-  // Module file extensions for importing
-  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
-  moduleNameMapper: {
-    '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
-  },
-
-  testEnvironment: 'jsdom',
-}
+module.exports = {
+  // The root of your source code, typically /src
+  // `<rootDir>` is a token Jest substitutes
+  roots: ['<rootDir>/src/tests'],
+
+  // Jest transformations -- this adds support for TypeScript
+  // using ts-jest
+  transform: {
+    '^.+\\.tsx?$': 'ts-jest',
+  },
+
+  // Runs special logic, such as cleaning up components
+  // when using React Testing Library and adds special
+  // extended assertions to Jest
+  setupFilesAfterEnv: ['@testing-library/jest-dom/extend-expect'],
+
+  // Test spec file resolution pattern
+  // Matches parent folder `__tests__` and filename
+  // should contain `test` or `spec`.
+  testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$',
+
+  // Module file extensions for importing
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
+  moduleNameMapper: {
+    '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
+  },
+
+  testEnvironment: 'jsdom',
+}

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

@@ -1,12 +1,12 @@
-import React from 'react';
-interface IProps {
-    /** App theme */
-    theme: any;
-    /** Override default text color for app */
-    defaultTextColor?: string;
-    /** Children */
-    children: NonNullable<React.ReactNode>;
-}
-declare const AppShell: React.FC<IProps>;
-export default AppShell;
+import React from 'react';
+interface IProps {
+    /** App theme */
+    theme: any;
+    /** Override default text color for app */
+    defaultTextColor?: string;
+    /** Children */
+    children: NonNullable<React.ReactNode>;
+}
+declare const AppShell: React.FC<IProps>;
+export default AppShell;
 //# sourceMappingURL=index.d.ts.map

package/lib/app-shell/index.js

@@ -11,7 +11,7 @@ const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   label: "Wrapper"
 })("min-height:100vh;width:auto;background-color:", ({
   theme
-}) => theme.bg, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWNrYWdlcy9hcHAtc2hlbGwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUsrQiIsImZpbGUiOiIuLi8uLi9zcmMvcGFja2FnZXMvYXBwLXNoZWxsL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcclxuaW1wb3J0IHsgVGhlbWVQcm92aWRlciB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuaW1wb3J0IHsgSUFwcFRoZW1lLCBpbml0VGhlbWUgfSBmcm9tICcuL3RoZW1lJ1xyXG5cclxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXY8YW55PmBcclxuICBtaW4taGVpZ2h0OiAxMDB2aDtcclxuICB3aWR0aDogYXV0bztcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJnfTtcclxuYFxyXG5cclxuaW50ZXJmYWNlIElQcm9wcyB7XHJcbiAgLyoqIEFwcCB0aGVtZSAqL1xyXG4gIHRoZW1lOiBhbnlcclxuICAvKiogT3ZlcnJpZGUgZGVmYXVsdCB0ZXh0IGNvbG9yIGZvciBhcHAgKi9cclxuICBkZWZhdWx0VGV4dENvbG9yPzogc3RyaW5nXHJcbiAgLyoqIENoaWxkcmVuICovXHJcbiAgY2hpbGRyZW46IE5vbk51bGxhYmxlPFJlYWN0LlJlYWN0Tm9kZT5cclxufVxyXG5cclxuY29uc3QgQXBwU2hlbGw6IFJlYWN0LkZDPElQcm9wcz4gPSAoeyB0aGVtZSwgZGVmYXVsdFRleHRDb2xvciwgY2hpbGRyZW4gfSkgPT4ge1xyXG4gIGNvbnN0IGFwcFRoZW1lOiBJQXBwVGhlbWUgPSBpbml0VGhlbWUodGhlbWUsIGRlZmF1bHRUZXh0Q29sb3IpXHJcblxyXG4gIHJldHVybiAoXHJcbiAgICA8VGhlbWVQcm92aWRlciB0aGVtZT17YXBwVGhlbWV9PlxyXG4gICAgICA8V3JhcHBlcj57Y2hpbGRyZW59PC9XcmFwcGVyPlxyXG4gICAgPC9UaGVtZVByb3ZpZGVyPlxyXG4gIClcclxufVxyXG5cclxuZXhwb3J0IGRlZmF1bHQgQXBwU2hlbGxcclxuIl19 */"));
+}) => theme.bg, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWNrYWdlcy9hcHAtc2hlbGwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUsrQiIsImZpbGUiOiIuLi8uLi9zcmMvcGFja2FnZXMvYXBwLXNoZWxsL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFRoZW1lUHJvdmlkZXIgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lLCBpbml0VGhlbWUgfSBmcm9tICcuL3RoZW1lJ1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdjxhbnk+YFxuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgd2lkdGg6IGF1dG87XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYmd9O1xuYFxuXG5pbnRlcmZhY2UgSVByb3BzIHtcbiAgLyoqIEFwcCB0aGVtZSAqL1xuICB0aGVtZTogYW55XG4gIC8qKiBPdmVycmlkZSBkZWZhdWx0IHRleHQgY29sb3IgZm9yIGFwcCAqL1xuICBkZWZhdWx0VGV4dENvbG9yPzogc3RyaW5nXG4gIC8qKiBDaGlsZHJlbiAqL1xuICBjaGlsZHJlbjogTm9uTnVsbGFibGU8UmVhY3QuUmVhY3ROb2RlPlxufVxuXG5jb25zdCBBcHBTaGVsbDogUmVhY3QuRkM8SVByb3BzPiA9ICh7IHRoZW1lLCBkZWZhdWx0VGV4dENvbG9yLCBjaGlsZHJlbiB9KSA9PiB7XG4gIGNvbnN0IGFwcFRoZW1lOiBJQXBwVGhlbWUgPSBpbml0VGhlbWUodGhlbWUsIGRlZmF1bHRUZXh0Q29sb3IpXG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciB0aGVtZT17YXBwVGhlbWV9PlxuICAgICAgPFdyYXBwZXI+e2NoaWxkcmVufTwvV3JhcHBlcj5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQXBwU2hlbGxcbiJdfQ== */"));
 
 const AppShell = ({
   theme,

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

@@ -1,123 +1,123 @@
-export interface IAppTheme {
-    primary: string;
-    secondary: string;
-    primary10opa: string;
-    primary20opa: string;
-    primary50opa: string;
-    primary5darker: string;
-    secondary5darker: string;
-    defaultText: 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;
-    sidemenuColor: string;
-    sidemenuItemColor: string;
-    submenuColor: string;
-    submenuItemColor: string;
-    submenuTextColor: string;
-    submenuTextColorActive: string;
-    customPortalFooterColor: string | null;
-}
-export declare const initTheme: (values: any, defaultTextColor?: string | undefined) => {
-    primary: any;
-    secondary: any;
-    bg: any;
-    primary10opa: any;
-    primary20opa: any;
-    primary50opa: any;
-    primary5darker: any;
-    secondary5darker: any;
-    defaultText: any;
-    subtleText: any;
-    secondaryDarkText: any;
-    bgDark: any;
-    bgMedium: any;
-    bgLight: any;
-    bgFooter: any;
-    btnDefault: any;
-    btnDefaultFontColor: any;
-    btnDefaultDarker: any;
-    btnDefaultLighter: any;
-    btnSuccess: any;
-    btnSuccessDarker: any;
-    btnSuccessLighter: any;
-    btnDanger: any;
-    btnDangerDarker: any;
-    btnDangerLighter: any;
-    btnDisabled: any;
-    btnHoverTextColor: any;
-    btnBackBorder: any;
-    alert: any;
-    alertLight: any;
-    alertBorder: any;
-    info: any;
-    infoMedium: any;
-    infoLight: any;
-    infoBorder: any;
-    success: any;
-    successMedium: any;
-    successLight: any;
-    successBorder: any;
-    border: any;
-    gray10: any;
-    gray20: any;
-    disabled: any;
-    shadowSmall: any;
-    shadowSmallDarker: any;
-    shadowBig: any;
-    illustrationGray: any;
-    illustrationPrimary50: any;
-    illustrationPrimary40: any;
-    illustrationPrimary20: any;
-    illustrationPrimary10: any;
-    illustrationPrimary5: any;
-    sidemenuColor: any;
-    sidemenuItemColor: any;
-    submenuColor: any;
-    submenuItemColor: any;
-    submenuTextColor: any;
-    submenuTextColorActive: any;
-    customPortalFooterColor: any;
-};
+export interface IAppTheme {
+    primary: string;
+    secondary: string;
+    primary10opa: string;
+    primary20opa: string;
+    primary50opa: string;
+    primary5darker: string;
+    secondary5darker: string;
+    defaultText: 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;
+    sidemenuColor: string;
+    sidemenuItemColor: string;
+    submenuColor: string;
+    submenuItemColor: string;
+    submenuTextColor: string;
+    submenuTextColorActive: string;
+    customPortalFooterColor: string | null;
+}
+export declare const initTheme: (values: any, defaultTextColor?: string | undefined) => {
+    primary: any;
+    secondary: any;
+    bg: any;
+    primary10opa: any;
+    primary20opa: any;
+    primary50opa: any;
+    primary5darker: any;
+    secondary5darker: any;
+    defaultText: any;
+    subtleText: any;
+    secondaryDarkText: any;
+    bgDark: any;
+    bgMedium: any;
+    bgLight: any;
+    bgFooter: any;
+    btnDefault: any;
+    btnDefaultFontColor: any;
+    btnDefaultDarker: any;
+    btnDefaultLighter: any;
+    btnSuccess: any;
+    btnSuccessDarker: any;
+    btnSuccessLighter: any;
+    btnDanger: any;
+    btnDangerDarker: any;
+    btnDangerLighter: any;
+    btnDisabled: any;
+    btnHoverTextColor: any;
+    btnBackBorder: any;
+    alert: any;
+    alertLight: any;
+    alertBorder: any;
+    info: any;
+    infoMedium: any;
+    infoLight: any;
+    infoBorder: any;
+    success: any;
+    successMedium: any;
+    successLight: any;
+    successBorder: any;
+    border: any;
+    gray10: any;
+    gray20: any;
+    disabled: any;
+    shadowSmall: any;
+    shadowSmallDarker: any;
+    shadowBig: any;
+    illustrationGray: any;
+    illustrationPrimary50: any;
+    illustrationPrimary40: any;
+    illustrationPrimary20: any;
+    illustrationPrimary10: any;
+    illustrationPrimary5: any;
+    sidemenuColor: any;
+    sidemenuItemColor: any;
+    submenuColor: any;
+    submenuItemColor: any;
+    submenuTextColor: any;
+    submenuTextColorActive: any;
+    customPortalFooterColor: any;
+};
 //# sourceMappingURL=theme.d.ts.map

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

@@ -1,24 +1,24 @@
-/** @jsxImportSource @emotion/react */
-import React from 'react';
-import { SerializedStyles } from '@emotion/react';
-interface IProps {
-    /** Primary theme style */
-    primary?: boolean;
-    /** Success alert */
-    success?: boolean;
-    /** Error alert */
-    danger?: boolean;
-    /** Information alert */
-    info?: boolean;
-    /** Rounded cornerns */
-    rounded?: boolean;
-    /** Override with custom CSS */
-    css?: SerializedStyles;
-    /** Renders close button with callback */
-    onClose?: () => void;
-    /** Children */
-    children?: React.ReactNode | React.ReactNode[];
-}
-declare const Alert: React.FC<IProps>;
-export default Alert;
+/** @jsxImportSource @emotion/react */
+import React from 'react';
+import { SerializedStyles } from '@emotion/react';
+interface IProps {
+    /** Primary theme style */
+    primary?: boolean;
+    /** Success alert */
+    success?: boolean;
+    /** Error alert */
+    danger?: boolean;
+    /** Information alert */
+    info?: boolean;
+    /** Rounded cornerns */
+    rounded?: boolean;
+    /** Override with custom CSS */
+    css?: SerializedStyles;
+    /** Renders close button with callback */
+    onClose?: () => void;
+    /** Children */
+    children?: React.ReactNode | React.ReactNode[];
+}
+declare const Alert: React.FC<IProps>;
+export default Alert;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,12 +1,12 @@
-import { IAppTheme } from '../../app-shell/theme';
-declare const styles: {
-    default: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    success: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    danger: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    info: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    primary: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    rounded: import("@emotion/react").SerializedStyles;
-};
-export default styles;
-export { styles };
+import { IAppTheme } from '../../app-shell/theme';
+declare const styles: {
+    default: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    success: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    danger: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    info: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    primary: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    rounded: import("@emotion/react").SerializedStyles;
+};
+export default styles;
+export { styles };
 //# sourceMappingURL=styles.d.ts.map