@synerise/ds-badge 1.0.18 → 1.0.19

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.0.19](https://github.com/Synerise/synerise-design/compare/@synerise/ds-badge@1.0.18...@synerise/ds-badge@1.0.19) (2025-08-20)
+
+**Note:** Version bump only for package @synerise/ds-badge
+
+
+
+
+
 ## [1.0.18](https://github.com/Synerise/synerise-design/compare/@synerise/ds-badge@1.0.17...@synerise/ds-badge@1.0.18) (2025-08-14)
 
 **Note:** Version bump only for package @synerise/ds-badge

package/README.md

@@ -94,13 +94,3 @@ import Badge from '@synerise/ds-badge'
 | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | `green` / `grey` / `yellow` / `blue` / `pink`/ `mars`/ `orange`/ `fern`/ `cyan`/ `purple` / `violet` / `blue-600` / `green-600` / `mars-600` / `purple-600` / `cyan-600` / `yellow-600` / `violet-600` / `blue-700` / `green-700` / `mars-700` / `purple-700` / `cyan-700` / `yellow-700` / `violet-700` / `blue-500` / `green-500` / `mars-500` / `purple-500` / `cyan-500` / `yellow-500` / `violet-500` |
 
-### IconBadge
-
-Displays a predefined (depending on status) or custom icon as badge
-
-| Property | Description               | Type                                                         | Default |
-| -------- | ------------------------- | ------------------------------------------------------------ | ------- |
-| status   | Set badge as a status dot | `active` / `inactive` / `blocked` / `processing` / `warning` | -       |
-| icon     | Custom icon to display    | `ReactNode`                                                  | -       |
-
-Either icon or status is mandatory.

package/dist/index.d.ts

@@ -1,4 +1,2 @@
 export { default } from './Badge';
 export type { Status as BadgeStatus, BadgeProps, Color as BadgeColor, ColorHue as BadgeColorHue, } from './Badge.types';
-export * from './IconBadge/IconBadge';
-export type { IconBadgeProps, StatusIconBadgeProps, CustomIconBadgeProps, } from './IconBadge/IconBadge.types';

package/dist/index.js

@@ -1,2 +1 @@
-export { default } from './Badge';
-export * from './IconBadge/IconBadge';
+export { default } from './Badge';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-badge",
-  "version": "1.0.18",
+  "version": "1.0.19",
   "description": "Badge UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -44,5 +44,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "408d73cc145b6c8c61f3e70dce05badf3ad1ffde"
+  "gitHead": "2393f96e57ee588efc9b56457389865b272b79fa"
 }

package/dist/IconBadge/IconBadge.constants.d.ts

@@ -1,3 +0,0 @@
-import { type IconProps } from '@synerise/ds-icon';
-import { type Status } from '../Badge.types';
-export declare const STATUS_ICONS: Record<Exclude<Status, undefined | 'inactive'>, Partial<IconProps>>;

package/dist/IconBadge/IconBadge.constants.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import { theme } from '@synerise/ds-core';
-import { Check3S, ErrorFillS, SpinnerS, WarningFillS } from '@synerise/ds-icon';
-export var STATUS_ICONS = {
-  active: {
-    component: /*#__PURE__*/React.createElement(Check3S, null),
-    color: theme.palette['fern-600']
-  },
-  blocked: {
-    component: /*#__PURE__*/React.createElement(ErrorFillS, null),
-    color: theme.palette['red-600']
-  },
-  processing: {
-    component: /*#__PURE__*/React.createElement(SpinnerS, null),
-    color: theme.palette['blue-600']
-  },
-  warning: {
-    component: /*#__PURE__*/React.createElement(WarningFillS, null),
-    color: theme.palette['yellow-600']
-  }
-};

package/dist/IconBadge/IconBadge.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { IconBadgeProps } from './IconBadge.types';
-export declare const IconBadge: ({ children, ...props }: IconBadgeProps) => React.JSX.Element;

package/dist/IconBadge/IconBadge.js

@@ -1,18 +0,0 @@
-var _excluded = ["children"];
-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 from 'react';
-import { omitKeys } from '@synerise/ds-utils';
-import * as S from './IconBadge.styles';
-import { hasCustomIcon, renderStatusIcon } from './IconBadge.utils';
-export var IconBadge = function IconBadge(_ref) {
-  var children = _ref.children,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var iconComponent = hasCustomIcon(props) ? props.icon : renderStatusIcon(props.status);
-  var rest = omitKeys(['icon', 'status'], props);
-  return /*#__PURE__*/React.createElement(S.IconBadgeWrapper, _extends({
-    "data-testid": "ds-badge-icon-badge"
-  }, rest), children, /*#__PURE__*/React.createElement(S.IconBadgeIcon, {
-    className: "ds-icon-badge"
-  }, iconComponent));
-};

package/dist/IconBadge/IconBadge.spec.d.ts

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

package/dist/IconBadge/IconBadge.styles.d.ts

@@ -1,5 +0,0 @@
-export declare const IconBadgeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const IconBadgeIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Icon: import("styled-components").StyledComponent<({ name, component, className, ...rest }: import("@synerise/ds-icon").IconProps) => React.JSX.Element, any, {
-    status?: string;
-}, never>;

package/dist/IconBadge/IconBadge.styles.js

@@ -1,17 +0,0 @@
-import styled, { css, keyframes } from 'styled-components';
-import DSIcon from '@synerise/ds-icon';
-var spinnerAnimation = keyframes(["0%{transform:rotate(0deg);}100%{transform:rotate(720deg);}"]);
-export var IconBadgeWrapper = styled.div.withConfig({
-  displayName: "IconBadgestyles__IconBadgeWrapper",
-  componentId: "sc-dio7h6-0"
-})(["position:relative;display:inline-block;"]);
-export var IconBadgeIcon = styled.div.withConfig({
-  displayName: "IconBadgestyles__IconBadgeIcon",
-  componentId: "sc-dio7h6-1"
-})(["position:absolute;top:0;right:0;z-index:10;"]);
-export var Icon = styled(DSIcon).withConfig({
-  displayName: "IconBadgestyles__Icon",
-  componentId: "sc-dio7h6-2"
-})(["", ""], function (props) {
-  return props.status === 'processing' && css(["animation:", " 2s linear infinite;"], spinnerAnimation);
-});

package/dist/IconBadge/IconBadge.types.d.ts

@@ -1,11 +0,0 @@
-import { type HTMLAttributes, type ReactElement, type ReactNode } from 'react';
-import { type Status } from '../Badge.types';
-export type CustomIconBadgeProps = {
-    icon: ReactElement;
-};
-export type StatusIconBadgeProps = {
-    status: Exclude<Status, undefined>;
-};
-export type IconBadgeProps = (CustomIconBadgeProps | StatusIconBadgeProps) & {
-    children?: ReactNode;
-} & HTMLAttributes<HTMLDivElement>;

package/dist/IconBadge/IconBadge.types.js

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

package/dist/IconBadge/IconBadge.utils.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { CustomIconBadgeProps, StatusIconBadgeProps } from './IconBadge.types';
-export declare const hasCustomIcon: (props: CustomIconBadgeProps | StatusIconBadgeProps) => props is CustomIconBadgeProps;
-export declare const renderStatusIcon: (status: StatusIconBadgeProps["status"]) => React.JSX.Element | null;

package/dist/IconBadge/IconBadge.utils.js

@@ -1,15 +0,0 @@
-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 { STATUS_ICONS } from './IconBadge.constants';
-import * as S from './IconBadge.styles';
-export var hasCustomIcon = function hasCustomIcon(props) {
-  return 'icon' in props;
-};
-export var renderStatusIcon = function renderStatusIcon(status) {
-  if (!status || status === 'inactive') {
-    return null;
-  }
-  return STATUS_ICONS[status] ? /*#__PURE__*/React.createElement(S.Icon, _extends({
-    status: status
-  }, STATUS_ICONS[status])) : null;
-};