@synerise/ds-button 1.5.5 → 1.5.6

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.5.6](https://github.com/synerise/synerise-design/compare/@synerise/ds-button@1.5.5...@synerise/ds-button@1.5.6) (2026-01-29)
+
+### Bug Fixes
+
+- **button:** change styles ([1e74acb](https://github.com/synerise/synerise-design/commit/1e74acbc7a4e2bd8e8ca7a27d7e3f70dfbf02657))
+
 ## [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)
 
 **Note:** Version bump only for package @synerise/ds-button

package/dist/Checkbox/Checkbox.js

@@ -60,7 +60,7 @@ var CheckboxButton = function CheckboxButton(props) {
       transition: 'none'
     },
     tabIndex: 0,
-    type: "ghost",
+    type: "ghost-primary",
     onClick: handleButtonClick
   }, restProps), /*#__PURE__*/React.createElement(S.IconWrapper, {
     active: indeterminate || isChecked,

package/dist/Checkbox/Checkbox.styles.js

@@ -3,7 +3,7 @@ import { CheckboxDeafultM, CheckboxM } from '@synerise/ds-icon';
 export var IconWrapper = styled.span.withConfig({
   displayName: "Checkboxstyles__IconWrapper",
   componentId: "sc-ssgaoj-0"
-})(["&&&& 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) {
+})(["&&&&{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) {
   var theme = _ref.theme,
     active = _ref.active,
     error = _ref.error;
@@ -12,26 +12,34 @@ export var IconWrapper = styled.span.withConfig({
   }
   return active ? theme.palette['blue-600'] : theme.palette['grey-300'];
 }, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.palette['grey-200'];
+  var theme = _ref2.theme,
+    active = _ref2.active,
+    error = _ref2.error;
+  if (error) {
+    return theme.palette['red-600'];
+  }
+  return active ? theme.palette['blue-600'] : theme.palette['grey-300'];
 }, function (_ref3) {
   var theme = _ref3.theme;
-  return theme.palette['blue-600'];
+  return theme.palette['grey-200'];
 }, function (_ref4) {
   var theme = _ref4.theme;
-  return theme.palette.white;
+  return theme.palette['blue-600'];
 }, function (_ref5) {
   var theme = _ref5.theme;
+  return theme.palette.white;
+}, function (_ref6) {
+  var theme = _ref6.theme;
   return theme.palette['grey-050'];
 });
 export var DefaultIcon = styled(CheckboxDeafultM).withConfig({
   displayName: "Checkboxstyles__DefaultIcon",
   componentId: "sc-ssgaoj-1"
-})(["display:block;.ds-button.ant-btn-ghost:not([disabled]):hover &{display:none;}"]);
+})(["display:block;.ds-button.ant-btn:not([disabled]):hover &{display:none;}"]);
 export var HoverIcon = styled(CheckboxM).withConfig({
   displayName: "Checkboxstyles__HoverIcon",
   componentId: "sc-ssgaoj-2"
-})(["display:none;.ds-button.ant-btn-ghost:not([disabled]):hover &{display:block;}"]);
+})(["display:none;.ds-button.ant-btn:not([disabled]):hover &{display:block;}"]);
 export default {
   IconWrapper: IconWrapper
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-button",
-  "version": "1.5.5",
+  "version": "1.5.6",
   "description": "Button UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -16,15 +16,15 @@
     "access": "public"
   },
   "scripts": {
-    "build": "npm run build:js && npm run build:css && npm run defs",
+    "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "npm run build:js -- --watch",
+    "build:watch": "pnpm run build:js -- --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
-    "prepublish": "npm run build",
+    "prepublish": "pnpm run build",
     "test": "jest",
-    "test:watch": "npm run test -- --watchAll",
+    "test:watch": "pnpm run test -- --watchAll",
     "types": "tsc --noEmit",
     "check:circular-dependencies": "madge --circular --extensions ts,tsx,js,jsx --ts-config tsconfig.json src/ --exclude '/dist/'",
     "upgrade:ds": "ncu -f \"@synerise/ds-*\" -u"
@@ -35,10 +35,10 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^1.10.0",
-    "@synerise/ds-tag": "^1.4.5",
-    "@synerise/ds-tooltip": "^1.3.5",
-    "@synerise/ds-utils": "^1.5.3",
+    "@synerise/ds-icon": "^1.10.1",
+    "@synerise/ds-tag": "^1.4.6",
+    "@synerise/ds-tooltip": "^1.3.6",
+    "@synerise/ds-utils": "^1.5.4",
     "classnames": "^2.5.1",
     "csstype": "^2.6.9"
   },
@@ -48,5 +48,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "4cde643d1f63a4b47e84707a13b1b1d138730d53"
+  "gitHead": "e1a3b7417480ba1bbf0b68becf985dd2d5f5a924"
 }