@rogieking/figui3 8.9.35 → 8.9.37
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/.cursor/skills/fig-lab/SKILL.md +2 -2
- package/.cursor/skills/fig-lab/reference.md +2 -2
- package/README.md +1 -2
- package/components.css +1 -1
- package/dist/components.css +1 -1
- package/dist/fig-lab.css +1 -1
- package/dist/fig-lab.js +2 -2
- package/dist/fig.css +1 -1
- package/fig-lab.css +11 -14
- package/fig-lab.js +209 -104
- package/package.json +1 -1
|
@@ -59,7 +59,7 @@ Shared:
|
|
|
59
59
|
| `propskit-text` | `#propskit-text` | `fig-input-text` | `type`, `readonly` |
|
|
60
60
|
| `propskit-number` | `#propskit-number` | `fig-input-number` | `min`, `max`, `step`, `precision`, `units`, `steppers` |
|
|
61
61
|
| `propskit-slider` | `#propskit-slider` | `fig-slider` | `type` range/hue/delta/stepper/opacity; `elastic` default true |
|
|
62
|
-
| `propskit-wheel` | `#propskit-wheel` | `fig-input-wheel` + optional `fig-input-number` | Labeled scrubber with `label`, `text`, `spin`, `precision`, `units`, `default`/reset, `size`, and `variant`; units stay on the wrapper/number field and the effective step is applied to the wheel |
|
|
62
|
+
| `propskit-wheel` | `#propskit-wheel` | `fig-input-wheel` + optional `fig-input-number` | Labeled scrubber with `label`, `text`, `spin`, `elastic` row stretch, `precision`, `units`, `default`/reset, `size`, and `variant`; units stay on the wrapper/number field and the effective step is applied to the wheel |
|
|
63
63
|
| `propskit-position` | `#propskit-position` | two numbers | `x`, `y`, `units="percent"` |
|
|
64
64
|
| `propskit-color-point` | `#propskit-color-point` | color + position | JSON `value`; `collapsible`, `open` |
|
|
65
65
|
| `propskit-point-radius` | `#propskit-point-radius` | position + radius | JSON `value` |
|
|
@@ -99,7 +99,7 @@ Rich select (requires editor):
|
|
|
99
99
|
|---|---|---|
|
|
100
100
|
| `fig-canvas-control` | `#canvas-control` | Overlay on a positioned parent. `type`: `point` (default), `color`, `point-radius`, `point-radius-angle`, `point-point`. `value` JSON `{x,y,radius?,angle?,x2?,y2?}`. `snapping="modifier\|true\|false"`, `name`, `tooltips`, `color` |
|
|
101
101
|
| `fig-input-angle` | `#angle` | Dial + optional text. `text`, `dial` default true, `rotations`, `min`/`max`/`units` |
|
|
102
|
-
| `fig-input-wheel` | `#input-wheel` | Standalone SVG tick + handle scrubber. Numeric `value`, optional `min`/`max`, `step` default 1, `spin`
|
|
102
|
+
| `fig-input-wheel` | `#input-wheel` | Standalone SVG tick + handle scrubber. Numeric `value`, optional `min`/`max`, `step` default 1, `spin` default true, `disabled` |
|
|
103
103
|
| `fig-reorder` | `#reorder` | `display:contents` wrapper; drag-reorders **direct children**. `axis="vertical\|horizontal"`, `handle` CSS selector when rows contain nested controls. Event: `reorder` `{ oldIndex, newIndex, item }` |
|
|
104
104
|
|
|
105
105
|
```html
|
|
@@ -37,7 +37,7 @@ Inner `fig-slider` still needs `min` / `max` / `step` / `value` as forwarded att
|
|
|
37
37
|
|
|
38
38
|
Standalone interactive SVG tick + handle scrubber in the lab bundle.
|
|
39
39
|
|
|
40
|
-
- Attrs: `value` (default `0`), `step` (default `1`), optional `min`/`max`, `spin` (default true), `
|
|
40
|
+
- Attrs: `value` (default `0`), `step` (default `1`), optional `min`/`max`, `spin` (default true), `disabled`
|
|
41
41
|
- Props: `value`, `min`, `max`, `step`
|
|
42
42
|
- Methods: `focus()`, `spinTo(value)`, `beginScrub()`, `updateScrub()`, `endScrub()`
|
|
43
43
|
- Events: numeric `input` and `change`, bubbling and composed
|
|
@@ -51,7 +51,7 @@ Standalone interactive SVG tick + handle scrubber in the lab bundle.
|
|
|
51
51
|
|
|
52
52
|
## `propskit-wheel`
|
|
53
53
|
|
|
54
|
-
Composes `fig-input-wheel` with an optional `fig-input-number`. It retains `label`, `text`, `spin`, `precision`, `units`, `default`/reset, `size`, and `variant`. Set `spin="false"` to update the value and number field while leaving wheel ticks stationary. Units and time aliases are wrapper/number-field behavior: normalized `s` defaults to step `0.1` and precision `2`, normalized `ms` defaults to step `100` and precision `0`, and other units default to step `1` and precision `0`. The wrapper applies the effective step and unit-aware `aria-valuetext` to the child wheel, but never sets child `units`.
|
|
54
|
+
Composes `fig-input-wheel` with an optional `fig-input-number`. It retains `label`, `text`, `spin`, `precision`, `units`, `default`/reset, `size`, and `variant`. `elastic` defaults to true and controls stretching of the composed row; the child wheel's handle pull remains active when row stretching is disabled. Set `spin="false"` to update the value and number field while leaving wheel ticks stationary. Units and time aliases are wrapper/number-field behavior: normalized `s` defaults to step `0.1` and precision `2`, normalized `ms` defaults to step `100` and precision `0`, and other units default to step `1` and precision `0`. The wrapper applies the effective step and unit-aware `aria-valuetext` to the child wheel, but never sets child `units`.
|
|
55
55
|
|
|
56
56
|
```html
|
|
57
57
|
<propskit-wheel label="Duration" value="1.5" units="seconds"></propskit-wheel>
|
package/README.md
CHANGED
|
@@ -571,7 +571,6 @@ A standalone interactive SVG tick-and-handle control for scrubbing numeric value
|
|
|
571
571
|
| `spin` | boolean/string | `true` | Keep ticks synchronized to `value`; set `"false"` to leave them stationary |
|
|
572
572
|
| `min` | number | — | Inclusive lower bound; omit for no minimum |
|
|
573
573
|
| `max` | number | — | Inclusive upper bound; omit for no maximum |
|
|
574
|
-
| `elastic` | boolean/string | `true` | Resisted drag and spring return; set `"false"` to disable |
|
|
575
574
|
| `disabled` | boolean | `false` | Disable interaction |
|
|
576
575
|
|
|
577
576
|
The `value`, `min`, `max`, and `step` properties mirror their attributes. `aria-valuetext` is numeric. `spinTo(value)` animates to a new value when `spin` is enabled. `focus()`, `beginScrub()`, `updateScrub()`, and `endScrub()` expose the interaction lifecycle for imperative integrations.
|
|
@@ -603,7 +602,7 @@ Omitted `label` renders `"Value"`. If `label` is set, including `label=""`, that
|
|
|
603
602
|
| `max` | number | — | Inclusive upper bound. Omit for no maximum |
|
|
604
603
|
| `step` | number | `1`; `0.1` (`s`) / `100` (`ms`) | Drag, keyboard, and mouse wheel increment |
|
|
605
604
|
| `precision` | number | `0`; `2` (`s`) / `0` (`ms`) | Displayed decimal places on the optional number field |
|
|
606
|
-
| `elastic` | boolean/string | `true` |
|
|
605
|
+
| `elastic` | boolean/string | `true` | Stretch the composed row past the wheel edges; set `"false"` to disable row stretch. The handle still pulls |
|
|
607
606
|
| `spin` | boolean/string | `true` | Keep wheel ticks synchronized to `value`; set `"false"` to update only the value and number field |
|
|
608
607
|
| `text` | boolean/string | `true` | Include the editable `fig-input-number`; set `"false"` for only `fig-input-wheel` |
|
|
609
608
|
| `size` | string | default | Set to `"small"` for the compact layout |
|
package/components.css
CHANGED
|
@@ -209,7 +209,7 @@
|
|
|
209
209
|
/* Typography & Sizing */
|
|
210
210
|
--font-size: 16px;
|
|
211
211
|
--font-family:
|
|
212
|
-
AppleSystemUIFont, BlinkMacSystemFont, avenir next, avenir, segoe ui,
|
|
212
|
+
Inter, AppleSystemUIFont, BlinkMacSystemFont, avenir next, avenir, segoe ui,
|
|
213
213
|
helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
|
|
214
214
|
--font-variant-numeric: lining-nums tabular-nums slashed-zero;
|
|
215
215
|
--body-medium-fontSize: 0.6875rem;
|