@synerise/ds-section-message 1.0.1 → 1.0.3

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-section-message@1.0.2...@synerise/ds-section-message@1.0.3) (2025-07-24)
+
+**Note:** Version bump only for package @synerise/ds-section-message
+
+
+
+
+
+## [1.0.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-section-message@1.0.1...@synerise/ds-section-message@1.0.2) (2025-07-18)
+
+
+### Bug Fixes
+
+* **section-message:** revert wrappers in styles ([e26723d](https://github.com/Synerise/synerise-design/commit/e26723d10590617cbf620dd9e62650f7aeb44299))
+
+
+
+
+
 ## 1.0.1 (2025-07-17)
 
 **Note:** Version bump only for package @synerise/ds-section-message

package/dist/SectionMessage.const.d.ts

@@ -0,0 +1,5 @@
+import React, { type ReactNode } from 'react';
+import { type SectionType } from './SectionMessage.types';
+export declare const ICONS: Record<SectionType, ReactNode>;
+export declare const DEFAULT_ICON: React.JSX.Element;
+export declare const SECTION_TYPES: readonly ["positive", "notice", "negative", "neutral", "supply", "service", "entity"];

package/dist/{utils/utils.js → SectionMessage.const.js}

@@ -9,4 +9,5 @@ export var ICONS = {
   service: /*#__PURE__*/React.createElement(UpdateDataM, null),
   entity: /*#__PURE__*/React.createElement(NotificationsReceiveM, null)
 };
-export var DEFAULT_ICON = /*#__PURE__*/React.createElement(WarningFillM, null);
+export var DEFAULT_ICON = /*#__PURE__*/React.createElement(WarningFillM, null);
+export var SECTION_TYPES = ['positive', 'notice', 'negative', 'neutral', 'supply', 'service', 'entity'];

package/dist/SectionMessage.js

@@ -3,8 +3,9 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 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, { useMemo } from 'react';
 import Icon, { CloseM } from '@synerise/ds-icon';
+import { DEFAULT_ICON, ICONS } from './SectionMessage.const';
 import * as S from './SectionMessage.styles';
-import { DEFAULT_ICON, ICONS } from './utils/utils';
+import { isSectionType } from './SectionMessage.utils';
 var SectionMessage = function SectionMessage(_ref) {
   var icon = _ref.icon,
     type = _ref.type,
@@ -35,7 +36,7 @@ var SectionMessage = function SectionMessage(_ref) {
     if (icon) {
       return icon;
     }
-    if (ICONS[type]) {
+    if (isSectionType(type)) {
       return ICONS[type];
     }
     return DEFAULT_ICON;

package/dist/SectionMessage.styles.d.ts

@@ -6,15 +6,15 @@ export declare const AlertContent: import("styled-components").StyledComponent<"
 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?: ColorType | undefined;
-    customColorIcon?: CustomColorType | undefined;
+    color?: ColorType;
+    customColorIcon?: CustomColorType;
 }, never>;
 export declare const IconCloseWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SuffixWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Container: import("styled-components").StyledComponent<"div", any, {
-    color?: ColorType | undefined;
-    customColor?: CustomColorType | undefined;
+    color?: ColorType;
+    customColor?: CustomColorType;
 }, never>;
 export declare const WrapperSectionMessage: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const AlertMessage: import("styled-components").StyledComponent<"span", any, {}, never>;
@@ -22,3 +22,7 @@ export declare const AlertDescription: import("styled-components").StyledCompone
 export declare const EmphasisWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const LinkWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const AlertShowMore: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const NumberWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IconOrderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const OrderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/SectionMessage.styles.js

@@ -70,4 +70,36 @@ export var LinkWrapper = styled.span.withConfig({
 export var AlertShowMore = styled.span.withConfig({
   displayName: "SectionMessagestyles__AlertShowMore",
   componentId: "sc-1qohcjm-13"
-})(["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 var NumberWrapper = styled.div.withConfig({
+  displayName: "SectionMessagestyles__NumberWrapper",
+  componentId: "sc-1qohcjm-14"
+})(["margin-left:4px;color:", ";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;color:", ";}"], function (props) {
+  return props.theme.palette['grey-400'];
+}, function (props) {
+  return props.theme.palette['grey-400'];
+}, function (props) {
+  return props.theme.palette['grey-700'];
+});
+export var IconOrderWrapper = styled.div.withConfig({
+  displayName: "SectionMessagestyles__IconOrderWrapper",
+  componentId: "sc-1qohcjm-15"
+})(["display:none;margin:-4px 0;svg{fill:", ";}&:hover{svg{fill:", ";cursor:pointer;}}"], function (props) {
+  return props.theme.palette['grey-700'];
+}, function (props) {
+  return props.theme.palette['blue-600'];
+});
+export var OrderWrapper = styled.div.withConfig({
+  displayName: "SectionMessagestyles__OrderWrapper",
+  componentId: "sc-1qohcjm-16"
+})(["display:flex;&:hover{", "{display:block;}", "{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;color:", ";}}"], IconOrderWrapper, NumberWrapper, function (props) {
+  return props.theme.palette['grey-400'];
+}, function (props) {
+  return props.theme.palette['grey-700'];
+});
+export var Wrapper = styled.div.withConfig({
+  displayName: "SectionMessagestyles__Wrapper",
+  componentId: "sc-1qohcjm-17"
+})(["margin-top:10px;color:", ";"], function (props) {
+  return props.theme.palette['grey-700'];
+});

package/dist/SectionMessage.types.d.ts

@@ -1,8 +1,9 @@
 import type { ReactElement, ReactNode } from 'react';
 import type { WithHTMLAttributes } from '@synerise/ds-utils';
+import { type SECTION_TYPES } from './SectionMessage.const';
 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 SectionType = 'positive' | 'notice' | 'negative' | 'neutral' | 'supply' | 'service' | 'entity';
+export type SectionType = (typeof SECTION_TYPES)[number];
 export type SectionMessageProps = WithHTMLAttributes<HTMLDivElement, {
     message?: ReactNode;
     type: string | SectionType;

package/dist/SectionMessage.utils.d.ts

@@ -0,0 +1,2 @@
+import { type SectionType } from './SectionMessage.types';
+export declare const isSectionType: (type: string) => type is SectionType;

package/dist/SectionMessage.utils.js

@@ -0,0 +1,4 @@
+import { SECTION_TYPES } from './SectionMessage.const';
+export var isSectionType = function isSectionType(type) {
+  return SECTION_TYPES.includes(type);
+};

package/dist/index.d.ts

@@ -1,2 +1,2 @@
 export { default } from './SectionMessage';
-export type { SectionMessageProps } from './SectionMessage.types';
+export type { SectionMessageProps, SectionType, ColorType, CustomColorType, } from './SectionMessage.types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-section-message",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "SectionMessage UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,13 +34,13 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^1.6.1",
-    "@synerise/ds-utils": "^1.3.0"
+    "@synerise/ds-icon": "^1.6.2",
+    "@synerise/ds-utils": "^1.4.0"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "4e851d649cb25346f2f8e0575dde91cc50f43bc4"
+  "gitHead": "b35b1875727156fe9f5b3bad55aed5ca447c8c8d"
 }

package/dist/utils/utils.d.ts

@@ -1,4 +0,0 @@
-import React, { type ReactNode } from 'react';
-import { type SectionType } from '../SectionMessage.types';
-export declare const ICONS: Record<SectionType, ReactNode>;
-export declare const DEFAULT_ICON: React.JSX.Element;