@synerise/ds-status 1.1.3 → 1.2.1

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.2.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-status@1.2.0...@synerise/ds-status@1.2.1) (2025-04-24)
+
+**Note:** Version bump only for package @synerise/ds-status
+
+
+
+
+
+# [1.2.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-status@1.1.3...@synerise/ds-status@1.2.0) (2025-04-16)
+
+
+### Features
+
+* **status:** allow htmlattributes props ([be0c2c4](https://github.com/Synerise/synerise-design/commit/be0c2c4d3048ae03149d73918fd3b0a5bed5251a))
+
+
+
+
+
 ## [1.1.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-status@1.1.2...@synerise/ds-status@1.1.3) (2025-04-02)
 
 **Note:** Version bump only for package @synerise/ds-status

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, dashed }: StatusProps) => React.JSX.Element;
+declare const Status: ({ type, onClick, className, label, color, dashed, ...htmlAttributes }: StatusProps) => React.JSX.Element;
 export default Status;

package/dist/Status.js

@@ -1,3 +1,6 @@
+var _excluded = ["type", "onClick", "className", "label", "color", "dashed"];
+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 { TagShape } from '@synerise/ds-tag';
 import * as S from './Status.styles';
@@ -8,8 +11,9 @@ var Status = function Status(_ref) {
     className = _ref.className,
     label = _ref.label,
     color = _ref.color,
-    dashed = _ref.dashed;
-  return /*#__PURE__*/React.createElement(S.StatusTag, {
+    dashed = _ref.dashed,
+    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(S.StatusTag, _extends({}, htmlAttributes, {
     onClick: onClick,
     className: "ds-status " + (className || ''),
     shape: TagShape.STATUS_NEUTRAL,
@@ -18,6 +22,6 @@ var Status = function Status(_ref) {
     color: color,
     dashed: dashed,
     asPill: true
-  });
+  }));
 };
 export default Status;

package/dist/Status.types.d.ts

@@ -1,9 +1,9 @@
+import type { WithHTMLAttributes } from '@synerise/ds-utils';
 export type StatusType = 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'disabled' | 'default' | 'custom';
-export type StatusProps = {
+export type StatusProps = WithHTMLAttributes<HTMLDivElement, {
     label: string;
     type: StatusType;
-    className?: string;
     onClick?: () => void;
     color?: string;
     dashed?: boolean;
-};
+}>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-status",
-  "version": "1.1.3",
+  "version": "1.2.1",
   "description": "Status UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,7 +34,7 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-tag": "^1.1.3",
+    "@synerise/ds-tag": "^1.1.5",
     "@synerise/ds-utils": "^1.0.1"
   },
   "peerDependencies": {
@@ -42,5 +42,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "dc78b03be09e793ec84f1dafc59c5616e77f1196"
+  "gitHead": "fc601270d3c84a5a52b62473a01f1b3c1c7014a7"
 }