@sableui/react 0.9.1 → 0.11.0

package/dist/components/status-dot/status-dot.variants.js

@@ -4,13 +4,22 @@ var statusDotVariants = cva("inline-block shrink-0 rounded-full", {
   variants: {
     tone: {
       neutral: "bg-muted-foreground",
-      standard: "bg-tone-standard",
+      "3": "bg-tone-3",
       success: "bg-success",
       warning: "bg-tone-warning",
       info: "bg-tone-info",
-      edition: "bg-tone-edition",
-      collectible: "bg-tone-collectible",
-      destructive: "bg-destructive"
+      "1": "bg-tone-1",
+      "2": "bg-tone-2",
+      destructive: "bg-destructive",
+      // A palette family paints from the slot its data-palette scope fills.
+      red: "bg-palette-dot",
+      orange: "bg-palette-dot",
+      yellow: "bg-palette-dot",
+      green: "bg-palette-dot",
+      teal: "bg-palette-dot",
+      blue: "bg-palette-dot",
+      purple: "bg-palette-dot",
+      pink: "bg-palette-dot"
     },
     size: {
       sm: "size-1.5",

package/dist/components/table/table.meta.js

@@ -121,8 +121,8 @@ var tableMeta = {
   ],
   examples: [
     {
-      label: "Collectors",
-      code: "<Table>\n	<TableCaption>Recent collectors</TableCaption>\n	<TableHeader>\n		<TableRow>\n			<TableHead>Collector</TableHead>\n			<TableHead>Edition</TableHead>\n			<TableHead>Paid</TableHead>\n		</TableRow>\n	</TableHeader>\n	<TableBody>\n		<TableRow>\n			<TableCell>@nova</TableCell>\n			<TableCell>#012</TableCell>\n			<TableCell>0.5 SOL</TableCell>\n		</TableRow>\n	</TableBody>\n</Table>"
+      label: "Orders",
+      code: "<Table>\n	<TableCaption>Recent orders</TableCaption>\n	<TableHeader>\n		<TableRow>\n			<TableHead>Customer</TableHead>\n			<TableHead>Order</TableHead>\n			<TableHead>Paid</TableHead>\n		</TableRow>\n	</TableHeader>\n	<TableBody>\n		<TableRow>\n			<TableCell>@nova</TableCell>\n			<TableCell>1042</TableCell>\n			<TableCell>$48.00</TableCell>\n		</TableRow>\n	</TableBody>\n</Table>"
     },
     {
       label: "Rich status cells",
@@ -130,11 +130,11 @@ var tableMeta = {
     },
     {
       label: "Flush in a card",
-      code: "<Card><CardHeader><CardTitle>Collectors</CardTitle></CardHeader><CardContent flush><Table><TableHeader><TableRow><TableHead>Collector</TableHead><TableHead>Paid</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>@nova</TableCell><TableCell>0.5 SOL</TableCell></TableRow></TableBody></Table></CardContent></Card>"
+      code: "<Card><CardHeader><CardTitle>Customers</CardTitle></CardHeader><CardContent flush><Table><TableHeader><TableRow><TableHead>Customer</TableHead><TableHead>Paid</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>@nova</TableCell><TableCell>$48.00</TableCell></TableRow></TableBody></Table></CardContent></Card>"
     },
     {
       label: "Summary footer",
-      code: '<Table><TableHeader><TableRow><TableHead>Item</TableHead><TableHead className="text-end">Amount</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Primary sale</TableCell><TableCell className="text-end">42 SOL</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>Total</TableCell><TableCell className="text-end">42 SOL</TableCell></TableRow></TableFooter></Table>'
+      code: '<Table><TableHeader><TableRow><TableHead>Item</TableHead><TableHead className="text-end">Amount</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Studio plan</TableCell><TableCell className="text-end">$192.00</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>Total</TableCell><TableCell className="text-end">$192.00</TableCell></TableRow></TableFooter></Table>'
     }
   ]
 };

package/dist/components/tabs/tabs.meta.js

@@ -111,7 +111,7 @@ var tabsMeta = {
     },
     {
       label: "With a disabled tab",
-      code: '<Tabs defaultValue="overview"><TabsList><TabsTrigger value="overview">Overview</TabsTrigger><TabsTrigger value="holders" disabled>Holders</TabsTrigger></TabsList><TabsPanel value="overview">Overview content</TabsPanel></Tabs>'
+      code: '<Tabs defaultValue="overview"><TabsList><TabsTrigger value="overview">Overview</TabsTrigger><TabsTrigger value="billing" disabled>Billing</TabsTrigger></TabsList><TabsPanel value="overview">Overview content</TabsPanel></Tabs>'
     }
   ]
 };

package/dist/components/textarea/textarea.meta.js

@@ -96,7 +96,7 @@ var textareaMeta = {
     },
     {
       label: "With rows",
-      code: '<Textarea rows={6} placeholder="Tell the story behind this edition\u2026" />'
+      code: '<Textarea rows={6} placeholder="Tell your team what this project is for\u2026" />'
     },
     {
       label: "Auto-resize",
@@ -108,7 +108,7 @@ var textareaMeta = {
     },
     {
       label: "Disabled",
-      code: '<Textarea disabled defaultValue="Captions lock once the edition is minted." />'
+      code: '<Textarea disabled defaultValue="Notes lock once the invoice is sent." />'
     }
   ]
 };

package/dist/components/toast/toast.meta.js

@@ -236,7 +236,7 @@ var toastMeta = {
     },
     {
       label: "Persistent loading, updated in place",
-      code: 'const id = toast.loading("Pinning to Arweave\u2026"); /* later */ toast.update(id, { title: "Pinned", type: "success", timeout: 4000 })'
+      code: 'const id = toast.loading("Uploading report\u2026"); /* later */ toast.update(id, { title: "Uploaded", type: "success", timeout: 4000 })'
     },
     {
       label: "Custom toast markup (composed parts)",

package/dist/components/tooltip/tooltip.meta.js

@@ -139,7 +139,7 @@ var tooltipMeta = {
   examples: [
     {
       label: "Basic",
-      code: '<TooltipProvider><Tooltip><TooltipTrigger render={<Button variant="ghost" size="icon-sm" aria-label="Info"><Icon name="info" /></Button>} /><TooltipContent>Stored permanently on Arweave.</TooltipContent></Tooltip></TooltipProvider>'
+      code: '<TooltipProvider><Tooltip><TooltipTrigger render={<Button variant="ghost" size="icon-sm" aria-label="Info"><Icon name="info" /></Button>} /><TooltipContent>Saved to your workspace.</TooltipContent></Tooltip></TooltipProvider>'
     },
     {
       label: "Sides",
@@ -147,7 +147,7 @@ var tooltipMeta = {
     },
     {
       label: "Shorthand (SimpleTooltip)",
-      code: '<SimpleTooltip content="Stored permanently on Arweave."><Button variant="ghost" size="icon-sm" aria-label="Info"><Icon name="info" /></Button></SimpleTooltip>'
+      code: '<SimpleTooltip content="Saved to your workspace."><Button variant="ghost" size="icon-sm" aria-label="Info"><Icon name="info" /></Button></SimpleTooltip>'
     }
   ]
 };