@synerise/ds-inline-alert 1.1.13 → 1.1.15

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.15](https://github.com/Synerise/synerise-design/compare/@synerise/ds-inline-alert@1.1.14...@synerise/ds-inline-alert@1.1.15) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-inline-alert
+
+## [1.1.14](https://github.com/Synerise/synerise-design/compare/@synerise/ds-inline-alert@1.1.13...@synerise/ds-inline-alert@1.1.14) (2026-03-20)
+
+**Note:** Version bump only for package @synerise/ds-inline-alert
+
 ## [1.1.13](https://github.com/Synerise/synerise-design/compare/@synerise/ds-inline-alert@1.1.12...@synerise/ds-inline-alert@1.1.13) (2026-02-19)
 
 **Note:** Version bump only for package @synerise/ds-inline-alert

package/README.md

@@ -28,12 +28,13 @@ import InlineAlert from '@synerise/ds-inline-alert'
 
 ## API
 
-| Property     | Description                                                          | Type              | Default   |
-| ------------ | -------------------------------------------------------------------- | ----------------- | --------- |
-| type         | Type of Alert styles, options: `success`, `info`, `warning`, `error` | `string`          | `warning` |
-| message      | Message of Inline Alert                                              | `React.ReactNode` | -         |
-| disabled     | prop to set disabled icon                                            | `boolean`         | -         |
-| withEmphasis | prop to show bolder text                                             | `React.ReactNode` | -         |
-| withLink     | prop to show highlited text                                          | `React.ReactNode` | -         |
-| hoverButton  | prop to set hover state button                                       | `boolean`         | -         |
-| customIcon   | prop to set custom icon                                              | `React.ReactNode` | -         |
+| Property     | Description                                                              | Type                                           | Default     |
+| ------------ | ------------------------------------------------------------------------ | ---------------------------------------------- | ----------- |
+| type         | Visual style variant                                                     | `'success' \| 'alert' \| 'warning' \| 'info'` | `'warning'` |
+| message      | Message of Inline Alert                                                  | `ReactNode`                                    | -           |
+| disabled     | Disables interaction and reduces opacity to 0.4                          | `boolean`                                      | -           |
+| withEmphasis | Bold text appended to message (ignored when `withLink` is also set)      | `ReactNode`                                    | -           |
+| withLink     | Underlined text appended to message (takes priority over `withEmphasis`) | `ReactNode`                                    | -           |
+| hoverButton  | Adds pointer cursor and darker hover colour                              | `boolean`                                      | -           |
+| customIcon   | Replaces the default type icon                                           | `ReactNode`                                    | -           |
+| iconAlert    | **Deprecated** — has no effect                                           | `boolean`                                      | -           |

package/dist/InlineAlert.const.d.ts

@@ -1,3 +1,3 @@
-import { type ReactNode } from 'react';
-import { type InlineAlertType } from './InlineAlert.types';
+import { ReactNode } from 'react';
+import { InlineAlertType } from './InlineAlert.types';
 export declare const ICONS: Record<InlineAlertType, ReactNode>;

package/dist/InlineAlert.const.js

@@ -1,8 +1,11 @@
-import React from 'react';
-import { Check3M, InfoFillM, WarningFillM } from '@synerise/ds-icon';
-export var ICONS = {
-  success: /*#__PURE__*/React.createElement(Check3M, null),
-  alert: /*#__PURE__*/React.createElement(WarningFillM, null),
-  warning: /*#__PURE__*/React.createElement(WarningFillM, null),
-  info: /*#__PURE__*/React.createElement(InfoFillM, null)
-};
+import { jsx } from "react/jsx-runtime";
+import { InfoFillM, WarningFillM, Check3M } from "@synerise/ds-icon";
+const ICONS = {
+  success: /* @__PURE__ */ jsx(Check3M, {}),
+  alert: /* @__PURE__ */ jsx(WarningFillM, {}),
+  warning: /* @__PURE__ */ jsx(WarningFillM, {}),
+  info: /* @__PURE__ */ jsx(InfoFillM, {})
+};
+export {
+  ICONS
+};

package/dist/InlineAlert.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type InlineAlertProps } from './InlineAlert.types';
+import { default as React } from 'react';
+import { InlineAlertProps } from './InlineAlert.types';
 declare const InlineAlert: ({ className, type, message, withLink, withEmphasis, hoverButton, disabled, customIcon, ...rest }: InlineAlertProps) => React.JSX.Element;
 export default InlineAlert;

package/dist/InlineAlert.js

@@ -1,31 +1,31 @@
-var _excluded = ["className", "type", "message", "withLink", "withEmphasis", "hoverButton", "disabled", "customIcon"];
-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); }
-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 from '@synerise/ds-icon';
-import { ICONS } from './InlineAlert.const';
-import * as S from './InlineAlert.styles';
-var InlineAlert = function InlineAlert(_ref) {
-  var className = _ref.className,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'warning' : _ref$type,
-    message = _ref.message,
-    withLink = _ref.withLink,
-    withEmphasis = _ref.withEmphasis,
-    hoverButton = _ref.hoverButton,
-    disabled = _ref.disabled,
-    customIcon = _ref.customIcon,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var icon = useMemo(function () {
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import Icon from "@synerise/ds-icon";
+import { ICONS } from "./InlineAlert.const.js";
+import { InlineAlertWrapper, Message, LinkWrapper, EmphasisWrapper } from "./InlineAlert.styles.js";
+const InlineAlert = ({
+  className,
+  type = "warning",
+  message,
+  withLink,
+  withEmphasis,
+  hoverButton,
+  disabled,
+  customIcon,
+  ...rest
+}) => {
+  const icon = useMemo(() => {
     return ICONS[type];
   }, [type]);
-  return /*#__PURE__*/React.createElement(S.InlineAlertWrapper, _extends({}, rest, {
-    type: type,
-    disabled: disabled,
-    hoverButton: hoverButton,
-    className: "ds-inline-alert " + (className || '')
-  }), customIcon || /*#__PURE__*/React.createElement(Icon, {
-    component: icon
-  }), message && /*#__PURE__*/React.createElement(S.Message, null, message, withLink && /*#__PURE__*/React.createElement(S.LinkWrapper, null, withLink), withEmphasis && !withLink && /*#__PURE__*/React.createElement(S.EmphasisWrapper, null, withEmphasis)));
+  return /* @__PURE__ */ jsxs(InlineAlertWrapper, { ...rest, type, disabled, hoverButton, className: `ds-inline-alert ${className || ""}`, children: [
+    customIcon || /* @__PURE__ */ jsx(Icon, { component: icon }),
+    message && /* @__PURE__ */ jsxs(Message, { children: [
+      message,
+      withLink && /* @__PURE__ */ jsx(LinkWrapper, { children: withLink }),
+      withEmphasis && !withLink && /* @__PURE__ */ jsx(EmphasisWrapper, { children: withEmphasis })
+    ] })
+  ] });
+};
+export {
+  InlineAlert as default
 };
-export default InlineAlert;

package/dist/InlineAlert.styles.d.ts

@@ -1,9 +1,9 @@
-import { type InlineAlertType } from './InlineAlert.types';
-export declare const Message: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const InlineAlertWrapper: import("styled-components").StyledComponent<"span", any, {
+import { InlineAlertType } from './InlineAlert.types';
+export declare const Message: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const InlineAlertWrapper: import('styled-components').StyledComponent<"span", any, {
     type: InlineAlertType;
     hoverButton?: boolean;
     disabled?: boolean;
 }, never>;
-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 EmphasisWrapper: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const LinkWrapper: import('styled-components').StyledComponent<"span", any, {}, never>;

package/dist/InlineAlert.styles.js

@@ -1,41 +1,35 @@
-import styled, { css } from 'styled-components';
-var COLORS = {
-  success: 'green-600',
-  warning: 'yellow-600',
-  alert: 'red-600',
-  info: 'grey-600'
+import styled, { css } from "styled-components";
+const COLORS = {
+  success: "green-600",
+  warning: "yellow-600",
+  alert: "red-600",
+  info: "grey-600"
 };
-var COLORS_HOVER = {
-  success: 'green-700',
-  warning: 'yellow-700',
-  alert: 'red-700',
-  info: 'grey-700'
+const COLORS_HOVER = {
+  success: "green-700",
+  warning: "yellow-700",
+  alert: "red-700",
+  info: "grey-700"
 };
-export var Message = styled.span.withConfig({
+const Message = /* @__PURE__ */ styled.span.withConfig({
   displayName: "InlineAlertstyles__Message",
   componentId: "sc-cu91um-0"
 })(["display:flex;align-items:center;font-size:13px;line-height:18px;font-weight:400;color:inherit;margin-left:4px;"]);
-export var InlineAlertWrapper = styled.span.withConfig({
+const InlineAlertWrapper = /* @__PURE__ */ styled.span.withConfig({
   displayName: "InlineAlertstyles__InlineAlertWrapper",
   componentId: "sc-cu91um-1"
-})(["display:flex;justify-content:flex-start;flex-direction:row;&:hover{cursor:", ";color:", ";}&:active{color:", ";}color:", ";", ";", "{color:", ";}"], function (props) {
-  return props.hoverButton ? 'pointer' : 'auto';
-}, function (props) {
-  return props.hoverButton ? props.theme.palette[COLORS_HOVER[props.type]] : props.theme.palette[COLORS[props.type]];
-}, function (props) {
-  return props.theme.palette[COLORS[props.type]];
-}, function (props) {
-  return props.theme.palette[COLORS[props.type]];
-}, function (props) {
-  return !!props.disabled && css(["pointer-events:none;opacity:0.4;"]);
-}, Message, function (props) {
-  return props.theme.palette['grey-600'];
-});
-export var EmphasisWrapper = styled.span.withConfig({
+})(["display:flex;justify-content:flex-start;flex-direction:row;&:hover{cursor:", ";color:", ";}&:active{color:", ";}color:", ";", ";", "{color:", ";}"], (props) => props.hoverButton ? "pointer" : "auto", (props) => props.hoverButton ? props.theme.palette[COLORS_HOVER[props.type]] : props.theme.palette[COLORS[props.type]], (props) => props.theme.palette[COLORS[props.type]], (props) => props.theme.palette[COLORS[props.type]], (props) => !!props.disabled && css(["pointer-events:none;opacity:0.4;"]), Message, (props) => props.theme.palette["grey-600"]);
+const EmphasisWrapper = /* @__PURE__ */ styled.span.withConfig({
   displayName: "InlineAlertstyles__EmphasisWrapper",
   componentId: "sc-cu91um-2"
 })(["display:flex;padding-bottom:1px;font-size:13px;line-height:1.39;padding-left:3px;font-weight:500;color:inherit;"]);
-export var LinkWrapper = styled.span.withConfig({
+const LinkWrapper = /* @__PURE__ */ styled.span.withConfig({
   displayName: "InlineAlertstyles__LinkWrapper",
   componentId: "sc-cu91um-3"
-})(["display:flex;font-size:13px;line-height:1.39;font-weight:400;margin-left:3px;color:inherit;text-decoration:underline;cursor:pointer;"]);
+})(["display:flex;font-size:13px;line-height:1.39;font-weight:400;margin-left:3px;color:inherit;text-decoration:underline;cursor:pointer;"]);
+export {
+  EmphasisWrapper,
+  InlineAlertWrapper,
+  LinkWrapper,
+  Message
+};

package/dist/InlineAlert.types.d.ts

@@ -1,5 +1,5 @@
-import { type ReactNode } from 'react';
-import { type WithHTMLAttributes } from '@synerise/ds-utils';
+import { ReactNode } from 'react';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 export type InlineAlertType = 'success' | 'alert' | 'warning' | 'info';
 export type InlineAlertProps = WithHTMLAttributes<HTMLDivElement, {
     type: InlineAlertType;

package/dist/InlineAlert.types.js

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

package/dist/index.js

@@ -1,2 +1,4 @@
-export { default } from './InlineAlert';
-export * from './InlineAlert.types';
+import { default as default2 } from "./InlineAlert.js";
+export {
+  default2 as default
+};

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-inline-alert",
-  "version": "1.1.13",
+  "version": "1.1.15",
   "description": "InlineAlert UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -16,10 +16,10 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
+    "build": "vite build",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "pnpm run build:js -- --watch",
+    "build:watch": "vite build --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "prepublish": "pnpm run build",
     "types": "tsc --noEmit",
@@ -34,13 +34,13 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^1.14.1",
-    "@synerise/ds-utils": "^1.6.0"
+    "@synerise/ds-icon": "^1.15.1",
+    "@synerise/ds-utils": "^1.7.1"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "b3d1312cbfbe69aba1cb5667b54be7f76938156c"
+  "gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
 }