@newtonedev/components 0.1.5 → 0.1.6
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 +360 -226
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +4 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +357 -228
- 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/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/registry.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 +11 -4
- package/src/primitives/Frame/Frame.tsx +10 -18
- package/src/primitives/Frame/Frame.types.ts +5 -17
- 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/registry.ts +28 -7
- 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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"}
|
|
@@ -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
|
*
|
|
@@ -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,EAmmB9C,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"}
|
|
@@ -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":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC/G,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,SAAS,CAAC;AAE7D;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,KAAK,EAAE;QACd,QAAQ,CAAC,UAAU,EAAE;YAAE,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC;QACrG,QAAQ,CAAC,IAAI,EAAE;YAAE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;SAAE,CAAC;QAC9H,QAAQ,CAAC,MAAM,EAAE;YAAE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;SAAE,CAAC;QAClG,QAAQ,CAAC,MAAM,EAAE;YAAE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC;KAClG,CAAC;IACF,QAAQ,CAAC,IAAI,EAAE;QACb,QAAQ,CAAC,UAAU,EAAE;YAAE,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC;QACrG,QAAQ,CAAC,IAAI,EAAE;YAAE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;SAAE,CAAC;QAC9H,QAAQ,CAAC,MAAM,EAAE;YAAE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;SAAE,CAAC;QAClG,QAAQ,CAAC,MAAM,EAAE;YAAE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC;KAClG,CAAC;CACH,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,EAAE,eAa9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,eAa7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,eAa9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,eAa9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,eAa5B,CAAC;AA4GF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,iBAAiB,EACzB,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,EACtT,MAAM,EAAE;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAA;CAAE,EACzI,UAAU,EAAE;IACV,QAAQ,CAAC,KAAK,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;QAAC,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC;QAAC,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAA;KAAE,CAAC;IAC1G,QAAQ,CAAC,KAAK,EAAE;QAAE,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACzK,QAAQ,CAAC,UAAU,EAAE;QAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IACnG,QAAQ,CAAC,UAAU,EAAE;QAAE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CAC9H,EACD,KAAK,EAAE;IACL,QAAQ,CAAC,OAAO,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;IACnD,QAAQ,CAAC,MAAM,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACzD,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;CAC7B,EACD,cAAc,CAAC,EAAE,cAAc,GAC9B,cAAc,CA4OhB"}
|
package/dist/tokens/types.d.ts
CHANGED
|
@@ -1,4 +1,42 @@
|
|
|
1
1
|
import type { ColorResult } from 'newtone';
|
|
2
|
+
/**
|
|
3
|
+
* Complete token set for a non-neutral palette (accent, success, warning, error).
|
|
4
|
+
*
|
|
5
|
+
* Fill tokens use the palette's key NV position (user-chosen or WCAG auto-derived).
|
|
6
|
+
* Surface tokens use standard positions from PaletteDefaults, rendered in the palette's hue/saturation.
|
|
7
|
+
*/
|
|
8
|
+
export interface PaletteTokens {
|
|
9
|
+
/** Key color at the palette's keyNormalizedValue (used for primary Button fills, badges, indicators) */
|
|
10
|
+
readonly fill: ColorResult;
|
|
11
|
+
/** Key color shifted for hover state */
|
|
12
|
+
readonly fillHover: ColorResult;
|
|
13
|
+
/** Key color shifted for pressed/active state */
|
|
14
|
+
readonly fillActive: ColorResult;
|
|
15
|
+
/** High-contrast color for text/icons on top of fill (auto: dark text on light fills, light on dark) */
|
|
16
|
+
readonly onFill: ColorResult;
|
|
17
|
+
/** Palette-tinted background at current elevation */
|
|
18
|
+
readonly background: ColorResult;
|
|
19
|
+
/** Palette-tinted elevated surface */
|
|
20
|
+
readonly backgroundElevated: ColorResult;
|
|
21
|
+
/** Palette-tinted sunken surface */
|
|
22
|
+
readonly backgroundSunken: ColorResult;
|
|
23
|
+
/** Interactive element background within palette surface */
|
|
24
|
+
readonly backgroundInteractive: ColorResult;
|
|
25
|
+
/** Hover state for interactive elements within palette surface */
|
|
26
|
+
readonly backgroundInteractiveHover: ColorResult;
|
|
27
|
+
/** Pressed/active state for interactive elements within palette surface */
|
|
28
|
+
readonly backgroundInteractiveActive: ColorResult;
|
|
29
|
+
/** High-contrast palette-colored text */
|
|
30
|
+
readonly textPrimary: ColorResult;
|
|
31
|
+
/** Medium-contrast palette-colored text */
|
|
32
|
+
readonly textSecondary: ColorResult;
|
|
33
|
+
/** Low-contrast palette-colored text */
|
|
34
|
+
readonly textTertiary: ColorResult;
|
|
35
|
+
/** Disabled palette-colored text */
|
|
36
|
+
readonly textDisabled: ColorResult;
|
|
37
|
+
/** Palette-colored border */
|
|
38
|
+
readonly border: ColorResult;
|
|
39
|
+
}
|
|
2
40
|
/**
|
|
3
41
|
* Resolved design tokens for a specific mode/theme/elevation combination
|
|
4
42
|
*/
|
|
@@ -11,32 +49,36 @@ export interface ResolvedTokens {
|
|
|
11
49
|
readonly backgroundSunken: ColorResult;
|
|
12
50
|
/**
|
|
13
51
|
* Background color for interactive components with neutral backgrounds.
|
|
14
|
-
* Uses a fixed
|
|
52
|
+
* Uses a fixed NV offset from current background to ensure
|
|
15
53
|
* consistent visual contrast across all elevations (-2 to 2).
|
|
16
54
|
*
|
|
17
|
-
* Use for: Button (neutral primary), and future components with neutral filled backgrounds.
|
|
55
|
+
* Use for: Button (neutral primary enabled), and future components with neutral filled backgrounds.
|
|
18
56
|
* Don't use for: Semantic variants (accent/success/error/warning), transparent backgrounds,
|
|
19
57
|
* or primitives (Frame/Wrapper/Text/Icon already handle elevation correctly).
|
|
20
58
|
*/
|
|
21
59
|
readonly backgroundInteractive: ColorResult;
|
|
22
|
-
/**
|
|
60
|
+
/** Hover state for neutral interactive components (enabled + hoverShift) */
|
|
61
|
+
readonly backgroundInteractiveHover: ColorResult;
|
|
62
|
+
/** Pressed/active state for neutral interactive components (enabled + activeShift) */
|
|
63
|
+
readonly backgroundInteractiveActive: ColorResult;
|
|
64
|
+
/** Primary text color (high contrast for body text, 4.5:1 default) */
|
|
23
65
|
readonly textPrimary: ColorResult;
|
|
24
|
-
/** Secondary text color (lower contrast for captions, labels) */
|
|
66
|
+
/** Secondary text color (lower contrast for captions, labels, 3.0:1 default) */
|
|
25
67
|
readonly textSecondary: ColorResult;
|
|
26
|
-
/**
|
|
27
|
-
readonly
|
|
28
|
-
/**
|
|
29
|
-
readonly
|
|
30
|
-
/** Interactive element active/pressed state */
|
|
31
|
-
readonly interactiveActive: ColorResult;
|
|
68
|
+
/** Tertiary text color (hints, placeholders, 2.0:1 default) */
|
|
69
|
+
readonly textTertiary: ColorResult;
|
|
70
|
+
/** Disabled text color (disabled elements, 1.5:1 default) */
|
|
71
|
+
readonly textDisabled: ColorResult;
|
|
32
72
|
/** Border color for subtle separators */
|
|
33
73
|
readonly border: ColorResult;
|
|
34
|
-
/**
|
|
35
|
-
readonly
|
|
36
|
-
/**
|
|
37
|
-
readonly
|
|
38
|
-
/**
|
|
39
|
-
readonly
|
|
74
|
+
/** Accent palette tokens (palette index 1) — interactive elements, brand color */
|
|
75
|
+
readonly accent: PaletteTokens;
|
|
76
|
+
/** Success palette tokens (palette index 2) — positive state indicators */
|
|
77
|
+
readonly success: PaletteTokens;
|
|
78
|
+
/** Warning palette tokens (palette index 3) — caution state indicators */
|
|
79
|
+
readonly warning: PaletteTokens;
|
|
80
|
+
/** Error palette tokens (palette index 4) — destructive/error state indicators */
|
|
81
|
+
readonly error: PaletteTokens;
|
|
40
82
|
/** Spacing tokens for paddings, gaps, and margins.
|
|
41
83
|
* Token names represent pixel values at Medium (8px) spacing preset.
|
|
42
84
|
* Actual values scale based on the selected spacing preset. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tokens/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,cAAc;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tokens/types.ts"],"names":[],"mappings":"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"}
|