@synerise/ds-progress-bar 1.1.22 → 1.1.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.md +9 -72
  2. package/README.md +10 -10
  3. package/dist/ProgressBar.js +9 -5
  4. package/dist/ProgressTiles/ProgressTiles.js +4 -1
  5. package/dist/ProgressTiles/ProgressTiles.styles.d.ts +0 -1
  6. package/dist/ProgressTiles/ProgressTiles.styles.js +2 -7
  7. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -3,151 +3,88 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [1.1.22](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@1.1.21...@synerise/ds-progress-bar@1.1.22) (2025-11-13)
7
-
6
+ ## [1.1.24](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@1.1.23...@synerise/ds-progress-bar@1.1.24) (2025-12-15)
8
7
 
9
- ### Bug Fixes
8
+ **Note:** Version bump only for package @synerise/ds-progress-bar
10
9
 
11
- * **progress-bar:** layout tweaks ([53c1d2e](https://github.com/Synerise/synerise-design/commit/53c1d2efe614035cae18122a0f2bfa8589d05745))
10
+ ## [1.1.23](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@1.1.22...@synerise/ds-progress-bar@1.1.23) (2025-11-28)
12
11
 
12
+ **Note:** Version bump only for package @synerise/ds-progress-bar
13
13
 
14
+ ## [1.1.22](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@1.1.21...@synerise/ds-progress-bar@1.1.22) (2025-11-13)
14
15
 
16
+ ### Bug Fixes
15
17
 
18
+ - **progress-bar:** layout tweaks ([53c1d2e](https://github.com/Synerise/synerise-design/commit/53c1d2efe614035cae18122a0f2bfa8589d05745))
16
19
 
17
20
  ## [1.1.21](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@1.1.20...@synerise/ds-progress-bar@1.1.21) (2025-11-06)
18
21
 
19
22
  **Note:** Version bump only for package @synerise/ds-progress-bar
20
23
 
21
-
22
-
23
-
24
-
25
24
  ## [1.1.20](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@1.1.19...@synerise/ds-progress-bar@1.1.20) (2025-10-22)
26
25
 
27
26
  **Note:** Version bump only for package @synerise/ds-progress-bar
28
27
 
29
-
30
-
31
-
32
-
33
28
  ## [1.1.19](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@1.1.18...@synerise/ds-progress-bar@1.1.19) (2025-10-10)
34
29
 
35
30
  **Note:** Version bump only for package @synerise/ds-progress-bar
36
31
 
37
-
38
-
39
-
40
-
41
32
  ## [1.1.18](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@1.1.17...@synerise/ds-progress-bar@1.1.18) (2025-09-19)
42
33
 
43
34
  **Note:** Version bump only for package @synerise/ds-progress-bar
44
35
 
45
-
46
-
47
-
48
-
49
36
  ## [1.1.17](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@1.1.16...@synerise/ds-progress-bar@1.1.17) (2025-09-16)
50
37
 
51
38
  **Note:** Version bump only for package @synerise/ds-progress-bar
52
39
 
53
-
54
-
55
-
56
-
57
40
  ## [1.1.16](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@1.1.15...@synerise/ds-progress-bar@1.1.16) (2025-09-05)
58
41
 
59
-
60
42
  ### Bug Fixes
61
43
 
62
- * fixed regressions ([7280298](https://github.com/Synerise/synerise-design/commit/7280298de410dd67bb858afda6c2367436bbc192))
63
-
64
-
65
-
66
-
44
+ - fixed regressions ([7280298](https://github.com/Synerise/synerise-design/commit/7280298de410dd67bb858afda6c2367436bbc192))
67
45
 
68
46
  ## [1.1.15](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@1.1.14...@synerise/ds-progress-bar@1.1.15) (2025-09-05)
69
47
 
70
-
71
48
  ### Bug Fixes
72
49
 
73
- * **progress-bar:** refactor progress bar and remove ant ([3324544](https://github.com/Synerise/synerise-design/commit/33245443d076da967561558ca8506d6ab0d904e5))
74
-
75
-
76
-
77
-
50
+ - **progress-bar:** refactor progress bar and remove ant ([3324544](https://github.com/Synerise/synerise-design/commit/33245443d076da967561558ca8506d6ab0d904e5))
78
51
 
79
52
  ## [1.1.14](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@1.1.13...@synerise/ds-progress-bar@1.1.14) (2025-08-28)
80
53
 
81
54
  **Note:** Version bump only for package @synerise/ds-progress-bar
82
55
 
83
-
84
-
85
-
86
-
87
56
  ## [1.1.13](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@1.1.12...@synerise/ds-progress-bar@1.1.13) (2025-08-14)
88
57
 
89
58
  **Note:** Version bump only for package @synerise/ds-progress-bar
90
59
 
91
-
92
-
93
-
94
-
95
60
  ## [1.1.12](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@1.1.11...@synerise/ds-progress-bar@1.1.12) (2025-07-24)
96
61
 
97
62
  **Note:** Version bump only for package @synerise/ds-progress-bar
98
63
 
99
-
100
-
101
-
102
-
103
64
  ## [1.1.11](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@1.1.10...@synerise/ds-progress-bar@1.1.11) (2025-07-17)
104
65
 
105
66
  **Note:** Version bump only for package @synerise/ds-progress-bar
106
67
 
107
-
108
-
109
-
110
-
111
68
  ## [1.1.10](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@1.1.9...@synerise/ds-progress-bar@1.1.10) (2025-07-15)
112
69
 
113
70
  **Note:** Version bump only for package @synerise/ds-progress-bar
114
71
 
115
-
116
-
117
-
118
-
119
72
  ## [1.1.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@1.1.8...@synerise/ds-progress-bar@1.1.9) (2025-07-08)
120
73
 
121
74
  **Note:** Version bump only for package @synerise/ds-progress-bar
122
75
 
123
-
124
-
125
-
126
-
127
76
  ## [1.1.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@1.1.7...@synerise/ds-progress-bar@1.1.8) (2025-07-01)
128
77
 
129
78
  **Note:** Version bump only for package @synerise/ds-progress-bar
130
79
 
131
-
132
-
133
-
134
-
135
80
  ## [1.1.7](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@1.1.6...@synerise/ds-progress-bar@1.1.7) (2025-06-26)
136
81
 
137
82
  **Note:** Version bump only for package @synerise/ds-progress-bar
138
83
 
139
-
140
-
141
-
142
-
143
84
  ## [1.1.6](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@1.1.5...@synerise/ds-progress-bar@1.1.6) (2025-06-24)
144
85
 
145
86
  **Note:** Version bump only for package @synerise/ds-progress-bar
146
87
 
147
-
148
-
149
-
150
-
151
88
  ## [1.1.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@1.1.4...@synerise/ds-progress-bar@1.1.5) (2025-06-05)
152
89
 
153
90
  **Note:** Version bump only for package @synerise/ds-progress-bar
package/README.md CHANGED
@@ -13,16 +13,16 @@ Progress-Bar UI Component
13
13
 
14
14
  ### ProgressBar
15
15
 
16
- | Property | Description | Type | Default |
17
- | ----------- | --------------------------------------------------------------------- | ------------------------------- | --------- |
18
- | steps | Number of steps in progress bar | number | - |
19
- | description | Text of description under progress bar | string | - |
20
- | percent | Value of progress bar, also visible in label | number | - |
21
- | thin | Displays a thinner line | boolean | `false` |
22
- | label | Optional label above progress bar | string | - |
23
- | customColor | Bar color | string | - |
24
- | width | CSS width property of progress-bar | string | - |
25
- | inline | set percent value next to progress bar | boolean | `false` |
16
+ | Property | Description | Type | Default |
17
+ | ----------- | -------------------------------------------- | ------- | ------- |
18
+ | steps | Number of steps in progress bar | number | - |
19
+ | description | Text of description under progress bar | string | - |
20
+ | percent | Value of progress bar, also visible in label | number | - |
21
+ | thin | Displays a thinner line | boolean | `false` |
22
+ | label | Optional label above progress bar | string | - |
23
+ | customColor | Bar color | string | - |
24
+ | width | CSS width property of progress-bar | string | - |
25
+ | inline | set percent value next to progress bar | boolean | `false` |
26
26
 
27
27
  ### ProgressTiles
28
28
 
package/dist/ProgressBar.js CHANGED
@@ -43,11 +43,14 @@ var ProgressBar = function ProgressBar(_ref) {
43
43
  "data-testid": "progress-bar-container",
44
44
  $steps: steps,
45
45
  $inline: inline
46
- }, rest), label && !inline && /*#__PURE__*/React.createElement(S.LabelWrapper, null, label && /*#__PURE__*/React.createElement(S.Label, {
47
- "data-testid": "progress-bar-label"
48
- }, label), /*#__PURE__*/React.createElement(S.Percent, {
46
+ }, rest), label && !inline && /*#__PURE__*/React.createElement(S.LabelWrapper, null, /*#__PURE__*/React.createElement(S.Label, {
47
+ "data-testid": "progress-bar-label",
48
+ className: "progress-bar-label"
49
+ }, label), /*#__PURE__*/React.createElement("span", {
49
50
  "data-testid": "progress-bar-max-percent"
50
- }, percent + "%")), /*#__PURE__*/React.createElement(S.ProgressOuter, null, tiles.map(function (tile, i) {
51
+ }, percent + "%")), /*#__PURE__*/React.createElement("div", {
52
+ className: "progress-div"
53
+ }, tiles.map(function (tile, i) {
51
54
  return /*#__PURE__*/React.createElement(S.ProgressWrapper, {
52
55
  $thin: thin,
53
56
  key: "key-" + tile.id,
@@ -56,7 +59,8 @@ var ProgressBar = function ProgressBar(_ref) {
56
59
  customColor: customColor,
57
60
  $width: (tilesWidthRatios[i] || 0) * MAX_PERCENT + "%"
58
61
  }));
59
- })), inline && /*#__PURE__*/React.createElement(S.PercentWrapper, null, label || percent + "%"), description && !inline && /*#__PURE__*/React.createElement(S.ProgressBarDescription, {
62
+ })), inline && /*#__PURE__*/React.createElement(S.PercentWrapper, null, percent + "%"), description && !inline && /*#__PURE__*/React.createElement("span", {
63
+ className: "progress-bar-description",
60
64
  "data-testid": "progress-bar-description"
61
65
  }, description));
62
66
  };
package/dist/ProgressTiles/ProgressTiles.js CHANGED
@@ -1,6 +1,7 @@
1
1
  var _excluded = ["colors", "label", "tileWidth", "percent"];
2
2
  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; }
3
3
  import React, { useCallback } from 'react';
4
+ import { FormFieldLabel } from '@synerise/ds-form-field';
4
5
  import * as S from './ProgressTiles.styles';
5
6
  var MAX_PERCENT = 100;
6
7
  export var ProgressTiles = function ProgressTiles(_ref) {
@@ -24,7 +25,9 @@ export var ProgressTiles = function ProgressTiles(_ref) {
24
25
  };
25
26
  });
26
27
  }, [colors, percent]);
27
- return /*#__PURE__*/React.createElement(S.TilesWrapper, rest, label && /*#__PURE__*/React.createElement(S.Label, null, label), /*#__PURE__*/React.createElement("div", {
28
+ return /*#__PURE__*/React.createElement(S.TilesWrapper, rest, label && /*#__PURE__*/React.createElement(FormFieldLabel, {
29
+ className: "progress-bar-label"
30
+ }, label), /*#__PURE__*/React.createElement("div", {
28
31
  className: "progress-bar-wrapper"
29
32
  }, getTilesConfig().map(function (tile) {
30
33
  return /*#__PURE__*/React.createElement(S.TileContainer, {
package/dist/ProgressTiles/ProgressTiles.styles.d.ts CHANGED
@@ -5,5 +5,4 @@ export declare const TileProgress: import("styled-components").StyledComponent<"
5
5
  color: string;
6
6
  width: string;
7
7
  }, never>;
8
- 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>;
9
8
  export declare const TilesWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
package/dist/ProgressTiles/ProgressTiles.styles.js CHANGED
@@ -1,5 +1,4 @@
1
1
  import styled from 'styled-components';
2
- import { FormFieldLabel } from '@synerise/ds-form-field';
3
2
  export var TileContainer = styled.div.withConfig({
4
3
  displayName: "ProgressTilesstyles__TileContainer",
5
4
  componentId: "sc-sod9jl-0"
@@ -16,11 +15,7 @@ export var TileProgress = styled.div.withConfig({
16
15
  }, function (props) {
17
16
  return props.color;
18
17
  });
19
- export var Label = styled(FormFieldLabel).withConfig({
20
- displayName: "ProgressTilesstyles__Label",
21
- componentId: "sc-sod9jl-2"
22
- })(["margin-bottom:12px;cursor:pointer;"]);
23
18
  export var TilesWrapper = styled.div.withConfig({
24
19
  displayName: "ProgressTilesstyles__TilesWrapper",
25
- componentId: "sc-sod9jl-3"
26
- })(["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);
20
+ componentId: "sc-sod9jl-2"
21
+ })(["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);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-progress-bar",
3
- "version": "1.1.22",
3
+ "version": "1.1.24",
4
4
  "description": "Progress-Bar UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -21,7 +21,7 @@
21
21
  "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
22
22
  "build:watch": "npm run build:js -- --watch",
23
23
  "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
24
- "pack:ci": "npm pack --pack-destination ../../storybook/storybook-static/static",
24
+ "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
25
25
  "prepublish": "npm run build",
26
26
  "test": "jest",
27
27
  "test:watch": "npm run test -- --watchAll",
@@ -35,13 +35,13 @@
35
35
  ],
36
36
  "types": "dist/index.d.ts",
37
37
  "dependencies": {
38
- "@synerise/ds-form-field": "^1.1.19",
39
- "@synerise/ds-utils": "^1.5.0"
38
+ "@synerise/ds-form-field": "^1.1.21",
39
+ "@synerise/ds-utils": "^1.5.1"
40
40
  },
41
41
  "peerDependencies": {
42
42
  "@synerise/ds-core": "*",
43
43
  "react": ">=16.9.0 <= 18.3.1",
44
44
  "styled-components": "^5.3.3"
45
45
  },
46
- "gitHead": "085189e79075b23a8fb86ce9b7d930f6ac7b3d23"
46
+ "gitHead": "b1279d5354132a2bf0b6f0cfa343db4c6c928f72"
47
47
  }