@synerise/ds-badge 1.0.12 → 1.0.14

package/README.md

@@ -90,20 +90,17 @@ import Badge from '@synerise/ds-badge'
 
 ### Color
 
-| Values                                                                                                                                                                                                                                                                                                                                                                                                      | 
-| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | 
-| `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`  | 
-
+| Values                                                                                                                                                                                                                                                                                                                                                                                                     |
+| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `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.
+Either icon or status is mandatory.

package/dist/Badge.d.ts

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

package/dist/Badge.js

@@ -3,8 +3,8 @@ 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 from 'react';
 import '@synerise/ds-core/dist/js/style';
-import "./style/index.css";
 import StyledBadge from './Badge.styles';
+import "./style/index.css";
 var Badge = function Badge(_ref) {
   var dot = _ref.dot,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);

package/dist/Badge.styles.js

@@ -1,12 +1,16 @@
 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 Badge from 'antd/lib/badge';
 import { macro } from '@synerise/ds-typography';
 var getBackgroundColor = function getBackgroundColor(props) {
-  if (props.backgroundColor === 'transparent') return 'transparent';
-  if (props.backgroundColor === 'white') return props.theme.palette.white;
+  if (props.backgroundColor === 'transparent') {
+    return 'transparent';
+  }
+  if (props.backgroundColor === 'white') {
+    return props.theme.palette.white;
+  }
   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;}"]);

package/dist/Badge.types.d.ts

@@ -1,7 +1,7 @@
-import { BadgeProps as AntBadgeProps } from 'antd/lib/badge';
-import { DefaultColor } from '@synerise/ds-core';
+import { type BadgeProps as AntBadgeProps } from 'antd/lib/badge';
+import { type 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 Color = (typeof color)[number];
 export type ColorHue = '900' | '800' | '700' | '600' | '500' | '400' | '300' | '200' | '100' | '050';
 export type Status = 'active' | 'inactive' | 'blocked' | 'processing' | 'warning' | undefined;
 export type BadgeProps = Omit<AntBadgeProps, 'status'> & {

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

@@ -1,3 +1,3 @@
-import { IconProps } from '@synerise/ds-icon';
-import { Status } from '../Badge.types';
+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,6 +1,6 @@
 import React from 'react';
-import { Check3S, ErrorFillS, SpinnerS, WarningFillS } from '@synerise/ds-icon';
 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),

package/dist/IconBadge/IconBadge.js

@@ -8,7 +8,6 @@ import { hasCustomIcon, renderStatusIcon } from './IconBadge.utils';
 export var IconBadge = function IconBadge(_ref) {
   var children = _ref.children,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  // eslint-disable-next-line react/destructuring-assignment
   var iconComponent = hasCustomIcon(props) ? props.icon : renderStatusIcon(props.status);
   var rest = omitKeys(['icon', 'status'], props);
   return /*#__PURE__*/React.createElement(S.IconBadgeWrapper, _extends({

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

@@ -1,5 +1,5 @@
-import { ReactElement, ReactNode, HTMLAttributes } from 'react';
-import { Status } from '../Badge.types';
+import { type HTMLAttributes, type ReactElement, type ReactNode } from 'react';
+import { type Status } from '../Badge.types';
 export type CustomIconBadgeProps = {
     icon: ReactElement;
 };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 export { default } from './Badge';
-export type { Status as BadgeStatus, BadgeProps, Color as BadgeColor, ColorHue as BadgeColorHue } from './Badge.types';
+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';
+export type { IconBadgeProps, StatusIconBadgeProps, CustomIconBadgeProps, } from './IconBadge/IconBadge.types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-badge",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "Badge UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,9 +34,9 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^1.5.3",
-    "@synerise/ds-typography": "^1.0.12",
-    "@synerise/ds-utils": "^1.3.0"
+    "@synerise/ds-icon": "^1.5.4",
+    "@synerise/ds-typography": "^1.0.14",
+    "@synerise/ds-utils": "^1.3.1"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -44,5 +44,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "11fe1d29b2ac23e70c3d5e6ce8ae20201a619a34"
+  "gitHead": "8db1900bf3f7b0782c834ff82f628199530cd934"
 }