@sanity/code-input
7.3.37.3.4
dist/index.js~
dist/index.jsModified+7−5
Index: package/dist/index.js
===================================================================
--- package/dist/index.js
+++ package/dist/index.js
@@ -1,12 +1,14 @@
import { t as CodeInputConfigContext } from "./CodeModeContext-3zsJ4sD-.js";
+import "@sanity/ui/styles.css";
import { CodeBlockIcon } from "@sanity/icons/CodeBlock";
import { MemberField, definePlugin, defineType, set, setIfMissing, unset } from "sanity";
import { c } from "react/compiler-runtime";
-import { Box, Button, Card, Flex, Label, Layer, Portal, Select, Stack, Text, Tooltip } from "@sanity/ui";
+import { Box, Button, Card, Flex, Label, Layer, Portal, Select, Stack, Text } from "@sanity/ui";
import { Suspense, lazy, startTransition, useEffect, useRef, useState } from "react";
import { CollapseIcon } from "@sanity/icons/Collapse";
import { ExpandIcon } from "@sanity/icons/Expand";
+import { Tooltip } from "@sanity/ui/tooltip";
import { css, styled } from "styled-components";
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
/** @internal */
function focusRingBorderStyle(border) {
@@ -45,21 +47,21 @@
return scroller instanceof HTMLElement ? scroller : getScrollParent(node);
}
const FullscreenRoot = styled.div.withConfig({
displayName: "FullscreenRoot",
- componentId: "sc-ozhpzk-0"
+ componentId: "sc-89b6jt-0"
})`position:relative;`, FullscreenOverlay = /* @__PURE__ */ styled.div.withConfig({
displayName: "FullscreenOverlay",
- componentId: "sc-ozhpzk-1"
+ componentId: "sc-89b6jt-1"
})(({ theme }) => {
let { input } = theme.sanity, borderColor = theme.sanity.color.input.default.enabled.border;
return css`box-sizing:border-box;overflow:hidden;border-top:${input.border.width}px solid ${borderColor};border-bottom:${input.border.width}px solid ${borderColor};`;
}), ToggleButtonBox = styled(Box).withConfig({
displayName: "ToggleButtonBox",
- componentId: "sc-ozhpzk-2"
+ componentId: "sc-89b6jt-2"
})`position:absolute;top:0;right:0;z-index:2;`, EditorContainer = /* @__PURE__ */ styled(Card).withConfig({
displayName: "EditorContainer",
- componentId: "sc-ozhpzk-3"
+ componentId: "sc-89b6jt-3"
})(({ theme, $fullscreen }) => {
let { focusRing, input } = theme.sanity, base = theme.sanity.color.base, border = {
color: theme.sanity.color.input.default.enabled.border,
width: input.border.width