@salesforcedevs/dx-components 1.3.147 → 1.3.149

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.3.147",
+    "version": "1.3.149",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -40,5 +40,5 @@
         "eventsourcemock": "^2.0.0",
         "luxon": "^3.1.0"
     },
-    "gitHead": "c046874452685c28208a52392b494ad791c3f305"
+    "gitHead": "b9b13baff28c71df438686a0b302bcf7636a75f4"
 }

package/src/modules/dx/button/button.css

@@ -132,16 +132,26 @@
     border-color: var(--dx-c-button-primary-color-hover);
 }
 
-/* secondary */
+/* secondary / quaternary */
 
 .button.variant_secondary {
-    color: var(--dx-c-button-primary-color);
     background: var(--dx-c-button-background-color);
+}
+
+.button.variant_quaternary {
+    background: white;
+}
+
+.button.variant_secondary,
+.button.variant_quaternary {
+    color: var(--dx-c-button-primary-color);
     border: 1px solid var(--dx-c-button-primary-color);
 }
 
 .button.variant_secondary:hover,
-:host([aria-expanded="true"]) .button.variant_secondary {
+.button.variant_quaternary:hover,
+:host([aria-expanded="true"]) .button.variant_secondary,
+:host([aria-expanded="true"]) .button.variant_quaternary {
     background: var(--dx-c-button-secondary-color-hover);
 }
 

package/src/modules/dx/cardNews/cardNews.css

@@ -39,6 +39,11 @@ p {
     margin: 16px 0;
 }
 
+.inline-button {
+    --dx-c-button-primary-color: var(--dx-g-blue-natural-40);
+    --dx-c-button-primary-color-hover: var(--dx-g-blue-natural-30);
+}
+
 img {
     display: none;
     margin: 0;

package/src/modules/dx/cardNews/cardNews.html

@@ -18,6 +18,7 @@
                 </dx-button>
 
                 <dx-button
+                    class="inline-button"
                     if:false={hasLargeButton}
                     variant="inline"
                     inline-text-color={buttonColor}

package/src/modules/dx/featuredContentHeader/featuredContentHeader.html

@@ -63,7 +63,7 @@
                     <dx-button
                         if:true={ctaSecondaryLabel}
                         href={ctaSecondaryHref}
-                        variant="secondary"
+                        variant="quaternary"
                         icon-symbol={ctaSecondarySymbol}
                         target={ctaSecondaryTarget}
                         size="large"