@sableui/react 0.1.1 → 0.2.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/CHANGELOG.md +61 -0
- package/dist/{_contract-CYScOdf5.d.ts → _contract-o3tUc8Ig.d.ts} +1 -1
- package/dist/{chunk-J23ELQQZ.js → chunk-AOWBYEQ6.js} +4177 -1917
- package/dist/{chunk-RWP4XBSK.js → chunk-KFZ43RKU.js} +1 -1
- package/dist/{chunk-JI7WJP2L.js → chunk-X276MF2W.js} +5 -0
- package/dist/foundations/index.js +1 -1
- package/dist/index.d.ts +155 -101
- package/dist/index.js +582 -2778
- package/dist/ios/index.d.ts +6 -1
- package/dist/ios/index.js +4 -4
- package/dist/ios/preview.js +1 -1
- package/dist/ios/styles.css +20 -6
- package/dist/patterns/index.js +1683 -469
- package/dist/presets/index.d.ts +1 -1
- package/dist/presets/index.js +1 -1
- package/dist/styles.css +238 -40
- package/dist/{theme-provider-BWcizhAt.d.ts → theme-provider-BE-KqUG-.d.ts} +1 -1
- package/dist/themes/atelier/atelier.css +3 -0
- package/dist/themes/atelier/index.d.ts +1 -1
- package/dist/themes/base/base.css +11 -4
- package/dist/themes/base/index.d.ts +1 -1
- package/dist/themes/ember/ember.css +3 -0
- package/dist/themes/ember/index.d.ts +1 -1
- package/dist/themes/index.d.ts +2 -2
- package/dist/themes/meridian/index.d.ts +1 -1
- package/dist/themes/meridian/meridian.css +10 -5
- package/dist/themes/poppy/index.d.ts +1 -1
- package/dist/themes/poppy/poppy.css +16 -0
- package/dist/themes/prism/index.d.ts +1 -1
- package/dist/themes/prism/prism.css +4 -1
- package/dist/themes/verdant/index.d.ts +1 -1
- package/dist/themes/verdant/verdant.css +7 -2
- package/llms/components/bubble.md +5 -5
- package/llms/components/checkbox-card.md +1 -1
- package/llms/components/context-card.md +2 -2
- package/llms/components/dialog.md +1 -1
- package/llms/components/empty-state.md +4 -4
- package/llms/components/entity.md +1 -1
- package/llms/components/fieldset.md +1 -1
- package/llms/components/kbd.md +18 -6
- package/llms/components/pill.md +1 -1
- package/llms/components/side-nav.md +1 -1
- package/llms/components/skeleton.md +1 -1
- package/llms/components/theme-selector.md +1 -1
- package/llms/foundations/shape.md +1 -1
- package/llms/patterns/auth-page.md +132 -42
- package/llms/patterns/brand-landing-page.md +271 -175
- package/llms/patterns/chat-panel.md +120 -39
- package/llms/patterns/dashboard-page.md +277 -65
- package/llms/patterns/feed-page.md +245 -64
- package/llms/patterns/landing-page.md +473 -75
- package/llms/patterns/list-detail-page.md +385 -68
- package/llms/patterns/settings-page.md +279 -67
- package/llms/reference/token-intent.md +4 -2
- package/llms/reference/utilities.md +20 -5
- package/llms-full.txt +2244 -727
- package/llms.txt +14 -15
- package/package.json +1 -1
- package/registry.json +261 -238
- package/targets/ios.json +4 -15
- package/llms/components/description.md +0 -96
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,66 @@
|
|
|
1
1
|
# What's new
|
|
2
2
|
|
|
3
|
+
## 0.2.0
|
|
4
|
+
|
|
5
|
+
A design and polish pass across the library, its page patterns, and the site.
|
|
6
|
+
|
|
7
|
+
### Breaking
|
|
8
|
+
|
|
9
|
+
- **`Description` is removed.** Label/value lists are now typography on the
|
|
10
|
+
native element: `<dl className="sable-list-dl">` with `<dt>`/`<dd>` children,
|
|
11
|
+
and `sable-list-dl-2` for two pairs a row inside an `@container`. Colour a
|
|
12
|
+
status value with a `text-*` utility on its `<dd>`. `DescriptionItem`,
|
|
13
|
+
`DescriptionTerm`, `DescriptionDetail`, `descriptionVariants` and
|
|
14
|
+
`descriptionMeta` go with it.
|
|
15
|
+
|
|
16
|
+
### New
|
|
17
|
+
|
|
18
|
+
- List utilities for semantic HTML: `sable-list` (bullets),
|
|
19
|
+
`sable-list-numbered`, `sable-list-dl` and `sable-list-dl-2`, documented under
|
|
20
|
+
Typography → Lists.
|
|
21
|
+
- `sable-frame-tool`: a frame for edge-to-edge tool chrome that keeps the
|
|
22
|
+
theme's radius and passes concentric geometry to what's inside. PanelSection
|
|
23
|
+
rows grow their inset with the corner and compact fields curve parallel to
|
|
24
|
+
it; unframed, panels keep their 8px inset.
|
|
25
|
+
- `KbdGroup` for keyboard combinations.
|
|
26
|
+
|
|
27
|
+
### Components
|
|
28
|
+
|
|
29
|
+
- **Bubble:** the tail is a drawn ear on every corner style, flat through fully
|
|
30
|
+
pilled, with a softened tip and a filleted inner corner; square themes keep it
|
|
31
|
+
sharp. Bubbles reserve the tail's space so grouped runs line up.
|
|
32
|
+
- **Checkbox / CheckboxCard:** the check and dash read at a consistent ~1.6px
|
|
33
|
+
weight on the filled box.
|
|
34
|
+
- **EmptyState:** the glyph stands on its own, with no disc, and can be an image
|
|
35
|
+
or illustration.
|
|
36
|
+
- **Skeleton:** one eased sheen passes through every skeleton on screen as a
|
|
37
|
+
single wave, a highlight in light and dark, and rests off-screen under reduced
|
|
38
|
+
motion.
|
|
39
|
+
- **Stepper:** indicators no longer rise above sticky headers or navigation bars.
|
|
40
|
+
- **BottomNav / Button:** badge dots sit on the icon's corner.
|
|
41
|
+
- **Toast:** enters from the edge it is anchored to, and portals to `<body>` so a
|
|
42
|
+
transformed ancestor can't trap it.
|
|
43
|
+
- Refinements to Card (concentric inner radius, footer seams), Table and
|
|
44
|
+
DataTable, Avatar, Badge, Pill, Kbd, Combobox, Select, NumberField, SideNav,
|
|
45
|
+
ThemeSelector, ChatComposer and more.
|
|
46
|
+
|
|
47
|
+
### Presets
|
|
48
|
+
|
|
49
|
+
- Verdant and Meridian lift cards and popovers above the page in light mode, so
|
|
50
|
+
fields read as boxes to type in. A theme test now holds every preset to it.
|
|
51
|
+
|
|
52
|
+
### iOS
|
|
53
|
+
|
|
54
|
+
- `IosSheet` follows iOS 26: Liquid Glass at the medium detent, floating and
|
|
55
|
+
concentric with the screen; opaque at the large detent; a glass close button
|
|
56
|
+
and a centred title.
|
|
57
|
+
|
|
58
|
+
### Page patterns
|
|
59
|
+
|
|
60
|
+
- All eight rebuilt as fuller examples. Dashboard, Settings, Auth, List–detail
|
|
61
|
+
and Feed now tell one product story; Landing shows the library working;
|
|
62
|
+
Brand landing and Chat are polished.
|
|
63
|
+
|
|
3
64
|
## 0.1.1
|
|
4
65
|
|
|
5
66
|
- Published with npm trusted publishing: releases come from `sableui/sable`'s
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* To author a new theme: copy `themes/base/`, keep these token names, and
|
|
8
8
|
* supply your own palette + values. See CONTRIBUTING.md → "Theme contract".
|
|
9
9
|
*/
|
|
10
|
-
declare const SEMANTIC_TOKENS: readonly ["background", "foreground", "card", "card-foreground", "popover", "popover-foreground", "muted", "muted-foreground", "border", "border-strong", "input", "ring", "primary", "primary-foreground", "secondary", "secondary-foreground", "accent", "accent-foreground", "destructive", "destructive-foreground", "success", "success-foreground", "tone-standard", "tone-collectible", "tone-edition", "tone-info", "tone-warning", "highlight", "tone-standard-foreground", "tone-collectible-foreground", "tone-edition-foreground", "tone-info-foreground", "tone-warning-foreground", "highlight-foreground", "overlay", "overlay-foreground", "sidebar", "sidebar-foreground", "sidebar-primary", "sidebar-primary-foreground", "sidebar-accent", "sidebar-accent-foreground", "sidebar-border", "sidebar-ring"];
|
|
10
|
+
declare const SEMANTIC_TOKENS: readonly ["background", "foreground", "card", "card-foreground", "popover", "popover-foreground", "muted", "muted-foreground", "border", "border-strong", "input", "control-border", "ring", "primary", "primary-foreground", "secondary", "secondary-foreground", "accent", "accent-foreground", "destructive", "destructive-foreground", "success", "success-foreground", "tone-standard", "tone-collectible", "tone-edition", "tone-info", "tone-warning", "highlight", "tone-standard-foreground", "tone-collectible-foreground", "tone-edition-foreground", "tone-info-foreground", "tone-warning-foreground", "highlight-foreground", "overlay", "overlay-foreground", "sidebar", "sidebar-foreground", "sidebar-primary", "sidebar-primary-foreground", "sidebar-accent", "sidebar-accent-foreground", "sidebar-border", "sidebar-ring"];
|
|
11
11
|
type SemanticToken = (typeof SEMANTIC_TOKENS)[number];
|
|
12
12
|
/**
|
|
13
13
|
* Motion tokens (mode-independent). A theme MAY override these to retune its
|