@lumx/react 3.9.6-alpha.2 → 3.9.6-alpha.3

package/package.json

@@ -6,8 +6,8 @@
         "url": "https://github.com/lumapps/design-system/issues"
     },
     "dependencies": {
-        "@lumx/core": "^3.9.6-alpha.2",
-        "@lumx/icons": "^3.9.6-alpha.2",
+        "@lumx/core": "^3.9.6-alpha.3",
+        "@lumx/icons": "^3.9.6-alpha.3",
         "@popperjs/core": "^2.5.4",
         "body-scroll-lock": "^3.1.5",
         "classnames": "^2.3.2",
@@ -111,5 +111,5 @@
         "build:storybook": "storybook build"
     },
     "sideEffects": false,
-    "version": "3.9.6-alpha.2"
+    "version": "3.9.6-alpha.3"
 }

package/src/components/button/Button.stories.tsx

@@ -22,9 +22,9 @@ const buttonEmphasis = [Emphasis.high, Emphasis.medium, Emphasis.low];
 // Combination of props that should be avoided
 const excludeCombination = ({ isSelected, emphasis, hasBackground }: any) => {
     // isSelected is only supported in medium emphasis
-    if (isSelected && emphasis && emphasis !== 'medium') return true;
+    if (isSelected && emphasis && emphasis !== Emphasis.medium && emphasis !== Emphasis.low) return true;
     // hasBackground is only supported in low emphasis
-    if (hasBackground && emphasis && emphasis !== 'low') return true;
+    if (hasBackground && emphasis && emphasis !== Emphasis.low) return true;
     return false;
 };
 

package/src/components/button/ButtonRoot.tsx

@@ -31,7 +31,7 @@ export interface BaseButtonProps
     href?: string;
     /** Whether the component is disabled or not. */
     isDisabled?: boolean;
-    /** Whether the component is selected or not. */
+    /** Whether the component is selected or not (unsupported in `high` emphasis). */
     isSelected?: boolean;
     /** Native button name property. */
     name?: string;

package/src/stories/utils/theming.tsx

@@ -133,7 +133,9 @@ export function withTheming<P extends PropertyTree>({
                     return (varName: string) =>
                         // Has the given arg with value
                         varName.match(new RegExp(`${argName}-${argValue}`)) ||
-                        (argName === 'emphasis' && argValue === 'medium' && varName.match(/emphasis-selected/)) ||
+                        (argName === 'emphasis' &&
+                            (argValue === 'medium' || argValue === 'low') &&
+                            varName.match(/emphasis-selected/)) ||
                         // Or does not have the arg at all
                         !varName.match(new RegExp(`${argName}-\\w+`));
                 }