@prismicio/editor-ui 0.4.15 → 0.4.17

package/dist/theme/util.d.ts

@@ -1,4 +1,4 @@
-import { type Sprinkles, unconditionalProperties } from "./sprinkles.css";
+import { unconditionalProperties } from "./sprinkles.css";
 /**
  * Workaround for:
  * You can not reference a parent selector that is made of ONLY `sprinkles` generated classNames.
@@ -12,26 +12,4 @@ export declare const emptyStyle: {};
  */
 export declare function maybeSprinkles<NAME extends SprinkleKeys>(name: NAME, value: number | string | undefined): string | undefined;
 type SprinkleKeys = keyof typeof unconditionalProperties.styles;
-export interface SX {
-    flexGrow?: Sprinkles["flexGrow"];
-    flexShrink?: Sprinkles["flexShrink"];
-    alignSelf?: Sprinkles["alignSelf"];
-    justifySelf?: Sprinkles["justifySelf"];
-    visibility?: Sprinkles["visibility"];
-    marginLeft?: Sprinkles["marginLeft"];
-    marginRight?: Sprinkles["marginRight"];
-    marginTop?: Sprinkles["marginTop"];
-    marginBottom?: Sprinkles["marginBottom"];
-    marginInline?: Sprinkles["marginInline"];
-    marginBlock?: Sprinkles["marginBlock"];
-    position?: Sprinkles["position"];
-    top?: Sprinkles["top"];
-    left?: Sprinkles["left"];
-    right?: Sprinkles["right"];
-    bottom?: Sprinkles["bottom"];
-    height?: Sprinkles["height"];
-    width?: Sprinkles["width"];
-    zIndex?: Sprinkles["zIndex"];
-}
-export declare function sxClassName(sx?: SX): string;
 export {};

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

@@ -32,6 +32,9 @@ export declare const tokens: {
         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 ghostFocus: "0px 0px 0px 3px hsla(247, 4%, 45%, 0.3)";
+        readonly greenFocus: "0px 0px 0px 2px hsla(151, 55%, 42%, 0.3)";
+        readonly amberFocus: "0px 0px 0px 2px hsla(38, 100%, 57%, 0.3)";
+        readonly tomatoFocus: "0px 0px 0px 2px hsla(10, 78%, 54%, 0.3)";
     };
     readonly color: {
         readonly currentColor: "currentColor";
@@ -70,21 +73,25 @@ export declare const tokens: {
         readonly indigoDark11: "hsl(228, 100%, 76%)";
         readonly greenLight3: "hsl(139, 57%, 95%)";
         readonly greenLight4: "hsl(139, 48%, 91%)";
+        readonly greenLight7: "hsl(146, 38%, 69%)";
         readonly greenLight9: "hsl(151, 55%, 42%)";
         readonly greenLight10: "hsl(152, 57%, 38%)";
         readonly greenLight11: "hsl(153, 67%, 28%)";
         readonly greenDark3: "hsl(155, 46%, 11%)";
         readonly greenDark4: "hsl(154, 48%, 13%)";
+        readonly greenDark7: "hsl(153, 51%, 22%)";
         readonly greenDark9: "hsl(151, 55%, 42%)";
         readonly greenDark10: "hsl(151, 49%, 46%)";
         readonly greenDark11: "hsl(151, 50%, 53%)";
         readonly amberLight3: "hsl(44, 100%, 92%)";
         readonly amberLight4: "hsl(43, 100%, 87%)";
+        readonly amberLight7: "hsl(36, 86%, 67%)";
         readonly amberLight9: "hsl(39, 100%, 57%)";
         readonly amberLight10: "hsl(35, 100%, 55%)";
         readonly amberLight11: "hsl(30, 100%, 34%)";
         readonly amberDark3: "hsl(32, 100%, 10%)";
         readonly amberDark4: "hsl(32, 100%, 12%)";
+        readonly amberDark7: "hsl(35, 91%, 22%)";
         readonly amberDark9: "hsl(39, 100%, 57%)";
         readonly amberDark10: "hsl(43, 100%, 64%)";
         readonly amberDark11: "hsl(39, 90%, 50%)";
@@ -92,12 +99,14 @@ export declare const tokens: {
         readonly tomatoLight3: "hsl(7, 100%, 97%)";
         readonly tomatoLight4: "hsl(8, 100%, 94%)";
         readonly tomatoLight7: "hsl(10, 77%, 79%)";
+        readonly tomatoLight9: "hsl(10, 78%, 54%)";
         readonly tomatoLight10: "hsl(10, 72%, 50%)";
         readonly tomatoLight11: "hsl(10, 82%, 44%)";
         readonly tomatoDark1: "hsl(11, 23%, 9%)";
         readonly tomatoDark3: "hsl(7, 51%, 15%)";
         readonly tomatoDark4: "hsl(7, 57%, 18%)";
         readonly tomatoDark7: "hsl(8, 72%, 29%)";
+        readonly tomatoDark9: "hsl(10, 78%, 54%)";
         readonly tomatoDark10: "hsl(10, 82%, 59%)";
         readonly tomatoDark11: "hsl(10, 85%, 63%)";
         readonly purpleDark1: "hsl(252, 19%, 10%)";
@@ -124,7 +133,6 @@ export declare const tokens: {
         readonly purpleLight10: "hsl(251, 48%, 53%)";
         readonly purpleLight11: "hsl(250, 43%, 48%)";
         readonly purpleLight12: "hsl(254, 60%, 18%)";
-        readonly purpleAlpha1: "hsla(251, 63%, 63%, 0.3)";
         readonly greyAlpha1: "hsla(0, 0%, 0%, 0.3)";
         readonly transparent: "transparent";
     };
@@ -196,6 +204,7 @@ export declare const tokens: {
         readonly 16: "16px";
         readonly 24: "24px";
         readonly 32: "32px";
+        readonly 40: "40px";
         readonly 48: "48px";
         readonly 72: "72px";
         readonly 80: "80px";
@@ -263,6 +272,9 @@ export declare const themeClass: string, vars: {
         readonly "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly focus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly ghostFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greenFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly amberFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly tomatoFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     readonly color: {
         readonly currentColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -301,21 +313,25 @@ export declare const themeClass: string, vars: {
         readonly indigoDark11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly greenLight3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly greenLight4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greenLight7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly greenLight9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly greenLight10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly greenLight11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly greenDark3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly greenDark4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly greenDark7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly greenDark9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly greenDark10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly greenDark11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly amberLight3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly amberLight4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly amberLight7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly amberLight9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly amberLight10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly amberLight11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly amberDark3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly amberDark4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly amberDark7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly amberDark9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly amberDark10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly amberDark11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -323,12 +339,14 @@ export declare const themeClass: string, vars: {
         readonly tomatoLight3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly tomatoLight4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly tomatoLight7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly tomatoLight9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly tomatoLight10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly tomatoLight11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly tomatoDark1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly tomatoDark3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly tomatoDark4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly tomatoDark7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly tomatoDark9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly tomatoDark10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly tomatoDark11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly purpleDark1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -355,7 +373,6 @@ export declare const themeClass: string, vars: {
         readonly purpleLight10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly purpleLight11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly purpleLight12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        readonly purpleAlpha1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly greyAlpha1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly transparent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
@@ -427,6 +444,7 @@ export declare const themeClass: string, vars: {
         readonly 16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly 24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly 32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly 40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly 48: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly 72: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         readonly 80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/package.json

@@ -1,7 +1,7 @@
 {
   "dependencies": {
     "@internationalized/date": "3.5.0",
-    "@prismicio/editor-support": "0.4.15",
+    "@prismicio/editor-support": "0.4.17",
     "@radix-ui/react-avatar": "1.0.4",
     "@radix-ui/react-checkbox": "1.0.4",
     "@radix-ui/react-dialog": "1.0.5",
@@ -33,6 +33,7 @@
     "@vanilla-extract/css-utils": "0.1.2",
     "@vanilla-extract/sprinkles": "1.5.0",
     "clsx": "1.2.1",
+    "csstype": "3.1.2",
     "react-easy-crop": "4.6.1",
     "react-remove-scroll": "2.5.6",
     "tslib": "2.4.0"
@@ -68,7 +69,7 @@
     "storybook": "7.4.2",
     "typescript": "5.2.2",
     "vite": "4.0.4",
-    "vitest": "0.28.5"
+    "vitest": "0.34.6"
   },
   "exports": {
     "./src/index.ts": "./src/index.ts",
@@ -103,5 +104,5 @@
   "sideEffects": false,
   "stableVersion": "0.0.0",
   "types": "./dist/index.d.ts",
-  "version": "0.4.15"
+  "version": "0.4.17"
 }

package/dist/components/ActionList/ActionList.css.d.ts

@@ -1,8 +0,0 @@
-export declare const root: string;
-export declare const item: string;
-export declare const itemColors: {
-    grey: string;
-    tomato: string;
-};
-export declare const startIcon: string;
-export declare const itemText: string;

package/dist/components/Checkbox/Checkbox.css.d.ts

@@ -1 +0,0 @@
-export declare const root: string;

package/dist/components/Dialog/Dialog.css.d.ts

@@ -1,14 +0,0 @@
-export declare const overlay: string;
-export declare const containerSize: {
-    large: string;
-    small: string;
-};
-export declare const container: string;
-export declare const containerPosition: {
-    center: string;
-    bottomRight: string;
-};
-export declare const header: string;
-export declare const closeButton: string;
-export declare const content: string;
-export declare const actions: string;

package/dist/components/Dialog/Options/DialogOptions.css.d.ts

@@ -1,8 +0,0 @@
-export declare const root: string;
-export declare const item: string;
-export declare const itemInlinePadding: {
-    withIcon: string;
-    withoutIcon: string;
-};
-export declare const itemIcon: string;
-export declare const itemTexts: string;

package/dist/components/Skeleton/Skeleton.css.d.ts

@@ -1,12 +0,0 @@
-export declare const pulseAnimation: string;
-export declare const root: string;
-export declare const color: {
-    grey5: string;
-    grey1: string;
-};
-export declare const borderRadius: {
-    0: string;
-    4: string;
-    6: string;
-    "100%": string;
-};

package/dist/components/Table/Table.css.d.ts

@@ -1,12 +0,0 @@
-export declare const root: string;
-export declare const header: string;
-export declare const bodyRow: string;
-export declare const disablePointerEvents: string;
-export declare const onClickBodyRow: string;
-export declare const staticBodyRow: string;
-export declare const headerCell: string;
-export declare const bodyCell: string;
-export declare const cell: string;
-export declare const linkedRowContainer: string;
-export declare const linkElementWrapper: string;
-export declare const link: string;