@treasuryspatial/treasury-design-tokens 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.
package/README.md CHANGED
@@ -9,10 +9,14 @@ import { treasuryDesignTokens, createTreasuryDesignTokens } from '@treasuryspati
9
9
  const tokens = createTreasuryDesignTokens({ colors: { accent: tenantAccent } });
10
10
  ```
11
11
 
12
- - **Canon:** Aeonik with Arial fallback; accent `#318f4e`; canvas `#f4f4f1`; surface white; radii 4px and 8px
13
- only (no pill token); shadows only for overlays, never on surfaces.
14
- - **Colour roles:** canvas, surface, surfaceRaised, border, borderMuted, text, textMuted, textSubtle, accent,
15
- accentStrong, accentSoft, inverseText, and the status roles success, warning, danger (each with a soft fill).
12
+ - **Source (0.2.0):** Discovery's live website, value for value: `styles/color.ts` (`#000`, `#1F1F1F`, `#646464`,
13
+ `#999`, `#DEDEE3`, `#D9D9D9`, `#31914e`), `layout/Views/Studio.tsx` (42px section titles, 104 × 84px sections,
14
+ hairline `rgba(31,31,31,0.1)`, green tints, the red contract notice), `styles/buttons.ts` (24px pills). Square
15
+ everywhere except pills and avatars. Aeonik with Arial fallback.
16
+ - **Colour roles:** canvas, surface, surfaceRaised, border, hairline, text, textDetuned, textMuted, textSubtle,
17
+ accent, accentStrong, accentSoft, accentHover, inverseText, bandLabel, bandField, sideBandLabel, sideBandField,
18
+ danger, dangerSoft, dataGap.
19
+ - **`treasuryMedia`:** Discovery's breakpoints (768 / 1024 / 1280) as `@media` strings.
16
20
  - **`createTreasuryDesignTokens(overrides)`** deep-merges overrides onto the platform tokens. A tenant colour
17
21
  reaches the UI this way, never through a fallback inside a component.
18
22
  - **Consumers:** every other kit package. Bar heights match `@treasuryspatial/top-bar`, which keeps its own
package/dist/index.d.ts CHANGED
@@ -3,25 +3,43 @@ export type DeepPartial<T> = {
3
3
  };
4
4
  export interface TreasuryDesignTokens {
5
5
  colors: {
6
+ /** Page background: Discovery pages are white. */
6
7
  canvas: string;
7
8
  surface: string;
9
+ /** Quiet fill for a raised block (the top bar's chrome background). */
8
10
  surfaceRaised: string;
11
+ /** Card and pill-group outline (SILVER_GREY). */
9
12
  border: string;
10
- borderMuted: string;
13
+ /** Section hairline between page sections. */
14
+ hairline: string;
15
+ /** Ink (PRIMARY). */
11
16
  text: string;
17
+ /** List and body text (PRIMARY_DETUNED). */
18
+ textDetuned: string;
19
+ /** Lead lines, specialties, focus titles (GREY). */
12
20
  textMuted: string;
21
+ /** Placeholders and quiet labels (DEEP_GREY). */
13
22
  textSubtle: string;
23
+ /** Treasury green (DEEP_GREEN). */
14
24
  accent: string;
25
+ /** Green on hover (Discovery PrimaryButton hover). */
15
26
  accentStrong: string;
27
+ /** Active tab fill (Studio tabs). */
16
28
  accentSoft: string;
29
+ /** Hover fill on outline pills. */
30
+ accentHover: string;
17
31
  inverseText: string;
18
- /** Status roles: badges, field errors, completeness marks, contract failures. */
19
- success: string;
20
- successSoft: string;
21
- warning: string;
22
- warningSoft: string;
32
+ /** Stacked band form: label bar (DEEP_GREY) and field (NEW_GREY). */
33
+ bandLabel: string;
34
+ bandField: string;
35
+ /** Side band form (treasury.space/login card): label cell and field. */
36
+ sideBandLabel: string;
37
+ sideBandField: string;
38
+ /** Contract notice and errors (Studio.tsx ContractNotice). */
23
39
  danger: string;
24
40
  dangerSoft: string;
41
+ /** Data-gap text (Studio.tsx PartnerDataGap, LogoStateNotice). */
42
+ dataGap: string;
25
43
  };
26
44
  spacing: {
27
45
  xs: string;
@@ -30,12 +48,18 @@ export interface TreasuryDesignTokens {
30
48
  lg: string;
31
49
  xl: string;
32
50
  xxl: string;
51
+ /** Section padding, desktop: 104px top/bottom × 84px sides. */
52
+ sectionBlock: string;
53
+ sectionInline: string;
54
+ /** Section padding below 1024px. */
55
+ sectionBlockNarrow: string;
56
+ sectionInlineNarrow: string;
33
57
  };
34
- /** Only sm (4px) and md/lg (8px): the canon has no pill or circular radius on chrome. Avatars are the one circle. */
58
+ /** Discovery is square except pills (buttons, tabs, chips) and avatars. */
35
59
  radii: {
36
- sm: string;
37
- md: string;
38
- lg: string;
60
+ square: string;
61
+ pill: string;
62
+ round: string;
39
63
  };
40
64
  typography: {
41
65
  family: {
@@ -44,45 +68,62 @@ export interface TreasuryDesignTokens {
44
68
  mono: string;
45
69
  };
46
70
  size: {
71
+ /** 12px: eyebrows, small pills. */
47
72
  xs: string;
73
+ /** 13px: buttons and chips. */
48
74
  sm: string;
75
+ /** 15px: body, specialties, band fields. */
76
+ body: string;
77
+ /** 17px: list items. */
49
78
  md: string;
79
+ /** 20px: section subtitle on narrow screens. */
50
80
  lg: string;
81
+ /** 25px: a person's name, a card title. */
82
+ name: string;
83
+ /** 28px: focus titles, lead lines. */
51
84
  xl: string;
85
+ /** 42px: section titles. */
86
+ title: string;
87
+ /** 60px: hero display. */
52
88
  display: string;
53
89
  };
54
90
  weight: {
55
91
  light: number;
56
92
  regular: number;
57
93
  medium: number;
58
- semibold: number;
59
94
  };
60
95
  letterSpacing: {
61
96
  caps: string;
62
97
  tight: string;
63
98
  };
64
99
  };
65
- /** Overlays only (menus, dialogs). Surfaces carry no shadow. */
100
+ /** Overlays only (menus, dialogs, the sign-in card). Sections and cards carry no shadow. */
66
101
  shadow: {
67
- shell: string;
68
- deck: string;
102
+ overlay: string;
69
103
  };
70
104
  motion: {
71
105
  quick: string;
72
106
  standard: string;
73
107
  easing: string;
74
108
  };
75
- /** Bar heights match @treasuryspatial/top-bar (standard 72px, compact 50px); the bar itself styles from its own tokens. */
109
+ /** Bar heights match @treasuryspatial/top-bar: front doors 72px, workspaces 50px. */
76
110
  navbar: {
77
111
  height: string;
78
112
  compactHeight: string;
79
- maxWidth: string;
80
- searchCollapsedWidth: string;
81
- searchExpandedWidth: string;
82
- deckMinHeight: string;
113
+ };
114
+ breakpoint: {
115
+ tablet: number;
116
+ desktop: number;
117
+ desktopLarge: number;
83
118
  };
84
119
  }
85
120
  export declare const treasuryDesignTokens: TreasuryDesignTokens;
86
121
  /** The platform tokens with `overrides` merged in, deeply; unknown keys pass through, nothing is dropped. */
87
122
  export declare function createTreasuryDesignTokens(overrides?: DeepPartial<TreasuryDesignTokens>): TreasuryDesignTokens;
123
+ /** `@media (min-width: …)` queries at Discovery's breakpoints (styles/utils.ts device). */
124
+ export declare const treasuryMedia: {
125
+ tablet: string;
126
+ desktop: string;
127
+ desktopLarge: string;
128
+ };
88
129
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/dist/index.js CHANGED
@@ -1,40 +1,56 @@
1
- // @treasuryspatial/treasury-design-tokens — the semantic tokens every kit package styles from. Canon (Treasury/UI
2
- // docs, 2026-05/06): Aeonik with Arial fallback, accent #318f4e, canvas #f4f4f1, radii of 4–8px and never a pill,
3
- // no shadows on surfaces. Components take `tokens` overrides and merge them with createTreasuryDesignTokens; a
4
- // tenant's colour reaches the UI through that merge, never through a quiet fallback inside a component.
1
+ // @treasuryspatial/treasury-design-tokens — the tokens every kit package styles from.
2
+ //
3
+ // 0.2.0 (2026-10-20, owner: "look at the pages on Discovery and create suitable styles / layout / pills / forms,
4
+ // don't reinvent"). Every value below is lifted from Discovery's live website, not designed here:
5
+ // colours Discovery frontend/app/styles/color.ts (PRIMARY, PRIMARY_DETUNED, GREY, DEEP_GREY, SILVER_GREY,
6
+ // NEW_GREY, DEEP_GREEN) and layout/Views/Studio.tsx (section hairline, green tints, contract notice)
7
+ // type Studio.tsx and styles/typography.ts: Aeonik, 42px section titles, 28px focus titles, 25px names,
8
+ // 17px list text, 15px body, 12px uppercase eyebrows
9
+ // pills styles/buttons.ts + Website/ui/Buttons.tsx + Studio.tsx tabs: radius 24px / 999px
10
+ // band forms Website/forms/BaseStackedForm.tsx (stacked) and the treasury.space/login card (side band)
11
+ // layout Studio.tsx StudioSection / StudioContentLayout: 104px × 84px sections, two columns, hairlines
12
+ // Components take `tokens` overrides and merge them with createTreasuryDesignTokens; a tenant's colour reaches
13
+ // the UI through that merge, never through a fallback inside a component.
5
14
  export const treasuryDesignTokens = {
6
15
  colors: {
7
- canvas: "#f4f4f1",
16
+ canvas: "#ffffff",
8
17
  surface: "#ffffff",
9
- surfaceRaised: "#fbfbf9",
10
- border: "rgba(17, 24, 39, 0.16)",
11
- borderMuted: "rgba(17, 24, 39, 0.09)",
12
- text: "#171717",
13
- textMuted: "#4b5563",
14
- textSubtle: "#6b7280",
15
- accent: "#318f4e",
16
- accentStrong: "#1f6f3f",
17
- accentSoft: "#e4f1e8",
18
+ surfaceRaised: "#f9fafb",
19
+ border: "#DEDEE3",
20
+ hairline: "rgba(31, 31, 31, 0.1)",
21
+ text: "#000000",
22
+ textDetuned: "#1F1F1F",
23
+ textMuted: "#646464",
24
+ textSubtle: "#999999",
25
+ accent: "#31914e",
26
+ accentStrong: "#276a3e",
27
+ accentSoft: "rgba(49, 145, 78, 0.08)",
28
+ accentHover: "rgba(49, 145, 78, 0.18)",
18
29
  inverseText: "#ffffff",
19
- success: "#1f6f3f",
20
- successSoft: "#e6f4ec",
21
- warning: "#83560d",
22
- warningSoft: "#fff7df",
23
- danger: "#8f1d16",
24
- dangerSoft: "#ffe8e5",
30
+ bandLabel: "#999999",
31
+ bandField: "#D9D9D9",
32
+ sideBandLabel: "#6b7280",
33
+ sideBandField: "#f3f4f6",
34
+ danger: "#b91c1c",
35
+ dangerSoft: "#fff5f5",
36
+ dataGap: "#9f1239",
25
37
  },
26
38
  spacing: {
27
- xs: "0.25rem",
28
- sm: "0.5rem",
29
- md: "0.75rem",
30
- lg: "1rem",
31
- xl: "1.5rem",
32
- xxl: "2rem",
39
+ xs: "4px",
40
+ sm: "8px",
41
+ md: "12px",
42
+ lg: "18px",
43
+ xl: "26px",
44
+ xxl: "44px",
45
+ sectionBlock: "104px",
46
+ sectionInline: "84px",
47
+ sectionBlockNarrow: "72px",
48
+ sectionInlineNarrow: "24px",
33
49
  },
34
50
  radii: {
35
- sm: "0.25rem",
36
- md: "0.5rem",
37
- lg: "0.5rem",
51
+ square: "0",
52
+ pill: "999px",
53
+ round: "50%",
38
54
  },
39
55
  typography: {
40
56
  family: {
@@ -43,40 +59,42 @@ export const treasuryDesignTokens = {
43
59
  mono: "\"SFMono-Regular\", ui-monospace, monospace",
44
60
  },
45
61
  size: {
46
- xs: "0.75rem",
47
- sm: "0.875rem",
48
- md: "1rem",
49
- lg: "1.125rem",
50
- xl: "1.5rem",
51
- display: "2rem",
62
+ xs: "12px",
63
+ sm: "13px",
64
+ body: "15px",
65
+ md: "17px",
66
+ lg: "20px",
67
+ name: "25px",
68
+ xl: "28px",
69
+ title: "42px",
70
+ display: "60px",
52
71
  },
53
72
  weight: {
54
73
  light: 300,
55
74
  regular: 400,
56
75
  medium: 500,
57
- semibold: 600,
58
76
  },
59
77
  letterSpacing: {
60
- caps: "0.08em",
78
+ caps: "0",
61
79
  tight: "0",
62
80
  },
63
81
  },
64
82
  shadow: {
65
- shell: "0 10px 30px rgba(15, 23, 42, 0.08)",
66
- deck: "0 18px 36px rgba(15, 23, 42, 0.1)",
83
+ overlay: "0 10px 30px rgba(15, 23, 42, 0.06)",
67
84
  },
68
85
  motion: {
69
- quick: "160ms",
70
- standard: "240ms",
71
- easing: "ease",
86
+ quick: "120ms",
87
+ standard: "200ms",
88
+ easing: "ease-out",
72
89
  },
73
90
  navbar: {
74
91
  height: "72px",
75
92
  compactHeight: "50px",
76
- maxWidth: "1560px",
77
- searchCollapsedWidth: "42px",
78
- searchExpandedWidth: "320px",
79
- deckMinHeight: "84px",
93
+ },
94
+ breakpoint: {
95
+ tablet: 768,
96
+ desktop: 1024,
97
+ desktopLarge: 1280,
80
98
  },
81
99
  };
82
100
  function isRecord(value) {
@@ -99,4 +117,10 @@ function mergeValue(base, override) {
99
117
  export function createTreasuryDesignTokens(overrides) {
100
118
  return mergeValue(treasuryDesignTokens, overrides);
101
119
  }
120
+ /** `@media (min-width: …)` queries at Discovery's breakpoints (styles/utils.ts device). */
121
+ export const treasuryMedia = {
122
+ tablet: `@media (min-width: ${treasuryDesignTokens.breakpoint.tablet}px)`,
123
+ desktop: `@media (min-width: ${treasuryDesignTokens.breakpoint.desktop}px)`,
124
+ desktopLarge: `@media (min-width: ${treasuryDesignTokens.breakpoint.desktopLarge}px)`,
125
+ };
102
126
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@treasuryspatial/treasury-design-tokens",
3
- "version": "0.1.0",
3
+ "version": "0.2.0",
4
4
  "description": "Treasury's semantic design tokens (colour roles, spacing, radii, typography, motion) and the override merger every kit package reads.",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",