elseware-ui 3.0.7 → 3.0.9

package/dist/index.js

@@ -6425,9 +6425,21 @@ function Button({
 }
 var Button_web_default = Button;
 
+// src/data/styles/shared.styles.tsx
+var inputShapes = shapes;
+var inputInlineInsetClassName = "left-3";
+var inputInlinePaddingXClassName = "px-3";
+var inputRootClassName = "relative w-full";
+var inputFrameClassName = `relative h-14 w-full overflow-hidden border bg-white/95 ${inputInlinePaddingXClassName} dark:bg-eui-primary-300/10`;
+var inputFrameIdleClassName = "border-gray-300 hover:border-gray-400 dark:border-eui-dark-300 dark:hover:border-eui-dark-200";
+var inputFrameActiveClassName = "border-eui-secondary-600";
+var inputFrameErrorClassName = "border-eui-danger-500";
+var inputFrameDisabledClassName = "cursor-not-allowed opacity-60";
+var inputControlClassName = "w-full bg-transparent pt-5 pb-2 text-base font-normal text-gray-950 dark:text-gray-300";
+
 // src/components/data-entry/input/input-label/base/InputLabel.styles.ts
 var inputLabelStaticClassName = "pointer-events-none select-none px-0 text-[13.5px] leading-none text-[#6B7280]";
-var inputLabelBaseClassName = "pointer-events-none absolute left-3 z-10 select-none bg-white/95 px-1 font-medium leading-none dark:bg-transparent";
+var inputLabelBaseClassName = `pointer-events-none absolute ${inputInlineInsetClassName} z-10 select-none bg-transparent px-0 font-medium leading-none`;
 var inputLabelTransitionClassName = "transition-all duration-200 ease-out";
 var inputLabelRestingClassName = "top-[18px] translate-y-0 text-base leading-none text-[#6B7280]";
 var inputLabelFloatingClassName = "top-1.5 translate-y-0 text-xs leading-none text-[#6B7280]";
@@ -7233,7 +7245,7 @@ var Transition = {
 };
 
 // src/components/data-entry/input/input-response/base/InputResponse.styles.ts
-var inputResponseBaseClassName = "px-2 pt-1.5 text-sm font-medium";
+var inputResponseBaseClassName = `${inputInlinePaddingXClassName} pt-1.5 text-sm font-medium`;
 var inputResponseVariants = textVariants;
 function InputResponse({
   name: name2,
@@ -7282,16 +7294,6 @@ function useInputFieldState(props) {
   };
 }
 
-// src/data/styles/shared.styles.tsx
-var inputShapes = shapes;
-var inputRootClassName = "relative w-full";
-var inputFrameClassName = "relative h-14 w-full overflow-hidden border bg-white/95 px-3 dark:bg-eui-primary-300/10";
-var inputFrameIdleClassName = "border-gray-300 hover:border-gray-400 dark:border-eui-dark-300 dark:hover:border-eui-dark-200";
-var inputFrameActiveClassName = "border-eui-secondary-600";
-var inputFrameErrorClassName = "border-eui-danger-500";
-var inputFrameDisabledClassName = "cursor-not-allowed opacity-60";
-var inputControlClassName = "w-full bg-transparent pt-5 pb-2 text-base font-medium text-gray-950 dark:text-gray-50";
-
 // src/components/data-entry/input/input/web/Input.web.styles.ts
 var webInputControlClassName = "placeholder-transparent outline-none transition-all duration-200 ease-out";
 var webPasswordToggleClassName = "absolute right-3 top-[18px] cursor-pointer text-xl text-eui-dark-200 transition-colors duration-180 hover:text-eui-secondary-700";
@@ -58159,9 +58161,14 @@ function createDefaultPlugins({
   defaultCodeBlockLanguage,
   codeMirrorOptions,
   imageOptions,
-  linkDialogOptions
+  linkDialogOptions,
+  dark
 }) {
   const codeBlockLanguages = codeMirrorOptions?.codeBlockLanguages ?? DEFAULT_CODE_BLOCK_LANGUAGES;
+  const codeMirrorExtensions = [
+    ...dark ? [themeOneDark.oneDark] : [],
+    ...codeMirrorOptions?.codeMirrorExtensions ?? []
+  ];
   return [
     editor.headingsPlugin(),
     editor.listsPlugin(),
@@ -58177,7 +58184,8 @@ function createDefaultPlugins({
     }),
     editor.codeMirrorPlugin({
       ...codeMirrorOptions,
-      codeBlockLanguages
+      codeBlockLanguages,
+      ...codeMirrorExtensions.length > 0 ? { codeMirrorExtensions } : {}
     }),
     ...showToolbar ? [
       editor.toolbarPlugin({
@@ -58235,11 +58243,13 @@ var MDXMarkdownEditor = React26.forwardRef(
         defaultCodeBlockLanguage,
         codeMirrorOptions,
         imageOptions,
-        linkDialogOptions
+        linkDialogOptions,
+        dark
       }),
       [
         codeMirrorOptions,
         defaultCodeBlockLanguage,
+        dark,
         imageOptions,
         linkDialogOptions,
         showToolbar,
@@ -58298,6 +58308,7 @@ var MDXMarkdownEditor = React26.forwardRef(
         "aria-readonly": readOnly || void 0,
         "aria-required": required || void 0,
         "aria-invalid": invalid || void 0,
+        "data-theme": dark ? "dark" : void 0,
         onBlurCapture: handleBlur,
         className: classNames69__default.default(
           "eui-markdown-adapter",
@@ -58317,7 +58328,11 @@ var MDXMarkdownEditor = React26.forwardRef(
             markdown: currentValue ?? "",
             readOnly: disabled || readOnly,
             plugins: plugins ?? defaultPlugins,
-            className: classNames69__default.default("eui-markdown-mdx-editor", editorClassName),
+            className: classNames69__default.default(
+              "eui-markdown-mdx-editor",
+              dark && ["dark", "dark-theme"],
+              editorClassName
+            ),
             contentEditableClassName: classNames69__default.default(
               "eui-markdown-mdx-content",
               contentEditableClassName