@synerise/ds-badge 1.0.43 → 1.0.45

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.45](https://github.com/Synerise/synerise-design/compare/@synerise/ds-badge@1.0.44...@synerise/ds-badge@1.0.45) (2026-04-01)
+
+**Note:** Version bump only for package @synerise/ds-badge
+
+## [1.0.44](https://github.com/Synerise/synerise-design/compare/@synerise/ds-badge@1.0.43...@synerise/ds-badge@1.0.44) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-badge
+
 ## [1.0.43](https://github.com/Synerise/synerise-design/compare/@synerise/ds-badge@1.0.42...@synerise/ds-badge@1.0.43) (2026-03-20)
 
 **Note:** Version bump only for package @synerise/ds-badge

package/dist/Badge.d.ts

@@ -1,6 +1,4 @@
-import React from 'react';
-import '@synerise/ds-core/dist/js/style';
-import { type BadgeProps } from './Badge.types';
-import './style/index.less';
+import { default as React } from 'react';
+import { BadgeProps } from './Badge.types';
 declare const Badge: ({ dot, ...props }: BadgeProps) => React.JSX.Element;
 export default Badge;

package/dist/Badge.js

@@ -1,17 +1,16 @@
-var _excluded = ["dot"];
-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 '@synerise/ds-core/dist/js/style';
-import StyledBadge from './Badge.styles';
+import { jsx } from "react/jsx-runtime";
+import StyledBadge from "./Badge.styles.js";
 import "./style/index.css";
-var Badge = function Badge(_ref) {
-  var dot = _ref.dot,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var status = props.status;
-  var isDot = dot !== undefined ? dot : status !== undefined;
-  return /*#__PURE__*/React.createElement(StyledBadge, _extends({}, props, {
-    dot: isDot
-  }));
+const Badge = ({
+  dot,
+  ...props
+}) => {
+  const {
+    status
+  } = props;
+  const isDot = dot !== void 0 ? dot : status !== void 0;
+  return /* @__PURE__ */ jsx(StyledBadge, { ...props, dot: isDot });
+};
+export {
+  Badge as default
 };
-export default Badge;

package/dist/Badge.styles.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-export declare const afterElementAnimation: import("styled-components").Keyframes;
-export declare const beforeElementAnimation: import("styled-components").Keyframes;
-declare const _default: import("styled-components").StyledComponent<({ flag, outlined, backgroundColor, textColor, backgroundColorHue, textColorHue, pulsing, customColor, ...rest }: any) => React.JSX.Element, any, {}, never>;
+import { default as React } from 'react';
+export declare const afterElementAnimation: import('styled-components').Keyframes;
+export declare const beforeElementAnimation: import('styled-components').Keyframes;
+declare const _default: import('styled-components').StyledComponent<({ flag, outlined, backgroundColor, textColor, backgroundColorHue, textColorHue, pulsing, customColor, ...rest }: any) => React.JSX.Element, any, {}, never>;
 export default _default;

package/dist/Badge.styles.js

@@ -1,38 +1,34 @@
-var _excluded = ["flag", "outlined", "backgroundColor", "textColor", "backgroundColorHue", "textColorHue", "pulsing", "customColor"];
-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 Badge from 'antd/lib/badge';
-import React from 'react';
-import styled, { css, keyframes } from 'styled-components';
-import { macro } from '@synerise/ds-typography';
-var getBackgroundColor = function getBackgroundColor(props) {
-  if (props.backgroundColor === 'transparent') {
-    return 'transparent';
+import { jsx } from "react/jsx-runtime";
+import Badge from "antd/lib/badge";
+import styled, { css, keyframes } from "styled-components";
+import { macro } from "@synerise/ds-typography";
+const getBackgroundColor = (props) => {
+  if (props.backgroundColor === "transparent") {
+    return "transparent";
   }
-  if (props.backgroundColor === 'white') {
+  if (props.backgroundColor === "white") {
     return props.theme.palette.white;
   }
-  return props.theme.palette[props.backgroundColor + "-" + props.backgroundColorHue];
+  return props.theme.palette[`${props.backgroundColor}-${props.backgroundColorHue}`];
 };
-export var afterElementAnimation = keyframes(["0%{transform:translate3d(-5px,-5px,0) scale(0.3);opacity:0.9;}100%{transform:translate3d(-5px,-5px,0) scale(1.5);opacity:0;}"]);
-export var beforeElementAnimation = keyframes(["0%{transform:translate3d(-2px,-2px,0) scale(0.5);opacity:0.9;}100%{transform:translate3d(-2px,-2px,0) scale(1.5);opacity:0;}"]);
-export default styled(function (_ref) {
-  var flag = _ref.flag,
-    outlined = _ref.outlined,
-    backgroundColor = _ref.backgroundColor,
-    textColor = _ref.textColor,
-    backgroundColorHue = _ref.backgroundColorHue,
-    textColorHue = _ref.textColorHue,
-    pulsing = _ref.pulsing,
-    customColor = _ref.customColor,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Badge, rest);
-}).withConfig({
+const afterElementAnimation = /* @__PURE__ */ keyframes(["0%{transform:translate3d(-5px,-5px,0) scale(0.3);opacity:0.9;}100%{transform:translate3d(-5px,-5px,0) scale(1.5);opacity:0;}"]);
+const beforeElementAnimation = /* @__PURE__ */ keyframes(["0%{transform:translate3d(-2px,-2px,0) scale(0.5);opacity:0.9;}100%{transform:translate3d(-2px,-2px,0) scale(1.5);opacity:0;}"]);
+const StyledBadge = styled(({
+  flag,
+  outlined,
+  backgroundColor,
+  textColor,
+  backgroundColorHue,
+  textColorHue,
+  pulsing,
+  customColor,
+  ...rest
+}) => /* @__PURE__ */ jsx(Badge, { ...rest })).withConfig({
   displayName: "Badgestyles",
   componentId: "sc-1ci72bj-0"
-})(["&&{.ant-scroll-number-only{height:16px;&:last-of-type:not(:first-of-type) > p{padding-right:1px;}& > p{", ";color:inherit;line-height:16px;height:16px;font-weight:400;}}.ant-badge-count{box-shadow:none;height:16px;padding:0 3px;line-height:16px;min-width:16px;font-size:13px;background-color:", ";color:", ";}", ""], macro.h200, function (props) {
-  return getBackgroundColor(props);
-}, function (props) {
-  return props.theme.palette[props.textColor + "-" + props.textColorHue];
-}, function (props) {
-  return css(["", " ", " ", " ", " ", " ", " ", ";"], props.customColor && css([".ant-badge-dot,.ant-badge-status-dot{background-color:", ";}"], props.customColor.indexOf('-') >= 0 ? props.theme.palette[props.customColor] : props.theme.palette[props.customColor + "-600"]), props.status === 'active' && !props.customColor && css([".ant-badge-status-active{background-color:", ";}"], props.theme.palette['green-600']), props.status === 'inactive' && !props.customColor && css([".ant-badge-status-inactive{background-color:", ";}"], props.theme.palette['grey-400']), props.status === 'blocked' && !props.customColor && css([".ant-badge-status-blocked{background-color:", ";}"], props.theme.palette['red-600']), props.status === 'processing' && !props.customColor && css([".ant-badge-status-processing{background-color:", ";}"], props.theme.palette['blue-600']), props.outlined && css([".ant-badge-count{box-shadow:0 0 0 1px ", ";}"], props.theme.palette.white), (!!props.flag || !!props.status) && css([".ant-badge-dot{box-shadow:none;&.ant-badge-status-processing{display:inline-block;position:absolute;}}.ant-badge-dot,.ant-badge-status-dot{overflow:visible;border:2px solid ", ";width:10px;height:10px;&::before{display:flex;content:", ";transform:translate3d(-2px,-2px,0);", " transform-origin:center;}&::after{display:flex;content:", ";transform:translate3d(-5px,-5px,0);", " transform-origin:center;}}"], props.theme.palette.white, props.flag ? '""' : 'none', props.pulsing && css(["animation:", " 2s infinite;position:absolute;top:0;left:0;width:10px;height:10px;background-color:inherit;border-radius:50%;"], beforeElementAnimation), props.flag ? '""' : 'none', props.pulsing && css(["animation:", " 2s infinite;position:absolute;top:0;left:0;width:16px;height:16px;background-color:inherit;border-radius:50%;"], afterElementAnimation)));
-});
+})(["&&{.ant-scroll-number-only{height:16px;&:last-of-type:not(:first-of-type) > p{padding-right:1px;}& > p{", ";color:inherit;line-height:16px;height:16px;font-weight:400;}}.ant-badge-count{box-shadow:none;height:16px;padding:0 3px;line-height:16px;min-width:16px;font-size:13px;background-color:", ";color:", ";}", ""], macro.h200, (props) => getBackgroundColor(props), (props) => props.theme.palette[`${props.textColor}-${props.textColorHue}`], (props) => css(["", " ", " ", " ", " ", " ", " ", ";"], props.customColor && css([".ant-badge-dot,.ant-badge-status-dot{background-color:", ";}"], props.customColor.indexOf("-") >= 0 ? props.theme.palette[props.customColor] : props.theme.palette[`${props.customColor}-600`]), props.status === "active" && !props.customColor && css([".ant-badge-status-active{background-color:", ";}"], props.theme.palette["green-600"]), props.status === "inactive" && !props.customColor && css([".ant-badge-status-inactive{background-color:", ";}"], props.theme.palette["grey-400"]), props.status === "blocked" && !props.customColor && css([".ant-badge-status-blocked{background-color:", ";}"], props.theme.palette["red-600"]), props.status === "processing" && !props.customColor && css([".ant-badge-status-processing{background-color:", ";}"], props.theme.palette["blue-600"]), props.outlined && css([".ant-badge-count{box-shadow:0 0 0 1px ", ";}"], props.theme.palette.white), (!!props.flag || !!props.status) && css([".ant-badge-dot{box-shadow:none;&.ant-badge-status-processing{display:inline-block;position:absolute;}}.ant-badge-dot,.ant-badge-status-dot{overflow:visible;border:2px solid ", ";width:10px;height:10px;&::before{display:flex;content:", ";transform:translate3d(-2px,-2px,0);", " transform-origin:center;}&::after{display:flex;content:", ";transform:translate3d(-5px,-5px,0);", " transform-origin:center;}}"], props.theme.palette.white, props.flag ? '""' : "none", props.pulsing && css(["animation:", " 2s infinite;position:absolute;top:0;left:0;width:10px;height:10px;background-color:inherit;border-radius:50%;"], beforeElementAnimation), props.flag ? '""' : "none", props.pulsing && css(["animation:", " 2s infinite;position:absolute;top:0;left:0;width:16px;height:16px;background-color:inherit;border-radius:50%;"], afterElementAnimation))));
+export {
+  afterElementAnimation,
+  beforeElementAnimation,
+  StyledBadge as default
+};

package/dist/Badge.types.d.ts

@@ -1,5 +1,5 @@
-import { type BadgeProps as AntBadgeProps } from 'antd/lib/badge';
-import { type DefaultColor } from '@synerise/ds-core';
+import { BadgeProps as AntBadgeProps } from 'antd/lib/badge';
+import { DefaultColor } from '@synerise/ds-core';
 export declare const color: readonly ["red", "green", "grey", "yellow", "blue", "pink", "mars", "orange", "fern", "cyan", "purple", "violet", "white", "transparent"];
 export type Color = (typeof color)[number];
 export type ColorHue = '900' | '800' | '700' | '600' | '500' | '400' | '300' | '200' | '100' | '050';

package/dist/Badge.types.js

@@ -1 +1,4 @@
-export var color = ['red', 'green', 'grey', 'yellow', 'blue', 'pink', 'mars', 'orange', 'fern', 'cyan', 'purple', 'violet', 'white', 'transparent'];
+const color = ["red", "green", "grey", "yellow", "blue", "pink", "mars", "orange", "fern", "cyan", "purple", "violet", "white", "transparent"];
+export {
+  color
+};

package/dist/index.js

@@ -1 +1,4 @@
-export { default } from './Badge';
+import { default as default2 } from "./Badge.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-badge",
-  "version": "1.0.43",
+  "version": "1.0.45",
   "description": "Badge 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",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
@@ -35,8 +35,8 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^1.15.0",
-    "@synerise/ds-typography": "^1.1.12"
+    "@synerise/ds-icon": "^1.15.2",
+    "@synerise/ds-typography": "^1.1.14"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -45,5 +45,5 @@
     "styled-components": "^5.3.3",
     "vitest": "4"
   },
-  "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
+  "gitHead": "c2384982c3533a31eb5e5e0408f8dcecb2b0f399"
 }