@ostack.tech/ui-exhibit 0.10.1 → 0.10.3

package/dist/ostack-ui-exhibit.css

@@ -11,7 +11,7 @@ body {
 }
 
 #exhibit-title {
-  margin-block: 0;
+  margin-bottom: 0;
 }
 
 #exhibit-main {

package/dist/ostack-ui-exhibit.js

@@ -1,11 +1,10 @@
 import { jsxs, jsx, Fragment as Fragment$1 } from "react/jsx-runtime";
-import { Stack, Heading, Link, VisuallyHidden, AlertDialog, AlertDialogTrigger, Button, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogBody, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, Alert, AlertTitle, ButtonGroup, IconButton, Calendar, Field, Label, CheckboxGroup, Checkbox, Feedback, HelperText, Code, useSpacing, Collapsible, CollapsibleTrigger, CollapsibleContent, useCssVars, useKeyboardShortcut, Keybinds, CommandMenuDialog, CommandMenu, CommandMenuGroup, CommandMenuItem, DataTable, DataTableFilter, DataTableContent, DataTableRowsPerPage, DataTablePagination, DateInput, DateRangeInput, Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogBody, DialogDescription, Input, DialogFooter, DialogClose, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuCheckboxItem, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, Keyboard, Mark, MenuList, MenuListGroup, MenuListItem, NumericInput, ControlAddon, Output, Popover, PopoverTrigger, PopoverContent, TextArea, RadioGroup, Radio, Select, Option, Spinner, Table, TableHead, TableColumn, TableBody, TableRow, TableCell, TableFoot, Tabs, TabList, Tab, TabContent, Tag, useToastManager, Tooltip, Root, enGB, Container } from "@ostack.tech/ui";
+import { useCssVars, Stack, Heading, Link, VisuallyHidden, AlertDialog, AlertDialogTrigger, Button, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogBody, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, Alert, AlertTitle, ButtonGroup, IconButton, Calendar, Field, Label, CheckboxGroup, Checkbox, Feedback, HelperText, Code, useSpacing, Collapsible, CollapsibleTrigger, CollapsibleContent, useKeyboardShortcut, Keybinds, CommandMenuDialog, CommandMenu, CommandMenuGroup, CommandMenuItem, DataTable, DataTableFilter, DataTableContent, DataTableRowsPerPage, DataTablePagination, DateInput, DateRangeInput, Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogBody, DialogDescription, Input, DialogFooter, DialogClose, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuCheckboxItem, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, Keyboard, Mark, MenuList, MenuListGroup, MenuListItem, NumericInput, ControlAddon, Output, Popover, PopoverTrigger, PopoverContent, TextArea, RadioGroup, Radio, Select, Option, Spinner, Table, TableHead, TableColumn, TableBody, TableRow, TableCell, TableFoot, Tabs, TabList, Tab, TabContent, Tag, useToastManager, Tooltip, Root, enGB, Container } from "@ostack.tech/ui";
 import { createContext, useContext, Fragment, useState } from "react";
 import { faFolderOpen, faSave, faTrashCan, faBolt, faCaretUp, faCaretDown, faGear, faWifi, faNetworkWired, faDisplay, faVolumeHigh, faKeyboard, faPrint, faClock, faUser, faCircleXmark, faSeedling, faEye, faPencil, faComment, faStar, faBookmark } from "@fortawesome/free-solid-svg-icons";
-const DEV_DOCS_URL = "http://localhost:6006/";
 const ExhibitContext = createContext(null);
 function useDocsUrl() {
-  return useContext(ExhibitContext)?.docsUrl ?? DEV_DOCS_URL;
+  return useContext(ExhibitContext).docsUrl;
 }
 function ExhibitGrid({
   rows,
@@ -38,6 +37,7 @@ function ExhibitSection({
   docsPage,
   children
 }) {
+  const { cssVar } = useCssVars();
   const docsUrl = useDocsUrl();
   const headingId = title.toLowerCase().replace(/[^a-z0-9]/g, "-");
   return /* @__PURE__ */ jsx(Stack, { asChild: true, children: /* @__PURE__ */ jsxs("section", { className: "exhibit-section", "aria-labelledby": headingId, children: [
@@ -47,7 +47,7 @@ function ExhibitSection({
         {
           href: `#${headingId}`,
           color: "neutral",
-          style: { color: "var(--o-ui-neutral-12)" },
+          style: { color: cssVar("neutral-a12") },
           children: title
         }
       ) }),
@@ -1410,9 +1410,9 @@ function ToastSection() {
 function TooltipSection() {
   return /* @__PURE__ */ jsx(ExhibitSection, { title: "Tooltip", docsPage: "ostack-ui-overlay-tooltip", children: /* @__PURE__ */ jsx(Tooltip, { content: "Press to reload all content", children: /* @__PURE__ */ jsx(Button, { children: "Refresh" }) }) });
 }
-const DEFAULT_PROD_DOCS_URL = process.env.NODE_ENV === "production" ? "https://ui.ostack.tech/" : void 0;
+const DEFAULT_DOCS_URL = process.env.NODE_ENV === "production" ? "https://ui.ostack.tech/" : "http://localhost:6006/";
 function ExhibitApp({
-  docsUrl = DEFAULT_PROD_DOCS_URL,
+  docsUrl = DEFAULT_DOCS_URL,
   title = document.title,
   prefix,
   actions