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