@synerise/ds-progress-bar 1.1.26 → 1.1.27

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.1.27](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@1.1.26...@synerise/ds-progress-bar@1.1.27) (2026-01-12)
+
+### Bug Fixes
+
+- regression fix ([0b95c50](https://github.com/Synerise/synerise-design/commit/0b95c50d6119b929520eb0139357f78e09d42e8c))
+
 ## [1.1.26](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@1.1.25...@synerise/ds-progress-bar@1.1.26) (2026-01-07)
 
 **Note:** Version bump only for package @synerise/ds-progress-bar

package/dist/ProgressBar.js

@@ -43,14 +43,11 @@ var ProgressBar = function ProgressBar(_ref) {
     "data-testid": "progress-bar-container",
     $steps: steps,
     $inline: inline
-  }, rest), label && !inline && /*#__PURE__*/React.createElement(S.LabelWrapper, null, /*#__PURE__*/React.createElement(S.Label, {
-    "data-testid": "progress-bar-label",
-    className: "progress-bar-label"
-  }, label), /*#__PURE__*/React.createElement("span", {
+  }, rest), label && !inline && /*#__PURE__*/React.createElement(S.LabelWrapper, null, label && /*#__PURE__*/React.createElement(S.Label, {
+    "data-testid": "progress-bar-label"
+  }, label), /*#__PURE__*/React.createElement(S.Percent, {
     "data-testid": "progress-bar-max-percent"
-  }, percent + "%")), /*#__PURE__*/React.createElement("div", {
-    className: "progress-div"
-  }, tiles.map(function (tile, i) {
+  }, percent + "%")), /*#__PURE__*/React.createElement(S.ProgressOuter, null, tiles.map(function (tile, i) {
     return /*#__PURE__*/React.createElement(S.ProgressWrapper, {
       $thin: thin,
       key: "key-" + tile.id,
@@ -59,8 +56,7 @@ var ProgressBar = function ProgressBar(_ref) {
       customColor: customColor,
       $width: (tilesWidthRatios[i] || 0) * MAX_PERCENT + "%"
     }));
-  })), inline && /*#__PURE__*/React.createElement(S.PercentWrapper, null, percent + "%"), description && !inline && /*#__PURE__*/React.createElement("span", {
-    className: "progress-bar-description",
+  })), inline && /*#__PURE__*/React.createElement(S.PercentWrapper, null, label || percent + "%"), description && !inline && /*#__PURE__*/React.createElement(S.ProgressBarDescription, {
     "data-testid": "progress-bar-description"
   }, description));
 };

package/dist/ProgressTiles/ProgressTiles.js

@@ -1,7 +1,6 @@
 var _excluded = ["colors", "label", "tileWidth", "percent"];
 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, { useCallback } from 'react';
-import { FormFieldLabel } from '@synerise/ds-form-field';
 import * as S from './ProgressTiles.styles';
 var MAX_PERCENT = 100;
 export var ProgressTiles = function ProgressTiles(_ref) {
@@ -25,9 +24,7 @@ export var ProgressTiles = function ProgressTiles(_ref) {
       };
     });
   }, [colors, percent]);
-  return /*#__PURE__*/React.createElement(S.TilesWrapper, rest, label && /*#__PURE__*/React.createElement(FormFieldLabel, {
-    className: "progress-bar-label"
-  }, label), /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(S.TilesWrapper, rest, label && /*#__PURE__*/React.createElement(S.Label, null, label), /*#__PURE__*/React.createElement("div", {
     className: "progress-bar-wrapper"
   }, getTilesConfig().map(function (tile) {
     return /*#__PURE__*/React.createElement(S.TileContainer, {

package/dist/ProgressTiles/ProgressTiles.styles.d.ts

@@ -5,4 +5,5 @@ export declare const TileProgress: import("styled-components").StyledComponent<"
     color: string;
     width: string;
 }, never>;
+export declare const Label: import("styled-components").StyledComponent<({ id, label, tooltip, tooltipConfig, children, ...htmlAttributes }: import("@synerise/ds-form-field").FormFieldLabelProps) => React.JSX.Element, any, {}, never>;
 export declare const TilesWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/ProgressTiles/ProgressTiles.styles.js

@@ -1,4 +1,5 @@
 import styled from 'styled-components';
+import { FormFieldLabel } from '@synerise/ds-form-field';
 export var TileContainer = styled.div.withConfig({
   displayName: "ProgressTilesstyles__TileContainer",
   componentId: "sc-sod9jl-0"
@@ -15,7 +16,11 @@ export var TileProgress = styled.div.withConfig({
 }, function (props) {
   return props.color;
 });
+export var Label = styled(FormFieldLabel).withConfig({
+  displayName: "ProgressTilesstyles__Label",
+  componentId: "sc-sod9jl-2"
+})(["margin-bottom:12px;cursor:pointer;"]);
 export var TilesWrapper = styled.div.withConfig({
   displayName: "ProgressTilesstyles__TilesWrapper",
-  componentId: "sc-sod9jl-2"
-})(["width:100%;display:flex;justify-content:center;flex-direction:column;.progress-bar-label{margin-bottom:12px;cursor:pointer;}.progress-bar-wrapper{display:flex;}", ":first-of-type{border-radius:3px 0 0 3px;", ":first-of-type{border-radius:3px 0 0 3px;}}", ":last-of-type{border-radius:0 3px 3px 0;", ":last-of-type{border-radius:0 3px 3px 0;}}"], TileContainer, TileProgress, TileContainer, TileProgress);
+  componentId: "sc-sod9jl-3"
+})(["width:100%;display:flex;justify-content:center;flex-direction:column;.progress-bar-wrapper{display:flex;}", ":first-of-type{border-radius:3px 0 0 3px;", ":first-of-type{border-radius:3px 0 0 3px;}}", ":last-of-type{border-radius:0 3px 3px 0;", ":last-of-type{border-radius:0 3px 3px 0;}}"], TileContainer, TileProgress, TileContainer, TileProgress);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-progress-bar",
-  "version": "1.1.26",
+  "version": "1.1.27",
   "description": "Progress-Bar UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -35,13 +35,13 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-form-field": "^1.2.1",
-    "@synerise/ds-utils": "^1.5.2"
+    "@synerise/ds-form-field": "^1.2.2",
+    "@synerise/ds-utils": "^1.5.3"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "f38e4b2dca1d43c39af0b189c93808de62c11e9b"
+  "gitHead": "70a5256c87ef38313eedb9a004d1c6980082b2f5"
 }