jaml-ui 4.3.0 → 4.4.0
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/chunks/{JimboMascot-DJAe76lw.js → JimboSwipeDeck-Cbe5Jdmw.js} +634 -419
- package/dist/chunks/JimboSwipeDeck-Cbe5Jdmw.js.map +1 -0
- package/dist/components/JamlIde.d.ts +9 -0
- package/dist/components/JamlIdeVisual.d.ts +29 -0
- package/dist/components/JamlMapPreview.d.ts +12 -0
- package/dist/index.js +4736 -5148
- package/dist/index.js.map +1 -1
- package/dist/ui/JimboBox.d.ts +16 -0
- package/dist/ui/JimboCanvas.d.ts +12 -0
- package/dist/ui/JimboInline.d.ts +11 -0
- package/dist/ui/JimboLink.d.ts +11 -0
- package/dist/ui/JimboOuterTab.d.ts +21 -0
- package/dist/ui/JimboPicker.d.ts +1 -1
- package/dist/ui/jimbo.css +1 -1
- package/dist/ui.d.ts +6 -0
- package/dist/ui.js +33 -27
- package/package.json +8 -3
- package/dist/chunks/JimboMascot-DJAe76lw.js.map +0 -1
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface JimboBoxProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
/** Render as a different element (default: div) */
|
|
4
|
+
as?: "div" | "section" | "article" | "aside" | "main" | "nav" | "header" | "footer";
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Thin wrapper around `<div>` (or another block element).
|
|
9
|
+
*
|
|
10
|
+
* All consumer code outside `src/ui/` must use `JimboBox` instead of raw
|
|
11
|
+
* `<div>` — the ESLint `no-raw-html` rule forbids intrinsic HTML elements.
|
|
12
|
+
* This component exists so that layouts can still use a plain container
|
|
13
|
+
* without reaching for a higher-level primitive that adds semantics they
|
|
14
|
+
* don't need (e.g. `JimboPanel` implies a visible card).
|
|
15
|
+
*/
|
|
16
|
+
export declare const JimboBox: React.ForwardRefExoticComponent<JimboBoxProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface JimboCanvasProps extends React.CanvasHTMLAttributes<HTMLCanvasElement> {
|
|
3
|
+
children?: React.ReactNode;
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* Thin wrapper around `<canvas>`.
|
|
7
|
+
*
|
|
8
|
+
* Used by `CanvasRenderer` and any other component that needs a raw
|
|
9
|
+
* drawing surface. The ESLint `no-raw-html` rule forbids `<canvas>`
|
|
10
|
+
* outside `src/ui/`, so consumers use this primitive instead.
|
|
11
|
+
*/
|
|
12
|
+
export declare const JimboCanvas: React.ForwardRefExoticComponent<JimboCanvasProps & React.RefAttributes<HTMLCanvasElement>>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface JimboInlineProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
3
|
+
children?: React.ReactNode;
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* Thin wrapper around `<span>`.
|
|
7
|
+
*
|
|
8
|
+
* Use when you need an inline container that is not a `JimboText` (which
|
|
9
|
+
* applies typography tokens). For styled text, prefer `JimboText`.
|
|
10
|
+
*/
|
|
11
|
+
export declare function JimboInline({ children, ...rest }: JimboInlineProps): React.JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface JimboLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
3
|
+
children?: React.ReactNode;
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* Thin wrapper around `<a>`.
|
|
7
|
+
*
|
|
8
|
+
* Use when you need a plain hyperlink. The ESLint `no-raw-html` rule
|
|
9
|
+
* forbids `<a>` outside `src/ui/`, so consumers use this primitive.
|
|
10
|
+
*/
|
|
11
|
+
export declare function JimboLink({ children, ...rest }: JimboLinkProps): React.JSX.Element;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
export type JimboOuterTabTone = "blue" | "red" | "orange" | "green" | "purple" | "gold";
|
|
3
|
+
export interface JimboOuterTabProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
/** Pane name shown in the tab (m6x11, letter-spaced). */
|
|
5
|
+
label: string;
|
|
6
|
+
/** Accent color for the label; maps to `--j-*` tone tokens. */
|
|
7
|
+
tone?: JimboOuterTabTone;
|
|
8
|
+
/** Highlight as the live/drop-target tab. */
|
|
9
|
+
active?: boolean;
|
|
10
|
+
/** Current expanded state — swaps the max/min icon. */
|
|
11
|
+
fullscreen?: boolean;
|
|
12
|
+
/** When provided, the fullscreen toggle button renders. */
|
|
13
|
+
onToggleFullscreen?: () => void;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* Grabbable chrome strip that sits on the OUTER top edge of a pane — the
|
|
17
|
+
* handle a user drags to tear panes around a layout. Drag semantics live with
|
|
18
|
+
* the consumer (this primitive just passes `draggable` + `onDrag*` through
|
|
19
|
+
* `...rest`); fullscreen is a one-prop toggle. Layout is grid per design rule 1.
|
|
20
|
+
*/
|
|
21
|
+
export declare function JimboOuterTab({ label, tone, active, fullscreen, onToggleFullscreen, className, children, ...rest }: JimboOuterTabProps): import("react").JSX.Element;
|
package/dist/ui/JimboPicker.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ export interface JimboPickerGridProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
7
7
|
legendary?: boolean;
|
|
8
8
|
scroll?: boolean;
|
|
9
9
|
}
|
|
10
|
-
export declare function JimboPickerGrid({ legendary,
|
|
10
|
+
export declare function JimboPickerGrid({ legendary, className, children, ...rest }: JimboPickerGridProps): import("react").JSX.Element;
|
|
11
11
|
export interface JimboPickerItemProps extends HTMLAttributes<HTMLButtonElement> {
|
|
12
12
|
muted?: boolean;
|
|
13
13
|
title?: string;
|