@synerise/ds-status 0.6.23 → 0.6.25

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.6.25](https://github.com/Synerise/synerise-design/compare/@synerise/ds-status@0.6.24...@synerise/ds-status@0.6.25) (2024-09-26)
+
+**Note:** Version bump only for package @synerise/ds-status
+
+
+
+
+
+## [0.6.24](https://github.com/Synerise/synerise-design/compare/@synerise/ds-status@0.6.23...@synerise/ds-status@0.6.24) (2024-09-18)
+
+**Note:** Version bump only for package @synerise/ds-status
+
+
+
+
+
 ## [0.6.23](https://github.com/Synerise/synerise-design/compare/@synerise/ds-status@0.6.22...@synerise/ds-status@0.6.23) (2024-09-17)
 
 **Note:** Version bump only for package @synerise/ds-status

package/README.md

@@ -30,8 +30,9 @@ import Status from '@synerise/ds-status'
 
 | Property  | Description            | Type                                                      | Default   |
 | --------- | ---------------------- | --------------------------------------------------------- | --------- |
-| type      | type of status         | `primary` / `success` / `warning` / `danger` / `disabled` / `default` | `primary` / `custom` |
+| type      | type of status         | `primary` / `success` / `warning` / `danger` / `info` / `disabled` / `default` | `primary` / `custom` |
 | label     | text inside the status | string                                                    | -         |
 | className | wrapper class name     | string                                                    | -         |
 | onClick   | onClick event          | () => void                                                | -         |
 | color     | type of color (works with type="custom")  | string                                 | -         |
+| dashed    | make dashed border     | boolean                                                   | -         |

package/dist/Status.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { StatusProps } from './Status.types';
-declare const Status: ({ type, onClick, className, label, color }: StatusProps) => React.JSX.Element;
+declare const Status: ({ type, onClick, className, label, color, dashed }: StatusProps) => React.JSX.Element;
 export default Status;

package/dist/Status.js

@@ -8,7 +8,8 @@ var Status = function Status(_ref) {
       onClick = _ref.onClick,
       className = _ref.className,
       label = _ref.label,
-      color = _ref.color;
+      color = _ref.color,
+      dashed = _ref.dashed;
   return /*#__PURE__*/React.createElement(S.StatusTag, {
     onClick: onClick,
     className: "ds-status " + (className || ''),
@@ -16,6 +17,7 @@ var Status = function Status(_ref) {
     type: type,
     name: label,
     color: color,
+    dashed: dashed,
     asPill: true
   });
 };

package/dist/Status.styles.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
 import type { StatusType } from './Status.types';
 export declare const StatusTag: import("styled-components").StyledComponent<{
-    ({ id, name, className, disabled, removable, image, shape, color, textColor, onRemove, onClick, prefixel, suffixel, texts, asPill, ...htmlAttributes }: import("@synerise/ds-tags/dist/Tag/Tag.types").TagProps): import("react").JSX.Element;
+    ({ id, name, className, disabled, removable, image, shape, color, textColor, onRemove, onClick, prefixel, suffixel, texts, asPill, dashed, ...htmlAttributes }: import("@synerise/ds-tags/dist/Tag/Tag.types").TagProps): import("react").JSX.Element;
     defaultProps: {
         shape: import("@synerise/ds-tags").TagShape;
     };
 }, any, {
     type: StatusType;
+    dashed?: boolean | undefined;
 }, never>;

package/dist/Status.styles.js

@@ -5,8 +5,9 @@ var typeColor = function typeColor(props) {
   return {
     primary: props.theme.palette['blue-600'],
     danger: props.theme.palette['red-600'],
-    warning: props.theme.palette['yellow-600'],
-    success: props.theme.palette['green-600'],
+    warning: props.theme.palette['yellow-700'],
+    success: props.theme.palette['green-700'],
+    info: props.theme.palette['blue-600'],
     "default": props.theme.palette['grey-500'],
     disabled: props.theme.palette['grey-500'],
     custom: null
@@ -16,7 +17,9 @@ var typeColor = function typeColor(props) {
 export var StatusTag = styled(Tag).withConfig({
   displayName: "Statusstyles__StatusTag",
   componentId: "sc-1yv28da-0"
-})(["&&{transition:opacity 0.25s;", "}"], function (props) {
+})(["&&{transition:opacity 0.25s;border:", ";", "}"], function (props) {
+  return props.dashed ? '1px dashed' : '1px solid';
+}, function (props) {
   var color = typeColor(props);
   return color ? "\n        color: " + color + ";\n        border-color: " + color + ";\n      " : '';
 });

package/dist/Status.types.d.ts

@@ -1,8 +1,9 @@
-export type StatusType = 'primary' | 'success' | 'warning' | 'danger' | 'disabled' | 'default' | 'custom';
+export type StatusType = 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'disabled' | 'default' | 'custom';
 export interface StatusProps {
     label: string;
     type: StatusType;
     className?: string;
     onClick?: () => void;
     color?: string;
+    dashed?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-status",
-  "version": "0.6.23",
+  "version": "0.6.25",
   "description": "Status UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -25,7 +25,8 @@
     "prepublish": "npm run build",
     "test": "jest",
     "test:watch": "npm run test -- --watchAll",
-    "types": "tsc --noEmit"
+    "types": "tsc --noEmit",
+    "upgrade:ds": "ncu -f \"@synerise/ds-*\" -u"
   },
   "sideEffects": [
     "dist/style/*",
@@ -33,13 +34,13 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-tags": "^0.10.8",
-    "@synerise/ds-utils": "^0.29.3"
+    "@synerise/ds-tags": "^0.10.10",
+    "@synerise/ds-utils": "^0.29.4"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "ae3c38b44ca0f9071cd55f7b82c182a99b5710e8"
+  "gitHead": "fc06bd0f13401a57329fb92985b735de33108dbc"
 }