@synerise/ds-alert 1.1.44 → 1.1.46

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.1.46](https://github.com/Synerise/synerise-design/compare/@synerise/ds-alert@1.1.45...@synerise/ds-alert@1.1.46) (2026-04-01)
+
+**Note:** Version bump only for package @synerise/ds-alert
+
+## [1.1.45](https://github.com/Synerise/synerise-design/compare/@synerise/ds-alert@1.1.44...@synerise/ds-alert@1.1.45) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-alert
+
 ## [1.1.44](https://github.com/Synerise/synerise-design/compare/@synerise/ds-alert@1.1.43...@synerise/ds-alert@1.1.44) (2026-03-20)
 
 **Note:** Version bump only for package @synerise/ds-alert

package/dist/Alert.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import { type AlertSubComponents, type Props } from './Alert.types';
-import './style/index.less';
+import { default as React } from 'react';
+import { AlertSubComponents, Props } from './Alert.types';
 /**
  * @deprecated use `@synerise/ds-section-message` or `@synerise/ds-toast`  instead
  */

package/dist/Alert.js

@@ -1,33 +1,33 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import Icon, { Check2M, Close2M, NotificationsM } from '@synerise/ds-icon';
-import * as S from './Alert.styles';
-import InlineAlert from './InlineAlert/InlineAlert';
+import { jsxs, jsx } from "react/jsx-runtime";
+import React from "react";
+import Icon, { NotificationsM, Close2M, Check2M } from "@synerise/ds-icon";
+import { AlertContent, AlertMessage, AlertDescription, AlertShowMore, AntdAlert } from "./Alert.styles.js";
+import InlineAlert from "./InlineAlert/InlineAlert.js";
 import "./style/index.css";
-var ICONS = {
-  success: /*#__PURE__*/React.createElement(Check2M, null),
-  warning: /*#__PURE__*/React.createElement(Check2M, null),
-  error: /*#__PURE__*/React.createElement(Close2M, null),
-  info: /*#__PURE__*/React.createElement(NotificationsM, null)
+const ICONS = {
+  success: /* @__PURE__ */ jsx(Check2M, {}),
+  warning: /* @__PURE__ */ jsx(Check2M, {}),
+  error: /* @__PURE__ */ jsx(Close2M, {}),
+  info: /* @__PURE__ */ jsx(NotificationsM, {})
 };
-var DEFAULT_ICON = /*#__PURE__*/React.createElement(Check2M, null);
-
-/**
- * @deprecated use `@synerise/ds-section-message` or `@synerise/ds-toast`  instead
- */
-var Alert = function Alert(props) {
-  var icon = props.icon,
-    type = props.type,
-    message = props.message,
-    description = props.description,
-    showMoreLabel = props.showMoreLabel,
-    onShowMore = props.onShowMore;
-  var renderMessage = React.useMemo(function () {
-    return /*#__PURE__*/React.createElement(S.AlertContent, null, message && /*#__PURE__*/React.createElement(S.AlertMessage, null, message), description && /*#__PURE__*/React.createElement(S.AlertDescription, null, description), onShowMore && showMoreLabel && /*#__PURE__*/React.createElement(S.AlertShowMore, {
-      onClick: onShowMore
-    }, showMoreLabel));
+const DEFAULT_ICON = /* @__PURE__ */ jsx(Check2M, {});
+const Alert = (props) => {
+  const {
+    icon,
+    type,
+    message,
+    description,
+    showMoreLabel,
+    onShowMore
+  } = props;
+  const renderMessage = React.useMemo(() => {
+    return /* @__PURE__ */ jsxs(AlertContent, { children: [
+      message && /* @__PURE__ */ jsx(AlertMessage, { children: message }),
+      description && /* @__PURE__ */ jsx(AlertDescription, { children: description }),
+      onShowMore && showMoreLabel && /* @__PURE__ */ jsx(AlertShowMore, { onClick: onShowMore, children: showMoreLabel })
+    ] });
   }, [message, description, showMoreLabel, onShowMore]);
-  var renderIcon = React.useMemo(function () {
+  const renderIcon = React.useMemo(() => {
     if (icon) {
       return icon;
     }
@@ -36,14 +36,9 @@ var Alert = function Alert(props) {
     }
     return DEFAULT_ICON;
   }, [icon, type]);
-  return /*#__PURE__*/React.createElement(S.AntdAlert, _extends({}, props, {
-    className: "ds-alert",
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      component: renderIcon
-    }),
-    message: renderMessage,
-    description: null
-  }));
+  return /* @__PURE__ */ jsx(AntdAlert, { ...props, className: "ds-alert", icon: /* @__PURE__ */ jsx(Icon, { component: renderIcon }), message: renderMessage, description: null });
 };
 Alert.InlineAlert = InlineAlert;
-export default Alert;
+export {
+  Alert as default
+};

package/dist/Alert.styles.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { type ThemeProps } from 'styled-components';
-import { type Props } from './Alert.types';
-export declare const AntdAlert: import("styled-components").StyledComponent<(props: Props & {
+import { default as React } from 'react';
+import { ThemeProps } from 'styled-components';
+import { Props } from './Alert.types';
+export declare const AntdAlert: import('styled-components').StyledComponent<(props: Props & {
     message: React.ReactNode;
 }) => React.JSX.Element, any, ThemeProps<Props>, never>;
-export declare const AlertContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const AlertMessage: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const AlertDescription: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const AlertShowMore: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const AlertContent: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const AlertMessage: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const AlertDescription: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const AlertShowMore: import('styled-components').StyledComponent<"span", any, {}, never>;

package/dist/Alert.styles.js

@@ -1,38 +1,39 @@
-import Alert from 'antd/lib/alert';
-import React from 'react';
-import styled, { css } from 'styled-components';
-var DARKER_COLORS = ['green', 'yellow'];
-var getColor = function getColor(props) {
-  var color = props.color,
-    theme = props.theme;
-  var hue = DARKER_COLORS.includes(color) ? '700' : '600';
-  return theme.palette[color + "-" + hue];
+import { jsx } from "react/jsx-runtime";
+import Alert from "antd/lib/alert";
+import styled, { css } from "styled-components";
+const DARKER_COLORS = ["green", "yellow"];
+const getColor = (props) => {
+  const {
+    color,
+    theme
+  } = props;
+  const hue = DARKER_COLORS.includes(color) ? "700" : "600";
+  return theme.palette[`${color}-${hue}`];
 };
-export var AntdAlert = styled(function (props) {
-  return /*#__PURE__*/React.createElement(Alert, props);
-}).withConfig({
+const AntdAlert = /* @__PURE__ */ styled((props) => /* @__PURE__ */ jsx(Alert, { ...props })).withConfig({
   displayName: "Alertstyles__AntdAlert",
   componentId: "sc-k5v82n-0"
-})(["", ";", ";", ";"], function (props) {
-  return Boolean(props.color) && css(["&&&{box-shadow:0 0 0 1px ", ";background-color:", ";color:", ";.ant-alert-icon{svg{color:", ";fill:", ";}}}"], props.theme.palette[props.color + "-600"], props.theme.palette[props.color + "-050"], getColor(props), getColor(props), getColor(props));
-}, function (props) {
-  return (props.mode === 'background' || props.mode === 'clear' || !props.mode) && css(["&&&{box-shadow:none;}"]);
-}, function (props) {
-  return (props.mode === 'outline' || props.mode === 'clear') && css(["&&&{background:transparent;}"]);
-});
-export var AlertContent = styled.div.withConfig({
+})(["", ";", ";", ";"], (props) => Boolean(props.color) && css(["&&&{box-shadow:0 0 0 1px ", ";background-color:", ";color:", ";.ant-alert-icon{svg{color:", ";fill:", ";}}}"], props.theme.palette[`${props.color}-600`], props.theme.palette[`${props.color}-050`], getColor(props), getColor(props), getColor(props)), (props) => (props.mode === "background" || props.mode === "clear" || !props.mode) && css(["&&&{box-shadow:none;}"]), (props) => (props.mode === "outline" || props.mode === "clear") && css(["&&&{background:transparent;}"]));
+const AlertContent = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Alertstyles__AlertContent",
   componentId: "sc-k5v82n-1"
 })(["display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:3px 0;color:inherit;"]);
-export var AlertMessage = styled.span.withConfig({
+const AlertMessage = /* @__PURE__ */ styled.span.withConfig({
   displayName: "Alertstyles__AlertMessage",
   componentId: "sc-k5v82n-2"
 })(["display:flex;font-size:16px;line-height:1.25;letter-spacing:-0.1px;font-weight:500;margin-bottom:2px;color:inherit;"]);
-export var AlertDescription = styled.span.withConfig({
+const AlertDescription = /* @__PURE__ */ styled.span.withConfig({
   displayName: "Alertstyles__AlertDescription",
   componentId: "sc-k5v82n-3"
 })(["display:flex;font-size:13px;line-height:1.39;font-weight:normal;margin-bottom:2px;color:inherit;"]);
-export var AlertShowMore = styled.span.withConfig({
+const AlertShowMore = /* @__PURE__ */ styled.span.withConfig({
   displayName: "Alertstyles__AlertShowMore",
   componentId: "sc-k5v82n-4"
-})(["display:flex;font-size:13px;font-weight:500;color:inherit;text-decoration:underline;cursor:pointer;margin-top:6px;"]);
+})(["display:flex;font-size:13px;font-weight:500;color:inherit;text-decoration:underline;cursor:pointer;margin-top:6px;"]);
+export {
+  AlertContent,
+  AlertDescription,
+  AlertMessage,
+  AlertShowMore,
+  AntdAlert
+};

package/dist/Alert.types.d.ts

@@ -1,6 +1,6 @@
-import { type AlertProps } from 'antd/lib/alert';
-import type React from 'react';
-import type InlineAlert from './InlineAlert/InlineAlert';
+import { AlertProps } from 'antd/lib/alert';
+import { default as React } from 'react';
+import { default as InlineAlert } from './InlineAlert/InlineAlert';
 export type AlertType = 'success' | 'warning' | 'error' | 'info';
 export interface Props extends Omit<AlertProps, 'type' | 'message'> {
     message?: React.ReactNode;

package/dist/Alert.types.js

@@ -1 +1 @@
-export {};
+

package/dist/AlertInfo/AlertInfo.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { type AlertInfoProps } from './AlertInfo.types';
+import { default as React } from 'react';
+import { AlertInfoProps } from './AlertInfo.types';
 /**
  * @deprecated use `@synerise/ds-result` instead
  */

package/dist/AlertInfo/AlertInfo.js

@@ -1,55 +1,46 @@
-var _excluded = ["IconComponent"];
-var _mapSizeToPx;
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import Icon, { CheckL, CheckXl, WarningL, WarningXl } from '@synerise/ds-icon';
-import * as S from './AlertInfo.styles';
-import { AlertSize } from './AlertInfo.types';
-var mapSizeToPx = (_mapSizeToPx = {}, _mapSizeToPx[AlertSize.SMALL] = 48, _mapSizeToPx[AlertSize.MEDIUM] = 96, _mapSizeToPx);
-
-/**
- * @deprecated use `@synerise/ds-result` instead
- */
-var AlertInfo = function AlertInfo(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? AlertSize.SMALL : _ref$size,
-    label = _ref.label,
-    _ref$labelPosition = _ref.labelPosition,
-    labelPosition = _ref$labelPosition === void 0 ? 'right' : _ref$labelPosition,
-    type = _ref.type,
-    text = _ref.text,
-    button = _ref.button,
-    fontSize = _ref.fontSize,
-    mode = _ref.mode;
-  var mapTypeToStatus = {
+import { jsxs, jsx } from "react/jsx-runtime";
+import Icon, { CheckL, CheckXl, WarningL, WarningXl } from "@synerise/ds-icon";
+import { AlertWrapper, AlertIconContainer, StatusIconContainer, HeaderWrapper, TextWrapper, ButtonWrapper } from "./AlertInfo.styles.js";
+import { AlertSize } from "./AlertInfo.types.js";
+const mapSizeToPx = {
+  [AlertSize.SMALL]: 48,
+  [AlertSize.MEDIUM]: 96
+};
+const AlertInfo = ({
+  size = AlertSize.SMALL,
+  label,
+  labelPosition = "right",
+  type,
+  text,
+  button,
+  fontSize,
+  mode
+}) => {
+  const mapTypeToStatus = {
     warning: {
       IconComponent: size === AlertSize.SMALL ? WarningL : WarningXl,
-      iconColor: 'yellow-600'
+      iconColor: "yellow-600"
     },
     error: {
       IconComponent: size === AlertSize.SMALL ? WarningL : WarningXl,
-      iconColor: 'red-600'
+      iconColor: "red-600"
     },
     success: {
       IconComponent: size === AlertSize.SMALL ? CheckL : CheckXl,
-      iconColor: 'green-600'
+      iconColor: "green-600"
     }
   };
-  var _mapTypeToStatus$type = mapTypeToStatus[type],
-    IconComponent = _mapTypeToStatus$type.IconComponent,
-    iconContainerStyles = _objectWithoutPropertiesLoose(_mapTypeToStatus$type, _excluded);
-  return /*#__PURE__*/React.createElement(S.AlertWrapper, {
-    mode: mode,
-    className: "ds-alert-info",
-    labelPosition: labelPosition
-  }, /*#__PURE__*/React.createElement(S.AlertIconContainer, null, /*#__PURE__*/React.createElement(S.StatusIconContainer, iconContainerStyles, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(IconComponent, null),
-    size: mapSizeToPx[size]
-  }))), text && /*#__PURE__*/React.createElement(S.HeaderWrapper, {
-    size: size,
-    fontSize: fontSize
-  }, text), /*#__PURE__*/React.createElement(S.TextWrapper, {
-    labelPosition: labelPosition
-  }, label), button && /*#__PURE__*/React.createElement(S.ButtonWrapper, null, button));
+  const {
+    IconComponent,
+    ...iconContainerStyles
+  } = mapTypeToStatus[type];
+  return /* @__PURE__ */ jsxs(AlertWrapper, { mode, className: "ds-alert-info", labelPosition, children: [
+    /* @__PURE__ */ jsx(AlertIconContainer, { children: /* @__PURE__ */ jsx(StatusIconContainer, { ...iconContainerStyles, children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(IconComponent, {}), size: mapSizeToPx[size] }) }) }),
+    text && /* @__PURE__ */ jsx(HeaderWrapper, { size, fontSize, children: text }),
+    /* @__PURE__ */ jsx(TextWrapper, { labelPosition, children: label }),
+    button && /* @__PURE__ */ jsx(ButtonWrapper, { children: button })
+  ] });
+};
+export {
+  AlertInfo as default
 };
-export default AlertInfo;

package/dist/AlertInfo/AlertInfo.styles.d.ts

@@ -1,17 +1,17 @@
 import { AlertSize } from './AlertInfo.types';
-export declare const TextWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const TextWrapper: import('styled-components').StyledComponent<"div", any, {
     labelPosition: "bottom" | "right";
 }, never>;
-export declare const HeaderWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const HeaderWrapper: import('styled-components').StyledComponent<"div", any, {
     fontSize?: AlertSize;
     size?: AlertSize;
 }, never>;
-export declare const ButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const AlertWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const ButtonWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const AlertWrapper: import('styled-components').StyledComponent<"div", any, {
     labelPosition: "bottom" | "right";
     mode?: "absolute";
 }, never>;
-export declare const AlertIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StatusIconContainer: import("styled-components").StyledComponent<"div", any, {
+export declare const AlertIconContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const StatusIconContainer: import('styled-components').StyledComponent<"div", any, {
     iconColor: string;
 }, never>;

package/dist/AlertInfo/AlertInfo.styles.js

@@ -1,48 +1,40 @@
-import styled, { css } from 'styled-components';
-import { IconContainer } from '@synerise/ds-icon';
-import { AlertSize, FontSize } from './AlertInfo.types';
-var FONT_SIZE_DEFAULT = 14;
-var mapElementsPosition = {
-  right: 'row',
-  bottom: 'column'
+import styled, { css } from "styled-components";
+import { IconContainer } from "@synerise/ds-icon";
+import { FontSize, AlertSize } from "./AlertInfo.types.js";
+const FONT_SIZE_DEFAULT = 14;
+const mapElementsPosition = {
+  right: "row",
+  bottom: "column"
 };
-export var TextWrapper = styled.div.withConfig({
+const TextWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "AlertInfostyles__TextWrapper",
   componentId: "sc-a78l8a-0"
-})(["display:flex;line-height:16px;max-width:440px;word-wrap:break-word;justify-content:", ";text-align:center;"], function (props) {
-  return props.labelPosition === 'bottom' ? 'center' : 'flex-start';
-});
-export var HeaderWrapper = styled.div.withConfig({
+})(["display:flex;line-height:16px;max-width:440px;word-wrap:break-word;justify-content:", ";text-align:center;"], (props) => props.labelPosition === "bottom" ? "center" : "flex-start");
+const HeaderWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "AlertInfostyles__HeaderWrapper",
   componentId: "sc-a78l8a-1"
-})(["display:flex;line-height:16px;color:", ";font-size:", "px;font-weight:500;margin-top:", ";padding:", ";"], function (props) {
-  return props.theme.palette['grey-800'];
-}, function (props) {
-  return props.fontSize ? FontSize[props.fontSize] : FONT_SIZE_DEFAULT;
-}, function (props) {
-  return props.size === AlertSize.SMALL ? '0px' : '30px';
-}, function (props) {
-  return props.fontSize === AlertSize.SMALL ? '4px 0 12px' : '8px 0 18px';
-});
-export var ButtonWrapper = styled.div.withConfig({
+})(["display:flex;line-height:16px;color:", ";font-size:", "px;font-weight:500;margin-top:", ";padding:", ";"], (props) => props.theme.palette["grey-800"], (props) => props.fontSize ? FontSize[props.fontSize] : FONT_SIZE_DEFAULT, (props) => props.size === AlertSize.SMALL ? "0px" : "30px", (props) => props.fontSize === AlertSize.SMALL ? "4px 0 12px" : "8px 0 18px");
+const ButtonWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "AlertInfostyles__ButtonWrapper",
   componentId: "sc-a78l8a-2"
 })(["padding-top:12px;"]);
-export var AlertWrapper = styled.div.withConfig({
+const AlertWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "AlertInfostyles__AlertWrapper",
   componentId: "sc-a78l8a-3"
-})(["display:flex;flex-direction:", ";align-items:center;justify-content:center;", ";"], function (props) {
-  return mapElementsPosition[props.labelPosition];
-}, function (props) {
-  return props.mode === 'absolute' && css(["position:absolute;top:50%;left:50%;"]);
-});
-export var AlertIconContainer = styled.div.withConfig({
+})(["display:flex;flex-direction:", ";align-items:center;justify-content:center;", ";"], (props) => mapElementsPosition[props.labelPosition], (props) => props.mode === "absolute" && css(["position:absolute;top:50%;left:50%;"]));
+const AlertIconContainer = /* @__PURE__ */ styled.div.withConfig({
   displayName: "AlertInfostyles__AlertIconContainer",
   componentId: "sc-a78l8a-4"
 })(["margin:0 0 12px;"]);
-export var StatusIconContainer = styled.div.withConfig({
+const StatusIconContainer = /* @__PURE__ */ styled.div.withConfig({
   displayName: "AlertInfostyles__StatusIconContainer",
   componentId: "sc-a78l8a-5"
-})(["width:40px;height:40px;border-radius:20px;text-align:center;display:flex;align-items:center;justify-content:center;margin:0 auto;&&{", "{fill:", ";}}"], IconContainer, function (props) {
-  return props.theme.palette[props.iconColor];
-});
+})(["width:40px;height:40px;border-radius:20px;text-align:center;display:flex;align-items:center;justify-content:center;margin:0 auto;&&{", "{fill:", ";}}"], IconContainer, (props) => props.theme.palette[props.iconColor]);
+export {
+  AlertIconContainer,
+  AlertWrapper,
+  ButtonWrapper,
+  HeaderWrapper,
+  StatusIconContainer,
+  TextWrapper
+};

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

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
 export type AlertInfoProps = {
     size?: AlertSize;
     fontSize?: AlertSize;

package/dist/AlertInfo/AlertInfo.types.js

@@ -1,8 +1,30 @@
-var _IconSize, _FontSize;
-export var AlertSize = /*#__PURE__*/function (AlertSize) {
-  AlertSize["SMALL"] = "small";
-  AlertSize["MEDIUM"] = "medium";
-  return AlertSize;
-}({});
-export var IconSize = (_IconSize = {}, _IconSize[AlertSize.SMALL] = 48, _IconSize[AlertSize.MEDIUM] = 96, _IconSize);
-export var FontSize = (_FontSize = {}, _FontSize[AlertSize.SMALL] = 14, _FontSize[AlertSize.MEDIUM] = 18, _FontSize);
+var AlertSize = /* @__PURE__ */ ((AlertSize2) => {
+  AlertSize2["SMALL"] = "small";
+  AlertSize2["MEDIUM"] = "medium";
+  return AlertSize2;
+})(AlertSize || {});
+const IconSize = {
+  [
+    "small"
+    /* SMALL */
+  ]: 48,
+  [
+    "medium"
+    /* MEDIUM */
+  ]: 96
+};
+const FontSize = {
+  [
+    "small"
+    /* SMALL */
+  ]: 14,
+  [
+    "medium"
+    /* MEDIUM */
+  ]: 18
+};
+export {
+  AlertSize,
+  FontSize,
+  IconSize
+};

package/dist/BroadcastBar/BroadcastBar.d.ts

@@ -1,3 +1,3 @@
-import BroadcastBar from '@synerise/ds-broadcast-bar';
+import { default as BroadcastBar } from '@synerise/ds-broadcast-bar';
 /** @deprecated use `@synerise/ds-broadcast-bar` instead */
 export default BroadcastBar;

package/dist/BroadcastBar/BroadcastBar.js

@@ -1,5 +1,5 @@
-import BroadcastBar from '@synerise/ds-broadcast-bar';
-
-/** @deprecated use `@synerise/ds-broadcast-bar` instead */
-
-export default BroadcastBar;
+import BroadcastBar from "@synerise/ds-broadcast-bar";
+import { default as default2 } from "@synerise/ds-broadcast-bar";
+export {
+  default2 as default
+};

package/dist/ColorSemantic/AlertSemanticColor.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { type Props } from './AlertSemanticColor.types';
+import { default as React } from 'react';
+import { Props } from './AlertSemanticColor.types';
 /**
  * @deprecated
  */

package/dist/ColorSemantic/AlertSemanticColor.js

@@ -1,27 +1,25 @@
-import React from 'react';
-import Icon, { Check3M, HelpFillM, InfoFillM, NotificationsReceiveM, UpdateDataM, UserCheckM, WarningFillM } from '@synerise/ds-icon';
-import * as S from './AlertSemanticColor.styles';
-var ICONS = {
-  positive: /*#__PURE__*/React.createElement(Check3M, null),
-  notice: /*#__PURE__*/React.createElement(WarningFillM, null),
-  negative: /*#__PURE__*/React.createElement(WarningFillM, null),
-  informative: /*#__PURE__*/React.createElement(InfoFillM, null),
-  neutral: /*#__PURE__*/React.createElement(HelpFillM, null),
-  supply: /*#__PURE__*/React.createElement(UserCheckM, null),
-  service: /*#__PURE__*/React.createElement(UpdateDataM, null),
-  entity: /*#__PURE__*/React.createElement(NotificationsReceiveM, null)
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import Icon, { NotificationsReceiveM, UpdateDataM, UserCheckM, HelpFillM, InfoFillM, WarningFillM, Check3M } from "@synerise/ds-icon";
+import { Container, IconWrapper } from "./AlertSemanticColor.styles.js";
+const ICONS = {
+  positive: /* @__PURE__ */ jsx(Check3M, {}),
+  notice: /* @__PURE__ */ jsx(WarningFillM, {}),
+  negative: /* @__PURE__ */ jsx(WarningFillM, {}),
+  informative: /* @__PURE__ */ jsx(InfoFillM, {}),
+  neutral: /* @__PURE__ */ jsx(HelpFillM, {}),
+  supply: /* @__PURE__ */ jsx(UserCheckM, {}),
+  service: /* @__PURE__ */ jsx(UpdateDataM, {}),
+  entity: /* @__PURE__ */ jsx(NotificationsReceiveM, {})
 };
-var DEFAULT_ICON = /*#__PURE__*/React.createElement(WarningFillM, null);
-
-/**
- * @deprecated
- */
-var AlertSemanticColor = function AlertSemanticColor(_ref) {
-  var icon = _ref.icon,
-    type = _ref.type,
-    color = _ref.color,
-    mode = _ref.mode;
-  var renderIcon = React.useMemo(function () {
+const DEFAULT_ICON = /* @__PURE__ */ jsx(WarningFillM, {});
+const AlertSemanticColor = ({
+  icon,
+  type,
+  color,
+  mode
+}) => {
+  const renderIcon = React.useMemo(() => {
     if (icon) {
       return icon;
     }
@@ -30,14 +28,8 @@ var AlertSemanticColor = function AlertSemanticColor(_ref) {
     }
     return DEFAULT_ICON;
   }, [icon, type]);
-  return /*#__PURE__*/React.createElement(S.Container, {
-    mode: mode,
-    color: color
-  }, /*#__PURE__*/React.createElement(S.IconWrapper, {
-    mode: mode,
-    color: color
-  }, /*#__PURE__*/React.createElement(Icon, {
-    component: renderIcon
-  })));
+  return /* @__PURE__ */ jsx(Container, { mode, color, children: /* @__PURE__ */ jsx(IconWrapper, { mode, color, children: /* @__PURE__ */ jsx(Icon, { component: renderIcon }) }) });
+};
+export {
+  AlertSemanticColor as default
 };
-export default AlertSemanticColor;

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

@@ -1,9 +1,9 @@
-import { type ColorType, type ModeType } from './AlertSemanticColor.types';
-export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {
+import { ColorType, ModeType } from './AlertSemanticColor.types';
+export declare const IconWrapper: import('styled-components').StyledComponent<"div", any, {
     mode?: ModeType;
     color?: ColorType;
 }, never>;
-export declare const Container: import("styled-components").StyledComponent<"div", any, {
+export declare const Container: import('styled-components').StyledComponent<"div", any, {
     mode?: ModeType;
     color?: ColorType;
 }, never>;

package/dist/ColorSemantic/AlertSemanticColor.styles.js

@@ -1,30 +1,28 @@
-import styled from 'styled-components';
-var getAlertIconColor = function getAlertIconColor(props) {
-  if (props.mode === 'background' || props.mode === 'shadow') {
+import styled from "styled-components";
+const getAlertIconColor = (props) => {
+  if (props.mode === "background" || props.mode === "shadow") {
     return props.theme.palette.white;
   }
-  return props.theme.palette[props.color + "-600"];
+  return props.theme.palette[`${props.color}-600`];
 };
-var getAlertColor = function getAlertColor(props) {
-  if (props.mode === 'background' || props.mode === 'shadow') {
-    return props.theme.palette[props.color + "-600"];
+const getAlertColor = (props) => {
+  if (props.mode === "background" || props.mode === "shadow") {
+    return props.theme.palette[`${props.color}-600`];
   }
-  if (props.mode === 'background-outline') {
-    return props.theme.palette[props.color + "-050"];
+  if (props.mode === "background-outline") {
+    return props.theme.palette[`${props.color}-050`];
   }
   return props.theme.palette.white;
 };
-export var IconWrapper = styled.div.withConfig({
+const IconWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "AlertSemanticColorstyles__IconWrapper",
   componentId: "sc-1rxl2y2-0"
 })(["display:flex;align-items:center;justify-content:center;margin-top:35px;svg{fill:", ";}"], getAlertIconColor);
-export var Container = styled.div.withConfig({
+const Container = /* @__PURE__ */ styled.div.withConfig({
   displayName: "AlertSemanticColorstyles__Container",
   componentId: "sc-1rxl2y2-1"
-})(["width:100px;height:100px;align-items:center;justify-content:center;background-color:", ";border:1px solid ", ";border-radius:4px;-webkit-box-shadow:", ";box-shadow:", ";"], getAlertColor, function (props) {
-  return props.mode === 'background-outline' ? props.theme.palette[props.color + "-200"] : 'none';
-}, function (props) {
-  return props.mode === 'shadow' ? "0px 16px 32px 5px " + props.theme.palette["grey-300"] : 'none';
-}, function (props) {
-  return props.mode === 'shadow' ? "0px 16px 32px 5px " + props.theme.palette["grey-300"] : 'none';
-});
+})(["width:100px;height:100px;align-items:center;justify-content:center;background-color:", ";border:1px solid ", ";border-radius:4px;-webkit-box-shadow:", ";box-shadow:", ";"], getAlertColor, (props) => props.mode === "background-outline" ? props.theme.palette[`${props.color}-200`] : "none", (props) => props.mode === "shadow" ? `0px 16px 32px 5px ${props.theme.palette[`grey-300`]}` : "none", (props) => props.mode === "shadow" ? `0px 16px 32px 5px ${props.theme.palette[`grey-300`]}` : "none");
+export {
+  Container,
+  IconWrapper
+};