@sableui/react 0.1.0 → 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.
Files changed (61) hide show
  1. package/CHANGELOG.md +66 -0
  2. package/dist/{_contract-CYScOdf5.d.ts → _contract-o3tUc8Ig.d.ts} +1 -1
  3. package/dist/{chunk-J23ELQQZ.js → chunk-AOWBYEQ6.js} +4177 -1917
  4. package/dist/{chunk-RWP4XBSK.js → chunk-KFZ43RKU.js} +1 -1
  5. package/dist/{chunk-JI7WJP2L.js → chunk-X276MF2W.js} +5 -0
  6. package/dist/foundations/index.js +1 -1
  7. package/dist/index.d.ts +155 -101
  8. package/dist/index.js +582 -2778
  9. package/dist/ios/index.d.ts +6 -1
  10. package/dist/ios/index.js +4 -4
  11. package/dist/ios/preview.js +1 -1
  12. package/dist/ios/styles.css +20 -6
  13. package/dist/patterns/index.js +1683 -469
  14. package/dist/presets/index.d.ts +1 -1
  15. package/dist/presets/index.js +1 -1
  16. package/dist/styles.css +238 -40
  17. package/dist/{theme-provider-BWcizhAt.d.ts → theme-provider-BE-KqUG-.d.ts} +1 -1
  18. package/dist/themes/atelier/atelier.css +3 -0
  19. package/dist/themes/atelier/index.d.ts +1 -1
  20. package/dist/themes/base/base.css +11 -4
  21. package/dist/themes/base/index.d.ts +1 -1
  22. package/dist/themes/ember/ember.css +3 -0
  23. package/dist/themes/ember/index.d.ts +1 -1
  24. package/dist/themes/index.d.ts +2 -2
  25. package/dist/themes/meridian/index.d.ts +1 -1
  26. package/dist/themes/meridian/meridian.css +10 -5
  27. package/dist/themes/poppy/index.d.ts +1 -1
  28. package/dist/themes/poppy/poppy.css +16 -0
  29. package/dist/themes/prism/index.d.ts +1 -1
  30. package/dist/themes/prism/prism.css +4 -1
  31. package/dist/themes/verdant/index.d.ts +1 -1
  32. package/dist/themes/verdant/verdant.css +7 -2
  33. package/llms/components/bubble.md +5 -5
  34. package/llms/components/checkbox-card.md +1 -1
  35. package/llms/components/context-card.md +2 -2
  36. package/llms/components/dialog.md +1 -1
  37. package/llms/components/empty-state.md +4 -4
  38. package/llms/components/entity.md +1 -1
  39. package/llms/components/fieldset.md +1 -1
  40. package/llms/components/kbd.md +18 -6
  41. package/llms/components/pill.md +1 -1
  42. package/llms/components/side-nav.md +1 -1
  43. package/llms/components/skeleton.md +1 -1
  44. package/llms/components/theme-selector.md +1 -1
  45. package/llms/foundations/shape.md +1 -1
  46. package/llms/patterns/auth-page.md +132 -42
  47. package/llms/patterns/brand-landing-page.md +271 -175
  48. package/llms/patterns/chat-panel.md +120 -39
  49. package/llms/patterns/dashboard-page.md +277 -65
  50. package/llms/patterns/feed-page.md +245 -64
  51. package/llms/patterns/landing-page.md +473 -75
  52. package/llms/patterns/list-detail-page.md +385 -68
  53. package/llms/patterns/settings-page.md +279 -67
  54. package/llms/reference/token-intent.md +4 -2
  55. package/llms/reference/utilities.md +20 -5
  56. package/llms-full.txt +2244 -727
  57. package/llms.txt +14 -15
  58. package/package.json +1 -1
  59. package/registry.json +261 -238
  60. package/targets/ios.json +4 -15
  61. package/llms/components/description.md +0 -96
package/CHANGELOG.md CHANGED
@@ -1,5 +1,71 @@
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
+
64
+ ## 0.1.1
65
+
66
+ - Published with npm trusted publishing: releases come from `sableui/sable`'s
67
+ release workflow with provenance and no stored token. No library changes.
68
+
3
69
  ## 0.1.0 — first public release
4
70
 
5
71
  Sable is on npm as `@sableui/react`: `pnpm add @sableui/react`. No registry setup
@@ -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