@synerise/ds-alert 0.9.8 → 0.9.10

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.9.10](https://github.com/Synerise/synerise-design/compare/@synerise/ds-alert@0.9.9...@synerise/ds-alert@0.9.10) (2025-03-10)
+
+**Note:** Version bump only for package @synerise/ds-alert
+
+
+
+
+
+## [0.9.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-alert@0.9.8...@synerise/ds-alert@0.9.9) (2025-03-04)
+
+**Note:** Version bump only for package @synerise/ds-alert
+
+
+
+
+
 ## [0.9.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-alert@0.9.7...@synerise/ds-alert@0.9.8) (2025-02-27)
 
 

package/dist/Alert.styles.js

@@ -12,7 +12,7 @@ export var AntdAlert = styled(function (props) {
   return /*#__PURE__*/React.createElement(Alert, props);
 }).withConfig({
   displayName: "Alertstyles__AntdAlert",
-  componentId: "k5v82n-0"
+  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) {
@@ -22,17 +22,17 @@ export var AntdAlert = styled(function (props) {
 });
 export var AlertContent = styled.div.withConfig({
   displayName: "Alertstyles__AlertContent",
-  componentId: "k5v82n-1"
+  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({
   displayName: "Alertstyles__AlertMessage",
-  componentId: "k5v82n-2"
+  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({
   displayName: "Alertstyles__AlertDescription",
-  componentId: "k5v82n-3"
+  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({
   displayName: "Alertstyles__AlertShowMore",
-  componentId: "k5v82n-4"
+  componentId: "sc-k5v82n-4"
 })(["display:flex;font-size:13px;font-weight:500;color:inherit;text-decoration:underline;cursor:pointer;margin-top:6px;"]);

package/dist/AlertInfo/AlertInfo.styles.js

@@ -8,13 +8,13 @@ var mapElementsPosition = {
 };
 export var TextWrapper = styled.div.withConfig({
   displayName: "AlertInfostyles__TextWrapper",
-  componentId: "a78l8a-0"
+  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({
   displayName: "AlertInfostyles__HeaderWrapper",
-  componentId: "a78l8a-1"
+  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) {
@@ -26,11 +26,11 @@ export var HeaderWrapper = styled.div.withConfig({
 });
 export var ButtonWrapper = styled.div.withConfig({
   displayName: "AlertInfostyles__ButtonWrapper",
-  componentId: "a78l8a-2"
+  componentId: "sc-a78l8a-2"
 })(["padding-top:12px;"]);
 export var AlertWrapper = styled.div.withConfig({
   displayName: "AlertInfostyles__AlertWrapper",
-  componentId: "a78l8a-3"
+  componentId: "sc-a78l8a-3"
 })(["display:flex;flex-direction:", ";align-items:center;justify-content:center;", ";"], function (props) {
   return mapElementsPosition[props.labelPosition];
 }, function (props) {
@@ -38,11 +38,11 @@ export var AlertWrapper = styled.div.withConfig({
 });
 export var AlertIconContainer = styled.div.withConfig({
   displayName: "AlertInfostyles__AlertIconContainer",
-  componentId: "a78l8a-4"
+  componentId: "sc-a78l8a-4"
 })(["margin:0 0 12px;"]);
 export var StatusIconContainer = styled.div.withConfig({
   displayName: "AlertInfostyles__StatusIconContainer",
-  componentId: "a78l8a-5"
+  componentId: "sc-a78l8a-5"
 })(["background-color:", ";width:40px;height:40px;border-radius:20px;text-align:center;display:flex;align-items:center;justify-content:center;margin:0 auto;&&{", "{fill:", ";}}"], function (props) {
   return props.theme.palette[props.background];
 }, IconContainer, function (props) {

package/dist/BroadcastBar/BroadcastBar.styles.js

@@ -55,7 +55,7 @@ export var ButtonWrapper = styled.div.withConfig({
 export var BroadcastButton = styled(Button).withConfig({
   displayName: "BroadcastBarstyles__BroadcastButton",
   componentId: "sc-1xh5805-6"
-})(["color:", ";&&&:hover{color:", " !important;}"], function (props) {
+})(["color:", ";&&& :hover{color:", " !important;}"], function (props) {
   return props.color === 'yellow' ? props.theme.palette['grey-800'] : props.theme.palette.white;
 }, function (props) {
   return props.color === 'yellow' ? props.theme.palette['grey-800'] : props.theme.palette.white;

package/dist/Toast/Toast.styles.js

@@ -55,17 +55,17 @@ export var closingAnimation = function closingAnimation() {
 };
 export var AlertContent = styled.div.withConfig({
   displayName: "Toaststyles__AlertContent",
-  componentId: "q5tn0-0"
+  componentId: "sc-q5tn0-0"
 })(["display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-right:24px;", " ", "{margin-bottom:8px;}"], function (props) {
   return props.hasBottomMargin && 'margin-bottom:16px;';
 }, UnorderedList);
 export var AllContent = styled.div.withConfig({
   displayName: "Toaststyles__AllContent",
-  componentId: "q5tn0-1"
+  componentId: "sc-q5tn0-1"
 })(["display:flex;color:inherit;"]);
 export var IconWrapper = styled.div.withConfig({
   displayName: "Toaststyles__IconWrapper",
-  componentId: "q5tn0-2"
+  componentId: "sc-q5tn0-2"
 })(["margin:12px;display:flex;svg{color:", ";fill:", ";}"], function (props) {
   return props.customColorIcon ? props.theme.palette[props.customColorIcon + "-600"] : getColorIcon;
 }, function (props) {
@@ -73,13 +73,13 @@ export var IconWrapper = styled.div.withConfig({
 });
 export var IconCloseWrapper = styled.div.withConfig({
   displayName: "Toaststyles__IconCloseWrapper",
-  componentId: "q5tn0-3"
+  componentId: "sc-q5tn0-3"
 })(["cursor:pointer;svg{fill:", ";}"], function (props) {
   return props.customColorText ? props.theme.palette[props.customColorText + "-600"] : getColorText(props);
 });
 export var IconExpanderWrapper = styled.div.withConfig({
   displayName: "Toaststyles__IconExpanderWrapper",
-  componentId: "q5tn0-4"
+  componentId: "sc-q5tn0-4"
 })(["cursor:pointer;svg{fill:", ";transition:transform 0.1s linear;transform:rotateZ(", ");}"], function (props) {
   return props.customColorText ? props.theme.palette[props.customColorText + "-600"] : getColorText(props);
 }, function (props) {
@@ -87,15 +87,15 @@ export var IconExpanderWrapper = styled.div.withConfig({
 });
 export var ButtonWrapper = styled.div.withConfig({
   displayName: "Toaststyles__ButtonWrapper",
-  componentId: "q5tn0-5"
+  componentId: "sc-q5tn0-5"
 })(["position:absolute;right:12px;top:12px;display:flex;"]);
 export var FirstButtonWrapper = styled.div.withConfig({
   displayName: "Toaststyles__FirstButtonWrapper",
-  componentId: "q5tn0-6"
+  componentId: "sc-q5tn0-6"
 })(["margin-right:8px;"]);
 export var NumberWrapper = styled.div.withConfig({
   displayName: "Toaststyles__NumberWrapper",
-  componentId: "q5tn0-7"
+  componentId: "sc-q5tn0-7"
 })(["margin-left:4px;color:inherit;opacity:0.6;cursor:pointer;&:hover{background-image:linear-gradient( to right,", " 20%,rgba(255,255,255,0) 10% );background-color:transparent;background-position:bottom left;background-size:5px 1px;background-repeat:repeat-x;opacity:1;color:", ";}"], function (props) {
   return props.theme.palette['grey-400'];
 }, function (props) {
@@ -103,7 +103,7 @@ export var NumberWrapper = styled.div.withConfig({
 });
 export var ListWrapper = styled.div.withConfig({
   displayName: "Toaststyles__ListWrapper",
-  componentId: "q5tn0-8"
+  componentId: "sc-q5tn0-8"
 })(["display:flex;visibility:", ";height:", ";margin-top:", ";"], function (props) {
   return props.visible ? 'visible' : 'hidden';
 }, function (props) {
@@ -113,7 +113,7 @@ export var ListWrapper = styled.div.withConfig({
 });
 export var IconOrderWrapper = styled.div.withConfig({
   displayName: "Toaststyles__IconOrderWrapper",
-  componentId: "q5tn0-9"
+  componentId: "sc-q5tn0-9"
 })(["visibility:hidden;margin:-4px 0;svg{fill:", ";}&:hover{svg{fill:", ";cursor:pointer;}}"], function (props) {
   return props.customColorText ? props.theme.palette[props.customColorText + "-600"] : getColorText(props);
 }, function (props) {
@@ -121,7 +121,7 @@ export var IconOrderWrapper = styled.div.withConfig({
 });
 export var OrderWrapper = styled.div.withConfig({
   displayName: "Toaststyles__OrderWrapper",
-  componentId: "q5tn0-10"
+  componentId: "sc-q5tn0-10"
 })(["display:flex;color:", ";&:hover{", "{visibility:visible;}", "{background-image:linear-gradient( to right,", " 20%,rgba(255,255,255,0) 10% );background-color:transparent;background-position:bottom left;background-size:5px 1px;background-repeat:repeat-x;opacity:1;color:", ";}}"], function (props) {
   return props.customColorText ? props.theme.palette[props.customColorText + "-600"] : getColorText(props);
 }, IconOrderWrapper, NumberWrapper, function (props) {
@@ -131,19 +131,19 @@ export var OrderWrapper = styled.div.withConfig({
 });
 export var Wrapper = styled.div.withConfig({
   displayName: "Toaststyles__Wrapper",
-  componentId: "q5tn0-11"
+  componentId: "sc-q5tn0-11"
 })(["color:", ";"], function (props) {
   return props.theme.palette['grey-050'];
 });
 export var AnimationContainer = styled.div.withConfig({
   displayName: "Toaststyles__AnimationContainer",
-  componentId: "q5tn0-12"
+  componentId: "sc-q5tn0-12"
 })(["animation:", " 0.5s ease-in-out 0s 1;"], function (props) {
   return props.show ? openingAnimation() : closingAnimation();
 });
 export var Container = styled.div.withConfig({
   displayName: "Toaststyles__Container",
-  componentId: "q5tn0-13"
+  componentId: "sc-q5tn0-13"
 })(["display:flex;flex-direction:row;max-width:500px;align-items:flex-start;justify-content:center;background-color:", ";border-radius:4px;box-shadow:", ";"], function (props) {
   return props.customColor ? props.theme.palette[props.customColor + "-600"] : getColorBackground(props);
 }, function (props) {
@@ -151,11 +151,11 @@ export var Container = styled.div.withConfig({
 });
 export var WrapperSectionMessage = styled.div.withConfig({
   displayName: "Toaststyles__WrapperSectionMessage",
-  componentId: "q5tn0-14"
+  componentId: "sc-q5tn0-14"
 })(["position:relative;font-size:13px;min-width:0;color:inherit;"]);
 export var AlertMessage = styled.div.withConfig({
   displayName: "Toaststyles__AlertMessage",
-  componentId: "q5tn0-15"
+  componentId: "sc-q5tn0-15"
 })(["font-size:14px;line-height:20px;padding-top:14px;", ";font-weight:500;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;padding-right:", ";color:", ";"], function (props) {
   return props.noToastContent && 'padding-bottom: 14px;';
 }, function (props) {
@@ -165,7 +165,7 @@ export var AlertMessage = styled.div.withConfig({
 });
 export var AlertDescription = styled.div.withConfig({
   displayName: "Toaststyles__AlertDescription",
-  componentId: "q5tn0-16"
+  componentId: "sc-q5tn0-16"
 })(["font-size:13px;line-height:1.39;font-weight:normal;overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;padding-bottom:", ";margin-top:2px;color:", ";"], function (props) {
   return props.button || props.expandedContent ? '16px' : '0';
 }, function (props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-alert",
-  "version": "0.9.8",
+  "version": "0.9.10",
   "description": "Alert UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -21,7 +21,7 @@
     "build:js": "babel --delete-dir-on-start --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",
+    "pack:ci": "npm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "npm run build",
     "test": "jest",
     "test:watch": "npm run test -- --watchAll",
@@ -34,10 +34,10 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.23.2",
-    "@synerise/ds-icon": "^0.71.2",
-    "@synerise/ds-unordered-list": "^0.4.7",
-    "@synerise/ds-utils": "^0.32.2",
+    "@synerise/ds-button": "^0.23.4",
+    "@synerise/ds-icon": "^0.72.1",
+    "@synerise/ds-unordered-list": "^0.4.9",
+    "@synerise/ds-utils": "^0.32.3",
     "animate.css": "^4.1.1"
   },
   "peerDependencies": {
@@ -46,5 +46,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "7b1edcd256eb34848761e3649a8c21a411966a98"
+  "gitHead": "a176b46dab123cd503247ae57022f8e808772d68"
 }