@react-ui-org/react-ui 0.63.0 → 0.64.0

package/src/styles/tools/_collections.scss

@@ -63,8 +63,29 @@
     $properties,
 ) {
     @each $property in $properties {
-        $modifier: if($modifier-value, "--" + $modifier-value, "");
-        $state: if($interaction-state, "--" + $interaction-state, "");
+        $fallback-custom-property: "";
+        $modifier: "";
+        $state: "";
+
+        @if $modifier-value {
+            $modifier: "--" + $modifier-value;
+        }
+
+        @if $interaction-state {
+            $state: "--" + $interaction-state;
+        }
+
+        @if $interaction-state == "disabled" {
+            $fallback-custom-property: ", var(--"
+                + $prefix
+                + $component-name
+                + $modifier
+                + "--"
+                + $variant-value
+                + "--default__"
+                + $property
+                + ")";
+        }
 
         // 1.
         --#{$prefix}local-#{$property}:
@@ -80,19 +101,7 @@
                     + "__"
                     + $property
                 }
-                #{if(
-                    $interaction-state and $interaction-state == "disabled",
-                    ", var(--"
-                    + $prefix
-                    + $component-name
-                    + $modifier
-                    + "--"
-                    + $variant-value
-                    + "--default__"
-                    + $property
-                    + ")",
-                    ""
-                )}
+                #{$fallback-custom-property}
             ); // 2.
     }
 }
@@ -202,13 +211,16 @@
     $inherit-link-color: false,
     $properties,
 ) {
-    $modifier-class-name:
-        if(
-            $modifier-name and $modifier-value,
-            ".isRoot#{rui-string.capitalize($modifier-name)}#{rui-string.capitalize($modifier-value)}",
-            ""
-        );
-    $variant-class-name: ".isRoot#{rui-string.capitalize($variant-name)}#{rui-string.capitalize($variant-value)}";
+    $modifier-class-name: "";
+    $variant-class-name: ".isRoot"
+        + rui-string.capitalize($variant-name)
+        + rui-string.capitalize($variant-value);
+
+    @if $modifier-name and $modifier-value {
+        $modifier-class-name: ".isRoot"
+            + rui-string.capitalize($modifier-name)
+            + rui-string.capitalize($modifier-value);
+    }
 
     #{$modifier-class-name}#{$variant-class-name} {
         @if $generate-interaction-states {

package/src/styles/tools/_utilities.scss

@@ -16,9 +16,11 @@
     @each $key, $value in $values {
         $properties: map.get($utility, property);
         $property-class: map.get($utility, class);
+        $property-class-modifier: "";
 
-        // Don't prefix if value key is null (e.g. with shadow class)
-        $property-class-modifier: if($key, "-" + $key, "");
+        @if $key {
+            $property-class-modifier: "-" + $key;
+        }
 
         .#{$property-class + $infix + $property-class-modifier} {
             @each $property in $properties {

package/src/theme.scss

@@ -1090,6 +1090,7 @@
         --rui-Popover__color: var(--rui-color-text-primary);
         --rui-Popover__background-color: var(--rui-color-background-layer-2);
         --rui-Popover__box-shadow: var(--rui-shadow-layer-2);
+        --rui-Popover__z-index: auto;
 
         //
         // Tabs

package/.env.playwright

@@ -1,9 +0,0 @@
-###########################
-# Playwright configuration #
-###########################
-
-# Number of workers to use to run Playwright tests
-PW_WORKERS=1
-
-# Port used by Playwright Component Testing to serve the test files
-PW_CT_PORT=3100

package/.env.playwright.dist

@@ -1,9 +0,0 @@
-###########################
-# Playwright configuration #
-###########################
-
-# Number of workers to use to run Playwright tests
-PW_WORKERS=1
-
-# Port used by Playwright Component Testing to serve the test files
-PW_CT_PORT=3100