@inkorange/space-ui 1.10.0 → 1.11.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/AGENTS.md +112 -0
- package/README.md +34 -0
- package/dist/components/Autocomplete.d.ts +11 -0
- package/dist/components/Badge.d.ts +3 -3
- package/dist/components/Button.d.ts +7 -3
- package/dist/components/Dialog.d.ts +16 -0
- package/dist/components/DropdownMenu.d.ts +16 -0
- package/dist/components/IconToggle.d.ts +9 -7
- package/dist/components/Loader.d.ts +8 -4
- package/dist/components/RadioGroup.d.ts +15 -0
- package/dist/components/Select.d.ts +17 -0
- package/dist/components/Tabs.d.ts +15 -0
- package/dist/components/TextField.d.ts +12 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +38 -0
- package/dist/index.js.map +1 -1
- package/package.json +17 -5
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,41 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* SpaceUI — a React 19 component library and design system for dark
|
|
3
|
+
* interfaces. Zero runtime dependencies, precompiled CSS, and a role-based
|
|
4
|
+
* design-token system.
|
|
5
|
+
*
|
|
6
|
+
* ```tsx
|
|
7
|
+
* import "@inkorange/space-ui/styles.css";
|
|
8
|
+
* import { Card, Heading, Text, Button } from "@inkorange/space-ui";
|
|
9
|
+
* ```
|
|
10
|
+
*
|
|
11
|
+
* What is not visible in the type signatures below:
|
|
12
|
+
*
|
|
13
|
+
* - One stylesheet import, at the application root. There is no
|
|
14
|
+
* per-component CSS, no provider, no context and no theme wrapper.
|
|
15
|
+
* - Style with tokens, not lengths: `var(--spacing-md)` over `16px`. Spacing
|
|
16
|
+
* is an 8pt grid, every step a multiple of `--sp-grid-base-size`. Control
|
|
17
|
+
* heights come from `--sp-control-height` (40px, `-sm` 36, `-lg` 48), so
|
|
18
|
+
* controls placed side by side line up without arithmetic. Colour is a
|
|
19
|
+
* named role — `primary`, `success`, `warning`, `danger`, `accent` — with
|
|
20
|
+
* `-solid`, `-text`, `-soft`, `-border`, `-glow` and `-deep` saying which
|
|
21
|
+
* job within it.
|
|
22
|
+
* - Override a component token on a class, never in an inline `style`: inline
|
|
23
|
+
* beats every media and container query written afterwards.
|
|
24
|
+
* - Boolean props default to false, so `<Button fullWidth />` is the idiom.
|
|
25
|
+
* `animated` is the one exception, defaulting to true.
|
|
26
|
+
* - Selection is controlled through `onValueChange`. Native text inputs keep
|
|
27
|
+
* React's own `value` and `onChange`.
|
|
28
|
+
* - Keyboard behaviour and ARIA live inside the components. Pass `aria-label`
|
|
29
|
+
* where there is no visible label; do not re-declare the rest.
|
|
30
|
+
* - The components are drawn as lit glass over a dark ground. The tokens can
|
|
31
|
+
* be re-pointed, but there is no supported light theme, and a light palette
|
|
32
|
+
* misrepresents every surface here.
|
|
33
|
+
*
|
|
34
|
+
* The full generated reference, including every token each component accepts,
|
|
35
|
+
* is at https://space-components.vercel.app/llms.txt
|
|
36
|
+
*
|
|
37
|
+
* @packageDocumentation
|
|
38
|
+
*/
|
|
1
39
|
import "./styles/tokens.css";
|
|
2
40
|
export { Text, type TextProps } from "./components/Text";
|
|
3
41
|
export { Heading, type HeadingProps } from "./components/Heading";
|