@hanzo/ui 8.29.6 → 8.29.7
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/NOTICE +4 -2
- package/README.md +1 -1
- package/dist/backends/gui/alert-dialog.cjs +2 -2
- package/dist/backends/gui/alert-dialog.d.ts +2 -2
- package/dist/backends/gui/alert-dialog.js +2 -2
- package/dist/backends/gui/alert.cjs +1 -1
- package/dist/backends/gui/alert.d.ts +1 -1
- package/dist/backends/gui/alert.js +1 -1
- package/dist/backends/gui/avatar-group.cjs +1 -1
- package/dist/backends/gui/avatar-group.d.ts +1 -1
- package/dist/backends/gui/avatar-group.js +1 -1
- package/dist/backends/gui/avatar.cjs +3 -3
- package/dist/backends/gui/avatar.d.ts +2 -2
- package/dist/backends/gui/avatar.js +3 -3
- package/dist/backends/gui/badge.cjs +2 -2
- package/dist/backends/gui/badge.js +2 -2
- package/dist/backends/gui/badge.js.map +1 -1
- package/dist/backends/gui/banner.cjs +1 -1
- package/dist/backends/gui/banner.d.ts +1 -1
- package/dist/backends/gui/banner.js +1 -1
- package/dist/backends/gui/breadcrumb.cjs +1 -1
- package/dist/backends/gui/breadcrumb.d.ts +1 -1
- package/dist/backends/gui/breadcrumb.js +1 -1
- package/dist/backends/gui/button-group.cjs +1 -1
- package/dist/backends/gui/button-group.d.ts +1 -1
- package/dist/backends/gui/button-group.js +1 -1
- package/dist/backends/gui/button.cjs +4 -4
- package/dist/backends/gui/button.d.ts +2 -2
- package/dist/backends/gui/button.js +4 -4
- package/dist/backends/gui/button.js.map +1 -1
- package/dist/backends/gui/card.cjs +1 -1
- package/dist/backends/gui/card.js +1 -1
- package/dist/backends/gui/checkbox.cjs +2 -2
- package/dist/backends/gui/checkbox.d.ts +1 -1
- package/dist/backends/gui/checkbox.js +2 -2
- package/dist/backends/gui/checkbox.js.map +1 -1
- package/dist/backends/gui/chip.cjs +1 -1
- package/dist/backends/gui/chip.d.ts +1 -1
- package/dist/backends/gui/chip.js +1 -1
- package/dist/backends/gui/choice.cjs +2 -2
- package/dist/backends/gui/choice.d.ts +2 -2
- package/dist/backends/gui/choice.js +2 -2
- package/dist/backends/gui/code-editor.cjs +1 -1
- package/dist/backends/gui/code-editor.d.ts +1 -1
- package/dist/backends/gui/code-editor.js +1 -1
- package/dist/backends/gui/color-sample.cjs +1 -1
- package/dist/backends/gui/color-sample.d.ts +1 -1
- package/dist/backends/gui/color-sample.js +1 -1
- package/dist/backends/gui/control.d.ts +1 -1
- package/dist/backends/gui/country-select.cjs +1 -1
- package/dist/backends/gui/country-select.js +1 -1
- package/dist/backends/gui/currency-picker.cjs +1 -1
- package/dist/backends/gui/currency-picker.js +1 -1
- package/dist/backends/gui/density.cjs +1 -1
- package/dist/backends/gui/density.d.ts +1 -1
- package/dist/backends/gui/density.js +1 -1
- package/dist/backends/gui/dialog.cjs +2 -2
- package/dist/backends/gui/dialog.d.ts +2 -2
- package/dist/backends/gui/dialog.d.ts.map +1 -1
- package/dist/backends/gui/dialog.js +2 -2
- package/dist/backends/gui/dialog.js.map +1 -1
- package/dist/backends/gui/dropdown-menu.cjs +7 -7
- package/dist/backends/gui/dropdown-menu.d.ts +4 -4
- package/dist/backends/gui/dropdown-menu.d.ts.map +1 -1
- package/dist/backends/gui/dropdown-menu.js +7 -7
- package/dist/backends/gui/dropdown-menu.js.map +1 -1
- package/dist/backends/gui/feedback.cjs +1 -1
- package/dist/backends/gui/feedback.d.ts +1 -1
- package/dist/backends/gui/feedback.js +1 -1
- package/dist/backends/gui/field.cjs +1 -1
- package/dist/backends/gui/field.d.ts +1 -1
- package/dist/backends/gui/field.js +1 -1
- package/dist/backends/gui/grip.cjs +1 -1
- package/dist/backends/gui/grip.d.ts +1 -1
- package/dist/backends/gui/grip.js +1 -1
- package/dist/backends/gui/heading.cjs +2 -2
- package/dist/backends/gui/heading.js +2 -2
- package/dist/backends/gui/icon-picker.cjs +2 -2
- package/dist/backends/gui/icon-picker.d.ts +1 -1
- package/dist/backends/gui/icon-picker.d.ts.map +1 -1
- package/dist/backends/gui/icon-picker.js +2 -2
- package/dist/backends/gui/icon-picker.js.map +1 -1
- package/dist/backends/gui/icon-tile.cjs +1 -1
- package/dist/backends/gui/icon-tile.d.ts +1 -1
- package/dist/backends/gui/icon-tile.js +1 -1
- package/dist/backends/gui/icons.cjs +2 -2
- package/dist/backends/gui/icons.d.ts +2 -2
- package/dist/backends/gui/icons.d.ts.map +1 -1
- package/dist/backends/gui/icons.js +2 -2
- package/dist/backends/gui/icons.js.map +1 -1
- package/dist/backends/gui/image-input.cjs +1 -1
- package/dist/backends/gui/image-input.js +1 -1
- package/dist/backends/gui/index.cjs +1 -1
- package/dist/backends/gui/index.js +1 -1
- package/dist/backends/gui/index.js.map +1 -1
- package/dist/backends/gui/input-group.cjs +1 -1
- package/dist/backends/gui/input-group.d.ts +1 -1
- package/dist/backends/gui/input-group.js +1 -1
- package/dist/backends/gui/item.cjs +1 -1
- package/dist/backends/gui/item.js +1 -1
- package/dist/backends/gui/json-tree.cjs +1 -1
- package/dist/backends/gui/json-tree.d.ts +1 -1
- package/dist/backends/gui/json-tree.js +1 -1
- package/dist/backends/gui/kbd.cjs +2 -2
- package/dist/backends/gui/kbd.js +2 -2
- package/dist/backends/gui/label.cjs +1 -1
- package/dist/backends/gui/label.d.ts +1 -1
- package/dist/backends/gui/label.js +1 -1
- package/dist/backends/gui/layout.cjs +2 -2
- package/dist/backends/gui/layout.js +2 -2
- package/dist/backends/gui/layout.js.map +1 -1
- package/dist/backends/gui/number-field.cjs +1 -1
- package/dist/backends/gui/number-field.js +1 -1
- package/dist/backends/gui/overflowing-list.cjs +1 -1
- package/dist/backends/gui/overflowing-list.d.ts +1 -1
- package/dist/backends/gui/overflowing-list.js +1 -1
- package/dist/backends/gui/phone-country-picker.cjs +1 -1
- package/dist/backends/gui/phone-country-picker.js +1 -1
- package/dist/backends/gui/popover.cjs +2 -2
- package/dist/backends/gui/popover.d.ts +2 -2
- package/dist/backends/gui/popover.js +2 -2
- package/dist/backends/gui/progress-ring.cjs +1 -1
- package/dist/backends/gui/progress-ring.d.ts +1 -1
- package/dist/backends/gui/progress-ring.js +1 -1
- package/dist/backends/gui/progress.cjs +1 -1
- package/dist/backends/gui/progress.d.ts +1 -1
- package/dist/backends/gui/progress.js +1 -1
- package/dist/backends/gui/radio-group.cjs +2 -2
- package/dist/backends/gui/radio-group.d.ts +1 -1
- package/dist/backends/gui/radio-group.js +2 -2
- package/dist/backends/gui/radio-group.js.map +1 -1
- package/dist/backends/gui/search-list.cjs +1 -1
- package/dist/backends/gui/search-list.d.ts +1 -1
- package/dist/backends/gui/search-list.js +1 -1
- package/dist/backends/gui/select.cjs +1 -1
- package/dist/backends/gui/select.d.ts +1 -1
- package/dist/backends/gui/select.js +1 -1
- package/dist/backends/gui/shortcut.cjs +1 -1
- package/dist/backends/gui/shortcut.d.ts +1 -1
- package/dist/backends/gui/shortcut.js +1 -1
- package/dist/backends/gui/skeleton.cjs +2 -2
- package/dist/backends/gui/skeleton.d.ts +2 -2
- package/dist/backends/gui/skeleton.js +2 -2
- package/dist/backends/gui/snippet.cjs +2 -2
- package/dist/backends/gui/snippet.js +2 -2
- package/dist/backends/gui/spinner.cjs +1 -1
- package/dist/backends/gui/spinner.d.ts +1 -1
- package/dist/backends/gui/spinner.js +1 -1
- package/dist/backends/gui/stack-icon.cjs +1 -1
- package/dist/backends/gui/stack-icon.d.ts +1 -1
- package/dist/backends/gui/stack-icon.js +1 -1
- package/dist/backends/gui/status.cjs +1 -1
- package/dist/backends/gui/status.js +1 -1
- package/dist/backends/gui/stepper.cjs +2 -2
- package/dist/backends/gui/stepper.js +2 -2
- package/dist/backends/gui/switch.cjs +1 -1
- package/dist/backends/gui/switch.d.ts +1 -1
- package/dist/backends/gui/switch.js +1 -1
- package/dist/backends/gui/tabs.cjs +1 -1
- package/dist/backends/gui/tabs.d.ts +1 -1
- package/dist/backends/gui/tabs.js +1 -1
- package/dist/backends/gui/tag.cjs +1 -1
- package/dist/backends/gui/tag.d.ts +1 -1
- package/dist/backends/gui/tag.js +1 -1
- package/dist/backends/gui/tags.cjs +1 -1
- package/dist/backends/gui/tags.d.ts +1 -1
- package/dist/backends/gui/tags.js +1 -1
- package/dist/backends/gui/textarea.cjs +1 -1
- package/dist/backends/gui/textarea.js +1 -1
- package/dist/backends/gui/toaster.cjs +1 -1
- package/dist/backends/gui/toaster.js +1 -1
- package/dist/backends/gui/toggle-group.d.ts +1 -1
- package/dist/backends/gui/tooltip.cjs +3 -3
- package/dist/backends/gui/tooltip.d.ts +3 -3
- package/dist/backends/gui/tooltip.js +3 -3
- package/dist/backends/gui/truncated-text.cjs +1 -1
- package/dist/backends/gui/truncated-text.d.ts +1 -1
- package/dist/backends/gui/truncated-text.js +1 -1
- package/dist/gallery/display.cjs +1 -1
- package/dist/gallery/display.js +1 -1
- package/dist/gallery/feedback.cjs +1 -1
- package/dist/gallery/feedback.js +1 -1
- package/dist/gallery/frames.cjs +1 -1
- package/dist/gallery/frames.js +1 -1
- package/dist/gallery/menus.cjs +1 -1
- package/dist/gallery/menus.js +1 -1
- package/dist/gallery/records.cjs +1 -1
- package/dist/gallery/records.js +1 -1
- package/dist/gallery.html +3 -3
- package/dist/gui-config.cjs +1 -1
- package/dist/gui-config.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.node.cjs +1 -1
- package/dist/index.node.js +1 -1
- package/dist/motion.cjs +1 -1
- package/dist/motion.d.ts +1 -1
- package/dist/motion.js +1 -1
- package/dist/product/ComboBox.cjs +1 -1
- package/dist/product/ComboBox.js +1 -1
- package/dist/product/CommandMenu.cjs +2 -2
- package/dist/product/CommandMenu.d.ts +2 -2
- package/dist/product/CommandMenu.d.ts.map +1 -1
- package/dist/product/CommandMenu.js +2 -2
- package/dist/product/CommandMenu.js.map +1 -1
- package/dist/product/DetailPane.cjs +2 -2
- package/dist/product/DetailPane.d.ts +2 -2
- package/dist/product/DetailPane.d.ts.map +1 -1
- package/dist/product/DetailPane.js +2 -2
- package/dist/product/DetailPane.js.map +1 -1
- package/dist/product/Fact.d.ts +1 -1
- package/dist/product/Field.cjs +1 -1
- package/dist/product/Field.d.ts +1 -1
- package/dist/product/Field.js +1 -1
- package/dist/product/Filters.cjs +2 -2
- package/dist/product/Filters.d.ts +2 -2
- package/dist/product/Filters.js +2 -2
- package/dist/product/MenuRow.cjs +1 -1
- package/dist/product/MenuRow.d.ts +1 -1
- package/dist/product/MenuRow.js +1 -1
- package/dist/product/PrimaryButton.d.ts +2 -2
- package/dist/settings/Section.cjs +1 -1
- package/dist/settings/Section.d.ts +1 -1
- package/dist/settings/Section.js +1 -1
- package/dist/styles/motion.css +1 -1
- package/dist/styles.css +2 -2
- package/dist/theme.css +1 -1
- package/package.json +2 -2
|
@@ -44,7 +44,7 @@ Anchor, Image, Separator, Spacer, ScrollView,
|
|
|
44
44
|
// The untyped hosts, for the rare case a component needs a bare box.
|
|
45
45
|
View, Text,
|
|
46
46
|
// Text a screen reader reads and a screen does not draw: the name of an
|
|
47
|
-
// icon-only control, a table header, a live line (
|
|
48
|
-
// MIT, NOTICE — the same clip pattern, gui's own).
|
|
47
|
+
// icon-only control, a table header, a live line (the source kit's
|
|
48
|
+
// VisuallyHidden, MIT, NOTICE — the same clip pattern, gui's own).
|
|
49
49
|
VisuallyHidden, } from '@hanzo/gui';
|
|
50
50
|
//# sourceMappingURL=layout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/backends/gui/layout.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO;AACL,4BAA4B;AAC5B,MAAM,EACN,MAAM,EACN,MAAM;AAEN,4EAA4E;AAC5E,4DAA4D;AAC5D,WAAW,EACX,SAAS,EACT,OAAO,EACP,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,IAAI,EACJ,MAAM,EACN,EAAE;AAEF,wDAAwD;AACxD,EAAE;AACF,6EAA6E;AAC7E,uEAAuE;AACvE,yEAAyE;AACzE,kEAAkE;AAClE,4EAA4E;AAC5E,uEAAuE;AACvE,wEAAwE;AACxE,iDAAiD;AACjD,MAAM,EACN,KAAK,EACL,SAAS,EACT,MAAM,EACN,UAAU;AAEV,qEAAqE;AACrE,IAAI,EACJ,IAAI;AAEJ,wEAAwE;AACxE,
|
|
1
|
+
{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/backends/gui/layout.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO;AACL,4BAA4B;AAC5B,MAAM,EACN,MAAM,EACN,MAAM;AAEN,4EAA4E;AAC5E,4DAA4D;AAC5D,WAAW,EACX,SAAS,EACT,OAAO,EACP,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,IAAI,EACJ,MAAM,EACN,EAAE;AAEF,wDAAwD;AACxD,EAAE;AACF,6EAA6E;AAC7E,uEAAuE;AACvE,yEAAyE;AACzE,kEAAkE;AAClE,4EAA4E;AAC5E,uEAAuE;AACvE,wEAAwE;AACxE,iDAAiD;AACjD,MAAM,EACN,KAAK,EACL,SAAS,EACT,MAAM,EACN,UAAU;AAEV,qEAAqE;AACrE,IAAI,EACJ,IAAI;AAEJ,wEAAwE;AACxE,mEAAmE;AACnE,mEAAmE;AACnE,cAAc,GACf,MAAM,YAAY,CAAA"}
|
|
@@ -21,7 +21,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
21
21
|
* optional buttons step the same way and leave the keyboard to the field.
|
|
22
22
|
*
|
|
23
23
|
* gui has no number-field primitive, so the behaviour is written once here.
|
|
24
|
-
* Props, keys and defaults after
|
|
24
|
+
* Props, keys and defaults after the source kit's NumberField (MIT, NOTICE): step 1,
|
|
25
25
|
* smallStep 0.1, largeStep 10, no wheel scrub, out-of-range refused; its buttons
|
|
26
26
|
* are the outline control at the field's height, 4px apart.
|
|
27
27
|
*/
|
|
@@ -17,7 +17,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
17
17
|
* optional buttons step the same way and leave the keyboard to the field.
|
|
18
18
|
*
|
|
19
19
|
* gui has no number-field primitive, so the behaviour is written once here.
|
|
20
|
-
* Props, keys and defaults after
|
|
20
|
+
* Props, keys and defaults after the source kit's NumberField (MIT, NOTICE): step 1,
|
|
21
21
|
* smallStep 0.1, largeStep 10, no wheel scrub, out-of-range refused; its buttons
|
|
22
22
|
* are the outline control at the field's height, 4px apart.
|
|
23
23
|
*/
|
|
@@ -16,7 +16,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
16
16
|
* shrink, and keeps room for the count. Measurement rides `onLayout`, which gui
|
|
17
17
|
* gives on web and native alike, so the same list works on both.
|
|
18
18
|
*
|
|
19
|
-
*
|
|
19
|
+
* The record kit's OverflowingList (MIT, see NOTICE): a 4px gap, a
|
|
20
20
|
* 24px-minimum count on the 12px rung, shown on hover, focus or while open by
|
|
21
21
|
* default; the popup is the package Popover, items wrapping, as wide as the list
|
|
22
22
|
* and at least 220.
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
* shrink, and keeps room for the count. Measurement rides `onLayout`, which gui
|
|
11
11
|
* gives on web and native alike, so the same list works on both.
|
|
12
12
|
*
|
|
13
|
-
*
|
|
13
|
+
* The record kit's OverflowingList (MIT, see NOTICE): a 4px gap, a
|
|
14
14
|
* 24px-minimum count on the 12px rung, shown on hover, focus or while open by
|
|
15
15
|
* default; the popup is the package Popover, items wrapping, as wide as the list
|
|
16
16
|
* and at least 220.
|
|
@@ -12,7 +12,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
12
12
|
* shrink, and keeps room for the count. Measurement rides `onLayout`, which gui
|
|
13
13
|
* gives on web and native alike, so the same list works on both.
|
|
14
14
|
*
|
|
15
|
-
*
|
|
15
|
+
* The record kit's OverflowingList (MIT, see NOTICE): a 4px gap, a
|
|
16
16
|
* 24px-minimum count on the 12px rung, shown on hover, focus or while open by
|
|
17
17
|
* default; the popup is the package Popover, items wrapping, as wide as the list
|
|
18
18
|
* and at least 220.
|
|
@@ -20,7 +20,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
20
20
|
* countries and their calling codes.
|
|
21
21
|
*
|
|
22
22
|
* Flags are regional-indicator text (`flag`), drawn by the platform. Anatomy
|
|
23
|
-
* after
|
|
23
|
+
* after the source kit's PhoneCountryPicker (MIT, NOTICE): 8px before the flag and 4
|
|
24
24
|
* after the chevron, a 16×12 flag with 2px corners, a globe when none.
|
|
25
25
|
*/
|
|
26
26
|
const gui_1 = require("@hanzo/gui");
|
|
@@ -16,7 +16,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
16
16
|
* countries and their calling codes.
|
|
17
17
|
*
|
|
18
18
|
* Flags are regional-indicator text (`flag`), drawn by the platform. Anatomy
|
|
19
|
-
* after
|
|
19
|
+
* after the source kit's PhoneCountryPicker (MIT, NOTICE): 8px before the flag and 4
|
|
20
20
|
* after the chevron, a 16×12 flag with 2px corners, a globe when none.
|
|
21
21
|
*/
|
|
22
22
|
import { SizableText, VisuallyHidden, XStack } from '@hanzo/gui';
|
|
@@ -15,11 +15,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
15
15
|
* — while the compound API spells them on Content, as `sideOffset` and `align`.
|
|
16
16
|
* One value, one owner: the root holds them, Content publishes into it.
|
|
17
17
|
*
|
|
18
|
-
* `size="sm"` is the record panel (
|
|
18
|
+
* `size="sm"` is the record panel (the record kit's Popover, MIT, NOTICE): an 8px
|
|
19
19
|
* inset, sized to its content up to the room there is, 8px clear of its anchor.
|
|
20
20
|
* A `<Density value="compact">` makes it the default for a panel that names no
|
|
21
21
|
* size. The default stays the 16px-inset, 288-wide panel every surface has. The
|
|
22
|
-
* fill stays Hanzo's near-opaque panel — not
|
|
22
|
+
* fill stays Hanzo's near-opaque panel — not the source kit's translucent glass.
|
|
23
23
|
* `arrow` adds a 12×6 pointer in the panel's own fill and edge.
|
|
24
24
|
*/
|
|
25
25
|
const gui_1 = require("@hanzo/gui");
|
|
@@ -9,11 +9,11 @@
|
|
|
9
9
|
* — while the compound API spells them on Content, as `sideOffset` and `align`.
|
|
10
10
|
* One value, one owner: the root holds them, Content publishes into it.
|
|
11
11
|
*
|
|
12
|
-
* `size="sm"` is the record panel (
|
|
12
|
+
* `size="sm"` is the record panel (the record kit's Popover, MIT, NOTICE): an 8px
|
|
13
13
|
* inset, sized to its content up to the room there is, 8px clear of its anchor.
|
|
14
14
|
* A `<Density value="compact">` makes it the default for a panel that names no
|
|
15
15
|
* size. The default stays the 16px-inset, 288-wide panel every surface has. The
|
|
16
|
-
* fill stays Hanzo's near-opaque panel — not
|
|
16
|
+
* fill stays Hanzo's near-opaque panel — not the source kit's translucent glass.
|
|
17
17
|
* `arrow` adds a 12×6 pointer in the panel's own fill and edge.
|
|
18
18
|
*/
|
|
19
19
|
import { Popover as GuiPopover } from '@hanzo/gui';
|
|
@@ -11,11 +11,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
11
11
|
* — while the compound API spells them on Content, as `sideOffset` and `align`.
|
|
12
12
|
* One value, one owner: the root holds them, Content publishes into it.
|
|
13
13
|
*
|
|
14
|
-
* `size="sm"` is the record panel (
|
|
14
|
+
* `size="sm"` is the record panel (the record kit's Popover, MIT, NOTICE): an 8px
|
|
15
15
|
* inset, sized to its content up to the room there is, 8px clear of its anchor.
|
|
16
16
|
* A `<Density value="compact">` makes it the default for a panel that names no
|
|
17
17
|
* size. The default stays the 16px-inset, 288-wide panel every surface has. The
|
|
18
|
-
* fill stays Hanzo's near-opaque panel — not
|
|
18
|
+
* fill stays Hanzo's near-opaque panel — not the source kit's translucent glass.
|
|
19
19
|
* `arrow` adds a 12×6 pointer in the panel's own fill and edge.
|
|
20
20
|
*/
|
|
21
21
|
import { Popover as GuiPopover } from '@hanzo/gui';
|
|
@@ -7,7 +7,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
7
7
|
* ProgressRing — a small circular progress, for a row that has no room for a
|
|
8
8
|
* bar: the context left in a composer, a sync that is 40% through, a metric.
|
|
9
9
|
*
|
|
10
|
-
* After
|
|
10
|
+
* After the source kit's ProgressRing (MIT, NOTICE): 14px (`sm`) or 16px (`md`), a
|
|
11
11
|
* 2px stroke starting at 12 o'clock, the track on the strong edge rung and the
|
|
12
12
|
* indicator on the accent (`--primary`, monochrome until an org picks one).
|
|
13
13
|
* The indicator's dash eases over 300ms with round caps (square at 0%, where a
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* ProgressRing — a small circular progress, for a row that has no room for a
|
|
3
3
|
* bar: the context left in a composer, a sync that is 40% through, a metric.
|
|
4
4
|
*
|
|
5
|
-
* After
|
|
5
|
+
* After the source kit's ProgressRing (MIT, NOTICE): 14px (`sm`) or 16px (`md`), a
|
|
6
6
|
* 2px stroke starting at 12 o'clock, the track on the strong edge rung and the
|
|
7
7
|
* indicator on the accent (`--primary`, monochrome until an org picks one).
|
|
8
8
|
* The indicator's dash eases over 300ms with round caps (square at 0%, where a
|
|
@@ -4,7 +4,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
4
4
|
* ProgressRing — a small circular progress, for a row that has no room for a
|
|
5
5
|
* bar: the context left in a composer, a sync that is 40% through, a metric.
|
|
6
6
|
*
|
|
7
|
-
* After
|
|
7
|
+
* After the source kit's ProgressRing (MIT, NOTICE): 14px (`sm`) or 16px (`md`), a
|
|
8
8
|
* 2px stroke starting at 12 o'clock, the track on the strong edge rung and the
|
|
9
9
|
* indicator on the accent (`--primary`, monochrome until an org picks one).
|
|
10
10
|
* The indicator's dash eases over 300ms with round caps (square at 0%, where a
|
|
@@ -8,7 +8,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
8
8
|
* far unknown".
|
|
9
9
|
*
|
|
10
10
|
* Two shapes. `pill` (the default, unchanged) is a rounded bar on the edge
|
|
11
|
-
* track. `line` is the record kit's (
|
|
11
|
+
* track. `line` is the record kit's (ProgressBar, MIT — NOTICE): no
|
|
12
12
|
* track unless asked, square ends unless `ends="round"`, the ink as the fill, and a
|
|
13
13
|
* minimum fill of min(12px, 50%) for any value strictly between 0 and 100 — a
|
|
14
14
|
* job 1% done is visibly started, which a 3px sliver is not. Its width eases
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* far unknown".
|
|
4
4
|
*
|
|
5
5
|
* Two shapes. `pill` (the default, unchanged) is a rounded bar on the edge
|
|
6
|
-
* track. `line` is the record kit's (
|
|
6
|
+
* track. `line` is the record kit's (ProgressBar, MIT — NOTICE): no
|
|
7
7
|
* track unless asked, square ends unless `ends="round"`, the ink as the fill, and a
|
|
8
8
|
* minimum fill of min(12px, 50%) for any value strictly between 0 and 100 — a
|
|
9
9
|
* job 1% done is visibly started, which a 3px sliver is not. Its width eases
|
|
@@ -5,7 +5,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
5
5
|
* far unknown".
|
|
6
6
|
*
|
|
7
7
|
* Two shapes. `pill` (the default, unchanged) is a rounded bar on the edge
|
|
8
|
-
* track. `line` is the record kit's (
|
|
8
|
+
* track. `line` is the record kit's (ProgressBar, MIT — NOTICE): no
|
|
9
9
|
* track unless asked, square ends unless `ends="round"`, the ink as the fill, and a
|
|
10
10
|
* minimum fill of min(12px, 50%) for any value strictly between 0 and 100 — a
|
|
11
11
|
* job 1% done is visibly started, which a 3px sliver is not. Its width eases
|
|
@@ -33,7 +33,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
33
33
|
*
|
|
34
34
|
* Two looks. With no `size`, an item is the 16px ring and `$ink` dot it has
|
|
35
35
|
* always been. Naming `size` (sm 16 | md 18), or a `<Density value="compact">`
|
|
36
|
-
* around it, draws
|
|
36
|
+
* around it, draws the source kit's radio (MIT, NOTICE): a quiet ring at rest that
|
|
37
37
|
* FILLS when checked — the monochrome accent (`--primary`, which an org's accent
|
|
38
38
|
* restates) round a dot in its foreground — a 4px hover halo, and the 32%
|
|
39
39
|
* register of a disabled option.
|
|
@@ -63,7 +63,7 @@ exports.RadioGroupItem = RadioGroupItem;
|
|
|
63
63
|
const RecordItem = ({ size, disabled, children, ...props }) => {
|
|
64
64
|
const dim = RECORD[size];
|
|
65
65
|
return ((0, jsx_runtime_1.jsxs)(gui_1.RadioGroup.Item, { ...(0, slot_1.slot)('radio-group-item'), "data-size": size, width: dim.ring, height: dim.ring, flexShrink: 0, padding: 0, borderRadius: 1000, borderWidth: 1, borderColor: "$aside", backgroundColor: "transparent", scale: 0.95, disabled: disabled, opacity: disabled ? 0.32 : 1, cursor: disabled ? 'not-allowed' : 'pointer', ...(disabled ? null : { hoverStyle: { bg: '$hover', boxShadow: '0 0 0 4px var(--hover)' } }), ...(0, gesture_1.touch)(dim.ring), ...props, children: [(0, jsx_runtime_1.jsx)(gui_1.RadioGroup.Indicator, { ...(0, slot_1.slot)('radio-group-indicator'), position: "absolute", t: -1, l: -1, width: dim.ring, height: dim.ring, borderRadius: 1000, backgroundColor: "var(--primary)", items: "center", justify: "center",
|
|
66
|
-
// 1.05 at the item's 0.95, as
|
|
66
|
+
// 1.05 at the item's 0.95, as the source kit grows a checked radio.
|
|
67
67
|
scale: 1.1, children: (0, jsx_runtime_1.jsx)(gui_1.XStack, { width: dim.dot, height: dim.dot, rounded: 1000, bg: "var(--primary-foreground)" }) }), children] }));
|
|
68
68
|
};
|
|
69
69
|
const PlainItem = ({ disabled, children, ...props }) => ((0, jsx_runtime_1.jsxs)(gui_1.RadioGroup.Item, { ...(0, slot_1.slot)('radio-group-item'), width: BOX, height: BOX, flexShrink: 0, borderRadius: 1000, borderWidth: 1,
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
*
|
|
29
29
|
* Two looks. With no `size`, an item is the 16px ring and `$ink` dot it has
|
|
30
30
|
* always been. Naming `size` (sm 16 | md 18), or a `<Density value="compact">`
|
|
31
|
-
* around it, draws
|
|
31
|
+
* around it, draws the source kit's radio (MIT, NOTICE): a quiet ring at rest that
|
|
32
32
|
* FILLS when checked — the monochrome accent (`--primary`, which an org's accent
|
|
33
33
|
* restates) round a dot in its foreground — a 4px hover halo, and the 32%
|
|
34
34
|
* register of a disabled option.
|
|
@@ -30,7 +30,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
30
30
|
*
|
|
31
31
|
* Two looks. With no `size`, an item is the 16px ring and `$ink` dot it has
|
|
32
32
|
* always been. Naming `size` (sm 16 | md 18), or a `<Density value="compact">`
|
|
33
|
-
* around it, draws
|
|
33
|
+
* around it, draws the source kit's radio (MIT, NOTICE): a quiet ring at rest that
|
|
34
34
|
* FILLS when checked — the monochrome accent (`--primary`, which an org's accent
|
|
35
35
|
* restates) round a dot in its foreground — a 4px hover halo, and the 32%
|
|
36
36
|
* register of a disabled option.
|
|
@@ -58,7 +58,7 @@ const RadioGroupItem = ({ size, ...props }) => {
|
|
|
58
58
|
const RecordItem = ({ size, disabled, children, ...props }) => {
|
|
59
59
|
const dim = RECORD[size];
|
|
60
60
|
return (_jsxs(GuiRadioGroup.Item, { ...slot('radio-group-item'), "data-size": size, width: dim.ring, height: dim.ring, flexShrink: 0, padding: 0, borderRadius: 1000, borderWidth: 1, borderColor: "$aside", backgroundColor: "transparent", scale: 0.95, disabled: disabled, opacity: disabled ? 0.32 : 1, cursor: disabled ? 'not-allowed' : 'pointer', ...(disabled ? null : { hoverStyle: { bg: '$hover', boxShadow: '0 0 0 4px var(--hover)' } }), ...touch(dim.ring), ...props, children: [_jsx(GuiRadioGroup.Indicator, { ...slot('radio-group-indicator'), position: "absolute", t: -1, l: -1, width: dim.ring, height: dim.ring, borderRadius: 1000, backgroundColor: "var(--primary)", items: "center", justify: "center",
|
|
61
|
-
// 1.05 at the item's 0.95, as
|
|
61
|
+
// 1.05 at the item's 0.95, as the source kit grows a checked radio.
|
|
62
62
|
scale: 1.1, children: _jsx(XStack, { width: dim.dot, height: dim.dot, rounded: 1000, bg: "var(--primary-foreground)" }) }), children] }));
|
|
63
63
|
};
|
|
64
64
|
const PlainItem = ({ disabled, children, ...props }) => (_jsxs(GuiRadioGroup.Item, { ...slot('radio-group-item'), width: BOX, height: BOX, flexShrink: 0, borderRadius: 1000, borderWidth: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/backends/gui/radio-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAEhE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAEtC,8DAA8D;AAC9D,MAAM,GAAG,GAAG,EAAE,CAAA;AACd,MAAM,GAAG,GAAG,CAAC,CAAA;AAkBb,2FAA2F;AAC3F,MAAM,MAAM,GAAG,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,EAAW,CAAA;AAE9E,MAAM,UAAU,GAAG,CAAC,EAAE,WAAW,GAAG,UAAU,EAAE,GAAG,KAAK,EAAmB,EAAE,EAAE,CAAC,CAC9E,KAAC,aAAa,OACR,IAAI,CAAC,aAAa,CAAC,EACvB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAC9D,GAAG,EAAC,IAAI,KACJ,KAAK,GACT,CACH,CAAA;AAED,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAuB,EAAE,EAAE;IACjE,MAAM,OAAO,GAAG,UAAU,EAAE,KAAK,SAAS,CAAA;IAC1C,MAAM,MAAM,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IACnD,OAAO,MAAM,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,IAAI,EAAE,MAAM,KAAM,KAAK,GAAI,CAAC,CAAC,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACpF,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA6C,EAAE,EAAE;IACvG,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IACxB,OAAO,CACL,MAAC,aAAa,CAAC,IAAI,OACb,IAAI,CAAC,kBAAkB,CAAC,eACjB,IAAI,EACf,KAAK,EAAE,GAAG,CAAC,IAAI,EACf,MAAM,EAAE,GAAG,CAAC,IAAI,EAChB,UAAU,EAAE,CAAC,EACb,OAAO,EAAE,CAAC,EACV,YAAY,EAAE,IAAI,EAClB,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,QAAQ,EACpB,eAAe,EAAC,aAAa,EAC7B,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAC5B,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,KACxC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,wBAAwB,EAAE,EAAE,CAAC,KACzF,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,KACd,KAAsB,aAE3B,KAAC,aAAa,CAAC,SAAS,OAClB,IAAI,CAAC,uBAAuB,CAAC,EACjC,QAAQ,EAAC,UAAU,EACnB,CAAC,EAAE,CAAC,CAAC,EACL,CAAC,EAAE,CAAC,CAAC,EACL,KAAK,EAAE,GAAG,CAAC,IAAI,EACf,MAAM,EAAE,GAAG,CAAC,IAAI,EAChB,YAAY,EAAE,IAAI,EAClB,eAAe,EAAC,gBAAgB,EAChC,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ;gBAChB
|
|
1
|
+
{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/backends/gui/radio-group.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
16
16
|
* The panel is portalled, and a portal does not carry React context across, so
|
|
17
17
|
* the density the trigger sits in is read here and given again inside, as
|
|
18
18
|
* `PortalTheme` does for the theme. Rows are the record row: 32px, 4px corners.
|
|
19
|
-
* After
|
|
19
|
+
* After the source kit's searchable picker dropdown (MIT, NOTICE).
|
|
20
20
|
*/
|
|
21
21
|
const gui_1 = require("@hanzo/gui");
|
|
22
22
|
const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
* The panel is portalled, and a portal does not carry React context across, so
|
|
11
11
|
* the density the trigger sits in is read here and given again inside, as
|
|
12
12
|
* `PortalTheme` does for the theme. Rows are the record row: 32px, 4px corners.
|
|
13
|
-
* After
|
|
13
|
+
* After the source kit's searchable picker dropdown (MIT, NOTICE).
|
|
14
14
|
*/
|
|
15
15
|
import { XStack } from '@hanzo/gui';
|
|
16
16
|
import { type ComponentProps, type ReactElement, type ReactNode } from 'react';
|
|
@@ -12,7 +12,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
12
12
|
* The panel is portalled, and a portal does not carry React context across, so
|
|
13
13
|
* the density the trigger sits in is read here and given again inside, as
|
|
14
14
|
* `PortalTheme` does for the theme. Rows are the record row: 32px, 4px corners.
|
|
15
|
-
* After
|
|
15
|
+
* After the source kit's searchable picker dropdown (MIT, NOTICE).
|
|
16
16
|
*/
|
|
17
17
|
import { SizableText, XStack } from '@hanzo/gui';
|
|
18
18
|
import { Check } from '@hanzogui/lucide-icons-2';
|
|
@@ -17,7 +17,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
17
17
|
*
|
|
18
18
|
* Rows are concentric in the panel: a 4px inset inside an 8px panel takes a 4px
|
|
19
19
|
* row radius (`$xs`). Under `<Density value="compact">` the list takes the
|
|
20
|
-
* record density
|
|
20
|
+
* record density the source kit's Select draws (MIT, NOTICE): 13px rows in the quiet
|
|
21
21
|
* ink on the hover rung, and the density crosses the portal with the list.
|
|
22
22
|
*/
|
|
23
23
|
const react_1 = require("react");
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
*
|
|
13
13
|
* Rows are concentric in the panel: a 4px inset inside an 8px panel takes a 4px
|
|
14
14
|
* row radius (`$xs`). Under `<Density value="compact">` the list takes the
|
|
15
|
-
* record density
|
|
15
|
+
* record density the source kit's Select draws (MIT, NOTICE): 13px rows in the quiet
|
|
16
16
|
* ink on the hover rung, and the density crosses the portal with the list.
|
|
17
17
|
*/
|
|
18
18
|
import { type ComponentProps, type ReactNode } from "react";
|
|
@@ -14,7 +14,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
14
14
|
*
|
|
15
15
|
* Rows are concentric in the panel: a 4px inset inside an 8px panel takes a 4px
|
|
16
16
|
* row radius (`$xs`). Under `<Density value="compact">` the list takes the
|
|
17
|
-
* record density
|
|
17
|
+
* record density the source kit's Select draws (MIT, NOTICE): 13px rows in the quiet
|
|
18
18
|
* ink on the hover rung, and the density crosses the portal with the list.
|
|
19
19
|
*/
|
|
20
20
|
import { Children, cloneElement, createContext, forwardRef, isValidElement, useContext, } from "react";
|
|
@@ -22,7 +22,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
22
22
|
* "other", so a server render and the first client render agree and a Mac
|
|
23
23
|
* swaps Ctrl for ⌘ right after hydration rather than mismatching it.
|
|
24
24
|
*
|
|
25
|
-
*
|
|
25
|
+
* The record kit's Shortcut and formatShortcut (MIT, see NOTICE):
|
|
26
26
|
* keys, text and button variants, a `desktop` visibility that hides it under a
|
|
27
27
|
* coarse pointer, keys 4px apart in a combination.
|
|
28
28
|
*/
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
* "other", so a server render and the first client render agree and a Mac
|
|
15
15
|
* swaps Ctrl for ⌘ right after hydration rather than mismatching it.
|
|
16
16
|
*
|
|
17
|
-
*
|
|
17
|
+
* The record kit's Shortcut and formatShortcut (MIT, see NOTICE):
|
|
18
18
|
* keys, text and button variants, a `desktop` visibility that hides it under a
|
|
19
19
|
* coarse pointer, keys 4px apart in a combination.
|
|
20
20
|
*/
|
|
@@ -16,7 +16,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
16
16
|
* "other", so a server render and the first client render agree and a Mac
|
|
17
17
|
* swaps Ctrl for ⌘ right after hydration rather than mismatching it.
|
|
18
18
|
*
|
|
19
|
-
*
|
|
19
|
+
* The record kit's Shortcut and formatShortcut (MIT, see NOTICE):
|
|
20
20
|
* keys, text and button variants, a `desktop` visibility that hides it under a
|
|
21
21
|
* coarse pointer, keys 4px apart in a combination.
|
|
22
22
|
*/
|
|
@@ -14,13 +14,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
14
14
|
* that is not the size of its content is worse than none: the page reflows when
|
|
15
15
|
* the real thing appears, which is the jump the skeleton existed to prevent.
|
|
16
16
|
*
|
|
17
|
-
* After
|
|
17
|
+
* After the source kit's Skeleton (MIT, NOTICE): the base is the hover rung, the
|
|
18
18
|
* highlight a faint glass band, 4px corners, a 1.5s sweep (`--duration-loop`,
|
|
19
19
|
* stopped under reduced motion), height presets xs 13 / s 16 / m 24 / l 32 /
|
|
20
20
|
* xl 40, and two layouts — `inline` takes a line box of the text around it
|
|
21
21
|
* (it holds a zero-width non-joiner, so it is a line tall with no height
|
|
22
22
|
* given), `block` is a box of its own. The highlight is `--glass` rather than
|
|
23
|
-
* the panel rung:
|
|
23
|
+
* the panel rung: the source kit's is 2% black on light and 3% white on dark, and
|
|
24
24
|
* the panel rung is a SOLID step that sits darker than the hover rung in the
|
|
25
25
|
* dark theme, which would sweep a shadow instead of a light.
|
|
26
26
|
*
|
|
@@ -8,13 +8,13 @@
|
|
|
8
8
|
* that is not the size of its content is worse than none: the page reflows when
|
|
9
9
|
* the real thing appears, which is the jump the skeleton existed to prevent.
|
|
10
10
|
*
|
|
11
|
-
* After
|
|
11
|
+
* After the source kit's Skeleton (MIT, NOTICE): the base is the hover rung, the
|
|
12
12
|
* highlight a faint glass band, 4px corners, a 1.5s sweep (`--duration-loop`,
|
|
13
13
|
* stopped under reduced motion), height presets xs 13 / s 16 / m 24 / l 32 /
|
|
14
14
|
* xl 40, and two layouts — `inline` takes a line box of the text around it
|
|
15
15
|
* (it holds a zero-width non-joiner, so it is a line tall with no height
|
|
16
16
|
* given), `block` is a box of its own. The highlight is `--glass` rather than
|
|
17
|
-
* the panel rung:
|
|
17
|
+
* the panel rung: the source kit's is 2% black on light and 3% white on dark, and
|
|
18
18
|
* the panel rung is a SOLID step that sits darker than the hover rung in the
|
|
19
19
|
* dark theme, which would sweep a shadow instead of a light.
|
|
20
20
|
*
|
|
@@ -10,13 +10,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
10
10
|
* that is not the size of its content is worse than none: the page reflows when
|
|
11
11
|
* the real thing appears, which is the jump the skeleton existed to prevent.
|
|
12
12
|
*
|
|
13
|
-
* After
|
|
13
|
+
* After the source kit's Skeleton (MIT, NOTICE): the base is the hover rung, the
|
|
14
14
|
* highlight a faint glass band, 4px corners, a 1.5s sweep (`--duration-loop`,
|
|
15
15
|
* stopped under reduced motion), height presets xs 13 / s 16 / m 24 / l 32 /
|
|
16
16
|
* xl 40, and two layouts — `inline` takes a line box of the text around it
|
|
17
17
|
* (it holds a zero-width non-joiner, so it is a line tall with no height
|
|
18
18
|
* given), `block` is a box of its own. The highlight is `--glass` rather than
|
|
19
|
-
* the panel rung:
|
|
19
|
+
* the panel rung: the source kit's is 2% black on light and 3% white on dark, and
|
|
20
20
|
* the panel rung is a SOLID step that sits darker than the hover rung in the
|
|
21
21
|
* dark theme, which would sweep a shadow instead of a light.
|
|
22
22
|
*
|
|
@@ -18,8 +18,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
18
18
|
* `theme` names a fixed palette for the code surface, independent of the
|
|
19
19
|
* page's own light or dark theme; `size` picks the type scale.
|
|
20
20
|
*
|
|
21
|
-
* `variant="command"` is the record kit's command block (
|
|
22
|
-
*
|
|
21
|
+
* `variant="command"` is the record kit's command block (CommandBlock,
|
|
22
|
+
* MIT — NOTICE): shell lines on the panel ground, 1px hairline,
|
|
23
23
|
* 4px corners, 12px padding, each line led by a "> " the reader does not copy
|
|
24
24
|
* or hear, wrapping anywhere, with `actions` (the copy button by default) 12px
|
|
25
25
|
* from the text and never shrinking. It follows the page's theme rather than a
|
|
@@ -14,8 +14,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
14
14
|
* `theme` names a fixed palette for the code surface, independent of the
|
|
15
15
|
* page's own light or dark theme; `size` picks the type scale.
|
|
16
16
|
*
|
|
17
|
-
* `variant="command"` is the record kit's command block (
|
|
18
|
-
*
|
|
17
|
+
* `variant="command"` is the record kit's command block (CommandBlock,
|
|
18
|
+
* MIT — NOTICE): shell lines on the panel ground, 1px hairline,
|
|
19
19
|
* 4px corners, 12px padding, each line led by a "> " the reader does not copy
|
|
20
20
|
* or hear, wrapping anywhere, with `actions` (the copy button by default) 12px
|
|
21
21
|
* from the text and never shrinking. It follows the page's theme rather than a
|
|
@@ -22,7 +22,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
22
22
|
* `aria-hidden`, because a spinner is never the message: the thing that is
|
|
23
23
|
* loading says so in text beside it.
|
|
24
24
|
*
|
|
25
|
-
* `variant="dot"` is the record kit's loader (
|
|
25
|
+
* `variant="dot"` is the record kit's loader (Loader, MIT — NOTICE):
|
|
26
26
|
* a 24×12 pill outline with an 8px dot that travels across it and squashes as
|
|
27
27
|
* it lands, 0.8s a loop (`data-motion="hop"` in styles/motion.css, stopped under
|
|
28
28
|
* reduced motion). It is the quieter one, for a status pill, a button that is
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
* `aria-hidden`, because a spinner is never the message: the thing that is
|
|
18
18
|
* loading says so in text beside it.
|
|
19
19
|
*
|
|
20
|
-
* `variant="dot"` is the record kit's loader (
|
|
20
|
+
* `variant="dot"` is the record kit's loader (Loader, MIT — NOTICE):
|
|
21
21
|
* a 24×12 pill outline with an 8px dot that travels across it and squashes as
|
|
22
22
|
* it lands, 0.8s a loop (`data-motion="hop"` in styles/motion.css, stopped under
|
|
23
23
|
* reduced motion). It is the quieter one, for a status pill, a button that is
|
|
@@ -19,7 +19,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
19
19
|
* `aria-hidden`, because a spinner is never the message: the thing that is
|
|
20
20
|
* loading says so in text beside it.
|
|
21
21
|
*
|
|
22
|
-
* `variant="dot"` is the record kit's loader (
|
|
22
|
+
* `variant="dot"` is the record kit's loader (Loader, MIT — NOTICE):
|
|
23
23
|
* a 24×12 pill outline with an 8px dot that travels across it and squashes as
|
|
24
24
|
* it lands, 0.8s a loop (`data-motion="hop"` in styles/motion.css, stopped under
|
|
25
25
|
* reduced motion). It is the quieter one, for a status pill, a button that is
|
|
@@ -7,7 +7,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
7
7
|
* StackIcon — an icon with a smaller one pinned over its lower-right quadrant:
|
|
8
8
|
* a provider and its state, an app and its connection.
|
|
9
9
|
*
|
|
10
|
-
*
|
|
10
|
+
* The record kit's StackIcon (MIT, see NOTICE): a 16px box, the
|
|
11
11
|
* stacked icon 8px from the left and 7px from the top. Both are decorative.
|
|
12
12
|
*/
|
|
13
13
|
const gui_1 = require("@hanzo/gui");
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* StackIcon — an icon with a smaller one pinned over its lower-right quadrant:
|
|
3
3
|
* a provider and its state, an app and its connection.
|
|
4
4
|
*
|
|
5
|
-
*
|
|
5
|
+
* The record kit's StackIcon (MIT, see NOTICE): a 16px box, the
|
|
6
6
|
* stacked icon 8px from the left and 7px from the top. Both are decorative.
|
|
7
7
|
*/
|
|
8
8
|
import { XStack } from '@hanzo/gui';
|
|
@@ -4,7 +4,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
4
4
|
* StackIcon — an icon with a smaller one pinned over its lower-right quadrant:
|
|
5
5
|
* a provider and its state, an app and its connection.
|
|
6
6
|
*
|
|
7
|
-
*
|
|
7
|
+
* The record kit's StackIcon (MIT, see NOTICE): a 16px box, the
|
|
8
8
|
* stacked icon 8px from the left and 7px from the top. Both are decorative.
|
|
9
9
|
*/
|
|
10
10
|
import { XStack } from '@hanzo/gui';
|
|
@@ -13,7 +13,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
13
13
|
* The dot is on by default (it is the whole point of a status pill) and can be
|
|
14
14
|
* turned off for a plain label.
|
|
15
15
|
*
|
|
16
|
-
* `color` draws the record status instead (
|
|
16
|
+
* `color` draws the record status instead (the record kit's
|
|
17
17
|
* Status, MIT, see NOTICE): any of the thirty data hues, its step 3 under step
|
|
18
18
|
* 11 ink, a 4px dot in the ink, 20px tall, 13px regular, and a `loading` state
|
|
19
19
|
* that busies the pill. The semantic names stay as aliases onto hues — success
|
|
@@ -9,7 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
9
9
|
* The dot is on by default (it is the whole point of a status pill) and can be
|
|
10
10
|
* turned off for a plain label.
|
|
11
11
|
*
|
|
12
|
-
* `color` draws the record status instead (
|
|
12
|
+
* `color` draws the record status instead (the record kit's
|
|
13
13
|
* Status, MIT, see NOTICE): any of the thirty data hues, its step 3 under step
|
|
14
14
|
* 11 ink, a 4px dot in the ink, 20px tall, 13px regular, and a `loading` state
|
|
15
15
|
* that busies the pill. The semantic names stay as aliases onto hues — success
|
|
@@ -10,8 +10,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
10
10
|
* Both buttons are named for the thing counted (`label`), the count is a live
|
|
11
11
|
* region, and each button disables at its bound instead of silently clamping.
|
|
12
12
|
*
|
|
13
|
-
* `editable` makes the count a field a person can type into,
|
|
14
|
-
* NumberStepper (MIT, NOTICE): a 64px centred value at the medium weight that
|
|
13
|
+
* `editable` makes the count a field a person can type into, the source
|
|
14
|
+
* kit's NumberStepper (MIT, NOTICE): a 64px centred value at the medium weight that
|
|
15
15
|
* commits on Enter or blur — read leniently (grouping stripped, either decimal
|
|
16
16
|
* mark), held to the bounds, rounded to `step` and to `decimals` — and shows
|
|
17
17
|
* Latin digits, grouped only from five digits up. It is on by default under
|
|
@@ -6,8 +6,8 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
|
|
|
6
6
|
* Both buttons are named for the thing counted (`label`), the count is a live
|
|
7
7
|
* region, and each button disables at its bound instead of silently clamping.
|
|
8
8
|
*
|
|
9
|
-
* `editable` makes the count a field a person can type into,
|
|
10
|
-
* NumberStepper (MIT, NOTICE): a 64px centred value at the medium weight that
|
|
9
|
+
* `editable` makes the count a field a person can type into, the source
|
|
10
|
+
* kit's NumberStepper (MIT, NOTICE): a 64px centred value at the medium weight that
|
|
11
11
|
* commits on Enter or blur — read leniently (grouping stripped, either decimal
|
|
12
12
|
* mark), held to the bounds, rounded to `step` and to `decimals` — and shows
|
|
13
13
|
* Latin digits, grouped only from five digits up. It is on by default under
|
|
@@ -51,7 +51,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
51
51
|
* behind them, off and on, exactly as 8.0.57 did. A flat name cannot say "and
|
|
52
52
|
* the opposite of that, one level down", so this file names rungs on purpose.
|
|
53
53
|
*
|
|
54
|
-
* THREE SIZES, and the record two are
|
|
54
|
+
* THREE SIZES, and the record two are the source kit's (MIT, NOTICE): `md` a 32×20
|
|
55
55
|
* pill with a 16px thumb, `sm` 24×16 with a 12px thumb, each with no edge and
|
|
56
56
|
* the thumb 2px in. `default` stays the 36×20 pill with its hairline; under
|
|
57
57
|
* `<Density value="compact">` a switch that names no size is `md`. The tokens do
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
* behind them, off and on, exactly as 8.0.57 did. A flat name cannot say "and
|
|
47
47
|
* the opposite of that, one level down", so this file names rungs on purpose.
|
|
48
48
|
*
|
|
49
|
-
* THREE SIZES, and the record two are
|
|
49
|
+
* THREE SIZES, and the record two are the source kit's (MIT, NOTICE): `md` a 32×20
|
|
50
50
|
* pill with a 16px thumb, `sm` 24×16 with a 12px thumb, each with no edge and
|
|
51
51
|
* the thumb 2px in. `default` stays the 36×20 pill with its hairline; under
|
|
52
52
|
* `<Density value="compact">` a switch that names no size is `md`. The tokens do
|
|
@@ -48,7 +48,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
48
48
|
* behind them, off and on, exactly as 8.0.57 did. A flat name cannot say "and
|
|
49
49
|
* the opposite of that, one level down", so this file names rungs on purpose.
|
|
50
50
|
*
|
|
51
|
-
* THREE SIZES, and the record two are
|
|
51
|
+
* THREE SIZES, and the record two are the source kit's (MIT, NOTICE): `md` a 32×20
|
|
52
52
|
* pill with a 16px thumb, `sm` 24×16 with a 12px thumb, each with no edge and
|
|
53
53
|
* the thumb 2px in. `default` stays the 36×20 pill with its hairline; under
|
|
54
54
|
* `<Density value="compact">` a switch that names no size is `md`. The tokens do
|
|
@@ -8,7 +8,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
8
8
|
*
|
|
9
9
|
* Two looks. The default is the segmented pill: a 36px track on the hover rung
|
|
10
10
|
* with the chosen tab lifted onto the ground. `variant="line"` is the record
|
|
11
|
-
* page's strip (
|
|
11
|
+
* page's strip (the record kit's Tabs, MIT, NOTICE): a transparent list over a 1px
|
|
12
12
|
* baseline, 40px tabs whose label sits in an inner box (8×8 at `md`, 4×8 at
|
|
13
13
|
* `sm`, 8px corner) that takes the hover rung under the pointer, and a 1px line
|
|
14
14
|
* in the ink under the chosen tab. A tab takes a `startIcon`, an `endIcon` and a
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Two looks. The default is the segmented pill: a 36px track on the hover rung
|
|
5
5
|
* with the chosen tab lifted onto the ground. `variant="line"` is the record
|
|
6
|
-
* page's strip (
|
|
6
|
+
* page's strip (the record kit's Tabs, MIT, NOTICE): a transparent list over a 1px
|
|
7
7
|
* baseline, 40px tabs whose label sits in an inner box (8×8 at `md`, 4×8 at
|
|
8
8
|
* `sm`, 8px corner) that takes the hover rung under the pointer, and a 1px line
|
|
9
9
|
* in the ink under the chosen tab. A tab takes a `startIcon`, an `endIcon` and a
|