@newtonedev/components 0.1.5 → 0.1.7
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/dist/composites/actions/Button/Button.d.ts.map +1 -1
- package/dist/composites/actions/Button/Button.styles.d.ts +3 -1
- package/dist/composites/actions/Button/Button.styles.d.ts.map +1 -1
- package/dist/index.cjs +603 -249
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +6 -5
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +599 -251
- package/dist/index.js.map +1 -1
- package/dist/primitives/Frame/Frame.d.ts +2 -3
- package/dist/primitives/Frame/Frame.d.ts.map +1 -1
- package/dist/primitives/Frame/Frame.types.d.ts +4 -15
- package/dist/primitives/Frame/Frame.types.d.ts.map +1 -1
- package/dist/primitives/Icon/Icon.d.ts +1 -1
- package/dist/primitives/Icon/Icon.d.ts.map +1 -1
- package/dist/primitives/Icon/Icon.types.d.ts +7 -12
- package/dist/primitives/Icon/Icon.types.d.ts.map +1 -1
- package/dist/primitives/Text/Text.d.ts.map +1 -1
- package/dist/primitives/Text/Text.types.d.ts +9 -4
- package/dist/primitives/Text/Text.types.d.ts.map +1 -1
- package/dist/primitives/Wrapper/Wrapper.d.ts +1 -1
- package/dist/primitives/Wrapper/Wrapper.types.d.ts +1 -1
- package/dist/registry/icons.d.ts +7 -0
- package/dist/registry/icons.d.ts.map +1 -0
- package/dist/registry/index.d.ts +2 -0
- package/dist/registry/index.d.ts.map +1 -1
- package/dist/registry/registry.d.ts.map +1 -1
- package/dist/registry/types.d.ts +1 -1
- package/dist/registry/types.d.ts.map +1 -1
- package/dist/theme/FrameContext.d.ts +7 -5
- package/dist/theme/FrameContext.d.ts.map +1 -1
- package/dist/theme/NewtoneProvider.d.ts +5 -6
- package/dist/theme/NewtoneProvider.d.ts.map +1 -1
- package/dist/theme/defaults.d.ts.map +1 -1
- package/dist/theme/types.d.ts +38 -24
- package/dist/theme/types.d.ts.map +1 -1
- package/dist/tokens/computeTokens.d.ts +82 -7
- package/dist/tokens/computeTokens.d.ts.map +1 -1
- package/dist/tokens/types.d.ts +58 -16
- package/dist/tokens/types.d.ts.map +1 -1
- package/dist/tokens/useTokens.d.ts +2 -23
- package/dist/tokens/useTokens.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/composites/actions/Button/Button.styles.ts +53 -80
- package/src/composites/actions/Button/Button.tsx +6 -2
- package/src/composites/form-controls/Select/SelectOption.tsx +2 -2
- package/src/composites/form-controls/Toggle/Toggle.styles.ts +1 -1
- package/src/composites/range-inputs/ColorScaleSlider/ColorScaleSlider.styles.ts +1 -1
- package/src/composites/range-inputs/Slider/Slider.styles.ts +2 -2
- package/src/index.ts +13 -4
- package/src/primitives/Frame/Frame.tsx +10 -18
- package/src/primitives/Frame/Frame.types.ts +5 -17
- package/src/primitives/Icon/Icon.tsx +4 -6
- package/src/primitives/Icon/Icon.types.ts +7 -14
- package/src/primitives/Text/Text.tsx +18 -8
- package/src/primitives/Text/Text.types.ts +9 -4
- package/src/primitives/Wrapper/Wrapper.tsx +1 -1
- package/src/primitives/Wrapper/Wrapper.types.ts +1 -1
- package/src/registry/icons.ts +111 -0
- package/src/registry/index.ts +3 -0
- package/src/registry/registry.ts +40 -24
- package/src/registry/types.ts +1 -1
- package/src/theme/FrameContext.tsx +7 -5
- package/src/theme/NewtoneProvider.tsx +5 -10
- package/src/theme/defaults.ts +0 -9
- package/src/theme/types.ts +53 -26
- package/src/tokens/computeTokens.ts +338 -116
- package/src/tokens/types.ts +74 -16
- package/src/tokens/useTokens.ts +16 -33
|
@@ -15,7 +15,7 @@ import type { FrameProps } from './Frame.types';
|
|
|
15
15
|
* // Basic layout
|
|
16
16
|
* <Frame direction="horizontal" gap="md" padding="lg" align="center">
|
|
17
17
|
* <Button onPress={() => {}}>Save</Button>
|
|
18
|
-
* <Button variant="
|
|
18
|
+
* <Button variant="tertiary" onPress={() => {}}>Cancel</Button>
|
|
19
19
|
* </Frame>
|
|
20
20
|
* ```
|
|
21
21
|
*
|
|
@@ -23,7 +23,6 @@ import type { FrameProps } from './Frame.types';
|
|
|
23
23
|
* ```tsx
|
|
24
24
|
* // Card-like frame
|
|
25
25
|
* <Frame
|
|
26
|
-
* theme="primary"
|
|
27
26
|
* elevation={2}
|
|
28
27
|
* radius="lg"
|
|
29
28
|
* padding="xl"
|
|
@@ -44,5 +43,5 @@ import type { FrameProps } from './Frame.types';
|
|
|
44
43
|
* </Frame>
|
|
45
44
|
* ```
|
|
46
45
|
*/
|
|
47
|
-
export declare function Frame({ children,
|
|
46
|
+
export declare function Frame({ children, elevation, layout, direction, wrap, reverse, columns, rows, align, justify, padding, gap, width, height, minWidth, maxWidth, minHeight, maxHeight, radius, bordered, onPress, href, disabled, accessibilityLabel, accessibilityHint, testID, nativeID, ref, style, }: FrameProps): React.JSX.Element;
|
|
48
47
|
//# sourceMappingURL=Frame.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Frame.d.ts","sourceRoot":"","sources":["../../../src/primitives/Frame/Frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AA6ChD
|
|
1
|
+
{"version":3,"file":"Frame.d.ts","sourceRoot":"","sources":["../../../src/primitives/Frame/Frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AA6ChD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EAER,SAAS,EAET,MAAM,EACN,SAAS,EACT,IAAI,EACJ,OAAO,EACP,OAAO,EACP,IAAI,EAEJ,KAAK,EACL,OAAO,EAEP,OAAO,EACP,GAAG,EAEH,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EAET,MAAM,EACN,QAAQ,EAER,OAAO,EACP,IAAI,EACJ,QAAgB,EAEhB,kBAAkB,EAClB,iBAAiB,EAEjB,MAAM,EACN,QAAQ,EACR,GAAG,EAEH,KAAK,GACN,EAAE,UAAU,qBAgLZ"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { View, ViewStyle, GestureResponderEvent } from 'react-native';
|
|
2
|
-
import type {
|
|
2
|
+
import type { FrameElevation } from '../../theme/types';
|
|
3
3
|
/** Design system spacing tokens (represent px values at Medium preset) */
|
|
4
4
|
export type SpacingToken = '00' | '02' | '04' | '06' | '08' | '10' | '12' | '16' | '20' | '24' | '32' | '40' | '48';
|
|
5
5
|
/** A spacing value: either a design token name or a pixel number */
|
|
@@ -88,14 +88,14 @@ export type Justification = 'start' | 'center' | 'end' | 'between' | 'around' |
|
|
|
88
88
|
* // Horizontal toolbar with consistent spacing
|
|
89
89
|
* <Frame direction="horizontal" gap="md" padding="lg" align="center">
|
|
90
90
|
* <Button onPress={() => {}}>Save</Button>
|
|
91
|
-
* <Button variant="
|
|
91
|
+
* <Button variant="tertiary" onPress={() => {}}>Cancel</Button>
|
|
92
92
|
* </Frame>
|
|
93
93
|
* ```
|
|
94
94
|
*
|
|
95
95
|
* @example
|
|
96
96
|
* ```tsx
|
|
97
|
-
* // Elevated card
|
|
98
|
-
* <Frame
|
|
97
|
+
* // Elevated card
|
|
98
|
+
* <Frame elevation={2} radius="lg" padding="xl" bordered>
|
|
99
99
|
* <Text>Elevated card content</Text>
|
|
100
100
|
* </Frame>
|
|
101
101
|
* ```
|
|
@@ -114,17 +114,6 @@ export interface FrameProps {
|
|
|
114
114
|
* Raw strings/numbers are auto-wrapped in `<Text>` with theme-appropriate styling.
|
|
115
115
|
*/
|
|
116
116
|
readonly children: React.ReactNode;
|
|
117
|
-
/**
|
|
118
|
-
* Theme override for this frame and all descendants.
|
|
119
|
-
* When omitted, inherits from parent Frame or NewtoneProvider.
|
|
120
|
-
*
|
|
121
|
-
* @example
|
|
122
|
-
* ```tsx
|
|
123
|
-
* <Frame theme="primary"> // Blue-ish surface
|
|
124
|
-
* <Frame theme="strong"> // High-contrast surface
|
|
125
|
-
* ```
|
|
126
|
-
*/
|
|
127
|
-
readonly theme?: ThemeName;
|
|
128
117
|
/**
|
|
129
118
|
* Surface elevation: controls background lightness and shadow.
|
|
130
119
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Frame.types.d.ts","sourceRoot":"","sources":["../../../src/primitives/Frame/Frame.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC3E,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Frame.types.d.ts","sourceRoot":"","sources":["../../../src/primitives/Frame/Frame.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -13,5 +13,5 @@ import type { IconProps } from './Icon.types';
|
|
|
13
13
|
* <Icon name="check" color="#00ff00" />
|
|
14
14
|
* ```
|
|
15
15
|
*/
|
|
16
|
-
export declare function Icon({ name, size, opticalSize, fill, color,
|
|
16
|
+
export declare function Icon({ name, size, opticalSize, fill, color, style, accessibilityLabel, testID, nativeID, ref, }: IconProps): React.JSX.Element;
|
|
17
17
|
//# sourceMappingURL=Icon.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/primitives/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;;;;;;;;;GAYG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,IAAQ,EACR,KAAK,EACL,
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/primitives/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;;;;;;;;;GAYG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,IAAQ,EACR,KAAK,EACL,KAAK,EAEL,kBAAkB,EAElB,MAAM,EACN,QAAQ,EACR,GAAG,GACJ,EAAE,SAAS,qBAqEX"}
|
|
@@ -1,17 +1,16 @@
|
|
|
1
1
|
import type { Text as RNText, TextStyle } from 'react-native';
|
|
2
|
-
import type { ElevationLevel } from '../../theme/types';
|
|
3
2
|
/**
|
|
4
3
|
* Props for Icon — Material Symbols icon with variable font support.
|
|
5
4
|
*
|
|
6
|
-
*
|
|
7
|
-
*
|
|
5
|
+
* Icon is a pure presentation primitive. It inherits elevation from the
|
|
6
|
+
* nearest parent Frame via FrameContext. For interactive icons, wrap in
|
|
7
|
+
* `<Button icon="..." />` instead.
|
|
8
8
|
*
|
|
9
9
|
* @example
|
|
10
10
|
* ```tsx
|
|
11
11
|
* <Icon name="home" />
|
|
12
12
|
* <Icon name="settings" size={24} fill={1} />
|
|
13
13
|
* <Icon name="check" color="#00ff00" />
|
|
14
|
-
* <Icon name="delete" size={20} onPress={() => handleDelete()} />
|
|
15
14
|
* ```
|
|
16
15
|
*
|
|
17
16
|
* @see {@link https://fonts.google.com/icons Material Symbols icon reference}
|
|
@@ -31,18 +30,14 @@ export interface IconProps {
|
|
|
31
30
|
/**
|
|
32
31
|
* Fill state for the icon.
|
|
33
32
|
*
|
|
34
|
-
* - `0` — Outlined (default)
|
|
35
|
-
* - `1` — Filled (solid)
|
|
33
|
+
* - `false` / `0` — Outlined (default)
|
|
34
|
+
* - `true` / `1` — Filled (solid)
|
|
36
35
|
*/
|
|
37
|
-
readonly fill?: 0 | 1;
|
|
36
|
+
readonly fill?: boolean | 0 | 1;
|
|
38
37
|
/** Icon color as hex string. @default tokens.textPrimary */
|
|
39
38
|
readonly color?: string;
|
|
40
|
-
/**
|
|
41
|
-
readonly elevation?: ElevationLevel;
|
|
42
|
-
/** Additional styles applied to the icon Text element. */
|
|
39
|
+
/** Additional styles applied to the icon Text element (positioning, transforms). */
|
|
43
40
|
readonly style?: TextStyle;
|
|
44
|
-
/** Press handler — makes the icon tappable. */
|
|
45
|
-
readonly onPress?: () => void;
|
|
46
41
|
/** Label read by screen readers. When omitted, the icon is treated as decorative (hidden from assistive technology). */
|
|
47
42
|
readonly accessibilityLabel?: string;
|
|
48
43
|
/** Test identifier — maps to `data-testid` on web. Used by testing libraries. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.types.d.ts","sourceRoot":"","sources":["../../../src/primitives/Icon/Icon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,IAAI,MAAM,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Icon.types.d.ts","sourceRoot":"","sources":["../../../src/primitives/Icon/Icon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,IAAI,MAAM,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,SAAS;IACxB;;;;;OAKG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAEtB,wEAAwE;IACxE,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEvB,uHAAuH;IACvH,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAE9B;;;;;OAKG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC;IAEhC,4DAA4D;IAC5D,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAExB,oFAAoF;IACpF,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAI3B,wHAAwH;IACxH,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAIrC,iFAAiF;IACjF,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEzB,mFAAmF;IACnF,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE3B,0CAA0C;IAC1C,QAAQ,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;CAClC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/primitives/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/primitives/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAMvC,OAAO,KAAK,EAAE,SAAS,EAAa,MAAM,cAAc,CAAC;AAmBzD;;;;;;;;;;;;GAYG;AACH,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,IAAa,EACb,MAAkB,EAClB,KAAiB,EACjB,IAAgB,EAChB,UAAqB,EACrB,KAAK,EACL,aAAa,EACb,SAAa,EACb,KAAK,EAEL,iBAAiB,EAEjB,MAAM,EACN,QAAQ,EACR,GAAG,GACJ,EAAE,SAAS,qBA4CX"}
|
|
@@ -5,7 +5,7 @@ export type TextSize = 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | 'xxl';
|
|
|
5
5
|
/** Typography weight tokens — maps to `tokens.typography.weight.*` numeric values. */
|
|
6
6
|
export type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold';
|
|
7
7
|
/** Semantic text color tokens — resolved from the current theme's token palette. */
|
|
8
|
-
export type TextColor = 'primary' | 'secondary' | '
|
|
8
|
+
export type TextColor = 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'accent' | 'success' | 'warning' | 'error';
|
|
9
9
|
/** Font family tokens — maps to `tokens.typography.fonts.*` font stacks. */
|
|
10
10
|
export type TextFont = 'default' | 'display' | 'mono';
|
|
11
11
|
/** Line height multiplier tokens — maps to `tokens.typography.lineHeight.*` values. */
|
|
@@ -48,9 +48,14 @@ export interface TextProps {
|
|
|
48
48
|
/**
|
|
49
49
|
* Semantic color token.
|
|
50
50
|
*
|
|
51
|
-
* - `'primary'` — Main text color
|
|
52
|
-
* - `'secondary'` — Subdued/muted text
|
|
53
|
-
* - `'
|
|
51
|
+
* - `'primary'` — Main text color, high contrast
|
|
52
|
+
* - `'secondary'` — Subdued/muted text (captions, labels)
|
|
53
|
+
* - `'tertiary'` — Hints, placeholders
|
|
54
|
+
* - `'disabled'` — Disabled text elements
|
|
55
|
+
* - `'accent'` — Accent palette color for links/actions
|
|
56
|
+
* - `'success'` — Success palette color for positive indicators
|
|
57
|
+
* - `'warning'` — Warning palette color for caution indicators
|
|
58
|
+
* - `'error'` — Error palette color for destructive/error indicators
|
|
54
59
|
*
|
|
55
60
|
* @default 'primary'
|
|
56
61
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../../../src/primitives/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,IAAI,MAAM,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,gFAAgF;AAChF,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEzE,sFAAsF;AACtF,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEpE,oFAAoF;AACpF,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,
|
|
1
|
+
{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../../../src/primitives/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,IAAI,MAAM,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,gFAAgF;AAChF,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEzE,sFAAsF;AACtF,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEpE,oFAAoF;AACpF,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEvH,4EAA4E;AAC5E,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAEtD,uFAAuF;AACvF,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE5D,sBAAsB;AACtB,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,SAAS;IACxB;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAEnC,6CAA6C;IAC7C,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEzB,4CAA4C;IAC5C,QAAQ,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAE7B;;;;;;;;;;;;;OAaG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAE3B,4CAA4C;IAC5C,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEzB,sDAAsD;IACtD,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,CAAC;IAErC,sBAAsB;IACtB,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAE3B,gGAAgG;IAChG,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEhC,wDAAwD;IACxD,QAAQ,CAAC,SAAS,CAAC,EAAE,cAAc,CAAC;IAEpC,qFAAqF;IACrF,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,SAAS,EAAE,CAAC;IAIlD;;;;;;OAMG;IACH,QAAQ,CAAC,iBAAiB,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAIxD,iFAAiF;IACjF,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEzB,mFAAmF;IACnF,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE3B,uDAAuD;IACvD,QAAQ,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;CAClC"}
|
|
@@ -14,7 +14,7 @@ import type { WrapperProps } from './Wrapper.types';
|
|
|
14
14
|
* ```tsx
|
|
15
15
|
* <Wrapper direction="horizontal" gap="md" align="center">
|
|
16
16
|
* <Button onPress={() => {}}>Save</Button>
|
|
17
|
-
* <Button variant="
|
|
17
|
+
* <Button variant="tertiary" onPress={() => {}}>Cancel</Button>
|
|
18
18
|
* </Wrapper>
|
|
19
19
|
* ```
|
|
20
20
|
*
|
|
@@ -15,7 +15,7 @@ import type { Direction, Alignment, Justification, PaddingProp, GapProp, SizingM
|
|
|
15
15
|
* // Horizontal row with spacing
|
|
16
16
|
* <Wrapper direction="horizontal" gap="md" align="center">
|
|
17
17
|
* <Button onPress={() => {}}>Save</Button>
|
|
18
|
-
* <Button variant="
|
|
18
|
+
* <Button variant="tertiary" onPress={() => {}}>Cancel</Button>
|
|
19
19
|
* </Wrapper>
|
|
20
20
|
* ```
|
|
21
21
|
*
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/registry/icons.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;CACnC;AAED,eAAO,MAAM,YAAY,EAAE,SAAS,mBAAmB,EAwGtD,CAAC"}
|
package/dist/registry/index.d.ts
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
export type { CategoryMeta, VariantMeta, EditableProp, EditablePropOption, ComponentMeta, } from './types';
|
|
2
2
|
export { CATEGORIES, COMPONENTS, getComponent, getCategory, getComponentsByCategory, } from './registry';
|
|
3
3
|
export { generateComponentCode } from './codegen';
|
|
4
|
+
export type { IconCatalogCategory } from './icons';
|
|
5
|
+
export { ICON_CATALOG } from './icons';
|
|
4
6
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/registry/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,aAAa,GACd,MAAM,SAAS,CAAC;AAEjB,OAAO,EACL,UAAU,EACV,UAAU,EACV,YAAY,EACZ,WAAW,EACX,uBAAuB,GACxB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/registry/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,aAAa,GACd,MAAM,SAAS,CAAC;AAEjB,OAAO,EACL,UAAU,EACV,UAAU,EACV,YAAY,EACZ,WAAW,EACX,uBAAuB,GACxB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAElD,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/registry/registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE3D,eAAO,MAAM,UAAU,EAAE,SAAS,YAAY,EAO7C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,SAAS,aAAa,
|
|
1
|
+
{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/registry/registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE3D,eAAO,MAAM,UAAU,EAAE,SAAS,YAAY,EAO7C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,SAAS,aAAa,EA8lB9C,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,aAAa,GAAG,SAAS,CAElE;AAED,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS,CAEhE;AAED,wBAAgB,uBAAuB,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,aAAa,EAAE,CAEpF"}
|
package/dist/registry/types.d.ts
CHANGED
|
@@ -15,7 +15,7 @@ export interface EditablePropOption {
|
|
|
15
15
|
export interface EditableProp {
|
|
16
16
|
readonly name: string;
|
|
17
17
|
readonly label: string;
|
|
18
|
-
readonly control: 'select' | 'text' | 'toggle' | 'number';
|
|
18
|
+
readonly control: 'select' | 'text' | 'toggle' | 'number' | 'discrete-slider';
|
|
19
19
|
readonly options?: readonly EditablePropOption[];
|
|
20
20
|
readonly defaultValue: string | number | boolean;
|
|
21
21
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/registry/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACzC;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;CAC3C;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/registry/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACzC;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;CAC3C;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,iBAAiB,CAAC;IAC9E,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACjD,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;CAClD;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,QAAQ,EAAE,SAAS,WAAW,EAAE,CAAC;IAC1C,QAAQ,CAAC,aAAa,EAAE,SAAS,YAAY,EAAE,CAAC;CACjD"}
|
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ElevationLevel } from './types';
|
|
2
|
+
import type { ResolvedTokens } from '../tokens/types';
|
|
2
3
|
/**
|
|
3
4
|
* Context value provided by Frame to its descendants.
|
|
4
|
-
* Contains the resolved
|
|
5
|
+
* Contains the resolved elevation and pre-computed tokens.
|
|
6
|
+
* Tokens are included to avoid redundant computeTokens calls in child components.
|
|
5
7
|
*/
|
|
6
8
|
export interface FrameContextValue {
|
|
7
|
-
readonly theme: ThemeName;
|
|
8
9
|
readonly elevation: ElevationLevel;
|
|
10
|
+
readonly tokens: ResolvedTokens;
|
|
9
11
|
}
|
|
10
12
|
/**
|
|
11
|
-
* FrameContext - Propagates
|
|
13
|
+
* FrameContext - Propagates elevation overrides from Frame to descendants.
|
|
12
14
|
*
|
|
13
|
-
* When null, components fall back to
|
|
15
|
+
* When null, components fall back to default elevation (1).
|
|
14
16
|
* When present, useTokens() reads from this context instead.
|
|
15
17
|
*/
|
|
16
18
|
export declare const FrameContext: import("react").Context<FrameContextValue | null>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FrameContext.d.ts","sourceRoot":"","sources":["../../src/theme/FrameContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"FrameContext.d.ts","sourceRoot":"","sources":["../../src/theme/FrameContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,SAAS,EAAE,cAAc,CAAC;IACnC,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC;CACjC;AAED;;;;;GAKG;AACH,eAAO,MAAM,YAAY,mDAAgD,CAAC;AAE1E;;;;;GAKG;AACH,wBAAgB,eAAe,IAAI,iBAAiB,GAAG,IAAI,CAE1D"}
|
|
@@ -1,24 +1,23 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { NewtoneThemeConfig, NewtoneThemeContext, ColorMode
|
|
2
|
+
import type { NewtoneThemeConfig, NewtoneThemeContext, ColorMode } from './types';
|
|
3
3
|
export interface NewtoneProviderProps {
|
|
4
4
|
readonly config?: NewtoneThemeConfig;
|
|
5
5
|
readonly initialMode?: ColorMode;
|
|
6
|
-
readonly initialTheme?: ThemeName;
|
|
7
6
|
readonly children: React.ReactNode;
|
|
8
7
|
}
|
|
9
8
|
/**
|
|
10
9
|
* NewtoneProvider - Provides theme context to all Newtone components
|
|
11
10
|
*
|
|
12
|
-
* Wrap your app with this provider to enable
|
|
11
|
+
* Wrap your app with this provider to enable mode switching.
|
|
13
12
|
*
|
|
14
13
|
* @example
|
|
15
14
|
* ```tsx
|
|
16
|
-
* <NewtoneProvider initialMode="light"
|
|
15
|
+
* <NewtoneProvider initialMode="light">
|
|
17
16
|
* <App />
|
|
18
17
|
* </NewtoneProvider>
|
|
19
18
|
* ```
|
|
20
19
|
*/
|
|
21
|
-
export declare function NewtoneProvider({ config, initialMode,
|
|
20
|
+
export declare function NewtoneProvider({ config, initialMode, children, }: NewtoneProviderProps): React.JSX.Element;
|
|
22
21
|
/**
|
|
23
22
|
* useNewtoneTheme - Hook to access theme context
|
|
24
23
|
*
|
|
@@ -26,7 +25,7 @@ export declare function NewtoneProvider({ config, initialMode, initialTheme, chi
|
|
|
26
25
|
*
|
|
27
26
|
* @example
|
|
28
27
|
* ```tsx
|
|
29
|
-
* const { mode,
|
|
28
|
+
* const { mode, setMode } = useNewtoneTheme();
|
|
30
29
|
* ```
|
|
31
30
|
*/
|
|
32
31
|
export declare function useNewtoneTheme(): NewtoneThemeContext;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NewtoneProvider.d.ts","sourceRoot":"","sources":["../../src/theme/NewtoneProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"NewtoneProvider.d.ts","sourceRoot":"","sources":["../../src/theme/NewtoneProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAOlF,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,MAAM,CAAC,EAAE,kBAAkB,CAAC;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAA6B,EAC7B,WAAqB,EACrB,QAAQ,GACT,EAAE,oBAAoB,qBAmBtB;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,IAAI,mBAAmB,CAMrD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/theme/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAclD;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,
|
|
1
|
+
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/theme/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAclD;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,kBAwElC,CAAC"}
|
package/dist/theme/types.d.ts
CHANGED
|
@@ -12,10 +12,6 @@ export interface FontConfig {
|
|
|
12
12
|
readonly customUrl?: string;
|
|
13
13
|
readonly fallback: string;
|
|
14
14
|
}
|
|
15
|
-
/**
|
|
16
|
-
* Theme names for different UI contexts
|
|
17
|
-
*/
|
|
18
|
-
export type ThemeName = 'neutral' | 'primary' | 'secondary' | 'strong';
|
|
19
15
|
/**
|
|
20
16
|
* Elevation levels for surfaces (internal)
|
|
21
17
|
* 0 = sunken, 1 = default, 2 = elevated
|
|
@@ -27,15 +23,6 @@ export type ElevationLevel = 0 | 1 | 2;
|
|
|
27
23
|
* 1 = elevated, 2 = prominently elevated (drop shadow)
|
|
28
24
|
*/
|
|
29
25
|
export type FrameElevation = -2 | -1 | 0 | 1 | 2;
|
|
30
|
-
/**
|
|
31
|
-
* Theme mapping: which palette and normalizedValue to use for backgrounds/text
|
|
32
|
-
* Based on playground theme preview logic
|
|
33
|
-
*/
|
|
34
|
-
export interface ThemeMapping {
|
|
35
|
-
readonly paletteIndex: number;
|
|
36
|
-
readonly lightModeNv: number;
|
|
37
|
-
readonly darkModeNv: number;
|
|
38
|
-
}
|
|
39
26
|
/**
|
|
40
27
|
* Complete color system configuration
|
|
41
28
|
*/
|
|
@@ -43,20 +30,48 @@ export interface ColorSystemConfig {
|
|
|
43
30
|
readonly dynamicRange: DynamicRange;
|
|
44
31
|
readonly palettes: ReadonlyArray<PaletteConfig>;
|
|
45
32
|
}
|
|
33
|
+
/**
|
|
34
|
+
* Overrides for hardcoded token computation constants.
|
|
35
|
+
* All values are optional — omitted fields fall back to engine defaults.
|
|
36
|
+
*
|
|
37
|
+
* All values are NV (normalized value / luminosity) offsets on a unified scale.
|
|
38
|
+
* 0.10 means the same 10% luminosity shift whether applied to borders, text,
|
|
39
|
+
* or interactive components. Direction auto-inverts per effective mode
|
|
40
|
+
* (darker in light mode, lighter in dark mode) unless noted otherwise.
|
|
41
|
+
*/
|
|
42
|
+
export interface TokenOverrides {
|
|
43
|
+
readonly interactiveComponentOffset?: number;
|
|
44
|
+
readonly hoverShift?: number;
|
|
45
|
+
readonly activeShift?: number;
|
|
46
|
+
readonly borderOffset?: number;
|
|
47
|
+
readonly interactiveComponentOffsetDark?: number;
|
|
48
|
+
readonly hoverShiftDark?: number;
|
|
49
|
+
readonly activeShiftDark?: number;
|
|
50
|
+
readonly borderOffsetDark?: number;
|
|
51
|
+
readonly borderFocusedOffset?: number;
|
|
52
|
+
readonly borderFocusedOffsetDark?: number;
|
|
53
|
+
readonly borderFilledOffset?: number;
|
|
54
|
+
readonly borderFilledOffsetDark?: number;
|
|
55
|
+
readonly backgroundElevated?: number;
|
|
56
|
+
readonly backgroundDefault?: number;
|
|
57
|
+
readonly backgroundSunken?: number;
|
|
58
|
+
readonly textPrimaryNormalized?: number;
|
|
59
|
+
readonly textSecondaryNormalized?: number;
|
|
60
|
+
readonly textTertiaryNormalized?: number;
|
|
61
|
+
readonly textDisabledNormalized?: number;
|
|
62
|
+
readonly backgroundElevatedDark?: number;
|
|
63
|
+
readonly backgroundDefaultDark?: number;
|
|
64
|
+
readonly backgroundSunkenDark?: number;
|
|
65
|
+
readonly textPrimaryNormalizedDark?: number;
|
|
66
|
+
readonly textSecondaryNormalizedDark?: number;
|
|
67
|
+
readonly textTertiaryNormalizedDark?: number;
|
|
68
|
+
readonly textDisabledNormalizedDark?: number;
|
|
69
|
+
}
|
|
46
70
|
/**
|
|
47
71
|
* Newtone theme configuration
|
|
48
72
|
*/
|
|
49
73
|
export interface NewtoneThemeConfig {
|
|
50
74
|
readonly colorSystem: ColorSystemConfig;
|
|
51
|
-
readonly themes: {
|
|
52
|
-
readonly neutral: ThemeMapping;
|
|
53
|
-
readonly primary: ThemeMapping;
|
|
54
|
-
readonly secondary: ThemeMapping;
|
|
55
|
-
readonly strong: ThemeMapping;
|
|
56
|
-
};
|
|
57
|
-
readonly elevation: {
|
|
58
|
-
readonly offsets: readonly [number, number, number];
|
|
59
|
-
};
|
|
60
75
|
readonly spacing: {
|
|
61
76
|
readonly '00': number;
|
|
62
77
|
readonly '02': number;
|
|
@@ -112,6 +127,7 @@ export interface NewtoneThemeConfig {
|
|
|
112
127
|
readonly weight: 100 | 200 | 300 | 400 | 500 | 600 | 700;
|
|
113
128
|
readonly autoGrade: boolean;
|
|
114
129
|
};
|
|
130
|
+
readonly tokenOverrides?: TokenOverrides;
|
|
115
131
|
}
|
|
116
132
|
/**
|
|
117
133
|
* Current theme context state
|
|
@@ -119,8 +135,6 @@ export interface NewtoneThemeConfig {
|
|
|
119
135
|
export interface NewtoneThemeContext {
|
|
120
136
|
readonly config: NewtoneThemeConfig;
|
|
121
137
|
readonly mode: ColorMode;
|
|
122
|
-
readonly theme: ThemeName;
|
|
123
138
|
readonly setMode: (mode: ColorMode) => void;
|
|
124
|
-
readonly setTheme: (theme: ThemeName) => void;
|
|
125
139
|
}
|
|
126
140
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC9C,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B;AAED
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,80 @@
|
|
|
1
|
-
import type { ColorSystemConfig, ColorMode,
|
|
1
|
+
import type { ColorSystemConfig, ColorMode, ElevationLevel, FontConfig, TokenOverrides } from '../theme/types';
|
|
2
2
|
import type { ResolvedTokens } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* Per-mode fallback defaults shape shared by all palette defaults.
|
|
5
|
+
*/
|
|
6
|
+
export type PaletteDefaults = {
|
|
7
|
+
readonly light: {
|
|
8
|
+
readonly background: {
|
|
9
|
+
readonly elevated: number;
|
|
10
|
+
readonly ground: number;
|
|
11
|
+
readonly sunken: number;
|
|
12
|
+
};
|
|
13
|
+
readonly text: {
|
|
14
|
+
readonly primary: number;
|
|
15
|
+
readonly secondary: number;
|
|
16
|
+
readonly tertiary: number;
|
|
17
|
+
readonly disabled: number;
|
|
18
|
+
};
|
|
19
|
+
readonly action: {
|
|
20
|
+
readonly enabled: number;
|
|
21
|
+
readonly hovered: number;
|
|
22
|
+
readonly pressed: number;
|
|
23
|
+
};
|
|
24
|
+
readonly border: {
|
|
25
|
+
readonly enabled: number;
|
|
26
|
+
readonly focused: number;
|
|
27
|
+
readonly filled: number;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
readonly dark: {
|
|
31
|
+
readonly background: {
|
|
32
|
+
readonly elevated: number;
|
|
33
|
+
readonly ground: number;
|
|
34
|
+
readonly sunken: number;
|
|
35
|
+
};
|
|
36
|
+
readonly text: {
|
|
37
|
+
readonly primary: number;
|
|
38
|
+
readonly secondary: number;
|
|
39
|
+
readonly tertiary: number;
|
|
40
|
+
readonly disabled: number;
|
|
41
|
+
};
|
|
42
|
+
readonly action: {
|
|
43
|
+
readonly enabled: number;
|
|
44
|
+
readonly hovered: number;
|
|
45
|
+
readonly pressed: number;
|
|
46
|
+
};
|
|
47
|
+
readonly border: {
|
|
48
|
+
readonly enabled: number;
|
|
49
|
+
readonly focused: number;
|
|
50
|
+
readonly filled: number;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
/**
|
|
55
|
+
* Per-mode fallback defaults for the neutral palette (normalized scale).
|
|
56
|
+
* Single source of truth — consumed by computeTokens and the admin Token Tuner.
|
|
57
|
+
*
|
|
58
|
+
* Light: 0 = lightest, 1 = darkest. Dark: 0 = darkest, 1 = lightest.
|
|
59
|
+
* Structured by token group so all per-palette defaults follow the same shape.
|
|
60
|
+
*/
|
|
61
|
+
export declare const NEUTRAL_DEFAULTS: PaletteDefaults;
|
|
62
|
+
/**
|
|
63
|
+
* Accent palette defaults. Initial values match neutral — will be tuned per-palette later.
|
|
64
|
+
*/
|
|
65
|
+
export declare const ACCENT_DEFAULTS: PaletteDefaults;
|
|
66
|
+
/**
|
|
67
|
+
* Success palette defaults. Initial values match neutral — will be tuned per-palette later.
|
|
68
|
+
*/
|
|
69
|
+
export declare const SUCCESS_DEFAULTS: PaletteDefaults;
|
|
70
|
+
/**
|
|
71
|
+
* Warning palette defaults. Initial values match neutral — will be tuned per-palette later.
|
|
72
|
+
*/
|
|
73
|
+
export declare const WARNING_DEFAULTS: PaletteDefaults;
|
|
74
|
+
/**
|
|
75
|
+
* Error palette defaults. Initial values match neutral — will be tuned per-palette later.
|
|
76
|
+
*/
|
|
77
|
+
export declare const ERROR_DEFAULTS: PaletteDefaults;
|
|
3
78
|
/**
|
|
4
79
|
* Compute design tokens for a specific mode/theme/elevation combination.
|
|
5
80
|
*
|
|
@@ -7,11 +82,13 @@ import type { ResolvedTokens } from './types';
|
|
|
7
82
|
* based on the current theme context. All colors are computed on-demand using
|
|
8
83
|
* the pure functions from the engine.
|
|
9
84
|
*
|
|
85
|
+
* Background surfaces use absolute positions from NEUTRAL_DEFAULTS (or tokenOverrides
|
|
86
|
+
* when present). Elevation compensation is derived from the difference between
|
|
87
|
+
* the current surface and the elevated reference surface.
|
|
88
|
+
*
|
|
10
89
|
* @param config - Complete color system configuration (dynamic range + palettes)
|
|
11
90
|
* @param mode - Current color mode ('light' or 'dark')
|
|
12
|
-
* @param themeMapping - Theme configuration (which palette and NV to use)
|
|
13
91
|
* @param elevation - Elevation level (0=sunken, 1=default, 2=elevated)
|
|
14
|
-
* @param elevationOffsets - NV offsets for each elevation level
|
|
15
92
|
* @param spacing - Spacing scale for paddings, gaps, and margins
|
|
16
93
|
* @param radius - Border radius scale for component roundness
|
|
17
94
|
* @param typography - Typography configuration with fonts and scales
|
|
@@ -23,9 +100,7 @@ import type { ResolvedTokens } from './types';
|
|
|
23
100
|
* const tokens = computeTokens(
|
|
24
101
|
* config.colorSystem,
|
|
25
102
|
* 'light',
|
|
26
|
-
* config.themes.neutral,
|
|
27
103
|
* 1,
|
|
28
|
-
* config.elevation.offsets,
|
|
29
104
|
* config.spacing,
|
|
30
105
|
* config.radius,
|
|
31
106
|
* config.typography,
|
|
@@ -34,7 +109,7 @@ import type { ResolvedTokens } from './types';
|
|
|
34
109
|
* console.log(tokens.background.srgb); // { r: 0.95, g: 0.95, b: 0.95 }
|
|
35
110
|
* ```
|
|
36
111
|
*/
|
|
37
|
-
export declare function computeTokens(config: ColorSystemConfig, mode: ColorMode,
|
|
112
|
+
export declare function computeTokens(config: ColorSystemConfig, mode: ColorMode, elevation: ElevationLevel, spacing: {
|
|
38
113
|
readonly '00': number;
|
|
39
114
|
readonly '02': number;
|
|
40
115
|
readonly '04': number;
|
|
@@ -85,5 +160,5 @@ export declare function computeTokens(config: ColorSystemConfig, mode: ColorMode
|
|
|
85
160
|
readonly variant: 'outlined' | 'rounded' | 'sharp';
|
|
86
161
|
readonly weight: 100 | 200 | 300 | 400 | 500 | 600 | 700;
|
|
87
162
|
readonly autoGrade: boolean;
|
|
88
|
-
}): ResolvedTokens;
|
|
163
|
+
}, tokenOverrides?: TokenOverrides): ResolvedTokens;
|
|
89
164
|
//# sourceMappingURL=computeTokens.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"computeTokens.d.ts","sourceRoot":"","sources":["../../src/tokens/computeTokens.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"computeTokens.d.ts","sourceRoot":"","sources":["../../src/tokens/computeTokens.ts"],"names":[],"mappings":"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"}
|