@synerise/ds-progress-bar 1.1.23 → 1.1.25

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 +8 -75
  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,159 +3,92 @@
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.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)
6
+ ## [1.1.25](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@1.1.24...@synerise/ds-progress-bar@1.1.25) (2025-12-16)
7
7
 
8
8
  **Note:** Version bump only for package @synerise/ds-progress-bar
9
9
 
10
+ ## [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)
10
11
 
12
+ **Note:** Version bump only for package @synerise/ds-progress-bar
11
13
 
14
+ ## [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
15
 
16
+ **Note:** Version bump only for package @synerise/ds-progress-bar
13
17
 
14
18
  ## [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)
15
19
 
16
-
17
20
  ### Bug Fixes
18
21
 
19
- * **progress-bar:** layout tweaks ([53c1d2e](https://github.com/Synerise/synerise-design/commit/53c1d2efe614035cae18122a0f2bfa8589d05745))
20
-
21
-
22
-
23
-
22
+ - **progress-bar:** layout tweaks ([53c1d2e](https://github.com/Synerise/synerise-design/commit/53c1d2efe614035cae18122a0f2bfa8589d05745))
24
23
 
25
24
  ## [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)
26
25
 
27
26
  **Note:** Version bump only for package @synerise/ds-progress-bar
28
27
 
29
-
30
-
31
-
32
-
33
28
  ## [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)
34
29
 
35
30
  **Note:** Version bump only for package @synerise/ds-progress-bar
36
31
 
37
-
38
-
39
-
40
-
41
32
  ## [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)
42
33
 
43
34
  **Note:** Version bump only for package @synerise/ds-progress-bar
44
35
 
45
-
46
-
47
-
48
-
49
36
  ## [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)
50
37
 
51
38
  **Note:** Version bump only for package @synerise/ds-progress-bar
52
39
 
53
-
54
-
55
-
56
-
57
40
  ## [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)
58
41
 
59
42
  **Note:** Version bump only for package @synerise/ds-progress-bar
60
43
 
61
-
62
-
63
-
64
-
65
44
  ## [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)
66
45
 
67
-
68
46
  ### Bug Fixes
69
47
 
70
- * fixed regressions ([7280298](https://github.com/Synerise/synerise-design/commit/7280298de410dd67bb858afda6c2367436bbc192))
71
-
72
-
73
-
74
-
48
+ - fixed regressions ([7280298](https://github.com/Synerise/synerise-design/commit/7280298de410dd67bb858afda6c2367436bbc192))
75
49
 
76
50
  ## [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)
77
51
 
78
-
79
52
  ### Bug Fixes
80
53
 
81
- * **progress-bar:** refactor progress bar and remove ant ([3324544](https://github.com/Synerise/synerise-design/commit/33245443d076da967561558ca8506d6ab0d904e5))
82
-
83
-
84
-
85
-
54
+ - **progress-bar:** refactor progress bar and remove ant ([3324544](https://github.com/Synerise/synerise-design/commit/33245443d076da967561558ca8506d6ab0d904e5))
86
55
 
87
56
  ## [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)
88
57
 
89
58
  **Note:** Version bump only for package @synerise/ds-progress-bar
90
59
 
91
-
92
-
93
-
94
-
95
60
  ## [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)
96
61
 
97
62
  **Note:** Version bump only for package @synerise/ds-progress-bar
98
63
 
99
-
100
-
101
-
102
-
103
64
  ## [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)
104
65
 
105
66
  **Note:** Version bump only for package @synerise/ds-progress-bar
106
67
 
107
-
108
-
109
-
110
-
111
68
  ## [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)
112
69
 
113
70
  **Note:** Version bump only for package @synerise/ds-progress-bar
114
71
 
115
-
116
-
117
-
118
-
119
72
  ## [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)
120
73
 
121
74
  **Note:** Version bump only for package @synerise/ds-progress-bar
122
75
 
123
-
124
-
125
-
126
-
127
76
  ## [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)
128
77
 
129
78
  **Note:** Version bump only for package @synerise/ds-progress-bar
130
79
 
131
-
132
-
133
-
134
-
135
80
  ## [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)
136
81
 
137
82
  **Note:** Version bump only for package @synerise/ds-progress-bar
138
83
 
139
-
140
-
141
-
142
-
143
84
  ## [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)
144
85
 
145
86
  **Note:** Version bump only for package @synerise/ds-progress-bar
146
87
 
147
-
148
-
149
-
150
-
151
88
  ## [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)
152
89
 
153
90
  **Note:** Version bump only for package @synerise/ds-progress-bar
154
91
 
155
-
156
-
157
-
158
-
159
92
  ## [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)
160
93
 
161
94
  **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.23",
3
+ "version": "1.1.25",
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.20",
39
- "@synerise/ds-utils": "^1.5.0"
38
+ "@synerise/ds-form-field": "^1.2.0",
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": "d5bd7fbc9d840ac30e2b79b36c451b486e178445"
46
+ "gitHead": "c610279aef2d2139973075117de1bb281b9393b6"
47
47
  }