@ostack.tech/ui-exhibit 0.10.0 → 0.10.2

package/README.md

@@ -1,3 +1,3 @@
-# `@ostack.tech/exhibit`
+# `@ostack.tech/ui-exhibit`
 
 Exhibit of ostack/UI components.

package/dist/ostack-ui-exhibit.css

@@ -37,7 +37,7 @@ body {
   overflow-x: auto;
 }
 .exhibit-grid:focus-visible {
-  border-radius: var(--o-ui-border-radius-sm);
+  border-radius: var(--o-ui-border-radius-xs);
   outline: 2px solid var(--o-ui-primary-8);
   outline-offset: 2px;
 }

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,16 +37,17 @@ 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: [
-    /* @__PURE__ */ jsx(Stack, { asChild: true, direction: "row", gap: 4, alignItems: "center", children: /* @__PURE__ */ jsxs("header", { children: [
+    /* @__PURE__ */ jsx(Stack, { asChild: true, direction: "row", gap: 4, alignItems: "baseline", children: /* @__PURE__ */ jsxs("header", { children: [
       /* @__PURE__ */ jsx(Heading, { id: headingId, children: /* @__PURE__ */ jsx(
         Link,
         {
           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 = "https://ui.ostack.tech/";
+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