@synerise/ds-button 1.5.4 → 1.5.6

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 (4) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/Checkbox/Checkbox.js +1 -1
  3. package/dist/Checkbox/Checkbox.styles.js +15 -7
  4. package/package.json +10 -10
package/CHANGELOG.md CHANGED
@@ -3,6 +3,16 @@
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.5.6](https://github.com/synerise/synerise-design/compare/@synerise/ds-button@1.5.5...@synerise/ds-button@1.5.6) (2026-01-29)
7
+
8
+ ### Bug Fixes
9
+
10
+ - **button:** change styles ([1e74acb](https://github.com/synerise/synerise-design/commit/1e74acbc7a4e2bd8e8ca7a27d7e3f70dfbf02657))
11
+
12
+ ## [1.5.5](https://github.com/synerise/synerise-design/compare/@synerise/ds-button@1.5.4...@synerise/ds-button@1.5.5) (2026-01-15)
13
+
14
+ **Note:** Version bump only for package @synerise/ds-button
15
+
6
16
  ## [1.5.4](https://github.com/synerise/synerise-design/compare/@synerise/ds-button@1.5.3...@synerise/ds-button@1.5.4) (2026-01-12)
7
17
 
8
18
  **Note:** Version bump only for package @synerise/ds-button
package/dist/Checkbox/Checkbox.js CHANGED
@@ -60,7 +60,7 @@ var CheckboxButton = function CheckboxButton(props) {
60
60
  transition: 'none'
61
61
  },
62
62
  tabIndex: 0,
63
- type: "ghost",
63
+ type: "ghost-primary",
64
64
  onClick: handleButtonClick
65
65
  }, restProps), /*#__PURE__*/React.createElement(S.IconWrapper, {
66
66
  active: indeterminate || isChecked,
package/dist/Checkbox/Checkbox.styles.js CHANGED
@@ -3,7 +3,7 @@ import { CheckboxDeafultM, CheckboxM } from '@synerise/ds-icon';
3
3
  export var IconWrapper = styled.span.withConfig({
4
4
  displayName: "Checkboxstyles__IconWrapper",
5
5
  componentId: "sc-ssgaoj-0"
6
- })(["&&&& svg{fill:", ";}.ant-btn-ghost[disabled] & .ds-icon svg{fill:", " !important;}.ant-btn-ghost:hover & .ds-icon svg,.ant-btn-ghost:focus:hover & .ds-icon svg{fill:", ";}.ds-button.ant-btn-ghost &::before{content:'';display:'block';position:absolute;bottom:0;left:0;right:0;top:0;margin:5px;z-index:-1;}.ds-button.ant-btn-ghost &::before,.ds-button.ant-btn-ghost:hover &::before,.ds-button.ant-btn-ghost:focus:hover &::before{background:", ";}.ds-button.ant-btn-ghost[disabled] &::before,.ds-button.ant-btn-ghost[disabled]:hover &::before{background:", ";}"], function (_ref) {
6
+ })(["&&&&{color:", ";svg{fill:", ";}}.ant-btn[disabled] & .ds-icon svg{fill:", " !important;}.ant-btn:hover & .ds-icon svg,.ant-btn:focus:hover & .ds-icon svg{fill:", ";}.ds-button.ant-btn &::before{content:'';display:'block';position:absolute;bottom:0;left:0;right:0;top:0;margin:5px;z-index:-1;}.ds-button.ant-btn &::before,.ds-button.ant-btn:hover &::before,.ds-button.ant-btn:focus:hover &::before{background:", ";}.ds-button.ant-btn[disabled] &::before,.ds-button.ant-btn[disabled]:hover &::before{background:", ";}"], function (_ref) {
7
7
  var theme = _ref.theme,
8
8
  active = _ref.active,
9
9
  error = _ref.error;
@@ -12,26 +12,34 @@ export var IconWrapper = styled.span.withConfig({
12
12
  }
13
13
  return active ? theme.palette['blue-600'] : theme.palette['grey-300'];
14
14
  }, function (_ref2) {
15
- var theme = _ref2.theme;
16
- return theme.palette['grey-200'];
15
+ var theme = _ref2.theme,
16
+ active = _ref2.active,
17
+ error = _ref2.error;
18
+ if (error) {
19
+ return theme.palette['red-600'];
20
+ }
21
+ return active ? theme.palette['blue-600'] : theme.palette['grey-300'];
17
22
  }, function (_ref3) {
18
23
  var theme = _ref3.theme;
19
- return theme.palette['blue-600'];
24
+ return theme.palette['grey-200'];
20
25
  }, function (_ref4) {
21
26
  var theme = _ref4.theme;
22
- return theme.palette.white;
27
+ return theme.palette['blue-600'];
23
28
  }, function (_ref5) {
24
29
  var theme = _ref5.theme;
30
+ return theme.palette.white;
31
+ }, function (_ref6) {
32
+ var theme = _ref6.theme;
25
33
  return theme.palette['grey-050'];
26
34
  });
27
35
  export var DefaultIcon = styled(CheckboxDeafultM).withConfig({
28
36
  displayName: "Checkboxstyles__DefaultIcon",
29
37
  componentId: "sc-ssgaoj-1"
30
- })(["display:block;.ds-button.ant-btn-ghost:not([disabled]):hover &{display:none;}"]);
38
+ })(["display:block;.ds-button.ant-btn:not([disabled]):hover &{display:none;}"]);
31
39
  export var HoverIcon = styled(CheckboxM).withConfig({
32
40
  displayName: "Checkboxstyles__HoverIcon",
33
41
  componentId: "sc-ssgaoj-2"
34
- })(["display:none;.ds-button.ant-btn-ghost:not([disabled]):hover &{display:block;}"]);
42
+ })(["display:none;.ds-button.ant-btn:not([disabled]):hover &{display:block;}"]);
35
43
  export default {
36
44
  IconWrapper: IconWrapper
37
45
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-button",
3
- "version": "1.5.4",
3
+ "version": "1.5.6",
4
4
  "description": "Button UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "synerise/synerise-design",
@@ -16,15 +16,15 @@
16
16
  "access": "public"
17
17
  },
18
18
  "scripts": {
19
- "build": "npm run build:js && npm run build:css && npm run defs",
19
+ "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
20
20
  "build:css": "node ../../../scripts/style/less.js",
21
21
  "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
22
- "build:watch": "npm run build:js -- --watch",
22
+ "build:watch": "pnpm run build:js -- --watch",
23
23
  "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
24
24
  "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
25
- "prepublish": "npm run build",
25
+ "prepublish": "pnpm run build",
26
26
  "test": "jest",
27
- "test:watch": "npm run test -- --watchAll",
27
+ "test:watch": "pnpm run test -- --watchAll",
28
28
  "types": "tsc --noEmit",
29
29
  "check:circular-dependencies": "madge --circular --extensions ts,tsx,js,jsx --ts-config tsconfig.json src/ --exclude '/dist/'",
30
30
  "upgrade:ds": "ncu -f \"@synerise/ds-*\" -u"
@@ -35,10 +35,10 @@
35
35
  ],
36
36
  "types": "dist/index.d.ts",
37
37
  "dependencies": {
38
- "@synerise/ds-icon": "^1.9.3",
39
- "@synerise/ds-tag": "^1.4.4",
40
- "@synerise/ds-tooltip": "^1.3.4",
41
- "@synerise/ds-utils": "^1.5.3",
38
+ "@synerise/ds-icon": "^1.10.1",
39
+ "@synerise/ds-tag": "^1.4.6",
40
+ "@synerise/ds-tooltip": "^1.3.6",
41
+ "@synerise/ds-utils": "^1.5.4",
42
42
  "classnames": "^2.5.1",
43
43
  "csstype": "^2.6.9"
44
44
  },
@@ -48,5 +48,5 @@
48
48
  "react": ">=16.9.0 <= 18.3.1",
49
49
  "styled-components": "^5.3.3"
50
50
  },
51
- "gitHead": "70a5256c87ef38313eedb9a004d1c6980082b2f5"
51
+ "gitHead": "e1a3b7417480ba1bbf0b68becf985dd2d5f5a924"
52
52
  }