slice-machine-ui 1.26.1-beta.1 → 1.26.1-beta.11

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/Counter/Counter.css.ts

@@ -1,26 +0,0 @@
-import { colors, sprinkles } from "@prismicio/editor-ui";
-import { style } from "@vanilla-extract/css";
-
-export const root = sprinkles({
-  all: "unset",
-  display: "inline-flex",
-  alignItems: "center",
-  position: "relative",
-});
-
-export const count = style([
-  sprinkles({
-    all: "unset",
-    display: "revert",
-    color: colors.grey1,
-    fontFamily: "body",
-    position: "absolute",
-  }),
-  {
-    fontSize: "9px",
-    fontWeight: 500,
-    left: "50%",
-    top: "50%",
-    transform: "translate(-50%, -50%)",
-  },
-]);

package/src/components/Counter/index.ts

@@ -1 +0,0 @@
-export { Counter } from "./Counter";

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,
-});