@inera/ids-react 6.1.0 → 6.2.0

package/components/card/card.js

@@ -2,12 +2,12 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import '@inera/ids-design/components/card/card.css';
 
 const IDSCard = ({ fill = 0, borderTop = 0, lean = false, hideOnM = false, hideOnS = false, interactive = false, children }) => {
-    return (jsxs("div", { className: `ids-card
-        ${hideOnM ? "ids-card--hide-on-m" : ""}
-        ${hideOnS ? "ids-card--hide-on-s" : ""}
-        ${fill > 0 && !borderTop ? `ids-card--fill-${fill}` : ""}
-        ${borderTop ? `ids-card--border-top-${borderTop}` : ""}
-        ${lean ? "ids-card--lean" : ""}
+    return (jsxs("div", { className: `ids-card
+        ${hideOnM ? "ids-card--hide-on-m" : ""}
+        ${hideOnS ? "ids-card--hide-on-s" : ""}
+        ${fill > 0 && !borderTop ? `ids-card--fill-${fill}` : ""}
+        ${borderTop ? `ids-card--border-top-${borderTop}` : ""}
+        ${lean ? "ids-card--lean" : ""}
         ${interactive ? "ids-card--interactive" : ""}`.trim(), children: [borderTop > 0 && fill === 0 && jsx("div", { className: "ids-card__border-top" }), jsx("div", { className: "ids-card__content", children: children })] }));
 };
 

package/components/progressbar/progressbar.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import "@inera/ids-design/components/progressbar/progressbar.css";
 interface IDSProgressbarProps {
+    label: string;
     hideLabel?: boolean;
     value?: number;
     srLabel: string;

package/components/progressbar/progressbar.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@inera/ids-design/components/progressbar/progressbar.css';
 
-const IDSProgressbar = ({ hideLabel = false, value = 0, srLabel = "" }) => {
-    return (jsxs("div", { className: "ids-progressbar", role: "progressbar", "aria-label": srLabel, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": value, children: [value > 0 ? (jsx("div", { className: "ids-progressbar__progress", style: { width: `calc(${value}% + 2px)` } })) : null, hideLabel ? null : jsxs("div", { className: "ids-progressbar__label", children: [value, "%"] })] }));
+const IDSProgressbar = ({ label = "", hideLabel = false, value = 0, srLabel = "" }) => {
+    return (jsxs("div", { className: "ids-progressbar", children: [hideLabel ? null : (jsxs("div", { className: "ids-progressbar__label", children: [label && label, " ", value, "%"] })), jsx("div", { className: "ids-progressbar__bar", role: "progressbar", "aria-label": srLabel, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": value, children: value > 0 ? (jsx("div", { className: "ids-progressbar__progress", style: { width: `calc(${value}% + 0.125rem)` } })) : null })] }));
 };
 
 export { IDSProgressbar };

package/license.md

@@ -1,7 +1,7 @@
-# License
-
-The package @inera/ids-react is solely for the purpose of being used for and on behalf of Inera AB and its subsidiaries.
-
-Individuals or entities that are not affiliated with or employed by Inera AB or its subsidiaries are prohibited from accessing or utilizing this package. Additionally, they may not reproduce, sell, publish any information, content, or materials available through it for any purpose.
-
+# License
+
+The package @inera/ids-react is solely for the purpose of being used for and on behalf of Inera AB and its subsidiaries.
+
+Individuals or entities that are not affiliated with or employed by Inera AB or its subsidiaries are prohibited from accessing or utilizing this package. Additionally, they may not reproduce, sell, publish any information, content, or materials available through it for any purpose.
+
 By accessing and using this package, you agree to be bound by these terms of use.

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@inera/ids-react",
-  "version": "6.1.0",
+  "version": "6.2.0",
   "type": "module",
   "peerDependencies": {
     "react": "*"
   },
   "dependencies": {
-    "@inera/ids-core": "6.1.x",
+    "@inera/ids-core": "6.2.x",
     "@lit-labs/react": "^1.1.0",
     "clsx": "*"
   },