@salesforcedevs/dx-components 0.28.4 → 0.29.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "0.28.4",
+    "version": "0.29.0",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -25,5 +25,5 @@
         "@types/debounce": "^1.2.0",
         "@types/lodash.get": "^4.4.6"
     },
-    "gitHead": "774512111aa340d22587b65e15549f195fd5a306"
+    "gitHead": "2ae96c272181de5d9f1199bb077aad6fe621cb54"
 }

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

@@ -138,6 +138,10 @@
     border: 1px solid transparent;
 }
 
+.button.variant_inline.light-text {
+    color: white;
+}
+
 .button.variant_tertiary:hover {
     background: var(--dx-c-button-secondary-color-hover);
     border-color: var(--dx-c-button-secondary-color-hover);

package/src/modules/dx/button/button.ts

@@ -1,6 +1,7 @@
 import { LightningElement, api } from "lwc";
 import cx from "classnames";
 import {
+    ButtonTextColor,
     ButtonVariant,
     IconSprite,
     IconSize,
@@ -18,6 +19,7 @@ export default class Button extends LightningElement {
     @api loading: boolean = false;
     @api size: "large" | "small" = "small";
     @api variant: ButtonVariant = "primary";
+    @api inlineTextColor: ButtonTextColor = "dark";
     @api font: "display" | "sans" = "display";
 
     // button props
@@ -45,6 +47,7 @@ export default class Button extends LightningElement {
     private get className(): string {
         return cx(
             "button",
+            this.variant === "inline" && `${this.inlineTextColor}-text`,
             this.disabled && "state-disabled",
             `variant_${this.variant}`,
             this.loading && "state-loading",

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

@@ -17,6 +17,7 @@
                 <dx-button
                     if:false={hasLargeButton}
                     variant="inline"
+                    inline-text-color={buttonColor}
                     icon-symbol="forward"
                 >
                     {buttonText}

package/src/modules/dx/cardNews/cardNews.ts

@@ -2,6 +2,7 @@ import { LightningElement, api } from "lwc";
 import cx from "classnames";
 import { toDxColor } from "utils/css";
 import {
+    ButtonTextColor,
     CardNewsButtonType,
     CardNewsImagePlacement,
     CardNewsImageVerticalAlignment,
@@ -15,6 +16,7 @@ export default class CardNews extends LightningElement {
     @api buttonText?: string = "";
     @api buttonType!: CardNewsButtonType;
     @api color?: string = "white";
+    @api buttonColor?: ButtonTextColor = "dark";
     @api dark?: boolean = false;
     @api size?: CardNewsSize = "normal";
     @api href!: string;