qstd 0.3.9 → 0.3.11

package/styled-system/styles.css

@@ -880,12 +880,12 @@
     border-radius: 50%;
 }
 
-  .trs_200ms_cubic-bezier\(0\,_0\,_0\.2\,_1\)_0ms\,_\.2s_color_ease-in-out\,_\.2s_background_ease-in-out {
-    transition: 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, .2s color ease-in-out, .2s background ease-in-out;
+  .bd-c_input-border-color-error {
+    border-color: var(--colors-input-border-color-error);
 }
 
-  .px_2 {
-    padding-inline: var(--spacing-2);
+  .bd-c_input-border-color {
+    border-color: var(--colors-input-border-color);
 }
 
   .py_0\.5 {
@@ -896,14 +896,6 @@
     border-radius: 8px;
 }
 
-  .bd-c_input-border-color-error {
-    border-color: var(--colors-input-border-color-error);
-}
-
-  .bd-c_input-border-color {
-    border-color: var(--colors-input-border-color);
-}
-
   .ring_1px_solid_rgba\(208\,_58\,_58\,_0\.05\) {
     outline: 1px solid rgba(208, 58, 58, 0.05);
 }
@@ -948,6 +940,14 @@
     transition: background-color 0.2s ease-in-out;
 }
 
+  .trs_200ms_cubic-bezier\(0\,_0\,_0\.2\,_1\)_0ms\,_\.2s_color_ease-in-out\,_\.2s_background_ease-in-out {
+    transition: 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, .2s color ease-in-out, .2s background ease-in-out;
+}
+
+  .px_2 {
+    padding-inline: var(--spacing-2);
+}
+
   .px_10px {
     padding-inline: 10px;
 }
@@ -1144,30 +1144,6 @@
     transform: translateY(-50%);
 }
 
-  .grid-af_column {
-    grid-auto-flow: column;
-}
-
-  .pointer-events_none {
-    pointer-events: none;
-}
-
-  .trf-o_top_left {
-    transform-origin: top left;
-}
-
-  .trf_translate\(0\,_-50\%\)_scale\(1\) {
-    transform: translate(0, -50%) scale(1);
-}
-
-  .c_input-label-color {
-    color: var(--colors-input-label-color);
-}
-
-  .lh_1\.1 {
-    line-height: 1.1;
-}
-
   .ring-c_input-outline-color-error {
     outline-color: var(--colors-input-outline-color-error);
 }
@@ -1207,6 +1183,10 @@
     position: absolute;
 }
 
+  .pointer-events_none {
+    pointer-events: none;
+}
+
   .bx-sh_0_0_0_6px_rgba\(0\,0\,0\,\.08\) {
     box-shadow: 0 0 0 6px rgba(0,0,0,.08);
 }
@@ -1272,10 +1252,22 @@
     box-sizing: content-box;
 }
 
+  .grid-af_column {
+    grid-auto-flow: column;
+}
+
+  .trf-o_top_left {
+    transform-origin: top left;
+}
+
   .trf_translate\(0\,_0\)_scale\(1\) {
     transform: translate(0, 0) scale(1);
 }
 
+  .c_input-label-color {
+    color: var(--colors-input-label-color);
+}
+
   .resize_none {
     resize: none;
 }
@@ -1428,18 +1420,6 @@
     right: 11px;
 }
 
-  .ml_6 {
-    margin-left: var(--spacing-6);
-}
-
-  .ml_1 {
-    margin-left: var(--spacing-1);
-}
-
-  .mr_1 {
-    margin-right: var(--spacing-1);
-}
-
   .pl_7 {
     padding-left: var(--spacing-7);
 }
@@ -1496,6 +1476,14 @@
     top: var(--spacing-1);
 }
 
+  .ml_1 {
+    margin-left: var(--spacing-1);
+}
+
+  .mr_1 {
+    margin-right: var(--spacing-1);
+}
+
   [data-theme=dark] .dark\:bg_neutral\.700 {
     background: var(--colors-neutral-700);
 }
@@ -1616,10 +1604,6 @@
     background: var(--colors-neutral-200);
 }
 
-  .\[\&\:has\(\+_input\:focus\,_\+_input\:not\(\:placeholder-shown\)\)\]\:bg_input-label-bg:has(+ input:focus, + input:not(:placeholder-shown)) {
-    background: var(--colors-input-label-bg);
-}
-
   .active\:bg_none:active:not(:disabled),.active\:bg_none:active:not(:focus-visible):not(:disabled),.active\:bg_none:active:focus-visible:not(:disabled) {
     background: none;
 }
@@ -1640,22 +1624,6 @@
     box-shadow: 0 0 0 6px hsl(0 0% 100% / 0.05);
 }
 
-  .\[\&\:has\(\+_input\:focus\,_\+_input\:not\(\:placeholder-shown\)\)\]\:c_input-label-color-lifted:has(+ input:focus, + input:not(:placeholder-shown)) {
-    color: var(--colors-input-label-color-lifted);
-}
-
-  .\[\&\:has\(\+_input\:focus\,_\+_input\:not\(\:placeholder-shown\)\)\]\:c_input-label-color:has(+ input:focus, + input:not(:placeholder-shown)) {
-    color: var(--colors-input-label-color);
-}
-
-  .\[\&\:has\(\+_input\:focus\,_\+_input\:not\(\:placeholder-shown\)\)\]\:trf-o_top_left:has(+ input:focus, + input:not(:placeholder-shown)) {
-    transform-origin: top left;
-}
-
-  .\[\&\:has\(\+_input\:focus\,_\+_input\:not\(\:placeholder-shown\)\)\]\:trf_scale\(0\.8\):has(+ input:focus, + input:not(:placeholder-shown)) {
-    transform: scale(0.8);
-}
-
   .active\:trf_none\!:active:not(:disabled),.active\:trf_none\!:active:not(:focus-visible):not(:disabled),.active\:trf_none\!:active:focus-visible:not(:disabled) {
     transform: none !important;
 }
@@ -1680,18 +1648,6 @@
     transform: scale(0.8);
 }
 
-  .\[\&\:has\(\+_input\:focus\,_\+_input\:not\(\:placeholder-shown\)\)\]\:ml_6:has(+ input:focus, + input:not(:placeholder-shown)) {
-    margin-left: var(--spacing-6);
-}
-
-  .\[\&\:has\(\+_input\:focus\,_\+_input\:not\(\:placeholder-shown\)\)\]\:ml_1:has(+ input:focus, + input:not(:placeholder-shown)) {
-    margin-left: var(--spacing-1);
-}
-
-  .\[\&\:has\(\+_input\:focus\,_\+_input\:not\(\:placeholder-shown\)\)\]\:top_-10px:has(+ input:focus, + input:not(:placeholder-shown)) {
-    top: -10px;
-}
-
   .\[\&\:has\(\+_textarea\:focus\,_\+_textarea\:not\(\:placeholder-shown\)\)\]\:top_-14px:has(+ textarea:focus, + textarea:not(:placeholder-shown)) {
     top: -14px;
 }

package/styled-system/types/conditions.d.ts

@@ -238,6 +238,8 @@ export interface Conditions {
 	"_path": string
 	/** `& svg` */
 	"_svg": string
+	/** `&:has(+ input:focus, + input:not(:placeholder-shown))` */
+	"_labelLifted": string
 	/** `@media screen and (min-width: 37.5rem)` */
 	"xs": string
 	/** `@media screen and (min-width: 37.5rem) and (max-width: 39.9975rem)` */