@shoplflow/base 0.41.8 → 0.41.9

package/dist/index.cjs

@@ -1562,6 +1562,10 @@ var ChipButton = (_a) => {
 };
 exports.ChipButton = ChipButton;
 var getStyleByStyleVar = (styleVar, color, disabled) => {
+  const domain = exports.getDomain();
+  const secondaryBorderColor = domain === "hada" ? exports.colorTokens.hada150 : exports.colorTokens.neutral350;
+  const secondaryBackgroundColor = domain === "hada" ? exports.colorTokens.hada100 : exports.colorTokens.neutral0;
+  const secondaryHoverBackgroundColor = domain === "hada" ? exports.colorTokens.hada150 : exports.colorTokens.neutral100;
   switch (styleVar) {
     case "PRIMARY":
       return react$1.css`
@@ -1573,10 +1577,10 @@ var getStyleByStyleVar = (styleVar, color, disabled) => {
       `;
     case "SECONDARY":
       return react$1.css`
-        border: 1px solid ${exports.colorTokens.neutral350};
-        background-color: ${exports.colorTokens.neutral0};
+        border: 1px solid ${secondaryBorderColor};
+        background-color: ${secondaryBackgroundColor};
         :hover {
-          background-color: ${!disabled && exports.colorTokens.neutral100};
+          background-color: ${!disabled && secondaryHoverBackgroundColor};
         }
       `;
     case "SOLID":
@@ -2086,18 +2090,21 @@ var MinusButton = React3.forwardRef((_a, ref) => {
 MinusButton[MUNUS_BUTTON_SYMBOL_KEY] = true;
 exports.MinusButton = MinusButton;
 var getStylesByStyleVariant = (styleVariant, isSelected, isHovered) => {
+  const domain = exports.getDomain();
+  const primaryColor = domain === "hada" ? exports.colorTokens.neutral700 : exports.colorTokens.primary300;
+  const primaryHoverColor = domain === "hada" ? exports.colorTokens.neutral700 : exports.colorTokens.primary400;
   switch (styleVariant) {
     case "PRIMARY":
       if (isSelected) {
         return react$1.css`
-          background: ${exports.colorTokens.primary300};
-          border: 1.5px solid ${exports.colorTokens.primary300};
+          background: ${primaryColor};
+          border: 1.5px solid ${primaryColor};
           & > svg > path {
             fill: ${exports.colorTokens.neutral0};
           }
           ${isHovered && react$1.css`
-            border: 1.5px solid ${exports.colorTokens.primary400};
-            background: ${exports.colorTokens.primary400};
+            border: 1.5px solid ${primaryHoverColor};
+            background: ${primaryHoverColor};
           `}
         `;
       }

package/dist/index.js

@@ -1535,6 +1535,10 @@ var ChipButton = (_a) => {
 };
 var ChipButton_default = ChipButton;
 var getStyleByStyleVar = (styleVar, color, disabled) => {
+  const domain = getDomain();
+  const secondaryBorderColor = domain === "hada" ? colorTokens.hada150 : colorTokens.neutral350;
+  const secondaryBackgroundColor = domain === "hada" ? colorTokens.hada100 : colorTokens.neutral0;
+  const secondaryHoverBackgroundColor = domain === "hada" ? colorTokens.hada150 : colorTokens.neutral100;
   switch (styleVar) {
     case "PRIMARY":
       return css`
@@ -1546,10 +1550,10 @@ var getStyleByStyleVar = (styleVar, color, disabled) => {
       `;
     case "SECONDARY":
       return css`
-        border: 1px solid ${colorTokens.neutral350};
-        background-color: ${colorTokens.neutral0};
+        border: 1px solid ${secondaryBorderColor};
+        background-color: ${secondaryBackgroundColor};
         :hover {
-          background-color: ${!disabled && colorTokens.neutral100};
+          background-color: ${!disabled && secondaryHoverBackgroundColor};
         }
       `;
     case "SOLID":
@@ -2059,18 +2063,21 @@ var MinusButton = forwardRef((_a, ref) => {
 MinusButton[MUNUS_BUTTON_SYMBOL_KEY] = true;
 var MinusButton_default = MinusButton;
 var getStylesByStyleVariant = (styleVariant, isSelected, isHovered) => {
+  const domain = getDomain();
+  const primaryColor = domain === "hada" ? colorTokens.neutral700 : colorTokens.primary300;
+  const primaryHoverColor = domain === "hada" ? colorTokens.neutral700 : colorTokens.primary400;
   switch (styleVariant) {
     case "PRIMARY":
       if (isSelected) {
         return css`
-          background: ${colorTokens.primary300};
-          border: 1.5px solid ${colorTokens.primary300};
+          background: ${primaryColor};
+          border: 1.5px solid ${primaryColor};
           & > svg > path {
             fill: ${colorTokens.neutral0};
           }
           ${isHovered && css`
-            border: 1.5px solid ${colorTokens.primary400};
-            background: ${colorTokens.primary400};
+            border: 1.5px solid ${primaryHoverColor};
+            background: ${primaryHoverColor};
           `}
         `;
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shoplflow/base",
-  "version": "0.41.8",
+  "version": "0.41.9",
   "type": "module",
   "license": "Apache-2.0",
   "main": "dist/index.js",
@@ -90,9 +90,9 @@
     "react-datepicker": "^7.3.0",
     "react-dom": "^18.2.0",
     "simplebar-react": "^3.2.6",
+    "@shoplflow/hada-assets": "^0.1.6",
     "@shoplflow/shopl-assets": "^0.12.20",
-    "@shoplflow/utils": "^0.6.5",
-    "@shoplflow/hada-assets": "^0.1.6"
+    "@shoplflow/utils": "^0.6.5"
   },
   "scripts": {
     "type-check": "tsc --noEmit",