slice-machine-ui 1.26.1-beta.2 → 1.26.1-beta.21

package/out/_next/static/css/72465cc1225f28a2.css

@@ -1 +0,0 @@
-._1k08lzu3{height:calc(var(--_7j49md4j) - var(--_7j49mdh))}._1k08lzu5{height:calc(var(--_7j49md48) - var(--_7j49md44));width:calc(var(--_7j49md48) - var(--_7j49md44))}._1k08lzu7{box-shadow:inset 0 calc(-1 * var(--_7j49mdh)) 0 0 var(--_7j49md1d);height:calc(var(--_7j49md4j) - var(--_7j49mdh));-ms-overflow-style:none;scrollbar-width:none}._1k08lzu7::-webkit-scrollbar{display:none}._1k08lzu3+._1k08lzu6>._1k08lzu7{padding-top:var(--_7j49mdh)}._1k08lzu8:last-child:before,:not(:is(:focus,:hover,[data-state=active]))+._1k08lzu8:before{content:"";background-color:var(--_7j49md1e);bottom:var(--_7j49md50);height:var(--_7j49md4f);left:calc(-1 * var(--_7j49md4w));position:absolute;width:var(--_7j49mdh)}._1k08lzu9{max-width:256px}._1k08lzu9[data-state=active]{color:var(--_7j49md1j)}._1k08lzu9:is(:focus,:hover,[data-state=active]):before{content:"";background-color:var(--_7j49md19);border-color:var(--_7j49md1d);border-top-left-radius:var(--_7j49md7);border-top-right-radius:var(--_7j49md7);border-style:var(--_7j49mdf) var(--_7j49mdf) var(--_7j49mdd);border-width:var(--_7j49mdh);box-sizing:border-box;height:calc(var(--_7j49md4p) + var(--_7j49mdh));left:calc(-1 * var(--_7j49mdh));position:absolute;top:calc(-1 * var(--_7j49mdh));width:calc(var(--_7j49md4p) + var(--_7j49mdh))}._1k08lzub{margin-right:calc(-1 * var(--_7j49md50))}:is(:focus,:hover,[data-state=active])>._1k08lzub{visibility:visible}._1k08lzub:has(>[data-state=open]){visibility:visible}._1k08lzuc{box-shadow:inset 0 calc(-1 * var(--_7j49mdh)) 0 0 var(--_7j49md1d),0 calc(-1 * var(--_7j49mdh)) 0 0 var(--_7j49md1a)}._1k08lzud[data-state=inactive]{display:none}:is(._1k08lzu2,._1k08lzud)>._2a96i71{border-radius:var(--_7j49md3);border-style:var(--_7j49mdd)}._2a96i72:last-child{border-bottom-color:var(--_7j49md3k)}._1k08lzud>._2a96i71>._2a96i73:not(:first-child){margin-top:var(--_7j49md53)}._18bjhbz0{max-width:498px;min-height:400px;background-color:var(--_7j49md18)}._18bjhbz1{background-size:cover;background-color:transparent;border-radius:var(--_7j49md3);border-style:var(--_7j49mdd);height:100%;max-width:100%}._18bjhbz1 ._18bjhbz3{padding:64px}._18bjhbz4{font-size:18px;font-weight:600;line-height:32px}._18bjhbz5{font-weight:400;line-height:24px}._18bjhbz1 ._18bjhbz5{max-width:464px;align-self:center}._18bjhbz1 ._18bjhbz6{justify-content:center}.kedahr2{height:240px}.kedahr3{height:320px}.kedahr6:focus-visible{box-shadow:0 0 0 4px rgba(123,101,220,.1)}.kedahr6[data-disabled]{opacity:var(--_7j49md3z)}.kedahr6:not([data-disabled]){cursor:var(--_7j49md3n)}.kedahr7{order:0}.kedahr4>.kedahr7{padding:calc(var(--_7j49md55) - var(--_7j49mdh))}.kedahr5>.kedahr7{background-color:var(--_7j49md1a);margin-inline:calc(var(--_7j49md53) - var(--_7j49mdh));margin-top:calc(var(--_7j49md53) - var(--_7j49mdh));padding:var(--_7j49md53)}.kedahr9:not([src]){visibility:hidden}.kedahra:before{content:"";background-color:var(--_7j49md1j);inset:var(--_7j49md4v);opacity:var(--_7j49md3x);position:absolute}.kedahr6:focus-visible .kedahra,.kedahr6:not([data-disabled]) .kedahr7:hover>.kedahra{visibility:visible}.kedahr6:not([data-disabled]) .kedahra:has(:focus-visible){visibility:visible}.kedahr4>.kedahrb{background-color:var(--_7j49md18)}.kedahr4>.kedahrb:not(:first-child){border-top-color:var(--_7j49md1d);border-top-style:inherit;border-top-width:inherit}.kedahrc{order:1}.kedahr4>.kedahrc{padding-left:calc(var(--_7j49md52) - var(--_7j49mdh));padding-right:calc(var(--_7j49md50) - var(--_7j49mdh))}.kedahr5>.kedahrc{padding-inline:calc(var(--_7j49md53) - var(--_7j49mdh))}.kedahrd{order:2}.kedahr4>.kedahrd{padding-inline:calc(var(--_7j49md52) - var(--_7j49mdh))}.kedahr5>.kedahrd{padding-inline:calc(var(--_7j49md53) - var(--_7j49mdh))}.kedahre{margin-bottom:calc((1.5rem - 1rem) / 2)}.kedahrf{background-color:#ebe7fe;color:#5746af}._76k20u4:not(:last-child){margin-right:var(--_7j49md53)}._76k20u4[data-state=active]{box-shadow:inset 0 -1px 0 0 currentColor,0 1px 0 0 currentColor;color:var(--_7j49md3f)}._76k20u5{line-height:32px}._76k20u6{flex:1 1}._76k20u6[data-state=inactive]{display:none}._8uty130{line-height:32px}._3uvawd0{grid-area:content;overflow:hidden}

package/out/_next/static/css/838fd8bb5a7c32b0.css

@@ -1 +0,0 @@
-.Kbd_root__nBos2{background-color:var(--grey2);border-color:var(--grey6);border-radius:3px;border-style:solid;border-width:1px;color:var(--grey11);padding-inline:4px}.kedahr2{height:240px}.kedahr3{height:320px}.kedahr6:focus-visible{box-shadow:0 0 0 4px rgba(123,101,220,.1)}.kedahr6[data-disabled]{opacity:var(--_7j49md3z)}.kedahr6:not([data-disabled]){cursor:var(--_7j49md3n)}.kedahr7{order:0}.kedahr4>.kedahr7{padding:calc(var(--_7j49md55) - var(--_7j49mdh))}.kedahr5>.kedahr7{background-color:var(--_7j49md1a);margin-inline:calc(var(--_7j49md53) - var(--_7j49mdh));margin-top:calc(var(--_7j49md53) - var(--_7j49mdh));padding:var(--_7j49md53)}.kedahr9:not([src]){visibility:hidden}.kedahra:before{content:"";background-color:var(--_7j49md1j);inset:var(--_7j49md4v);opacity:var(--_7j49md3x);position:absolute}.kedahr6:focus-visible .kedahra,.kedahr6:not([data-disabled]) .kedahr7:hover>.kedahra{visibility:visible}.kedahr6:not([data-disabled]) .kedahra:has(:focus-visible){visibility:visible}.kedahr4>.kedahrb{background-color:var(--_7j49md18)}.kedahr4>.kedahrb:not(:first-child){border-top-color:var(--_7j49md1d);border-top-style:inherit;border-top-width:inherit}.kedahrc{order:1}.kedahr4>.kedahrc{padding-left:calc(var(--_7j49md52) - var(--_7j49mdh));padding-right:calc(var(--_7j49md50) - var(--_7j49mdh))}.kedahr5>.kedahrc{padding-inline:calc(var(--_7j49md53) - var(--_7j49mdh))}.kedahrd{order:2}.kedahr4>.kedahrd{padding-inline:calc(var(--_7j49md52) - var(--_7j49mdh))}.kedahr5>.kedahrd{padding-inline:calc(var(--_7j49md53) - var(--_7j49mdh))}.kedahre{margin-bottom:calc((1.5rem - 1rem) / 2)}.kedahrf{background-color:#ebe7fe;color:#5746af}._18bjhbz0{max-width:498px;min-height:400px;background-color:var(--_7j49md18)}._18bjhbz1{background-size:cover;background-color:transparent;border-radius:var(--_7j49md3);border-style:var(--_7j49mdd);height:100%;max-width:100%}._18bjhbz1 ._18bjhbz3{padding:64px}._18bjhbz4{font-size:18px;font-weight:600;line-height:32px}._18bjhbz5{font-weight:400;line-height:24px}._18bjhbz1 ._18bjhbz5{max-width:464px;align-self:center}._18bjhbz1 ._18bjhbz6{justify-content:center}.ovkapw0:focus-visible{outline:none;text-decoration-line:underline}.ovkapw1{font-size:1.2rem;width:18px;height:18px}.ovkapw2{font-size:1rem;width:16px;height:16px}.ovkapw3{font-size:inherit;width:inherit;height:inherit}

package/out/_next/static/css/b22c0750c14cc089.css

@@ -1 +0,0 @@
-._1k08lzu3{height:calc(var(--_7j49md4j) - var(--_7j49mdh))}._1k08lzu5{height:calc(var(--_7j49md48) - var(--_7j49md44));width:calc(var(--_7j49md48) - var(--_7j49md44))}._1k08lzu7{box-shadow:inset 0 calc(-1 * var(--_7j49mdh)) 0 0 var(--_7j49md1d);height:calc(var(--_7j49md4j) - var(--_7j49mdh));-ms-overflow-style:none;scrollbar-width:none}._1k08lzu7::-webkit-scrollbar{display:none}._1k08lzu3+._1k08lzu6>._1k08lzu7{padding-top:var(--_7j49mdh)}._1k08lzu8:last-child:before,:not(:is(:focus,:hover,[data-state=active]))+._1k08lzu8:before{content:"";background-color:var(--_7j49md1e);bottom:var(--_7j49md50);height:var(--_7j49md4f);left:calc(-1 * var(--_7j49md4w));position:absolute;width:var(--_7j49mdh)}._1k08lzu9{max-width:256px}._1k08lzu9[data-state=active]{color:var(--_7j49md1j)}._1k08lzu9:is(:focus,:hover,[data-state=active]):before{content:"";background-color:var(--_7j49md19);border-color:var(--_7j49md1d);border-top-left-radius:var(--_7j49md7);border-top-right-radius:var(--_7j49md7);border-style:var(--_7j49mdf) var(--_7j49mdf) var(--_7j49mdd);border-width:var(--_7j49mdh);box-sizing:border-box;height:calc(var(--_7j49md4p) + var(--_7j49mdh));left:calc(-1 * var(--_7j49mdh));position:absolute;top:calc(-1 * var(--_7j49mdh));width:calc(var(--_7j49md4p) + var(--_7j49mdh))}._1k08lzub{margin-right:calc(-1 * var(--_7j49md50))}:is(:focus,:hover,[data-state=active])>._1k08lzub{visibility:visible}._1k08lzub:has(>[data-state=open]){visibility:visible}._1k08lzuc{box-shadow:inset 0 calc(-1 * var(--_7j49mdh)) 0 0 var(--_7j49md1d),0 calc(-1 * var(--_7j49mdh)) 0 0 var(--_7j49md1a)}._1k08lzud[data-state=inactive]{display:none}:is(._1k08lzu2,._1k08lzud)>._2a96i71{border-radius:var(--_7j49md3);border-style:var(--_7j49mdd)}._2a96i72:last-child{border-bottom-color:var(--_7j49md3k)}._1k08lzud>._2a96i71>._2a96i73:not(:first-child){margin-top:var(--_7j49md53)}.Kbd_root__nBos2{background-color:var(--grey2);border-color:var(--grey6);border-radius:3px;border-style:solid;border-width:1px;color:var(--grey11);padding-inline:4px}.kedahr2{height:240px}.kedahr3{height:320px}.kedahr6:focus-visible{box-shadow:0 0 0 4px rgba(123,101,220,.1)}.kedahr6[data-disabled]{opacity:var(--_7j49md3z)}.kedahr6:not([data-disabled]){cursor:var(--_7j49md3n)}.kedahr7{order:0}.kedahr4>.kedahr7{padding:calc(var(--_7j49md55) - var(--_7j49mdh))}.kedahr5>.kedahr7{background-color:var(--_7j49md1a);margin-inline:calc(var(--_7j49md53) - var(--_7j49mdh));margin-top:calc(var(--_7j49md53) - var(--_7j49mdh));padding:var(--_7j49md53)}.kedahr9:not([src]){visibility:hidden}.kedahra:before{content:"";background-color:var(--_7j49md1j);inset:var(--_7j49md4v);opacity:var(--_7j49md3x);position:absolute}.kedahr6:focus-visible .kedahra,.kedahr6:not([data-disabled]) .kedahr7:hover>.kedahra{visibility:visible}.kedahr6:not([data-disabled]) .kedahra:has(:focus-visible){visibility:visible}.kedahr4>.kedahrb{background-color:var(--_7j49md18)}.kedahr4>.kedahrb:not(:first-child){border-top-color:var(--_7j49md1d);border-top-style:inherit;border-top-width:inherit}.kedahrc{order:1}.kedahr4>.kedahrc{padding-left:calc(var(--_7j49md52) - var(--_7j49mdh));padding-right:calc(var(--_7j49md50) - var(--_7j49mdh))}.kedahr5>.kedahrc{padding-inline:calc(var(--_7j49md53) - var(--_7j49mdh))}.kedahrd{order:2}.kedahr4>.kedahrd{padding-inline:calc(var(--_7j49md52) - var(--_7j49mdh))}.kedahr5>.kedahrd{padding-inline:calc(var(--_7j49md53) - var(--_7j49mdh))}.kedahre{margin-bottom:calc((1.5rem - 1rem) / 2)}.kedahrf{background-color:#ebe7fe;color:#5746af}

package/out/_next/static/css/be1f49e49a5aa7eb.css

@@ -1 +0,0 @@
-.gdfsm51{border-collapse:collapse;table-layout:fixed}.gdfsm55{vertical-align:middle}.gdfsm55:first-child{padding-right:var(--_7j49md4v);width:var(--_7j49md4h)}.gdfsm55:last-child{padding-left:var(--_7j49md4v);padding-right:var(--_7j49md53);width:var(--_7j49md4j)}.gdfsm52 .gdfsm55{font-size:12px;font-weight:500}.gdfsm53 .gdfsm55{border-top-style:var(--_7j49mdf);font-size:14px}.gdfsm53 .gdfsm55:nth-child(2){color:var(--_7j49md1j);font-weight:600}.gdfsm52 .gdfsm55:first-child>.gdfsm56{padding-left:var(--_7j49md4z)}:is(.gdfsm53,.gdfsm52) .gdfsm55:not(:first-child):not(:last-child)>.gdfsm56{display:revert;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}._18bjhbz0{max-width:498px;min-height:400px;background-color:var(--_7j49md18)}._18bjhbz1{background-size:cover;background-color:transparent;border-radius:var(--_7j49md3);border-style:var(--_7j49mdd);height:100%;max-width:100%}._18bjhbz1 ._18bjhbz3{padding:64px}._18bjhbz4{font-size:18px;font-weight:600;line-height:32px}._18bjhbz5{font-weight:400;line-height:24px}._18bjhbz1 ._18bjhbz5{max-width:464px;align-self:center}._18bjhbz1 ._18bjhbz6{justify-content:center}

package/out/_next/static/css/f8eb526e10bc2441.css

@@ -1 +0,0 @@
-.Kbd_root__nBos2{background-color:var(--grey2);border-color:var(--grey6);border-radius:3px;border-style:solid;border-width:1px;color:var(--grey11);padding-inline:4px}.kedahr2{height:240px}.kedahr3{height:320px}.kedahr6:focus-visible{box-shadow:0 0 0 4px rgba(123,101,220,.1)}.kedahr6[data-disabled]{opacity:var(--_7j49md3z)}.kedahr6:not([data-disabled]){cursor:var(--_7j49md3n)}.kedahr7{order:0}.kedahr4>.kedahr7{padding:calc(var(--_7j49md55) - var(--_7j49mdh))}.kedahr5>.kedahr7{background-color:var(--_7j49md1a);margin-inline:calc(var(--_7j49md53) - var(--_7j49mdh));margin-top:calc(var(--_7j49md53) - var(--_7j49mdh));padding:var(--_7j49md53)}.kedahr9:not([src]){visibility:hidden}.kedahra:before{content:"";background-color:var(--_7j49md1j);inset:var(--_7j49md4v);opacity:var(--_7j49md3x);position:absolute}.kedahr6:focus-visible .kedahra,.kedahr6:not([data-disabled]) .kedahr7:hover>.kedahra{visibility:visible}.kedahr6:not([data-disabled]) .kedahra:has(:focus-visible){visibility:visible}.kedahr4>.kedahrb{background-color:var(--_7j49md18)}.kedahr4>.kedahrb:not(:first-child){border-top-color:var(--_7j49md1d);border-top-style:inherit;border-top-width:inherit}.kedahrc{order:1}.kedahr4>.kedahrc{padding-left:calc(var(--_7j49md52) - var(--_7j49mdh));padding-right:calc(var(--_7j49md50) - var(--_7j49mdh))}.kedahr5>.kedahrc{padding-inline:calc(var(--_7j49md53) - var(--_7j49mdh))}.kedahrd{order:2}.kedahr4>.kedahrd{padding-inline:calc(var(--_7j49md52) - var(--_7j49mdh))}.kedahr5>.kedahrd{padding-inline:calc(var(--_7j49md53) - var(--_7j49mdh))}.kedahre{margin-bottom:calc((1.5rem - 1rem) / 2)}.kedahrf{background-color:#ebe7fe;color:#5746af}

package/pages/custom-types/[customTypeId].tsx

@@ -1 +0,0 @@
-export { CustomTypesBuilderPage as default } from "@src/features/customTypes/customTypesBuilder/CustomTypesBuilderPage";

package/pages/labs.tsx

@@ -1 +0,0 @@
-export { LabsPage as default } from "@src/features/labs/labsList/LabsPage";

package/pages/page-types/[pageTypeId].tsx

@@ -1 +0,0 @@
-export { CustomTypesBuilderPage as default } from "@src/features/customTypes/customTypesBuilder/CustomTypesBuilderPage";

package/pages/settings.tsx

@@ -1 +0,0 @@
-export { SettingsPage as default } from "@src/features/settings/SettingsPage";

package/src/components/BlankSlate/BlankSlate.css.ts

@@ -1,96 +0,0 @@
-import { colors, sprinkles, vars } from "@prismicio/editor-ui";
-import { style } from "@vanilla-extract/css";
-
-const column = sprinkles({
-  all: "unset",
-  boxSizing: "border-box",
-  display: "flex",
-  flexDirection: "column",
-});
-
-export const root = style([
-  column,
-  sprinkles({
-    animationDuration: 300,
-    animationName: "fadeIn",
-    animationTimingFunction: "easeInOut",
-    borderColor: colors.grey6,
-    borderRadius: 6,
-    borderStyle: "solid",
-    borderWidth: 1,
-    overflow: "hidden",
-  }),
-  { maxWidth: 498, minHeight: 400, backgroundColor: vars.color.greyLight1 },
-]);
-
-export const withBackground = style([
-  sprinkles({
-    textAlign: "center",
-    width: "100%",
-  }),
-  {
-    backgroundSize: "cover",
-    backgroundColor: "transparent",
-    borderRadius: vars.borderRadius[0],
-    borderStyle: vars.borderStyle.none,
-    height: "100%",
-    maxWidth: "100%",
-  },
-]);
-
-export const image = style([
-  column,
-  sprinkles({
-    borderBottomColor: colors.grey6,
-    borderBottomStyle: "solid",
-    borderBottomWidth: 1,
-    overflow: "hidden",
-  }),
-]);
-
-export const content = style([
-  column,
-  sprinkles({ padding: 32 }),
-  {
-    selectors: {
-      [`${withBackground} &`]: {
-        padding: "64px",
-      },
-    },
-  },
-]);
-
-export const title = style({
-  fontSize: 18,
-  fontWeight: 600,
-  lineHeight: "32px",
-});
-
-export const desc = style({
-  fontWeight: 400,
-  lineHeight: "24px",
-  selectors: {
-    [`${withBackground} &`]: {
-      maxWidth: "464px",
-      alignSelf: "center",
-    },
-  },
-});
-
-export const actions = style([
-  sprinkles({
-    all: "unset",
-    alignItems: "center",
-    boxSizing: "border-box",
-    display: "flex",
-    gap: 16,
-    marginTop: 16,
-  }),
-  {
-    selectors: {
-      [`${withBackground} &`]: {
-        justifyContent: "center",
-      },
-    },
-  },
-]);

package/src/components/Breadcrumb/Breadcrumb.css.ts

@@ -1,5 +0,0 @@
-import { style } from "@vanilla-extract/css";
-
-export const pageSpan = style({
-  fontWeight: "500",
-});

package/src/components/Breadcrumb/Breadcrumb.stories.ts

@@ -1,32 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-
-import { Breadcrumb } from "./Breadcrumb";
-
-type Story = StoryObj<typeof meta>;
-
-const meta = {
-  component: Breadcrumb,
-} satisfies Meta<typeof Breadcrumb>;
-
-export default meta;
-
-export const Default = {
-  args: {
-    folder: "folder",
-    page: "page",
-  },
-} satisfies Story;
-
-export const FolderOnly = {
-  args: {
-    folder: "folder",
-  },
-} satisfies Story;
-
-export const CustomSeparator = {
-  args: {
-    folder: "folder",
-    page: "page",
-    separator: ">",
-  },
-} satisfies Story;

package/src/components/CodeBlock/CodeBlock.css.ts

@@ -1,37 +0,0 @@
-import { style } from "@vanilla-extract/css";
-import { colors, sprinkles } from "@prismicio/editor-ui";
-
-export const root = sprinkles({
-  all: "unset",
-  display: "revert",
-  borderWidth: 1,
-  borderRadius: 6,
-  borderStyle: "solid",
-  borderColor: colors.grey6,
-});
-
-export const header = sprinkles({
-  all: "unset",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "space-between",
-  borderTopRightRadius: 4,
-  borderTopLeftRadius: 4,
-  borderBottomStyle: "solid",
-  borderBottomWidth: 1,
-  backgroundColor: colors.grey2,
-  borderBottomColor: colors.grey6,
-  paddingBlock: 4,
-  paddingRight: 4,
-});
-
-export const fileInfo = sprinkles({
-  all: "unset",
-  display: "flex",
-  justifyContent: "space-between",
-  alignItems: "center",
-});
-
-export const fileName = style({
-  lineHeight: "32px",
-});

package/src/components/ContentTabs/ContentTabs.css.ts

@@ -1,49 +0,0 @@
-import { colors, sprinkles, vars } from "@prismicio/editor-ui";
-import { style } from "@vanilla-extract/css";
-
-const flex = sprinkles({ all: "unset", display: "flex" });
-
-const column = style([flex, sprinkles({ flexDirection: "column" })]);
-
-const row = style([flex, sprinkles({ flexDirection: "row" })]);
-
-export const root = style([
-  column,
-  sprinkles({ backgroundColor: colors.grey1, minHeight: 0 }),
-]);
-
-export const list = style([
-  row,
-  sprinkles({
-    borderBottomColor: colors.grey5,
-    borderBottomStyle: "solid",
-    borderBottomWidth: 1,
-    paddingInline: 16,
-  }),
-]);
-
-export const trigger = style([
-  column,
-  sprinkles({ color: colors.grey11, cursor: "pointer", paddingBlock: 8 }),
-  {
-    selectors: {
-      "&:not(:last-child)": { marginRight: vars.space[16] },
-      '&[data-state="active"]': {
-        boxShadow: "inset 0 -1px 0 0 currentColor, 0 1px 0 0 currentColor",
-        color: vars.color.purpleLight9,
-      },
-    },
-  },
-]);
-
-export const triggerText = style({
-  lineHeight: "32px",
-});
-
-export const content = style([
-  column,
-  sprinkles({ minHeight: 0, outline: "none" }),
-  { flex: 1, selectors: { '&[data-state="inactive"]': { display: "none" } } },
-]);
-
-export const scrollArea = sprinkles({ padding: 16 });

package/src/components/Divider/Divider.css.ts

@@ -1,31 +0,0 @@
-import { colors, sprinkles } from "@prismicio/editor-ui";
-import { style, styleVariants } from "@vanilla-extract/css";
-
-const base = style([
-  sprinkles({
-    width: "100%",
-    borderStyle: "none",
-    margin: 0,
-  }),
-]);
-
-export const variants = styleVariants({
-  dashed: [
-    base,
-    sprinkles({
-      borderColor: colors.currentColor,
-      borderTopStyle: "dashed",
-      borderWidth: 1,
-    }),
-  ],
-  edgeFaded: [
-    base,
-    sprinkles({
-      height: 1,
-    }),
-    {
-      backgroundImage:
-        "linear-gradient(to right, color-mix(in srgb, currentColor, transparent 100%), currentColor, color-mix(in srgb, currentColor, transparent 100%))",
-    },
-  ],
-});

package/src/components/HoverCard/HoverCard.css.ts

@@ -1,105 +0,0 @@
-import { colors, sprinkles, vars } from "@prismicio/editor-ui";
-import { style } from "@vanilla-extract/css";
-
-const block = style([
-  sprinkles({
-    all: "unset",
-    boxSizing: "border-box",
-    fontFamily: "body",
-  }),
-]);
-
-const blockWithDisplayRevert = style([
-  block,
-  sprinkles({
-    display: "revert",
-  }),
-]);
-
-export const root = style([
-  blockWithDisplayRevert,
-  {
-    width: "288px",
-  },
-]);
-
-export const title = style([
-  block,
-  sprinkles({
-    alignItems: "center",
-    borderBottomStyle: "solid",
-    borderColor: colors.grey6,
-    borderWidth: 1,
-    color: colors.grey12,
-    display: "flex",
-    justifyContent: "space-between",
-    marginBottom: 16,
-    paddingBottom: 4,
-    paddingLeft: 16,
-    paddingRight: 6,
-    paddingTop: 4,
-  }),
-  {
-    fontSize: "12px",
-    fontWeight: "500",
-    lineHeight: "16px",
-  },
-]);
-
-export const titleCloseIcon = style([
-  block,
-  sprinkles({
-    color: colors.grey11,
-    display: "flex",
-    padding: 4,
-  }),
-  {
-    ":hover": { cursor: vars.cursor.pointer },
-  },
-]);
-
-export const mediaContainer = style([
-  block,
-  sprinkles({
-    display: "flex",
-    marginBottom: 8,
-    paddingInline: 16,
-  }),
-]);
-
-export const media = style([
-  blockWithDisplayRevert,
-  sprinkles({
-    borderColor: colors.grey6,
-    borderRadius: 6,
-    borderStyle: "solid",
-    borderWidth: 1,
-    overflow: "hidden",
-    width: "100%",
-  }),
-  {
-    height: "146px",
-  },
-]);
-
-export const description = style([
-  blockWithDisplayRevert,
-  sprinkles({
-    color: colors.grey11,
-    marginBottom: 16,
-    paddingInline: 16,
-  }),
-  {
-    fontSize: "12px",
-    fontWeight: "400",
-    lineHeight: "20px",
-  },
-]);
-
-export const closeButtonContainer = style([
-  blockWithDisplayRevert,
-  sprinkles({
-    paddingBottom: 16,
-    paddingInline: 16,
-  }),
-]);

package/src/components/TextLink/TextLink.css.ts

@@ -1,65 +0,0 @@
-import { style, styleVariants } from "@vanilla-extract/css";
-
-import { colors, selectors, sprinkles } from "@prismicio/editor-ui";
-
-export const root = style([
-  sprinkles({
-    all: "unset",
-    cursor: "pointer",
-    display: "flex",
-    alignItems: "center",
-  }),
-  {
-    ":focus-visible": {
-      outline: "none",
-      textDecorationLine: "underline",
-    },
-  },
-]);
-
-export const colorVariant = {
-  primary: sprinkles({
-    color: {
-      ...colors.purple9,
-      ...selectors.hover(colors.purple8),
-      ...selectors.active(colors.purple9),
-    },
-  }),
-  secondary: sprinkles({
-    color: {
-      ...colors.indigo11,
-      ...selectors.hover(colors.indigo10),
-      ...selectors.active(colors.indigo11),
-    },
-  }),
-};
-
-/* TODO move paddingLeft to iconVariant style objects */
-export const endIcon = sprinkles({
-  paddingLeft: 4,
-});
-
-export const iconVariant = styleVariants({
-  normal: [
-    {
-      fontSize: "1.2rem",
-      width: "18px",
-      height: "18px",
-    },
-  ],
-  smallBold: [
-    {
-      fontSize: "1rem",
-      width: "16px",
-      height: "16px",
-    },
-  ],
-  inherit: [
-    sprinkles({ fontFamily: "inherit" }),
-    {
-      fontSize: "inherit",
-      width: "inherit",
-      height: "inherit",
-    },
-  ],
-});

package/src/features/slices/convertLegacySlice/ConvertLegacySliceButton.css.ts

@@ -1,15 +0,0 @@
-import { sprinkles } from "@prismicio/editor-ui";
-
-export const scrollArea = sprinkles({
-  height: "100%",
-  display: "flex",
-  gap: 8,
-  paddingInline: 16,
-  paddingBlock: 16,
-});
-
-export const label = sprinkles({
-  display: "inline-flex",
-  alignItems: "center",
-  gap: 4,
-});

package/{components → src/legacy/components}/Card/WithTabs/components.jsx

@@ -1,5 +1,5 @@
-import { Box, useThemeUI } from "theme-ui";
 import { Tab } from "react-tabs";
+import { Box, useThemeUI } from "theme-ui";
 
 export const CustomTabList = ({ children, ...otherProps }) => (
   <Box

package/{components → src/legacy/components}/Changelog/versionDetails/ReleaseNotesDetails.tsx

@@ -1,6 +1,6 @@
+import { marked } from "marked";
 import React from "react";
 import { Text } from "theme-ui";
-import { marked } from "marked";
 
 interface ReleaseNotesDetailsProps {
   releaseNotes: string;

package/{components → src/legacy/components}/ChangesEmptyState/OfflinePage.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { Flex, Text } from "theme-ui";
 import { IoCloudOfflineOutline } from "react-icons/io5";
+import { Flex, Text } from "theme-ui";
 
 export const OfflinePage = () => {
   return (

package/{components → src/legacy/components}/ChangesEmptyState/index.ts

@@ -1,2 +1,2 @@
-export { OfflinePage } from "./OfflinePage";
 export { AuthErrorPage } from "./AuthErrorPage";
+export { OfflinePage } from "./OfflinePage";

package/{components → src/legacy/components}/ChangesItems/ErrorBanner.tsx

@@ -1,6 +1,6 @@
+import { alpha } from "@theme-ui/color";
 import React from "react";
 import { Flex, Text, ThemeUIStyleObject } from "theme-ui";
-import { alpha } from "@theme-ui/color";
 
 interface ErrorBannerProps {
   message: string;

package/{components → src/legacy/components}/DeleteDocumentsDrawer/index.tsx

@@ -1,2 +1,2 @@
-export { SoftDeleteDocumentsDrawer } from "./SoftDeleteDocumentsDrawer";
 export { HardDeleteDocumentsDrawer } from "./HardDeleteDocumentsDrawer";
+export { SoftDeleteDocumentsDrawer } from "./SoftDeleteDocumentsDrawer";

package/{components → src/legacy/components}/InputDeleteIcon/index.jsx

@@ -1,5 +1,5 @@
-import { IconButton, useThemeUI } from "theme-ui";
 import { AiFillCloseCircle } from "react-icons/ai";
+import { IconButton, useThemeUI } from "theme-ui";
 
 const InputDeleteIcon = ({ sx, size = 22, ...rest }) => {
   const { theme } = useThemeUI();

package/{components → src/legacy/components}/ItemHeader/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { Flex, Text } from "theme-ui";
 import type { Theme } from "theme-ui";
+import { Flex, Text } from "theme-ui";
 
 const ItemHeader: React.FC<{
   text: React.ReactNode;

package/{components → src/legacy/components}/ReviewModal/ReviewFormSelect.tsx

@@ -1,5 +1,5 @@
-import { FC } from "react";
 import { FieldProps } from "formik";
+import { FC } from "react";
 import { Box, Button } from "theme-ui";
 
 const ratingSelectable = [1, 2, 3, 4, 5];

package/{components → src/legacy/components}/ScreenshotPreview/index.tsx

@@ -1,6 +1,6 @@
 import React, { memo } from "react";
-import { Flex, Image, Text, ThemeUIStyleObject } from "theme-ui";
 import { MdInfoOutline } from "react-icons/md";
+import { Flex, Image, Text, ThemeUIStyleObject } from "theme-ui";
 
 const MemoedImage = memo<{ src: string | undefined }>(({ src }) => (
   <Image src={src} alt="Preview image" sx={{ maxHeight: "100%" }} />

package/{components → src/legacy/components}/SliceMachineIconButton/index.tsx

@@ -1,6 +1,6 @@
-import { IconButton } from "theme-ui";
 import { IconButtonProps } from "@theme-ui/components";
 import { IconType } from "react-icons/lib";
+import { IconButton } from "theme-ui";
 
 const defaultActiveSx = (active: boolean, hasError: boolean | null): object => {
   // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions

package/{components → src/legacy/components}/SliceMachineModal/index.tsx

@@ -1,5 +1,5 @@
-import Modal from "react-modal";
 import * as React from "react";
+import Modal from "react-modal";
 
 const SliceMachineModal: React.FunctionComponent<Modal.Props> = (props) => {
   const modalStyle = {