@valbuild/ui 0.21.1 → 0.22.0

package/.storybook/theme.css

@@ -8,9 +8,11 @@ html {
   --val-theme-dark-gray: #575757;
   --val-theme-medium-black: #303030;
   --val-theme-warm-black: #1a1a1a;
-  --val-theme-yellow: #ffff00;
+  --val-theme-yellow: #38cd98;
   --val-theme-red: #f02929;
   --val-theme-green: #1ced1c;
+  --val-theme-full-black: black;
+  --val-theme-full-white: white;
 
   /* light theme */
   --val-theme-base: var(--val-theme-white);
@@ -18,6 +20,7 @@ html {
   --val-theme-border: var(--val-theme-medium-gray);
   --val-theme-fill: var(--val-theme-light-gray);
   --val-theme-primary: var(--val-theme-warm-black);
+  --val-theme-full: var(--val-theme-full-black);
 }
 
 /* dark theme */
@@ -27,4 +30,5 @@ html {
   --val-theme-border: var(--val-theme-dark-gray);
   --val-theme-fill: var(--val-theme-medium-black);
   --val-theme-primary: var(--val-theme-white);
+  --val-theme-full: var(--val-theme-full-white);
 }

package/components.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/index.css",
+    "baseColor": "slate",
+    "cssVariables": true
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils"
+  }
+}

package/dist/valbuild-ui.cjs.d.ts

@@ -1,6 +1,6 @@
 import { LexicalEditor } from 'lexical';
 import { FC } from 'react';
-import { RichTextSource, AnyRichTextOptions, ValApi, RichTextOptions, RichText } from '@valbuild/core';
+import { RichTextSource, AnyRichTextOptions, ModuleId, ValApi, RichTextOptions, RichText } from '@valbuild/core';
 
 interface RichTextEditorProps {
     richtext: RichTextSource<AnyRichTextOptions>;
@@ -8,11 +8,17 @@ interface RichTextEditorProps {
 }
 declare const RichTextEditor: FC<RichTextEditorProps>;
 
+interface IValStore {
+    updateAll(): Promise<void>;
+    update(moduleIds: ModuleId[]): Promise<void>;
+}
+
 type ValOverlayProps = {
     defaultTheme?: "dark" | "light";
     api: ValApi;
+    store: IValStore;
 };
-declare function ValOverlay({ defaultTheme, api }: ValOverlayProps): JSX.Element;
+declare function ValOverlay({ defaultTheme, api, store }: ValOverlayProps): JSX.Element;
 
 type ImageData = {
     src: string;
@@ -51,15 +57,13 @@ type Inputs = {
     };
 };
 
-interface ValDashboardProps {
-    showDashboard: boolean;
-    editMode: boolean;
+interface ValFullscreenProps {
     valApi: ValApi;
 }
-declare const ValDashboard: FC<ValDashboardProps>;
+declare const ValFullscreen: FC<ValFullscreenProps>;
 
 declare function parseRichTextSource<O extends RichTextOptions>({ templateStrings, exprs: nodes, }: RichTextSource<O>): RichText<O>;
 
 declare function Style(): JSX.Element;
 
-export { Inputs, RichTextEditor, Style, ValDashboard, ValOverlay, parseRichTextSource };
+export { IValStore, Inputs, RichTextEditor, Style, ValFullscreen, ValOverlay, parseRichTextSource };