@commercetools-uikit/primary-button 18.1.0 → 18.2.0

package/dist/commercetools-uikit-primary-button.cjs.prod.js

@@ -55,10 +55,6 @@ var _ref2 = {
   name: "dx7qb5",
   styles: "background-color:#dc630a;&:focus,&:hover{background-color:#e7680d;}"
 } ;
-var _ref3 = {
-  name: "235xut",
-  styles: "background-color:#15a390;&:focus,&:hover{background-color:#17ab97;}"
-} ;
 const getButtonStyles = (isDisabled, isActive, tone, size) => {
   const baseStyles = /*#__PURE__*/react.css("align-items:center;color:", designSystem.designTokens.colorSurface, ";transition:background-color ", designSystem.designTokens.transitionLinear80Ms, ";padding:", designSystem.designTokens.paddingForButton, ";", getSizeStyles(size), ";" + ("" ), "" );
   // "disabled" takes precendece over "active"
@@ -72,7 +68,7 @@ const getButtonStyles = (isDisabled, isActive, tone, size) => {
         // TODO: This custom colors where itroduced in the Merchant Center redign 2023
         // We need to check with designers if we want to introduce them in our color palette
         // They are 'color-primary' with 10% and 5% black opacity
-        return [baseActiveStyles, _ref3];
+        return [baseActiveStyles, /*#__PURE__*/react.css("background-color:", designSystem.designTokens.backgroundColorForButtonAsPrimary, ";&:focus,&:hover{background-color:", designSystem.designTokens.backgroundColorForButtonAsPrimaryAsDefaultWhenHovered, ";}" + ("" ), "" )];
       case 'urgent':
         // TODO: This custom colors where itroduced in the Merchant Center redign 2023
         // We need to check with designers if we want to introduce them in our color palette
@@ -93,12 +89,12 @@ const getButtonStyles = (isDisabled, isActive, tone, size) => {
       // TODO: This custom colors where itroduced in the Merchant Center redign 2023
       // We need to check with designers if we want to introduce them in our color palette
       // They are 'color-primary' with 10% and 5% black opacity
-      return [baseDefaultStyles, /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorPrimary, ";&:focus,&:hover{background-color:#17ab97;}&:active{background-color:#15a390;}" + ("" ), "" )];
+      return [baseDefaultStyles, /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorPrimary, ";&:focus,&:hover{background-color:", designSystem.designTokens.backgroundColorForButtonAsPrimaryAsDefaultWhenHovered, ";}&:active{background-color:", designSystem.designTokens.backgroundColorForButtonAsPrimaryAsDefaultWhenActive, ";}" + ("" ), "" )];
     case 'urgent':
       // TODO: This custom colors where itroduced in the Merchant Center redign 2023
       // We need to check with designers if we want to introduce them in our color palette
       // They are 'color-warning' with 10% and 5% black opacity
-      return [baseDefaultStyles, /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorWarning, ";&:focus,&:hover{background-color:#e7680d;}&:active{background-color:#dc630a;}" + ("" ), "" )];
+      return [baseDefaultStyles, /*#__PURE__*/react.css("background-color:", designSystem.designTokens.backgroundColorForButtonAsPrimaryAsUrgent, ";&:focus,&:hover{background-color:#e7680d;}&:active{background-color:#dc630a;}" + ("" ), "" )];
     case 'critical':
       // TODO: These custom colors where itroduced in the Merchant Center redign 2023
       // We need to check with designers if we want to introduce them in our color palette
@@ -159,7 +155,7 @@ PrimaryButton.displayName = 'PrimaryButton';
 var PrimaryButton$1 = PrimaryButton;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "18.1.0";
+var version = "18.2.0";
 
 exports["default"] = PrimaryButton$1;
 exports.version = version;