@stackone/malachite 0.70.1 → 1.0.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/COMPONENTS.md +1 -1
- package/dist/{CodeBlockHighlighter-Ce9RlFxJ.js → CodeBlockHighlighter-DHnzIPYG.js} +2 -2
- package/dist/{CodeBlockHighlighter-Ce9RlFxJ.js.map → CodeBlockHighlighter-DHnzIPYG.js.map} +1 -1
- package/dist/{index-B4pJB5Hz.js → index-Dn8Gk12W.js} +14 -14
- package/dist/index-Dn8Gk12W.js.map +1 -0
- package/dist/index.d.ts +6 -2
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/dist/index-B4pJB5Hz.js.map +0 -1
package/COMPONENTS.md
CHANGED
|
@@ -51,7 +51,7 @@ The catalog of components exported from `@stackone/malachite`. **Reach for one o
|
|
|
51
51
|
- **`Radio`** — Single radio control with hover state; parent manages the group. Pass `presentational` to render a visual-only, non-focusable indicator for use inside a clickable row/card. _Key props:_ `checked`, `onChange`, `disabled`, `size`, `presentational`.
|
|
52
52
|
- **`SegmentedControl`** — A pill track of mutually-exclusive options — the segmented “one of these” control. Owns the track background, the selected-thumb chrome and the `radiogroup` semantics, so consumers never hand-roll a track around `PillButton` (whose `default` variant tokens are tuned for standalone filter pills, not a sunken track). Single tab stop with arrow-key move-and-select; selection is conveyed via `aria-checked` and a foreground change, not background colour alone. Restyle via the `segmentedControl` theme tokens. _Key props:_ `options` (`value`, `label`, `icon`, `disabled`), `value`, `onChange`, `SegmentedControlSize` (`small` | `medium`), `fullWidth`, `disabled`, `aria-label`, `aria-labelledby`, `className`.
|
|
53
53
|
- **`Toggle`** — On/off switch. Add `label` for a visible caption, and `variant` to give it standalone toolbar-filter chrome — pick the family it sits beside: `pill` matches the filter-bar inputs (`Search`, `MultiSelect`), `button` renders the whole control as an outline `Button` with the switch as its trailing icon. `bordered` is shorthand for `variant="pill"`. _Key props:_ `checked`, `onChange`, `disabled`, `ToggleSize` (`small` | `medium`), `label`, `ToggleVariant` (`pill` | `button`), `bordered`, `aria-label`, `aria-labelledby`, `id`.
|
|
54
|
-
- **`Dropdown`** — Single-select dropdown. `DropdownSize` is `
|
|
54
|
+
- **`Dropdown`** — Single-select dropdown. `DropdownSize` is `small` (28px) | `medium` (32px) | `large` (42px), matching Button; `small` is the chip that sits beside a page title and rounds tighter (10px) than the taller sizes. These names each moved up a tier in 0.71 — the old `xsmall`/`small`/`medium` are now `small`/`medium`/`large`. _Key props:_ `DropdownItem[]`, `DropdownSize`, `label`, `search`, `required`, `error`, `helperText`, `loading`, `formControl`, `aria-label`, `aria-labelledby`, `id`.
|
|
55
55
|
- **`MultiSelect`** — Multi-select dropdown. _Key props:_ `MultiSelectOption[]`, `MultiSelectSize`, `label`, `searchable`, `inlineSearch`, `chips`, `chipsRemovable`, `required`, `aria-label`, `aria-labelledby`, `id`.
|
|
56
56
|
|
|
57
57
|
## Buttons & actions
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as On } from "react/jsx-runtime";
|
|
2
|
-
import { _ as ce, a as ue, C as rn, b as se } from "./index-
|
|
2
|
+
import { _ as ce, a as ue, C as rn, b as se } from "./index-Dn8Gk12W.js";
|
|
3
3
|
import H from "react";
|
|
4
4
|
function fe(n, e) {
|
|
5
5
|
if (n == null) return {};
|
|
@@ -2751,4 +2751,4 @@ const pt = {
|
|
|
2751
2751
|
export {
|
|
2752
2752
|
vt as default
|
|
2753
2753
|
};
|
|
2754
|
-
//# sourceMappingURL=CodeBlockHighlighter-
|
|
2754
|
+
//# sourceMappingURL=CodeBlockHighlighter-DHnzIPYG.js.map
|