@prismicio/editor-ui 0.2.0 → 0.3.0

package/dist/theme/vars.css.d.ts

@@ -133,6 +133,7 @@ export declare const tokens: {
         readonly "36px": "36px";
         readonly "40px": "40px";
         readonly "44px": "44px";
+        readonly "72px": "72px";
         readonly "100%": "100%";
         readonly "fit-content": "fit-content";
     };
@@ -168,173 +169,173 @@ export declare const tokens: {
         readonly "4": "4";
     };
 };
-export declare const themeClass: string, vars: import("@vanilla-extract/private").MapLeafNodes<{
+export declare const themeClass: string, vars: {
     readonly borderRadius: {
-        readonly "0px": "0px";
-        readonly "1px": "1px";
-        readonly "4px": "4px";
-        readonly "6px": "6px";
-        readonly "10px": "10px";
-        readonly "12px": "12px";
-        readonly "100%": "100%";
+        readonly "0px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "1px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "4px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "6px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "10px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "12px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "100%": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     readonly borderStyle: {
-        readonly none: "none";
-        readonly dashed: "dashed";
-        readonly solid: "solid";
+        readonly none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly dashed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     readonly borderWidth: {
-        readonly "0px": "0px";
-        readonly "1px": "1px";
-        readonly "2px": "2px";
-        readonly "3px": "3px";
+        readonly "0px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "1px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "2px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "3px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     readonly boxShadow: {
-        readonly "-1": "0px 1px 0px 0px hsla(0, 0%, 0%, 0.08) inset";
-        readonly "0": "none";
-        readonly "1": "0px 1px 0px 0px hsla(0, 0%, 0%, 0.04)";
-        readonly "2": "0px 2px 1px 0px hsla(0, 0%, 0%, 0.05)";
-        readonly "3": "0px 2px 10px 0px hsla(0, 0%, 0%, 0.1)";
-        readonly "4": "0px 26px 80px 0px hsla(0, 0%, 0%, 0.2)";
-        readonly focus: "0px 0px 0px 2px hsla(251, 63%, 63%, 0.3)";
+        readonly [-1]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly 0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly 3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly 4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly focus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     readonly color: {
-        readonly currentColor: "currentColor";
-        readonly greyDark1: "hsl(240, 4%, 9%)";
-        readonly greyDark2: "hsl(240, 5%, 12%)";
-        readonly greyDark3: "hsl(240, 4%, 14%)";
-        readonly greyDark4: "hsl(240, 5%, 16%)";
-        readonly greyDark5: "hsl(240, 4%, 19%)";
-        readonly greyDark6: "hsl(240, 5%, 22%)";
-        readonly greyDark7: "hsl(240, 5%, 25%)";
-        readonly greyDark8: "hsl(248, 5%, 33%)";
-        readonly greyDark9: "hsl(247, 4%, 45%)";
-        readonly greyDark10: "hsl(247, 4%, 51%)";
-        readonly greyDark11: "hsl(249, 4%, 64%)";
-        readonly greyDark12: "hsl(240, 6%, 93%)";
-        readonly greyLight1: "hsl(300, 0%, 100%)";
-        readonly greyLight2: "hsl(300, 8%, 97%)";
-        readonly greyLight3: "hsl(300, 8%, 95%)";
-        readonly greyLight4: "hsl(270, 6%, 93%)";
-        readonly greyLight5: "hsl(270, 5%, 91%)";
-        readonly greyLight6: "hsl(300, 4%, 89%)";
-        readonly greyLight7: "hsl(270, 3%, 86%)";
-        readonly greyLight8: "hsl(255, 4%, 79%)";
-        readonly greyLight9: "hsl(255, 4%, 57%)";
-        readonly greyLight10: "hsl(253, 4%, 54%)";
-        readonly greyLight11: "hsl(247, 4%, 45%)";
-        readonly greyLight12: "hsl(261, 25%, 11%)";
-        readonly inherit: "inherit";
-        readonly blue1: "hsla(212, 97%, 43%, 1)";
-        readonly purple1: "hsl(252, 19%, 10%)";
-        readonly purple2: "hsl(255, 30%, 13%)";
-        readonly purple3: "hsl(252, 36%, 18%)";
-        readonly purple4: "hsl(253, 40%, 22%)";
-        readonly purple5: "hsl(252, 42%, 26%)";
-        readonly purple6: "hsl(251, 44%, 31%)";
-        readonly purple7: "hsl(250, 47%, 39%)";
-        readonly purple8: "hsl(250, 52%, 51%)";
-        readonly purple9: "hsl(252, 56%, 57%)";
-        readonly purple10: "hsl(251, 63%, 63%)";
-        readonly purple11: "hsl(250, 95%, 77%)";
-        readonly purple12: "hsl(251, 89%, 96%)";
-        readonly purpleAlpha1: "hsla(251, 63%, 63%, 0.3)";
-        readonly transparent: "transparent";
+        readonly currentColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greyDark1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greyDark2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greyDark3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greyDark4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greyDark5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greyDark6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greyDark7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greyDark8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greyDark9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greyDark10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greyDark11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greyDark12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greyLight1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greyLight2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greyLight3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greyLight4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greyLight5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greyLight6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greyLight7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greyLight8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greyLight9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greyLight10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greyLight11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greyLight12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly inherit: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly blue1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly purple1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly purple2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly purple3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly purple4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly purple5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly purple6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly purple7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly purple8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly purple9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly purple10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly purple11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly purple12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly purpleAlpha1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly transparent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     readonly cursor: {
-        readonly default: "default";
-        readonly move: "move";
-        readonly pointer: "pointer";
-        readonly text: "text";
+        readonly default: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly move: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly pointer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly text: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     readonly fontFamily: {
-        readonly body: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
-        readonly code: "source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace";
-        readonly inherit: "inherit";
+        readonly body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly code: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly inherit: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     readonly fontSize: {
-        readonly "10px": `${number}rem`;
-        readonly "12px": `${number}rem`;
-        readonly "14px": `${number}rem`;
-        readonly "16px": `${number}rem`;
-        readonly "18px": `${number}rem`;
-        readonly "28px": `${number}rem`;
-        readonly inherit: "inherit";
+        readonly "10px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "12px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "14px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "16px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "18px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "28px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly inherit: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     readonly fontWeight: {
-        readonly "400": "400";
-        readonly "500": "500";
-        readonly "600": "600";
-        readonly inherit: "inherit";
+        readonly 400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly 500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly 600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly inherit: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     readonly gradient: {
-        readonly checkerboardDark: "repeating-conic-gradient(hsl(248, 5%, 33%) 0% 25%, hsl(240, 5%, 12%) 0% 50%) 50% / 10px 10px";
-        readonly checkerboardLight: "repeating-conic-gradient(hsl(255, 4%, 79%) 0% 25%, hsl(300, 8%, 97%) 0% 50%) 50% / 10px 10px";
+        readonly checkerboardDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly checkerboardLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     readonly letterSpacing: {
-        readonly "-0.15px": "-0.15px";
-        readonly "0px": "0px";
-        readonly inherit: "inherit";
+        readonly "-0.15px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "0px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly inherit: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     readonly lineHeight: {
-        readonly "12px": `${number}rem`;
-        readonly "16px": `${number}rem`;
-        readonly "20px": `${number}rem`;
-        readonly "24px": `${number}rem`;
-        readonly "28px": `${number}rem`;
-        readonly "38px": `${number}rem`;
-        readonly inherit: "inherit";
+        readonly "12px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "16px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "20px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "24px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "28px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "38px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly inherit: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     readonly opacity: {
-        readonly "30%": "0.3";
-        readonly "50%": "0.5";
-        readonly "60%": "0.6";
-        readonly "80%": "0.8";
+        readonly "30%": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "50%": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "60%": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "80%": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     readonly size: {
-        readonly "0px": "0px";
-        readonly "8px": "8px";
-        readonly "16px": "16px";
-        readonly "20px": "20px";
-        readonly "24px": "24px";
-        readonly "28px": "28px";
-        readonly "32px": "32px";
-        readonly "36px": "36px";
-        readonly "40px": "40px";
-        readonly "44px": "44px";
-        readonly "100%": "100%";
-        readonly "fit-content": "fit-content";
+        readonly "0px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "8px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "16px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "20px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "24px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "28px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "32px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "36px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "40px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "44px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "72px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "100%": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "fit-content": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     readonly space: {
-        readonly "0px": "0px";
-        readonly "2px": "2px";
-        readonly "4px": "4px";
-        readonly "6px": "6px";
-        readonly "8px": "8px";
-        readonly "10px": "10px";
-        readonly "12px": "12px";
-        readonly "16px": "16px";
-        readonly "24px": "24px";
-        readonly "48px": "48px";
+        readonly "0px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "2px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "4px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "6px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "8px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "10px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "12px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "16px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "24px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly "48px": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     readonly transitionDuration: {
-        readonly shortest: "150ms";
-        readonly leavingScreen: "195ms";
-        readonly enteringScreen: "225ms";
-        readonly standard: "300ms";
+        readonly shortest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly leavingScreen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly enteringScreen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     readonly transitionTimingFunction: {
-        readonly easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)";
-        readonly easeOut: "cubic-bezier(0, 0, 0.2, 1)";
-        readonly easeIn: "cubic-bezier(0.4, 0, 1, 1)";
-        readonly sharp: "cubic-bezier(0.4, 0, 0.6, 1)";
+        readonly easeInOut: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly easeOut: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly easeIn: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly sharp: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     readonly zIndex: {
-        readonly "0": "0";
-        readonly "1": "1";
-        readonly "2": "2";
-        readonly "3": "3";
-        readonly "4": "4";
+        readonly 0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly 3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly 4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
-}, import("@vanilla-extract/private").CSSVarFunction>;
-export declare const gaps: Record<"0px" | "4px" | "6px" | "10px" | "12px" | "2px" | "8px" | "16px" | "24px" | "48px", string>;
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "dependencies": {
     "@internationalized/date": "3.0.2",
-    "@prismicio/editor-support": "0.2.0",
+    "@prismicio/editor-support": "0.3.0",
     "@radix-ui/react-dialog": "1.0.2",
     "@radix-ui/react-dropdown-menu": "2.0.1",
     "@radix-ui/react-label": "2.0.0",
@@ -17,7 +17,7 @@
     "@react-aria/calendar": "3.0.5",
     "@react-aria/i18n": "3.6.3",
     "@react-stately/calendar": "3.0.5",
-    "@vanilla-extract/css": "1.9.1",
+    "@vanilla-extract/css": "1.9.5",
     "@vanilla-extract/css-utils": "0.1.2",
     "@vanilla-extract/sprinkles": "1.5.0",
     "clsx": "1.2.1",
@@ -38,27 +38,20 @@
     "@storybook/client-api": "",
     "@storybook/preview-web": "",
     "@storybook/react": "6.5.10",
-    "@storybook/testing-react": "1.3.0",
-    "@testing-library/jest-dom": "5.16.5",
-    "@testing-library/react": "13.4.0",
     "@types/react": "18.0.18",
-    "@types/testing-library__jest-dom": "",
-    "@vanilla-extract/vite-plugin": "3.6.0",
-    "@vitejs/plugin-react": "2.1.0",
-    "@vitest/coverage-c8": "0.23.4",
+    "@vanilla-extract/vite-plugin": "3.8.0",
+    "@vitejs/plugin-react-swc": "3.1.0",
     "eslint": "8.23.0",
     "eslint-config-prettier": "8.5.0",
-    "eslint-plugin-jest-dom": "4.0.2",
     "eslint-plugin-jsx-a11y": "6.6.1",
     "eslint-plugin-react": "7.31.7",
     "eslint-plugin-react-hooks": "4.6.0",
-    "eslint-plugin-testing-library": "5.6.2",
     "happy-dom": "6.0.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "typescript": "4.8.2",
-    "vite": "3.1.3",
-    "vitest": "0.23.4"
+    "vite": "4.0.4",
+    "vitest": "0.28.5"
   },
   "exports": {
     ".": {
@@ -90,11 +83,10 @@
     "storybook": "start-storybook --no-open --port 6006",
     "storybook-build": "build-storybook",
     "vite-build": "vite build && tsc --build tsconfig-dist.json",
-    "vitest": "vitest",
-    "vitest-coverage": "vitest run --coverage"
+    "vitest": "vitest"
   },
   "sideEffects": false,
   "stableVersion": "0.0.0",
   "types": "./dist/index.d.ts",
-  "version": "0.2.0"
+  "version": "0.3.0"
 }