@almanaclabs/blaze-ui 0.6.0 → 0.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/button/button.js +1 -1
- package/dist/components/input/input.js +1 -1
- package/dist/components/sidebar/sidebar.js +1 -1
- package/dist/lib/control-size.d.ts +2 -2
- package/dist/lib/control-size.js +2 -2
- package/package.json +1 -1
- package/recipes/guided-workflow/README.md +1 -0
- package/recipes/guided-workflow/guided-workflow.tsx +4 -4
- package/recipes/workspace-shell/README.md +2 -2
- package/recipes/workspace-shell/workspace-shell.tsx +1 -1
|
@@ -24,7 +24,7 @@ var o = "bg-primary text-primary-foreground hover:bg-primary/80 aria-expanded:bg
|
|
|
24
24
|
"icon-xs": "size-6 rounded-[6px] [--icon-stroke-width:var(--icon-stroke-14)] [&_svg:not([class*='size-'])]:size-[14px]",
|
|
25
25
|
"icon-sm": "size-7 rounded-[6px] [--icon-stroke-width:var(--icon-stroke-15)] [&_svg:not([class*='size-'])]:size-[15px]",
|
|
26
26
|
"icon-md": "size-8 rounded-[8px] [--icon-stroke-width:var(--icon-stroke-15)] [&_svg:not([class*='size-'])]:size-[15px]",
|
|
27
|
-
"icon-lg": "size-
|
|
27
|
+
"icon-lg": "size-10 rounded-[8px] [--icon-stroke-width:var(--icon-stroke-18)] [&_svg:not([class*='size-'])]:size-[18px]",
|
|
28
28
|
"icon-xl": "size-12 rounded-[10px] [--icon-stroke-width:var(--icon-stroke-24)] [&_svg:not([class*='size-'])]:size-6"
|
|
29
29
|
}
|
|
30
30
|
},
|
|
@@ -10,7 +10,7 @@ var a = n("w-full min-w-0 rounded-md border border-input bg-background text-fore
|
|
|
10
10
|
sm: `${e.sm} pb-px file:h-6 file:text-sm`,
|
|
11
11
|
md: `${e.md} pb-px file:h-6 file:text-sm`,
|
|
12
12
|
lg: `${e.lg} pb-px file:h-7 file:text-base`,
|
|
13
|
-
xl: `${e.xl} pb-px file:h-8 file:text-
|
|
13
|
+
xl: `${e.xl} pb-px file:h-8 file:text-lg`
|
|
14
14
|
} },
|
|
15
15
|
defaultVariants: { size: "md" }
|
|
16
16
|
});
|
|
@@ -314,7 +314,7 @@ function G({ className: t, ...n }) {
|
|
|
314
314
|
var K = h("type-body peer/menu-button group/menu-button flex w-full items-center overflow-hidden text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:shrink-0 [&>span:last-child]:truncate", {
|
|
315
315
|
variants: {
|
|
316
316
|
variant: {
|
|
317
|
-
default: "bg-transparent text-foreground hover:bg-muted hover:text-foreground active:bg-muted active:text-foreground data-open:hover:bg-muted data-open:hover:text-foreground data-active:bg-navigation-selected data-active:
|
|
317
|
+
default: "bg-transparent text-foreground hover:bg-muted hover:text-foreground active:bg-muted active:text-foreground data-open:hover:bg-muted data-open:hover:text-foreground data-active:bg-navigation-selected data-active:text-foreground data-active:hover:bg-navigation-selected",
|
|
318
318
|
outline: "bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]"
|
|
319
319
|
},
|
|
320
320
|
size: {
|
|
@@ -2,8 +2,8 @@ export declare const controlSizeClassNames: {
|
|
|
2
2
|
readonly xs: "h-6 rounded-[6px] px-1.5 text-[13px] leading-[14px] tracking-[0.01em] [--control-padding-inline:0.375rem]";
|
|
3
3
|
readonly sm: "h-7 rounded-[6px] px-2 text-sm leading-5 tracking-[0.01em] [--control-padding-inline:0.5rem]";
|
|
4
4
|
readonly md: "h-8 rounded-[8px] px-[11px] text-sm leading-[15px] tracking-[0.01em] [--control-padding-inline:11px]";
|
|
5
|
-
readonly lg: "h-
|
|
6
|
-
readonly xl: "h-12 rounded-[10px] px-[18px] text-
|
|
5
|
+
readonly lg: "h-10 rounded-[8px] px-[13px] text-base leading-[15px] [--control-padding-inline:13px]";
|
|
6
|
+
readonly xl: "h-12 rounded-[10px] px-[18px] text-lg leading-5 [--control-padding-inline:18px]";
|
|
7
7
|
};
|
|
8
8
|
export type ControlSize = keyof typeof controlSizeClassNames;
|
|
9
9
|
//# sourceMappingURL=control-size.d.ts.map
|
package/dist/lib/control-size.js
CHANGED
|
@@ -3,8 +3,8 @@ var e = {
|
|
|
3
3
|
xs: "h-6 rounded-[6px] px-1.5 text-[13px] leading-[14px] tracking-[0.01em] [--control-padding-inline:0.375rem]",
|
|
4
4
|
sm: "h-7 rounded-[6px] px-2 text-sm leading-5 tracking-[0.01em] [--control-padding-inline:0.5rem]",
|
|
5
5
|
md: "h-8 rounded-[8px] px-[11px] text-sm leading-[15px] tracking-[0.01em] [--control-padding-inline:11px]",
|
|
6
|
-
lg: "h-
|
|
7
|
-
xl: "h-12 rounded-[10px] px-[18px] text-
|
|
6
|
+
lg: "h-10 rounded-[8px] px-[13px] text-base leading-[15px] [--control-padding-inline:13px]",
|
|
7
|
+
xl: "h-12 rounded-[10px] px-[18px] text-lg leading-5 [--control-padding-inline:18px]"
|
|
8
8
|
};
|
|
9
9
|
//#endregion
|
|
10
10
|
export { e as controlSizeClassNames };
|
package/package.json
CHANGED
|
@@ -11,6 +11,7 @@ and advance through a gated sequence.
|
|
|
11
11
|
- One controlled contextual rail for switching among sibling work items.
|
|
12
12
|
- A single scrollable canvas for the selected item's domain content.
|
|
13
13
|
- Back, secondary, status, and primary actions in a persistent workflow footer.
|
|
14
|
+
- Large Back and primary actions in a tighter persistent footer.
|
|
14
15
|
- Responsive behavior that moves the rail above the canvas on smaller screens.
|
|
15
16
|
- Semantic Blaze UI colors, spacing, focus treatment, and public components.
|
|
16
17
|
- Divider-separated `GuidedWorkflowSection` blocks for task questions that share
|
|
@@ -402,14 +402,14 @@ export function GuidedWorkflowFooter({
|
|
|
402
402
|
return (
|
|
403
403
|
<footer
|
|
404
404
|
className={cn(
|
|
405
|
-
'flex flex-wrap items-center justify-between gap-3 border-t bg-background px-4 py-
|
|
406
|
-
variant === 'compact' ? 'min-h-[
|
|
405
|
+
'flex flex-wrap items-center justify-between gap-3 border-t bg-background px-4 py-2 md:px-6',
|
|
406
|
+
variant === 'compact' ? 'min-h-[72px]' : 'min-h-16',
|
|
407
407
|
className,
|
|
408
408
|
)}
|
|
409
409
|
>
|
|
410
410
|
<div className="flex min-w-0 items-center gap-3">
|
|
411
411
|
{onBack ? (
|
|
412
|
-
<Button type="button" variant="secondary" size="
|
|
412
|
+
<Button type="button" variant="secondary" size="lg" onClick={onBack}>
|
|
413
413
|
{backLabel}
|
|
414
414
|
</Button>
|
|
415
415
|
) : null}
|
|
@@ -423,7 +423,7 @@ export function GuidedWorkflowFooter({
|
|
|
423
423
|
{secondaryActions}
|
|
424
424
|
<Button
|
|
425
425
|
type="button"
|
|
426
|
-
size="
|
|
426
|
+
size="lg"
|
|
427
427
|
disabled={continueDisabled}
|
|
428
428
|
onClick={onContinue}
|
|
429
429
|
>
|
|
@@ -12,8 +12,8 @@ own navigation, workflow header, canvas, and actions through slots.
|
|
|
12
12
|
canvas scrolling, while the optional shell footer stays pinned.
|
|
13
13
|
|
|
14
14
|
Both modes preserve the same account sidebar, outer workspace gutter, rounded
|
|
15
|
-
workspace frame, and
|
|
16
|
-
workspace shell, not a second application shell.
|
|
15
|
+
workspace frame, and 44px channel header with a bottom divider. A focused workflow
|
|
16
|
+
is content inside the workspace shell, not a second application shell.
|
|
17
17
|
|
|
18
18
|
## Preserve
|
|
19
19
|
|
|
@@ -582,7 +582,7 @@ export function WorkspaceShellRecipe({
|
|
|
582
582
|
aria-label={channelTitle}
|
|
583
583
|
className="flex min-h-0 flex-1 flex-col overflow-hidden border bg-background md:rounded-[10px]"
|
|
584
584
|
>
|
|
585
|
-
<header className="flex h-
|
|
585
|
+
<header className="flex h-11 shrink-0 items-center gap-1 border-b px-4 md:px-5">
|
|
586
586
|
<WorkspaceFrameSidebarTrigger />
|
|
587
587
|
<div className="flex min-w-0 items-center gap-2">
|
|
588
588
|
{channelMark}
|