m3-svelte 5.2.3 → 5.2.4

package/package/forms/DateField.svelte

@@ -175,7 +175,7 @@ opacity: ${Math.min(t * 3, 1)};`,
     }
     .has-js input {
       clip-path: inset(0 3.5rem 0 0);
-      &:is(:global([dir="rtl"]) input) {
+      &:dir(rtl) {
         clip-path: inset(0 0 0 3.5rem);
       }
     }

package/package/forms/Slider.svelte

@@ -259,7 +259,7 @@
     top: 50%;
     inset-inline-start: calc(50% + (100% - 0.75rem) * var(--x));
     translate: -50% -50%;
-    &:is(:global([dir="rtl"] .tick)) {
+    &:dir(rtl) {
       translate: 50% -50%;
     }
     background-color: rgb(var(--m3-scheme-secondary-container));
@@ -286,7 +286,7 @@
     position: absolute;
     inset-inline-start: var(--percent);
     translate: -50% 0;
-    &:is(:global([dir="rtl"]) .handle) {
+    &:dir(rtl) {
       translate: 50% 0;
     }
     width: 0.25rem;
@@ -313,7 +313,7 @@
     inset-inline-start: var(--percent);
     bottom: calc(var(--handle-height) + 4px);
     translate: -50% 0;
-    &:is(:global([dir="rtl"]) .value) {
+    &:dir(rtl) {
       translate: 50% 0;
     }
 

package/package/nav/Tabs.svelte

@@ -137,7 +137,7 @@
     border-radius: 0.1875rem 0.1875rem 0 0;
     margin-inline-start: calc(50% / var(--items));
     translate: -50% 0;
-    &:is(:global([dir="rtl"]) .bar) {
+    &:dir(rtl) {
       translate: 50% 0;
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "m3-svelte",
-  "version": "5.2.3",
+  "version": "5.2.4",
   "license": "Apache-2.0 OR GPL-3.0-only",
   "repository": "KTibow/m3-svelte",
   "author": {