Repository navigation
v0.3.0
Minor Changes
-
281dfa5: First UI components: batch B1 (feature-002, step 6c).
SpButton,SpInput,SpCheckbox,
SpSwitch,SpCardandSpDividerin React (@silverpoint/react/ui/<name>, plus
server/ui/cardandserver/ui/dividerfor Server Components), Vue (@silverpoint/vue/ui/<name>)
and Angular (@silverpoint/angular/ui/<name>;SpButtondecorates the consumer's own<button>).
The markup is the core's view tree (@silverpoint/core/ui:resolveUi,ui*View), identical in
the three adapters;ui.cssgains their layout and folds frame slots and tone states onto each
ground's tokens. The Angular adapter now takes@angular/formsas a peer, for its
ControlValueAccessors, and its tokens and environment move to@silverpoint/angular/env
(re-exported from@silverpoint/angular). No change to the rendered output of any chart. -
41805a0: UI components, batches B2 and B3 (feature-002, step 6c): the catalog's 17 are complete.
SpRadioGroup,SpSegmented,SpTabswithSpTabPanel,SpSlider,SpRate,SpSteps,
SpTag,SpBadge,SpProgress,SpAlertandSpSkeletonin React, Vue and Angular
(ui/<name>). React also shipsserver/ui/steps,tag,badge,progress,alertand
skeletonfor Server Components. Each component writes the core's view tree
(ui*Viewin@silverpoint/core/ui), so the markup is the same in the three adapters.- Keyboard. The composites follow the WAI-ARIA patterns through the core's
uiRovingFocus,
which callsuiRovingKey. Disabled items are skipped anddir="rtl"mirrors the arrows. - Values. Every value component is controlled or uncontrolled, and the Angular ones are
ControlValueAccessors. - Heightening. Each component has at most one heightened element.
- Styles.
ui.cssgains the components' layout. Slider and Progress use exact fractions on
logical properties. An indeterminate Progress only moves when reduced motion is off.
No change to the rendered output of any chart.
- Keyboard. The composites follow the WAI-ARIA patterns through the core's
-
eb2bd8e: UI components, close-out (feature-002, step 6f):
0.3.0. The 17Sp-prefixed components are
verified end to end on the UI page of the four example apps —keyboard patterns, native form
submit, focus ring, target size, reduced motion, RTL, axe A/AA— and documented on the site with a
live example per state and a props reference read from the types. Every prop of the UI types now
carries its JSDoc. Angular:SpUiControlhands the.sp-uiroot to the roving-focus helper, so a
dir="rtl"set on the component mirrors the arrows. Grounds:ui.cssremoves the browser's own focus ring from
the native, text and range controls, whose exact ring is drawn on their item, box or thumb, so a
focusedSpInputshows one ring, not two. The seven packages move together to0.3.0;
the rendered output of every chart is unchanged. -
5a1b53f: UI components in the core (feature-002, step 6a). The new subpath
@silverpoint/core/uiholds
the framework-neutral half of the 17 UI components of0.3.0: their props types (SpButtonProps…), the catalogUI_COMPONENTS, value
geometry (uiValue,uiRateCount,uiProgressArc,uiSteps), the WAI-ARIA roving-focus
transitionuiRovingKey, the frame variant and outlines (uiFrameVariant,uiFrameOutline,
UI_FRAME_KINDS), and the checksuiItemsanduiRequireName. The reference statesUI_DEMOS
live on the new subpath@silverpoint/core/ui-demos. New diagnostic codesSP017,SP018,
SP019. The main entry is unchanged, and so is the rendered output of every chart. -
10cc90a: UI tokens and tone tiles in the core (feature-002, step 6b).
Groundgains an optionalui
section (Data Model §3.8: frame style and variants, control heights, radius, focus width, tone per
state); a ground without it takesUI_TOKEN_DEFAULTS.@silverpoint/core/uigains
resolveUiTokens, which holds a ground's tokens to their domain, anduiToneTile, the seamless
tile geometry the grounds build draws a control's tone from. No change to the rendered output of
any chart.