@sequenceholdings/atlas-ui 2.0.1 → 3.0.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.
Files changed (9) hide show
  1. package/dist/{chart-D6BE0zF5.js → chart-DeLyjZqf.js} +2 -1
  2. package/dist/charts.mjs +1 -1
  3. package/dist/index.d.ts +60 -10
  4. package/dist/index.mjs +2492 -2320
  5. package/package.json +6 -5
  6. package/theme.v2.css +3 -240
  7. package/tokens.css +792 -0
  8. package/tokens.v2.css +3 -537
  9. package/dist/tokens.css +0 -184
package/package.json CHANGED
@@ -9,7 +9,7 @@
9
9
  "publishConfig": {
10
10
  "access": "public"
11
11
  },
12
- "version": "2.0.1",
12
+ "version": "3.0.0",
13
13
  "description": "Atlas shared UI component library for Artifact Studio apps",
14
14
  "type": "module",
15
15
  "sideEffects": [
@@ -24,7 +24,7 @@
24
24
  "types": "./dist/charts.d.ts",
25
25
  "default": "./dist/charts.mjs"
26
26
  },
27
- "./tokens.css": "./dist/tokens.css",
27
+ "./tokens.css": "./tokens.css",
28
28
  "./tokens.v2.css": "./tokens.v2.css",
29
29
  "./tokens.v2.tenants.css": "./tokens.v2.tenants.css",
30
30
  "./theme.v2.css": "./theme.v2.css",
@@ -34,6 +34,7 @@
34
34
  "//tokens.v2.tenants.css": "The OpCo [data-theme] overlay. It MUST be exported — Tailwind v4 resolves the @import through the package exports map (under the `style` condition), so without this entry the Atlas CSS build fails with 'not exported under the condition style'. It is intentionally kept OUT of `files` so it is NOT in the published tarball (the shared package stays opco-free, DES-127); only the Atlas monorepo build (which resolves via the workspace symlink) consumes it. No published consumer imports this subpath.",
35
35
  "files": [
36
36
  "dist",
37
+ "tokens.css",
37
38
  "tokens.v2.css",
38
39
  "theme.v2.css",
39
40
  "motion.css"
@@ -83,15 +84,15 @@
83
84
  "@microsoft/api-extractor": "^7.58.7",
84
85
  "@types/js-yaml": "^4.0.9",
85
86
  "@vitejs/plugin-react": "^5.0.0",
86
- "js-yaml": "^4.1.1",
87
+ "js-yaml": "^4.3.2",
87
88
  "tsx": "^4.19.2",
88
89
  "typescript": "^5.6.0",
89
90
  "vite": "8.0.16",
90
91
  "vite-plugin-dts": "^4.5.4",
91
- "vitest": "^4.1.5"
92
+ "vitest": "^4.1.11"
92
93
  },
93
94
  "scripts": {
94
- "build": "tsx scripts/generate-tokens.ts && vite build && cp src/tokens.css dist/tokens.css",
95
+ "build": "tsx scripts/generate-tokens.ts && vite build",
95
96
  "generate:tokens": "tsx scripts/generate-tokens.ts",
96
97
  "test": "vitest run",
97
98
  "type-check": "tsc --noEmit"
package/theme.v2.css CHANGED
@@ -1,240 +1,3 @@
1
- /* GENERATED by atlas-ui/scripts/generate-tokens.ts — do not edit by hand. */
2
- /* Tailwind @theme utility bridge (DES-223): every semantic role → a --color-* utility. */
3
-
4
- @theme inline {
5
- --color-background: var(--background);
6
- --color-foreground: var(--foreground);
7
- --color-card: var(--card);
8
- --color-card-foreground: var(--card-foreground);
9
- --color-popover: var(--popover);
10
- --color-popover-foreground: var(--popover-foreground);
11
- --color-shell: var(--shell);
12
- --color-sidebar: var(--sidebar);
13
- --color-sidebar-foreground: var(--sidebar-foreground);
14
- --color-sidebar-accent: var(--sidebar-accent);
15
- --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
16
- --color-primary: var(--primary);
17
- --color-primary-foreground: var(--primary-foreground);
18
- --color-primary-hover: var(--primary-hover);
19
- --color-secondary: var(--secondary);
20
- --color-secondary-foreground: var(--secondary-foreground);
21
- --color-muted: var(--muted);
22
- --color-muted-foreground: var(--muted-foreground);
23
- --color-accent: var(--accent);
24
- --color-accent-foreground: var(--accent-foreground);
25
- --color-expressive: var(--expressive);
26
- --color-expressive-tint: var(--expressive-tint);
27
- --color-expressive-border: var(--expressive-border);
28
- --color-expressive-text: var(--expressive-text);
29
- --color-destructive: var(--destructive);
30
- --color-destructive-foreground: var(--destructive-foreground);
31
- --color-border: var(--border);
32
- --color-border-strong: var(--border-strong);
33
- --color-input: var(--input);
34
- --color-ring: var(--ring);
35
- --color-foreground-primary: var(--text-primary);
36
- --color-foreground-secondary: var(--text-secondary);
37
- --color-foreground-muted: var(--text-muted);
38
- --color-foreground-placeholder: var(--text-placeholder);
39
- --color-foreground-disabled: var(--text-disabled);
40
- --color-foreground-on-color: var(--text-on-color);
41
- --color-field: var(--field);
42
- --color-field-hover: var(--field-hover);
43
- --color-field-disabled: var(--field-disabled);
44
- --color-link: var(--link);
45
- --color-link-hover: var(--link-hover);
46
- --color-link-visited: var(--link-visited);
47
- --color-inverse: var(--inverse);
48
- --color-inverse-foreground: var(--inverse-foreground);
49
- --color-overlay: var(--overlay);
50
- --color-skeleton: var(--skeleton);
51
- --color-skeleton-foreground: var(--skeleton-foreground);
52
- --color-success: var(--success);
53
- --color-success-foreground: var(--success-foreground);
54
- --color-success-tint: var(--success-tint);
55
- --color-success-text: var(--success-text);
56
- --color-warning: var(--warning);
57
- --color-warning-foreground: var(--warning-foreground);
58
- --color-warning-tint: var(--warning-tint);
59
- --color-warning-text: var(--warning-text);
60
- --color-danger: var(--danger);
61
- --color-danger-foreground: var(--danger-foreground);
62
- --color-danger-tint: var(--danger-tint);
63
- --color-danger-text: var(--danger-text);
64
- --color-info: var(--info);
65
- --color-info-foreground: var(--info-foreground);
66
- --color-info-tint: var(--info-tint);
67
- --color-info-text: var(--info-text);
68
- --color-chart-1: var(--chart-1);
69
- --color-chart-1-soft: var(--chart-1-soft);
70
- --color-chart-2: var(--chart-2);
71
- --color-chart-2-soft: var(--chart-2-soft);
72
- --color-chart-3: var(--chart-3);
73
- --color-chart-3-soft: var(--chart-3-soft);
74
- --color-chart-4: var(--chart-4);
75
- --color-chart-4-soft: var(--chart-4-soft);
76
- --color-chart-5: var(--chart-5);
77
- --color-chart-5-soft: var(--chart-5-soft);
78
- --color-chart-success: var(--chart-success);
79
- --color-chart-success-soft: var(--chart-success-soft);
80
- --color-chart-danger: var(--chart-danger);
81
- --color-chart-danger-soft: var(--chart-danger-soft);
82
- --color-chart-mono-1: var(--chart-mono-1);
83
- --color-chart-mono-2: var(--chart-mono-2);
84
- --color-chart-mono-3: var(--chart-mono-3);
85
- --color-chart-mono-4: var(--chart-mono-4);
86
- --color-chart-mono-5: var(--chart-mono-5);
87
- --color-chart-adjacent-1: var(--chart-adjacent-1);
88
- --color-chart-adjacent-1-soft: var(--chart-adjacent-1-soft);
89
- --color-chart-adjacent-2: var(--chart-adjacent-2);
90
- --color-chart-adjacent-2-soft: var(--chart-adjacent-2-soft);
91
- --color-chart-adjacent-3: var(--chart-adjacent-3);
92
- --color-chart-adjacent-3-soft: var(--chart-adjacent-3-soft);
93
- --color-chart-adjacent-4: var(--chart-adjacent-4);
94
- --color-chart-adjacent-4-soft: var(--chart-adjacent-4-soft);
95
- --color-chart-adjacent-5: var(--chart-adjacent-5);
96
- --color-chart-adjacent-5-soft: var(--chart-adjacent-5-soft);
97
- --color-identity-1: var(--identity-1);
98
- --color-identity-1-text: var(--identity-1-text);
99
- --color-identity-2: var(--identity-2);
100
- --color-identity-2-text: var(--identity-2-text);
101
- --color-identity-3: var(--identity-3);
102
- --color-identity-3-text: var(--identity-3-text);
103
- --color-identity-4: var(--identity-4);
104
- --color-identity-4-text: var(--identity-4-text);
105
- --color-identity-5: var(--identity-5);
106
- --color-identity-5-text: var(--identity-5-text);
107
- --color-identity-6: var(--identity-6);
108
- --color-identity-6-text: var(--identity-6-text);
109
- --color-identity-7: var(--identity-7);
110
- --color-identity-7-text: var(--identity-7-text);
111
- --color-identity-8: var(--identity-8);
112
- --color-identity-8-text: var(--identity-8-text);
113
- --color-sidebar-primary: var(--sidebar-primary);
114
- --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
115
- --color-sidebar-border: var(--sidebar-border);
116
- --color-sidebar-ring: var(--sidebar-ring);
117
- --color-surface: var(--surface);
118
- --color-surface-hover: var(--surface-hover);
119
- --color-highlight: var(--highlight);
120
- --color-brand: var(--brand);
121
-
122
- /* ── non-colour roles (DES-298) ──
123
- Tailwind v4 compiles the --text-x--* sub-properties into the text-x
124
- utility itself, each behind a --tw-* fallback, so ONE class carries
125
- size + leading + weight + tracking and an explicit `font-medium` at a
126
- call site still wins. `uppercase` and `font-mono` stay separate
127
- utilities: there is no @theme channel for either. */
128
- --text-page-title: var(--type-page-title);
129
- --text-page-title--line-height: var(--type-page-title-leading);
130
- --text-page-title--font-weight: var(--type-page-title-weight);
131
- --text-page-title--letter-spacing: var(--type-page-title-tracking);
132
- --text-heading: var(--type-heading);
133
- --text-heading--line-height: var(--type-heading-leading);
134
- --text-heading--font-weight: var(--type-heading-weight);
135
- --text-body: var(--type-body);
136
- --text-body--line-height: var(--type-body-leading);
137
- --text-body--font-weight: var(--type-body-weight);
138
- --text-cell: var(--type-cell);
139
- --text-cell--line-height: var(--type-cell-leading);
140
- --text-cell--font-weight: var(--type-cell-weight);
141
- --text-label: var(--type-label);
142
- --text-label--line-height: var(--type-label-leading);
143
- --text-label--font-weight: var(--type-label-weight);
144
- --text-record-name: var(--type-record-name);
145
- --text-record-name--line-height: var(--type-record-name-leading);
146
- --text-record-name--font-weight: var(--type-record-name-weight);
147
- --text-caption: var(--type-caption);
148
- --text-caption--line-height: var(--type-caption-leading);
149
- --text-caption--font-weight: var(--type-caption-weight);
150
- --text-eyebrow: var(--type-eyebrow);
151
- --text-eyebrow--line-height: var(--type-eyebrow-leading);
152
- --text-eyebrow--font-weight: var(--type-eyebrow-weight);
153
- --text-eyebrow--letter-spacing: var(--type-eyebrow-tracking);
154
- --text-control: var(--type-control);
155
- --text-control--line-height: var(--type-control-leading);
156
- --text-control--font-weight: var(--type-control-weight);
157
- --text-control-sm: var(--type-control-sm);
158
- --text-control-sm--line-height: var(--type-control-sm-leading);
159
- --text-control-sm--font-weight: var(--type-control-sm-weight);
160
- --text-badge: var(--type-badge);
161
- --text-badge--line-height: var(--type-badge-leading);
162
- --text-badge--font-weight: var(--type-badge-weight);
163
- --text-code: var(--type-code);
164
- --text-code--line-height: var(--type-code-leading);
165
- --text-code--font-weight: var(--type-code-weight);
166
- --text-metric: var(--type-metric);
167
- --text-metric--line-height: var(--type-metric-leading);
168
- --text-metric--font-weight: var(--type-metric-weight);
169
- --text-metric--letter-spacing: var(--type-metric-tracking);
170
- --spacing-inline-tight: var(--space-inline-tight);
171
- --spacing-inline: var(--space-inline);
172
- --spacing-inline-loose: var(--space-inline-loose);
173
- --spacing-compact-tight: var(--space-compact-tight);
174
- --spacing-compact: var(--space-compact);
175
- --spacing-default: var(--space-default);
176
- --spacing-roomy: var(--space-roomy);
177
- --spacing-stack-tight: var(--space-stack-tight);
178
- --spacing-stack: var(--space-stack);
179
- --spacing-stack-group: var(--space-stack-group);
180
- --spacing-stack-section: var(--space-stack-section);
181
- --radius-control: var(--corner-control);
182
- --radius-field: var(--corner-field);
183
- --radius-badge: var(--corner-badge);
184
- --radius-surface-nested: var(--corner-surface-nested);
185
- --radius-surface: var(--corner-surface);
186
- --shadow-flat: var(--elevation-flat);
187
- --shadow-resting: var(--elevation-resting);
188
- --shadow-popover: var(--elevation-popover);
189
- --shadow-modal: var(--elevation-modal);
190
- --ease-hover: var(--motion-hover-ease);
191
- --ease-enter: var(--motion-enter-ease);
192
- --ease-exit: var(--motion-exit-ease);
193
-
194
- /* ── legacy typography (DES-93) ──
195
- `--text-xs--font-weight` must live in @theme: a gated :root
196
- declaration alone does not make Tailwind emit font-weight on
197
- `.text-xs` (verified against @tailwindcss/postcss). */
198
- --text-xs--font-weight: var(--ds-weight-medium);
199
-
200
- /* DES-372 — default Tailwind shadow ladder → elevation roles.
201
- Remaps the stock size utilities so ~850 shadow-sm/md/lg call sites
202
- resolve to the same values as the roles, with no call-site churn.
203
- Do NOT remap --shadow-inner (inset; different job). */
204
- --shadow-2xs: var(--elevation-resting);
205
- --shadow-xs: var(--elevation-resting);
206
- --shadow-sm: var(--elevation-resting);
207
- --shadow: var(--elevation-resting);
208
- --shadow-md: var(--elevation-popover);
209
- --shadow-lg: var(--elevation-popover);
210
- --shadow-xl: var(--elevation-modal);
211
- --shadow-2xl: var(--elevation-modal);
212
-
213
- /* No --duration-* mapping: it is not a Tailwind v4 theme namespace, so it
214
- mints nothing (verified). Read --motion-<role>-duration directly, or
215
- `duration-[var(--motion-hover-duration)]`. Faking it with --animate-*
216
- would put a keyframe name where a duration belongs. */
217
- }
218
-
219
- @utility text-eyebrow {
220
- text-transform: uppercase;
221
- }
222
-
223
- @utility text-code {
224
- font-family: var(--font-mono);
225
- }
226
-
227
- @utility size-icon {
228
- width: var(--icon);
229
- height: var(--icon);
230
- }
231
-
232
- @utility size-icon-sm {
233
- width: var(--icon-sm);
234
- height: var(--icon-sm);
235
- }
236
-
237
- @utility size-icon-lg {
238
- width: var(--icon-lg);
239
- height: var(--icon-lg);
240
- }
1
+ /* Temporary compatibility alias. `tokens.css` includes the Tailwind @theme bridge. */
2
+ /* Removal criteria: delete after consumers have migrated away from the v2 split-sheet contract. See DES-436. */
3
+ @import "./tokens.css";