@synerise/ds-alert 0.7.43 → 0.7.45

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.7.45](https://github.com/Synerise/synerise-design/compare/@synerise/ds-alert@0.7.44...@synerise/ds-alert@0.7.45) (2023-10-11)
+
+**Note:** Version bump only for package @synerise/ds-alert
+
+
+
+
+
+## [0.7.44](https://github.com/Synerise/synerise-design/compare/@synerise/ds-alert@0.7.43...@synerise/ds-alert@0.7.44) (2023-10-02)
+
+**Note:** Version bump only for package @synerise/ds-alert
+
+
+
+
+
 ## [0.7.43](https://github.com/Synerise/synerise-design/compare/@synerise/ds-alert@0.7.42...@synerise/ds-alert@0.7.43) (2023-09-26)
 
 **Note:** Version bump only for package @synerise/ds-alert

package/dist/Alert.types.d.ts

@@ -1,7 +1,7 @@
 import { AlertProps } from 'antd/lib/alert';
 import * as React from 'react';
 import InlineAlert from './InlineAlert/InlineAlert';
-export declare type AlertType = 'success' | 'warning' | 'error' | 'info';
+export type AlertType = 'success' | 'warning' | 'error' | 'info';
 export interface Props extends Omit<AlertProps, 'type' | 'message'> {
     message?: React.ReactNode;
     type: AlertType;
@@ -10,6 +10,6 @@ export interface Props extends Omit<AlertProps, 'type' | 'message'> {
     showMoreLabel?: React.ReactNode;
     onShowMore?: () => void;
 }
-export declare type AlertSubComponents = {
+export type AlertSubComponents = {
     InlineAlert: typeof InlineAlert;
 };

package/dist/AlertInfo/AlertInfo.types.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type AlertInfoProps = {
+export type AlertInfoProps = {
     size?: AlertSize;
     fontSize?: AlertSize;
     text?: string | React.ReactNode;

package/dist/BroadcastBar/BroadcastBar.styles.d.ts

@@ -1,48 +1,49 @@
 import * as React from 'react';
 import Button from '@synerise/ds-button';
+import { ColorType } from './BroadcastBar.types';
 export declare const AlertContent: import("styled-components").StyledComponent<"div", any, {
     withLink?: React.ReactNode;
-    color?: "red" | "green" | "yellow" | undefined;
+    color?: ColorType | undefined;
 }, never>;
 export declare const AllContent: import("styled-components").StyledComponent<"div", any, {
-    color?: "red" | "green" | "yellow" | undefined;
+    color?: ColorType | undefined;
     close?: boolean | React.ReactNode;
 }, never>;
 export declare const Text: import("styled-components").StyledComponent<"div", any, {
-    color?: "red" | "green" | "yellow" | undefined;
+    color?: ColorType | undefined;
 }, never>;
 export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {
-    color?: "red" | "green" | "yellow" | undefined;
+    color?: ColorType | undefined;
 }, never>;
 export declare const IconCloseWrapper: import("styled-components").StyledComponent<"div", any, {
-    color?: "red" | "green" | "yellow" | undefined;
+    color?: ColorType | undefined;
 }, never>;
 export declare const ButtonWrapper: import("styled-components").StyledComponent<"div", any, {
-    color?: "red" | "green" | "yellow" | undefined;
+    color?: ColorType | undefined;
 }, never>;
 export declare const BroadcastButton: import("styled-components").StyledComponent<typeof Button, any, {
-    color?: "red" | "green" | "yellow" | undefined;
+    color?: ColorType | undefined;
 }, never>;
 export declare const ButtonCloseWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {
-    color?: "red" | "green" | "yellow" | undefined;
+    color?: ColorType | undefined;
 }, never>;
 export declare const Container: import("styled-components").StyledComponent<"div", any, {
-    color?: "red" | "green" | "yellow" | undefined;
+    color?: ColorType | undefined;
 }, never>;
 export declare const WrapperSectionMessage: import("styled-components").StyledComponent<"div", any, {
-    color?: "red" | "green" | "yellow" | undefined;
+    color?: ColorType | undefined;
 }, never>;
 export declare const AlertDescription: import("styled-components").StyledComponent<"span", any, {
-    color?: "red" | "green" | "yellow" | undefined;
+    color?: ColorType | undefined;
 }, never>;
 export declare const EmphasisWrapper: import("styled-components").StyledComponent<"span", any, {
-    color?: "red" | "green" | "yellow" | undefined;
+    color?: ColorType | undefined;
 }, never>;
 export declare const WrapperText: import("styled-components").StyledComponent<"span", any, {
     emphasis?: boolean | React.ReactNode;
 }, never>;
 export declare const LinkWrapper: import("styled-components").StyledComponent<"span", any, {
-    color?: "red" | "green" | "yellow" | undefined;
+    color?: ColorType | undefined;
 }, never>;
 export declare const Link: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/BroadcastBar/BroadcastBar.types.d.ts

@@ -1,7 +1,7 @@
 import { AlertProps } from 'antd/lib/alert';
 import * as React from 'react';
-export declare type BroadcastBarTypes = 'success' | 'warning' | 'negative';
-export declare type ColorType = 'red' | 'green' | 'yellow';
+export type BroadcastBarTypes = 'success' | 'warning' | 'negative';
+export type ColorType = 'red' | 'green' | 'yellow';
 export interface Props extends Omit<AlertProps, 'type' | 'message'> {
     type: string | BroadcastBarTypes;
     color?: ColorType;

package/dist/ColorSemantic/AlertSemanticColor.styles.d.ts

@@ -1,8 +1,9 @@
+import { ColorType, ModeType } from './AlertSemanticColor.types';
 export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {
-    mode?: "background" | "background-outline" | "clear" | "shadow" | undefined;
-    color?: "blue" | "grey" | "red" | "green" | "yellow" | "cyan" | "purple" | "violet" | undefined;
+    mode?: ModeType | undefined;
+    color?: ColorType | undefined;
 }, never>;
 export declare const Container: import("styled-components").StyledComponent<"div", any, {
-    mode?: "background" | "background-outline" | "clear" | "shadow" | undefined;
-    color?: "blue" | "grey" | "red" | "green" | "yellow" | "cyan" | "purple" | "violet" | undefined;
+    mode?: ModeType | undefined;
+    color?: ColorType | undefined;
 }, never>;

package/dist/ColorSemantic/AlertSemanticColor.types.d.ts

@@ -1,7 +1,7 @@
 import { AlertProps } from 'antd/lib/alert';
-export declare type AlertType = 'positive' | 'notice' | 'negative' | 'informative' | 'neutral' | 'supply' | 'service' | 'entity';
-export declare type ColorType = 'blue' | 'grey' | 'red' | 'green' | 'yellow' | 'cyan' | 'purple' | 'violet';
-export declare type ModeType = 'background' | 'background-outline' | 'clear' | 'shadow';
+export type AlertType = 'positive' | 'notice' | 'negative' | 'informative' | 'neutral' | 'supply' | 'service' | 'entity';
+export type ColorType = 'blue' | 'grey' | 'red' | 'green' | 'yellow' | 'cyan' | 'purple' | 'violet';
+export type ModeType = 'background' | 'background-outline' | 'clear' | 'shadow';
 export interface Props extends Omit<AlertProps, 'type' | 'message'> {
     type: AlertType;
     color?: ColorType;

package/dist/IconAlert/IconAlert.types.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-export declare type IconAlertType = 'success' | 'alert' | 'warning' | 'info';
-export declare type IconAlertProps = {
+export type IconAlertType = 'success' | 'alert' | 'warning' | 'info';
+export type IconAlertProps = {
     type: IconAlertType;
     message?: React.ReactNode;
     withEmphasis?: React.ReactNode;

package/dist/InlineAlert/InlineAlert.types.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-export declare type InlineAlertType = 'success' | 'alert' | 'warning' | 'info';
-export declare type InlineAlertProps = {
+export type InlineAlertType = 'success' | 'alert' | 'warning' | 'info';
+export type InlineAlertProps = {
     type: InlineAlertType;
     message: string | React.ReactNode;
 };

package/dist/Notification/Notification.d.ts

@@ -5,7 +5,7 @@ import 'antd/lib/notification/style/index.less';
 /**
  * Typings for using better autocompletion for defining an argument for `notificationOpen`'s message property.
  */
-export declare type NotificationProps = {
+export type NotificationProps = {
     /** content of the notification */
     children?: JSX.Element | React.ReactNode | React.ReactNode[];
     /** text displayed on the button */
@@ -19,9 +19,9 @@ export declare type NotificationProps = {
     /** where to position notification, `"{top,bottom}{Left,Right}" | "bottom"` */
     placement?: ArgsProps['placement'] | 'bottom';
 } & Partial<Omit<ArgsProps, 'placement'>>;
-declare type NotificationApiHook = ReturnType<NotificationApi['useNotification']>;
-declare type ApiHook = NotificationApiHook[0];
-declare type ContextHolder = NotificationApiHook[1];
+type NotificationApiHook = ReturnType<NotificationApi['useNotification']>;
+type ApiHook = NotificationApiHook[0];
+type ContextHolder = NotificationApiHook[1];
 /**
  * Component with the content of the notification.
  * Note that in order to show notification you need to use `notificationOpen`

package/dist/SectionMessage/SectionMessage.styles.d.ts

@@ -1,12 +1,13 @@
 import * as React from 'react';
+import { ColorType, CustomColorType } from './SectionMessage.types';
 export declare const AlertContent: import("styled-components").StyledComponent<"div", any, {
     withLink?: React.ReactNode;
 }, never>;
 export declare const AllContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Text: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {
-    color?: "grey" | "red" | "green" | "yellow" | "cyan" | "purple" | "violet" | undefined;
-    customColorIcon?: "blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet" | undefined;
+    color?: ColorType | undefined;
+    customColorIcon?: CustomColorType | undefined;
 }, never>;
 export declare const IconCloseWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -17,8 +18,8 @@ export declare const IconOrderWrapper: import("styled-components").StyledCompone
 export declare const OrderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Container: import("styled-components").StyledComponent<"div", any, {
-    color?: "grey" | "red" | "green" | "yellow" | "cyan" | "purple" | "violet" | undefined;
-    customColor?: "blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet" | undefined;
+    color?: ColorType | undefined;
+    customColor?: CustomColorType | undefined;
 }, never>;
 export declare const WrapperSectionMessage: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const AlertMessage: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/SectionMessage/SectionMessage.types.d.ts

@@ -1,10 +1,10 @@
 import { AlertProps } from 'antd/lib/alert';
 import * as React from 'react';
 import { AlertType } from '../ColorSemantic/AlertSemanticColor.types';
-export declare type AlertTypes = Exclude<AlertType, 'informative'>;
-export declare type CustomColorType = 'blue' | 'grey' | 'red' | 'green' | 'yellow' | 'pink' | 'mars' | 'orange' | 'fern' | 'cyan' | 'purple' | 'violet';
-export declare type ColorType = 'grey' | 'red' | 'green' | 'yellow' | 'violet' | 'purple' | 'cyan';
-export declare type ModeType = 'background' | 'background-outline' | 'outline' | 'clear';
+export type AlertTypes = Exclude<AlertType, 'informative'>;
+export type CustomColorType = 'blue' | 'grey' | 'red' | 'green' | 'yellow' | 'pink' | 'mars' | 'orange' | 'fern' | 'cyan' | 'purple' | 'violet';
+export type ColorType = 'grey' | 'red' | 'green' | 'yellow' | 'violet' | 'purple' | 'cyan';
+export type ModeType = 'background' | 'background-outline' | 'outline' | 'clear';
 export interface Props extends Omit<AlertProps, 'type' | 'message'> {
     message?: React.ReactNode;
     type: string | AlertTypes;

package/dist/Toast/Toast.styles.d.ts

@@ -1,56 +1,57 @@
 import { Keyframes } from 'styled-components';
 import * as React from 'react';
 import 'animate.css';
+import { ColorIconType, ColorType, CustomColorType } from './Toast.types';
 export declare const openingAnimation: () => Keyframes;
 export declare const closingAnimation: () => Keyframes;
 export declare const AlertContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const AllContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Text: import("styled-components").StyledComponent<"div", any, {
-    customColorText?: "blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet" | undefined;
-    color?: "blue" | "grey" | "red" | "green" | "yellow" | undefined;
+    customColorText?: CustomColorType | undefined;
+    color?: ColorType | undefined;
 }, never>;
 export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {
-    colorIcon?: "blue" | "grey" | "yellow" | "white" | "black" | undefined;
-    customColorIcon?: "blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet" | undefined;
+    colorIcon?: ColorIconType | undefined;
+    customColorIcon?: CustomColorType | undefined;
 }, never>;
 export declare const IconCloseWrapper: import("styled-components").StyledComponent<"div", any, {
-    customColorText?: "blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet" | undefined;
-    color?: "blue" | "grey" | "red" | "green" | "yellow" | undefined;
+    customColorText?: CustomColorType | undefined;
+    color?: ColorType | undefined;
 }, never>;
 export declare const IconExpanderWrapper: import("styled-components").StyledComponent<"div", any, {
-    customColorText?: "blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet" | undefined;
-    color?: "blue" | "grey" | "red" | "green" | "yellow" | undefined;
+    customColorText?: CustomColorType | undefined;
+    color?: ColorType | undefined;
     expanded?: boolean | undefined;
 }, never>;
 export declare const ButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const FirstButtonWrapper: import("styled-components").StyledComponent<"div", any, {
-    customColorText?: "blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet" | undefined;
-    color?: "blue" | "grey" | "red" | "green" | "yellow" | undefined;
+    customColorText?: CustomColorType | undefined;
+    color?: ColorType | undefined;
 }, never>;
 export declare const NumberWrapper: import("styled-components").StyledComponent<"div", any, {
-    customColorText?: "blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet" | undefined;
-    color?: "blue" | "grey" | "red" | "green" | "yellow" | undefined;
+    customColorText?: CustomColorType | undefined;
+    color?: ColorType | undefined;
 }, never>;
 export declare const ListWrapper: import("styled-components").StyledComponent<"div", any, {
     visible?: boolean | undefined;
     description?: React.ReactNode;
 }, never>;
 export declare const IconOrderWrapper: import("styled-components").StyledComponent<"div", any, {
-    customColorText?: "blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet" | undefined;
-    color?: "blue" | "grey" | "red" | "green" | "yellow" | undefined;
+    customColorText?: CustomColorType | undefined;
+    color?: ColorType | undefined;
 }, never>;
 export declare const OrderWrapper: import("styled-components").StyledComponent<"div", any, {
-    customColorText?: "blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet" | undefined;
-    color?: "blue" | "grey" | "red" | "green" | "yellow" | undefined;
+    customColorText?: CustomColorType | undefined;
+    color?: ColorType | undefined;
 }, never>;
 export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const AnimationContainer: import("styled-components").StyledComponent<"div", any, {
     show?: boolean | undefined;
 }, never>;
 export declare const Container: import("styled-components").StyledComponent<"div", any, {
-    color?: "blue" | "grey" | "red" | "green" | "yellow" | undefined;
+    color?: ColorType | undefined;
     visible?: React.ReactNode | boolean;
-    customColor?: "blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet" | undefined;
+    customColor?: CustomColorType | undefined;
     onCloseClick?: (() => void) | undefined;
     expandedContent?: React.ReactNode | boolean;
     expander?: React.ReactNode | boolean;
@@ -58,12 +59,12 @@ export declare const Container: import("styled-components").StyledComponent<"div
 }, never>;
 export declare const WrapperSectionMessage: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const AlertMessage: import("styled-components").StyledComponent<"span", any, {
-    customColorText?: "blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet" | undefined;
-    color?: "blue" | "grey" | "red" | "green" | "yellow" | undefined;
+    customColorText?: CustomColorType | undefined;
+    color?: ColorType | undefined;
 }, never>;
 export declare const AlertDescription: import("styled-components").StyledComponent<"span", any, {
-    customColorText?: "blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet" | undefined;
-    color?: "blue" | "grey" | "red" | "green" | "yellow" | undefined;
+    customColorText?: CustomColorType | undefined;
+    color?: ColorType | undefined;
     button?: React.ReactNode | boolean;
     expandedContent?: React.ReactNode | boolean;
 }, never>;

package/dist/Toast/Toast.types.d.ts

@@ -1,9 +1,9 @@
 import { AlertProps } from 'antd/lib/alert';
 import * as React from 'react';
-export declare type ToastType = 'success' | 'warning' | 'negative' | 'informative' | 'neutral';
-export declare type CustomColorType = 'blue' | 'grey' | 'red' | 'green' | 'yellow' | 'pink' | 'mars' | 'orange' | 'fern' | 'cyan' | 'purple' | 'violet';
-export declare type ColorType = 'grey' | 'red' | 'green' | 'yellow' | 'blue';
-export declare type ColorIconType = 'white' | 'grey' | 'black' | 'yellow' | 'blue';
+export type ToastType = 'success' | 'warning' | 'negative' | 'informative' | 'neutral';
+export type CustomColorType = 'blue' | 'grey' | 'red' | 'green' | 'yellow' | 'pink' | 'mars' | 'orange' | 'fern' | 'cyan' | 'purple' | 'violet';
+export type ColorType = 'grey' | 'red' | 'green' | 'yellow' | 'blue';
+export type ColorIconType = 'white' | 'grey' | 'black' | 'yellow' | 'blue';
 export interface Props extends Omit<AlertProps, 'type' | 'message'> {
     message?: React.ReactNode;
     type: string | ToastType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-alert",
-  "version": "0.7.43",
+  "version": "0.7.45",
   "description": "Alert UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -21,6 +21,7 @@
     "build:js": "babel --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
     "build:watch": "npm run build:js -- --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
+    "pack:ci": "npm pack --pack-destination ../../portal/storybook-static/static",
     "prepublish": "npm run build",
     "test": "jest",
     "test:watch": "npm run test -- --watchAll",
@@ -32,8 +33,8 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.18.2",
-    "@synerise/ds-icon": "^0.58.2",
+    "@synerise/ds-button": "^0.18.4",
+    "@synerise/ds-icon": "^0.58.4",
     "animate.css": "^4.1.1",
     "react-animate-height": "^2.0.23",
     "react-dom": "16.13.0",
@@ -46,9 +47,9 @@
     "styled-components": "5.0.1"
   },
   "devDependencies": {
-    "@synerise/ds-utils": "^0.24.16",
+    "@synerise/ds-utils": "^0.24.18",
     "@testing-library/jest-dom": "5.1.1",
     "@testing-library/react": "10.0.1"
   },
-  "gitHead": "f1f520c4c5ef9f90bacb5d5e0b2e778ceb8fdf79"
+  "gitHead": "8eb4a3e304406a8dbb9258803c48952461fc5a55"
 }