@ultraviolet/ui 3.4.0 → 3.5.0

package/dist/components/Slider/styles.css.d.ts

@@ -25,23 +25,23 @@ export declare const sliderOption: import("@vanilla-extract/recipes").RuntimeFn<
 }>;
 export declare const sliderThumbStyle: import("@vanilla-extract/recipes").RuntimeFn<{
     disabled: {
-        true: {
+        false: {
             selectors: {
                 '&::-moz-range-thumb': {
-                    cursor: "not-allowed";
-                };
-                '&::-webkit-slider-thumb': {
-                    cursor: "not-allowed";
+                    cursor: "grab";
                 };
-            };
-        };
-        false: {
-            selectors: {
                 '&::-webkit-slider-thumb': {
                     cursor: "grab";
                 };
-                '&::-moz-range-thumb': {
-                    cursor: "grab";
+                '&:active::-moz-range-thumb': {
+                    border: `1.5px solid var(--${string})`;
+                    boxShadow: `var(--${string})`;
+                    cursor: "grabbing";
+                };
+                '&:active::-webkit-slider-thumb': {
+                    border: `1.5px solid var(--${string})`;
+                    boxShadow: `var(--${string})`;
+                    cursor: "grabbing";
                 };
                 '&:hover::-moz-range-thumb': {
                     border: `1.5px solid var(--${string})`;
@@ -49,27 +49,29 @@ export declare const sliderThumbStyle: import("@vanilla-extract/recipes").Runtim
                 '&:hover::-webkit-slider-thumb': {
                     border: `1.5px solid var(--${string})`;
                 };
-                '&:active::-moz-range-thumb': {
-                    cursor: "grabbing";
-                    boxShadow: `var(--${string})`;
-                    border: `1.5px solid var(--${string})`;
+            };
+        };
+        true: {
+            selectors: {
+                '&::-moz-range-thumb': {
+                    cursor: "not-allowed";
                 };
-                '&:active::-webkit-slider-thumb': {
-                    cursor: "grabbing";
-                    boxShadow: `var(--${string})`;
-                    border: `1.5px solid var(--${string})`;
+                '&::-webkit-slider-thumb': {
+                    cursor: "not-allowed";
                 };
             };
         };
     };
-    isDouble: {
-        true: {
+    hasTooltipDouble: {
+        false: {
             selectors: {
                 '&::-webkit-slider-thumb': {
-                    top: "2px";
+                    top: "-8px";
                 };
             };
         };
+    };
+    isDouble: {
         false: {
             selectors: {
                 '&::-moz-range-thumb': {
@@ -80,35 +82,32 @@ export declare const sliderThumbStyle: import("@vanilla-extract/recipes").Runtim
                 };
             };
         };
-    };
-    hasTooltipDouble: {
-        false: {
+        true: {
             selectors: {
                 '&::-webkit-slider-thumb': {
-                    top: "-8px";
+                    top: "2px";
                 };
             };
         };
     };
 }>;
 export declare const sliderDoubleText: import("@vanilla-extract/recipes").RuntimeFn<{
-    isPadded: {
-        true: {
-            minWidth: `var(--${string})`;
-        };
-    };
     isDouble: {
+        false: {
+            alignSelf: "end";
+        };
         true: {
             alignSelf: "center";
         };
-        false: {
-            alignSelf: "end";
+    };
+    isPadded: {
+        true: {
+            minWidth: `var(--${string})`;
         };
     };
 }>;
 export declare const sliderDouble: import("@vanilla-extract/recipes").RuntimeFn<{
     disabled: {
-        true: {};
         false: {
             selectors: {
                 '&:focus::-moz-slider-thumb, &:focus::-webkit-slider-thumb': {
@@ -117,14 +116,25 @@ export declare const sliderDouble: import("@vanilla-extract/recipes").RuntimeFn<
                 };
             };
         };
+        true: {};
     };
     hasTooltip: {
         true: {
-            transform: "translate(0, -10px)";
+            selectors: {
+                '&::-moz-range-thumb': {
+                    transform: "translate(0, -10px)";
+                };
+            };
         };
     };
 }>;
 export declare const sliderSingle: import("@vanilla-extract/recipes").RuntimeFn<{
+    direction: {
+        column: {
+            alignSelf: "baseline";
+        };
+        row: {};
+    };
     disabled: {
         false: {
             selectors: {
@@ -147,22 +157,16 @@ export declare const sliderSingle: import("@vanilla-extract/recipes").RuntimeFn<
             backgroundImage: `linear-gradient(var(--${string}), var(--${string}))`;
         };
     };
-    direction: {
-        column: {
-            alignSelf: "baseline";
-        };
-        row: {};
-    };
 }>;
 export declare const sliderDoubleWrapper: string;
 export declare const sliderCustomRail: string;
 export declare const sliderInnerRail: import("@vanilla-extract/recipes").RuntimeFn<{
-    error: {
+    disabled: {
         true: {
             backgroundColor: `var(--${string})`;
         };
     };
-    disabled: {
+    error: {
         true: {
             backgroundColor: `var(--${string})`;
         };

package/dist/components/Slider/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/styles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW,oBAAc,CAAA;AACtC,eAAO,MAAM,UAAU,oBAAc,CAAA;AACrC,eAAO,MAAM,OAAO,oBAAc,CAAA;AAClC,eAAO,MAAM,UAAU,oBAAc,CAAA;AAErC,eAAO,MAAM,eAAe,QAA0C,CAAA;AAEtE,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;EAczB,CAAA;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;EAgBvB,CAAA;AAgBF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0E3B,CAAA;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;EAgB3B,CAAA;AAUF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;EA8CvB,CAAA;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsDvB,CAAA;AACF,eAAO,MAAM,mBAAmB,QAO9B,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAS3B,CAAA;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;EAuB1B,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAAsC,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/styles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW,oBAAc,CAAA;AACtC,eAAO,MAAM,UAAU,oBAAc,CAAA;AACrC,eAAO,MAAM,OAAO,oBAAc,CAAA;AAClC,eAAO,MAAM,UAAU,oBAAc,CAAA;AAErC,eAAO,MAAM,eAAe,QAA0C,CAAA;AAEtE,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;EAczB,CAAA;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;EAgBvB,CAAA;AAgBF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0E3B,CAAA;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;EAgB3B,CAAA;AAUF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;EAkDvB,CAAA;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsDvB,CAAA;AACF,eAAO,MAAM,mBAAmB,QAO9B,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAS3B,CAAA;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;EAuB1B,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAAsC,CAAA"}

package/dist/components/Slider/styles.css.js

@@ -8,13 +8,13 @@ var sliderContainer = "uv_a5ifr14";
 var sliderTooltip = "uv_a5ifr15";
 var sliderDatalist = createRuntimeFn({ defaultClassName: "uv_a5ifr16", variantClassNames: { "double": { true: "uv_a5ifr17" } }, defaultVariants: {}, compoundVariants: [] });
 var sliderOption = createRuntimeFn({ defaultClassName: "uv_a5ifr18", variantClassNames: { left: { true: "uv_a5ifr19" }, right: { true: "uv_a5ifr1a" } }, defaultVariants: {}, compoundVariants: [] });
-var sliderThumbStyle = createRuntimeFn({ defaultClassName: "uv_a5ifr1b", variantClassNames: { disabled: { true: "uv_a5ifr1c", false: "uv_a5ifr1d" }, isDouble: { true: "uv_a5ifr1e", false: "uv_a5ifr1f" }, hasTooltipDouble: { false: "uv_a5ifr1g" } }, defaultVariants: { disabled: false, isDouble: false, hasTooltipDouble: true }, compoundVariants: [] });
-var sliderDoubleText = createRuntimeFn({ defaultClassName: "uv_a5ifr1h", variantClassNames: { isPadded: { true: "uv_a5ifr1i" }, isDouble: { true: "uv_a5ifr1j", false: "uv_a5ifr1k" } }, defaultVariants: {}, compoundVariants: [] });
-var sliderDouble = createRuntimeFn({ defaultClassName: "uv_a5ifr1l", variantClassNames: { disabled: { true: "uv_a5ifr1m", false: "uv_a5ifr1n" }, hasTooltip: { true: "uv_a5ifr1o" } }, defaultVariants: { disabled: false, hasTooltip: false }, compoundVariants: [] });
-var sliderSingle = createRuntimeFn({ defaultClassName: "uv_a5ifr1p", variantClassNames: { disabled: { false: "uv_a5ifr1q", true: "uv_a5ifr1r" }, error: { true: "uv_a5ifr1s" }, direction: { column: "uv_a5ifr1t", row: "uv_a5ifr1u" } }, defaultVariants: {}, compoundVariants: [] });
+var sliderThumbStyle = createRuntimeFn({ defaultClassName: "uv_a5ifr1b", variantClassNames: { disabled: { false: "uv_a5ifr1c", true: "uv_a5ifr1d" }, hasTooltipDouble: { false: "uv_a5ifr1e" }, isDouble: { false: "uv_a5ifr1f", true: "uv_a5ifr1g" } }, defaultVariants: { disabled: false, hasTooltipDouble: true, isDouble: false }, compoundVariants: [] });
+var sliderDoubleText = createRuntimeFn({ defaultClassName: "uv_a5ifr1h", variantClassNames: { isDouble: { false: "uv_a5ifr1i", true: "uv_a5ifr1j" }, isPadded: { true: "uv_a5ifr1k" } }, defaultVariants: {}, compoundVariants: [] });
+var sliderDouble = createRuntimeFn({ defaultClassName: "uv_a5ifr1l", variantClassNames: { disabled: { false: "uv_a5ifr1m", true: "uv_a5ifr1n" }, hasTooltip: { true: "uv_a5ifr1o" } }, defaultVariants: { disabled: false, hasTooltip: false }, compoundVariants: [] });
+var sliderSingle = createRuntimeFn({ defaultClassName: "uv_a5ifr1p", variantClassNames: { direction: { column: "uv_a5ifr1q", row: "uv_a5ifr1r" }, disabled: { false: "uv_a5ifr1s", true: "uv_a5ifr1t" }, error: { true: "uv_a5ifr1u" } }, defaultVariants: {}, compoundVariants: [] });
 var sliderDoubleWrapper = "uv_a5ifr1v";
 var sliderCustomRail = "uv_a5ifr1w";
-var sliderInnerRail = createRuntimeFn({ defaultClassName: "uv_a5ifr1x", variantClassNames: { error: { true: "uv_a5ifr1y" }, disabled: { true: "uv_a5ifr1z" } }, defaultVariants: { error: false, disabled: false }, compoundVariants: [] });
+var sliderInnerRail = createRuntimeFn({ defaultClassName: "uv_a5ifr1x", variantClassNames: { disabled: { true: "uv_a5ifr1y" }, error: { true: "uv_a5ifr1z" } }, defaultVariants: { disabled: false, error: false }, compoundVariants: [] });
 var sliderNumberInput = "uv_a5ifr110";
 export {
   leftOption,

package/dist/components/Snippet/index.js

@@ -33,7 +33,7 @@ const CodeContent = ({
       [rowsVar]: rows.toString()
     }),
     variant: "code",
-    whiteSpace: !multiline ? "nowrap" : void 0,
+    whiteSpace: multiline ? void 0 : "nowrap",
     children: multiline ? Children.map(lines, (child) => /* @__PURE__ */ jsx(
       "span",
       {

package/dist/components/Snippet/styles.css.d.ts

@@ -1,36 +1,36 @@
 export declare const rowsVar: `var(--${string})`;
 export declare const pretext: import("@vanilla-extract/recipes").RuntimeFn<{
-    showMore: {
-        true: {
-            overflowX: "hidden";
-        };
+    noExpandable: {
         false: {
-            overflowX: "auto";
+            overflowY: "hidden";
         };
-    };
-    noExpandable: {
         true: {
             maxHeight: `calc(var(--${string}) * var(--${string}) + var(--${string}))`;
             overflowY: "scroll";
         };
+    };
+    showMore: {
         false: {
-            overflowY: "hidden";
+            overflowX: "auto";
+        };
+        true: {
+            overflowX: "hidden";
         };
     };
 }>;
 export declare const line: import("@vanilla-extract/recipes").RuntimeFn<{
     multiline: {
-        true: {
+        false: {
             selectors: {
-                '&:nth-child(-n+2):after': {
+                '&:after': {
                     content: "";
                     paddingRight: `var(--${string})`;
                 };
             };
         };
-        false: {
+        true: {
             selectors: {
-                '&:after': {
+                '&:nth-child(-n+2):after': {
                     content: "";
                     paddingRight: `var(--${string})`;
                 };

package/dist/components/Snippet/styles.css.js

@@ -1,16 +1,16 @@
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var rowsVar = "var(--uv_67z97x0)";
-var pretext = createRuntimeFn({ defaultClassName: "uv_67z97x1", variantClassNames: { showMore: { true: "uv_67z97x2", false: "uv_67z97x3" }, noExpandable: { true: "uv_67z97x4", false: "uv_67z97x5" } }, defaultVariants: { noExpandable: false, showMore: false }, compoundVariants: [] });
-var line = createRuntimeFn({ defaultClassName: "uv_67z97x6", variantClassNames: { multiline: { true: "uv_67z97x7", false: "uv_67z97x8" } }, defaultVariants: { multiline: false }, compoundVariants: [] });
-var prefix = { lines: "uv_67z97x9", command: "uv_67z97xa" };
-var snippetContainer = { oneLine: "uv_67z97xc uv_67z97xb", multiline: "uv_67z97xd uv_67z97xb" };
+var pretext = createRuntimeFn({ defaultClassName: "uv_67z97x1", variantClassNames: { noExpandable: { false: "uv_67z97x2", true: "uv_67z97x3" }, showMore: { false: "uv_67z97x4", true: "uv_67z97x5" } }, defaultVariants: { noExpandable: false, showMore: false }, compoundVariants: [] });
+var line = createRuntimeFn({ defaultClassName: "uv_67z97x6", variantClassNames: { multiline: { false: "uv_67z97x7", true: "uv_67z97x8" } }, defaultVariants: { multiline: false }, compoundVariants: [] });
+var prefix = { command: "uv_67z97x9", lines: "uv_67z97xa" };
+var snippetContainer = { multiline: "uv_67z97xc uv_67z97xb", oneLine: "uv_67z97xd uv_67z97xb" };
 var stackStyle = "uv_67z97xe";
-var buttonContainer = { oneLine: "uv_67z97xg uv_67z97xf", multiline: "uv_67z97xh uv_67z97xf" };
-var showMoreContainer = { true: "uv_67z97xi", false: "uv_67z97xj" };
+var buttonContainer = { multiline: "uv_67z97xg uv_67z97xf", oneLine: "uv_67z97xh uv_67z97xf" };
+var showMoreContainer = { false: "uv_67z97xi", true: "uv_67z97xj" };
 var showMoreButton = "uv_67z97xk";
 var centeredText = "uv_67z97xl";
-var animatedArrowIcon = { true: "uv_67z97xm", false: "uv_67z97xn" };
+var animatedArrowIcon = { false: "uv_67z97xm", true: "uv_67z97xn" };
 export {
   animatedArrowIcon,
   buttonContainer,