slice-machine-ui 1.26.1-beta.23 → 1.26.1-beta.25

package/out/_next/static/css/e5745b5b0494af29.css

@@ -1 +0,0 @@
-.BlankSlate_column__ysDb2{all:unset;box-sizing:border-box;display:flex;flex-direction:column}.BlankSlate_root__DJ7wC{max-width:498px;min-height:400px;animation:BlankSlate_fadeIn__KMuKu ease-in-out 300;border-color:var(--grey6);border-radius:6px;border-style:solid;border-width:1px;overflow:hidden;background-color:var(--light-grey1)}.BlankSlate_withBackground___V5y5{width:100%;max-width:100%;height:100%;text-align:center;background-size:cover;background-color:transparent;border-radius:0;border-style:none}.BlankSlate_image__rOe9w{border-bottom:1px solid var(--grey6);overflow:hidden}.BlankSlate_content__wmOAI{padding:32px}.BlankSlate_withBackground___V5y5 .BlankSlate_content__wmOAI{padding:64px}.BlankSlate_title__5oTre{font-size:18px;font-weight:600;line-height:32px}.BlankSlate_desc__f6ZWf{font-weight:400;line-height:24px}.BlankSlate_withBackground___V5y5 .BlankSlate_desc__f6ZWf{max-width:464px;align-self:center}.BlankSlate_actions__6zYZr{all:unset;align-items:center;box-sizing:border-box;display:flex;gap:16px;margin-top:16px}.BlankSlate_withBackground___V5y5 .BlankSlate_actions__6zYZr{justify-content:center}.TextLink_root__lUIIv{all:unset;cursor:pointer;display:flex;align-items:center}.TextLink_root__lUIIv:focus-visible{outline:none;text-decoration-line:underline}.TextLink_color-primary__WDK3_{color:var(--purple9)}.TextLink_color-primary__WDK3_:hover{color:var(--purple8)}.TextLink_color-primary__WDK3_:active{color:var(--purple9)}.TextLink_color-secondary__mlUMF{color:var(--indigo11)}.TextLink_color-secondary__mlUMF:hover{color:var(--indigo10)}.TextLink_color-secondary__mlUMF:active{color:var(--indigo11)}.TextLink_endIcon__f687_{padding-left:4px}.TextLink_icon-normal__CXnLk{font-size:1.2rem;width:18px;height:18px}.TextLink_icon-smallBold__Hp6aU{font-size:1rem;width:16px;height:16px}.TextLink_icon-inherit__gbJsO{font-family:inherit;font-size:inherit;width:inherit;height:inherit}.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(--_7j49md42)}.kedahr6:not([data-disabled]){cursor:var(--_7j49md3q)}.kedahr7{order:0}.kedahr4>.kedahr7{padding:calc(var(--_7j49md58) - var(--_7j49mdh))}.kedahr5>.kedahr7{background-color:var(--_7j49md1a);margin-inline:calc(var(--_7j49md56) - var(--_7j49mdh));margin-top:calc(var(--_7j49md56) - var(--_7j49mdh));padding:var(--_7j49md56)}.kedahr9:not([src]){visibility:hidden}.kedahra:before{content:"";background-color:var(--_7j49md1j);inset:var(--_7j49md4y);opacity:var(--_7j49md40);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(--_7j49md55) - var(--_7j49mdh));padding-right:calc(var(--_7j49md53) - var(--_7j49mdh))}.kedahr5>.kedahrc{padding-inline:calc(var(--_7j49md56) - var(--_7j49mdh))}.kedahrd{order:2}.kedahr4>.kedahrd{padding-inline:calc(var(--_7j49md55) - var(--_7j49mdh))}.kedahr5>.kedahrd{padding-inline:calc(var(--_7j49md56) - var(--_7j49mdh))}.kedahre{margin-bottom:calc((1.5rem - 1rem) / 2)}.kedahrf{background-color:#ebe7fe;color:#5746af}.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}

package/out/_next/static/css/e8547bf6e08b50ac.css

@@ -1 +0,0 @@
-._1k08lzu3{height:calc(var(--_7j49md4m) - var(--_7j49mdh))}._1k08lzu5{height:calc(var(--_7j49md4b) - var(--_7j49md47));width:calc(var(--_7j49md4b) - var(--_7j49md47))}._1k08lzu7{box-shadow:inset 0 calc(-1 * var(--_7j49mdh)) 0 0 var(--_7j49md1d);height:calc(var(--_7j49md4m) - 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(--_7j49md53);height:var(--_7j49md4i);left:calc(-1 * var(--_7j49md4z));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(--_7j49md4s) + var(--_7j49mdh));left:calc(-1 * var(--_7j49mdh));position:absolute;top:calc(-1 * var(--_7j49mdh));width:calc(var(--_7j49md4s) + var(--_7j49mdh))}._1k08lzub{margin-right:calc(-1 * var(--_7j49md53))}: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(--_7j49md3m)}._2a96i73:not(:first-child){border-top:1px solid var(--_7j49md1d)}.ZoneEmptyState_root__K6dwt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background-color:var(--grey3);text-align:center;padding-top:32px;padding-bottom:32px;min-height:288px}.BlankSlate_column__ysDb2{all:unset;box-sizing:border-box;display:flex;flex-direction:column}.BlankSlate_root__DJ7wC{max-width:498px;min-height:400px;animation:BlankSlate_fadeIn__KMuKu ease-in-out 300;border-color:var(--grey6);border-radius:6px;border-style:solid;border-width:1px;overflow:hidden;background-color:var(--light-grey1)}.BlankSlate_withBackground___V5y5{width:100%;max-width:100%;height:100%;text-align:center;background-size:cover;background-color:transparent;border-radius:0;border-style:none}.BlankSlate_image__rOe9w{border-bottom:1px solid var(--grey6);overflow:hidden}.BlankSlate_content__wmOAI{padding:32px}.BlankSlate_withBackground___V5y5 .BlankSlate_content__wmOAI{padding:64px}.BlankSlate_title__5oTre{font-size:18px;font-weight:600;line-height:32px}.BlankSlate_desc__f6ZWf{font-weight:400;line-height:24px}.BlankSlate_withBackground___V5y5 .BlankSlate_desc__f6ZWf{max-width:464px;align-self:center}.BlankSlate_actions__6zYZr{all:unset;align-items:center;box-sizing:border-box;display:flex;gap:16px;margin-top:16px}.BlankSlate_withBackground___V5y5 .BlankSlate_actions__6zYZr{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(--_7j49md42)}.kedahr6:not([data-disabled]){cursor:var(--_7j49md3q)}.kedahr7{order:0}.kedahr4>.kedahr7{padding:calc(var(--_7j49md58) - var(--_7j49mdh))}.kedahr5>.kedahr7{background-color:var(--_7j49md1a);margin-inline:calc(var(--_7j49md56) - var(--_7j49mdh));margin-top:calc(var(--_7j49md56) - var(--_7j49mdh));padding:var(--_7j49md56)}.kedahr9:not([src]){visibility:hidden}.kedahra:before{content:"";background-color:var(--_7j49md1j);inset:var(--_7j49md4y);opacity:var(--_7j49md40);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(--_7j49md55) - var(--_7j49mdh));padding-right:calc(var(--_7j49md53) - var(--_7j49mdh))}.kedahr5>.kedahrc{padding-inline:calc(var(--_7j49md56) - var(--_7j49mdh))}.kedahrd{order:2}.kedahr4>.kedahrd{padding-inline:calc(var(--_7j49md55) - var(--_7j49mdh))}.kedahr5>.kedahrd{padding-inline:calc(var(--_7j49md56) - var(--_7j49mdh))}.kedahre{margin-bottom:calc((1.5rem - 1rem) / 2)}.kedahrf{background-color:#ebe7fe;color:#5746af}.ConvertLegacySliceButton_scrollArea__gW7L4{width:448px;height:100%;display:flex;gap:8px;padding-inline:16px;padding-block:16px}.ConvertLegacySliceButton_label__yP2Pt{display:inline-flex;align-items:center;gap:4px}.ContentTabs_flex__kAimf{all:unset;display:flex}.ContentTabs_column__x5QZL{flex-direction:column}.ContentTabs_root__GPtve{background-color:var(--grey1);min-height:0}.ContentTabs_list__XarTi{border-bottom:1px solid var(--grey5);padding-inline:16px}.ContentTabs_trigger__8hs6H{color:var(--grey11);cursor:pointer;padding-block:8px}.ContentTabs_trigger__8hs6H:not(:last-child){margin-right:16px}.ContentTabs_trigger__8hs6H[data-state=active]{box-shadow:inset 0 -1px 0 0 currentColor,0 1px 0 0 currentColor;color:var(--purple9)}.ContentTabs_triggerText__ka3DD{line-height:32px}.ContentTabs_content__mMr1s{min-height:0;outline:none;flex:1 1}.ContentTabs_content__mMr1s[data-state=inactive]{display:none}.ContentTabs_scrollArea__ZBVHa{padding:16px}.CodeBlock_block__ljak4{all:unset;box-sizing:border-box;font-family:var(--font-family-body)}.CodeBlock_blockWithDisplayRevert__zM3Ns{display:revert}.CodeBlock_root__3ZYFL{border-width:1px;border-radius:6px;border-style:solid;border-color:var(--grey6)}.CodeBlock_header__kLT1f{border-top-right-radius:4px;border-top-left-radius:4px;background-color:var(--grey2);border-bottom:1px solid var(--grey6);padding-block:4px;padding-right:4px}.CodeBlock_fileInfo__ocLpL,.CodeBlock_header__kLT1f{display:flex;align-items:center;justify-content:space-between}.CodeBlock_fileName__jmuEV{font-size:calc(14rem / 16);line-height:calc(32rem / 16)}.MarkdownRenderer_section__4QTyU{padding-bottom:16px}.MarkdownRenderer_inlineCode__Oois6{font-family:var(--font-family-code);background-color:var(--grey2);border-radius:6px;padding-block:2px;padding-inline:4px}.PageSnippetDialog_content___SDjB{display:flex;flex-direction:column;min-height:0;gap:12px;overflow:hidden;grid-area:content}

package/src/components/Card/Card.css.ts

@@ -1,188 +0,0 @@
-import { colors, selectors, sprinkles, vars } from "@prismicio/editor-ui";
-import { style, styleVariants } from "@vanilla-extract/css";
-import { calc } from "@vanilla-extract/css-utils";
-
-const flex = sprinkles({ all: "unset", display: "flex" });
-
-const column = style([flex, sprinkles({ flexDirection: "column" })]);
-
-export const root = style([
-  column,
-  sprinkles({
-    borderColor: colors.grey6,
-    borderRadius: 6,
-    borderStyle: "solid",
-    borderWidth: 1,
-    boxSizing: "border-box",
-    overflowX: "hidden",
-    position: "relative",
-  }),
-]);
-
-export const size = styleVariants({
-  small: { height: "240px" },
-  medium: { height: "320px" },
-});
-
-export const variant = styleVariants({
-  solid: [
-    sprinkles({
-      backgroundColor: colors.grey3,
-      borderColor: selectors.checked(colors.purple10),
-    }),
-  ],
-  outlined: [
-    sprinkles({
-      backgroundColor: colors.grey2,
-      borderColor: selectors.checked(colors.purple8),
-    }),
-  ],
-});
-
-export const interactive = style({
-  ":focus-visible": { boxShadow: "0px 0px 0px 4px hsla(251, 63%, 63%, 0.1)" },
-  selectors: {
-    "&[data-disabled]": { opacity: vars.opacity["50%"] },
-    "&:not([data-disabled])": { cursor: vars.cursor.pointer },
-  },
-});
-
-export const interactiveVariant = {
-  solid: sprinkles({
-    backgroundColor: selectors.focusVisible(colors.grey5),
-    borderColor: selectors.focusVisible(colors.purple10),
-  }),
-  outlined: sprinkles({
-    backgroundColor: {
-      ...selectors.active(colors.grey4),
-      ...selectors.focusVisible(colors.grey1),
-      ...selectors.hover(colors.grey4),
-    },
-    borderColor: {
-      ...selectors.active(colors.purple9),
-      ...selectors.focusVisible(colors.purple8),
-    },
-  }),
-};
-
-export const media = style([
-  column,
-  sprinkles({ flexBasis: 0, flexGrow: 1, minHeight: 0, position: "relative" }),
-  {
-    order: 0,
-    selectors: {
-      [`${variant.solid} > &`]: {
-        padding: calc.subtract(vars.space[32], vars.borderWidth[1]),
-      },
-      [`${variant.outlined} > &`]: {
-        backgroundColor: vars.color.greyLight3,
-        marginInline: calc.subtract(vars.space[16], vars.borderWidth[1]),
-        marginTop: calc.subtract(vars.space[16], vars.borderWidth[1]),
-        padding: vars.space[16],
-      },
-    },
-  },
-]);
-
-const grid = sprinkles({ all: "unset", display: "grid" });
-
-export const mediaComponent = styleVariants({
-  div: [grid, sprinkles({ flexGrow: 1 })],
-  img: [
-    sprinkles({ height: "100%", objectFit: "contain" }),
-    { selectors: { "&:not([src])": { visibility: "hidden" } } },
-  ],
-});
-
-export const mediaOverlay = style([
-  grid,
-  sprinkles({ inset: 0, position: "absolute", visibility: "hidden" }),
-  {
-    "::before": {
-      backgroundColor: vars.color.greyLight12,
-      content: "",
-      inset: vars.space[0],
-      opacity: vars.opacity["10%"],
-      position: "absolute",
-    },
-    selectors: {
-      [`${interactive}:focus-visible &, ${interactive}:not([data-disabled]) ${media}:hover > &`]:
-        { visibility: "visible" },
-      [`${interactive}:not([data-disabled]) &:has(:focus-visible)`]: {
-        visibility: "visible",
-      },
-    },
-  },
-]);
-
-const nonMedia = style([
-  flex,
-  sprinkles({
-    alignItems: "center",
-    boxSizing: "border-box",
-    flexDirection: "row",
-  }),
-  {
-    selectors: {
-      [`${variant.solid} > &`]: { backgroundColor: vars.color.greyLight1 },
-      [`${variant.solid} > &:not(:first-child)`]: {
-        borderTopColor: vars.color.greyLight6,
-        borderTopStyle: "inherit",
-        borderTopWidth: "inherit",
-      },
-    },
-  },
-]);
-
-export const actions = style([
-  nonMedia,
-  sprinkles({ height: 48, justifyContent: "space-between" }),
-  {
-    order: 1,
-    selectors: {
-      [`${variant.solid} > &`]: {
-        paddingLeft: calc.subtract(vars.space[12], vars.borderWidth[1]),
-        paddingRight: calc.subtract(vars.space[8], vars.borderWidth[1]),
-      },
-      [`${variant.outlined} > &`]: {
-        paddingInline: calc.subtract(vars.space[16], vars.borderWidth[1]),
-      },
-    },
-  },
-]);
-
-export const footer = style([
-  nonMedia,
-  sprinkles({ gap: 8, height: 60 }),
-  {
-    order: 2,
-    selectors: {
-      [`${variant.solid} > &`]: {
-        paddingInline: calc.subtract(vars.space[12], vars.borderWidth[1]),
-      },
-      [`${variant.outlined} > &`]: {
-        paddingInline: calc.subtract(vars.space[16], vars.borderWidth[1]),
-      },
-    },
-  },
-]);
-
-export const footerTexts = style([
-  column,
-  sprinkles({ flexBasis: 0, flexGrow: 1, minWidth: 0 }),
-  // Offset `title` and `subtitle` so that they are centered vertically despite
-  // having different line heights.
-  { marginBottom: `calc((${24 / 16}rem - ${16 / 16}rem) / 2)` },
-]);
-
-export const status = style([
-  column,
-  sprinkles({
-    height: 24,
-    insetInline: 0,
-    justifyContent: "center",
-    paddingInline: 8,
-    position: "absolute",
-  }),
-  { backgroundColor: "hsl(251, 91%, 95%)", color: "hsl(250, 43%, 48%)" },
-]);