@orion-ds/react 5.6.0 → 5.7.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 +90 -19
- package/dist/tokens/brands.d.ts.map +1 -1
- package/dist/tokens/themes.cjs +1 -1
- package/dist/tokens/themes.d.ts.map +1 -1
- package/dist/tokens/themes.mjs +40 -0
- package/dist/tokens/types.d.ts +87 -87
- package/dist/tokens/types.d.ts.map +1 -1
- package/dist/tokens/utils.d.ts.map +1 -1
- package/dist/tokens/utils.mjs +1 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -9,6 +9,23 @@ TypeScript-first React component library built on the Orion Design System. Featu
|
|
|
9
9
|
[-orange>)](#)
|
|
10
10
|
[](./BUNDLE_OPTIMIZATION.md)
|
|
11
11
|
|
|
12
|
+
## 🎉 What's New in v5.7.0
|
|
13
|
+
|
|
14
|
+
**Semantic Token Aliases** (Mar 27, 2026):
|
|
15
|
+
|
|
16
|
+
- ✨ **Font-Size Semantic Aliases** - 8 named aliases (`xs`, `sm`, `base`, `md`, `lg`, `xl`, `2xl`, `3xl`) for typography scale
|
|
17
|
+
- ✨ **Z-Index Semantic Tokens** - 8 stacking context tokens (`base`, `dropdown`, `sticky`, `overlay`, `modal`, `popover`, `tooltip`, `toast`)
|
|
18
|
+
- 🔧 **TypeScript Integration** - Full type definitions for new semantic token categories
|
|
19
|
+
- 🎯 **CSS Variable References** - All tokens mapped to primitives for automatic dark mode + brand switching
|
|
20
|
+
|
|
21
|
+
**Previous releases** (v5.6.0 - Mar 26):
|
|
22
|
+
|
|
23
|
+
- Official Tailwind CSS Preset with 46+ color mappings and 19 spacing scales
|
|
24
|
+
- Box component for type-safe spacing/surfaces
|
|
25
|
+
- @layer orion CSS cascade for Tailwind compatibility
|
|
26
|
+
|
|
27
|
+
[Full release notes](https://github.com/alfredorodrigueztasso/orion/releases/tag/v5.7.0) | [v5.6.0 notes](https://github.com/alfredorodrigueztasso/orion/releases/tag/v5.6.0)
|
|
28
|
+
|
|
12
29
|
## Features
|
|
13
30
|
|
|
14
31
|
- 🤖 **AI-First Design** - Optimized for AI/LLM code generation (see AI_GUIDE.md)
|
|
@@ -48,7 +65,7 @@ This puts it in `dependencies` where it belongs.
|
|
|
48
65
|
\`\`\`json
|
|
49
66
|
{
|
|
50
67
|
"dependencies": {
|
|
51
|
-
"@orion-ds/react": "^5.
|
|
68
|
+
"@orion-ds/react": "^5.7.0",
|
|
52
69
|
"react": "^19.0.0",
|
|
53
70
|
"react-dom": "^19.0.0"
|
|
54
71
|
},
|
|
@@ -151,7 +168,7 @@ Check your `package.json` - should be in `dependencies`:
|
|
|
151
168
|
\`\`\`json
|
|
152
169
|
{
|
|
153
170
|
"dependencies": {
|
|
154
|
-
"@orion-ds/react": "^5.
|
|
171
|
+
"@orion-ds/react": "^5.6.0" // ✅ Runtime dependency
|
|
155
172
|
}
|
|
156
173
|
}
|
|
157
174
|
\`\`\`
|
|
@@ -181,32 +198,50 @@ import App from './App';
|
|
|
181
198
|
|
|
182
199
|
---
|
|
183
200
|
|
|
184
|
-
###
|
|
201
|
+
### Using Tailwind CSS with Orion (NEW in v5.6.0! ✨)
|
|
185
202
|
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
203
|
+
**v5.6.0 introduces official Tailwind CSS preset support!** You can now use Tailwind utilities alongside Orion components seamlessly.
|
|
204
|
+
|
|
205
|
+
#### Setup (Tailwind v3)
|
|
206
|
+
|
|
207
|
+
\`\`\`typescript
|
|
208
|
+
// tailwind.config.ts
|
|
209
|
+
import { orionPreset } from '@orion-ds/react/integrations/tailwind';
|
|
210
|
+
|
|
211
|
+
export default {
|
|
212
|
+
presets: [orionPreset],
|
|
213
|
+
content: ['./src/**/*.{ts,tsx}'],
|
|
214
|
+
};
|
|
189
215
|
\`\`\`
|
|
190
216
|
|
|
191
|
-
|
|
217
|
+
#### Setup (Tailwind v4)
|
|
192
218
|
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
</Button>
|
|
219
|
+
\`\`\`css
|
|
220
|
+
/_ tailwind.css _/
|
|
221
|
+
@import 'tailwindcss';
|
|
222
|
+
@import '@orion-ds/react/integrations/tailwind/v4.css';
|
|
198
223
|
\`\`\`
|
|
199
224
|
|
|
200
|
-
|
|
201
|
-
\`\`\`tsx
|
|
202
|
-
import { Stack } from '@orion-ds/react';
|
|
225
|
+
#### Use Tailwind Utilities
|
|
203
226
|
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
227
|
+
Now you can use Orion tokens with Tailwind utilities:
|
|
228
|
+
|
|
229
|
+
\`\`\`tsx
|
|
230
|
+
// ✅ NOW WORKS - Mix Orion components with Tailwind utilities!
|
|
231
|
+
import { Box, Button } from '@orion-ds/react';
|
|
232
|
+
|
|
233
|
+
<Box className="flex gap-4 p-6">
|
|
234
|
+
<Button className="bg-surface-base text-text-primary">Click</Button>
|
|
235
|
+
</Box>
|
|
236
|
+
|
|
237
|
+
// All Orion tokens available as Tailwind utilities:
|
|
238
|
+
// - Colors: bg-surface-base, text-text-primary, border-border-subtle, etc.
|
|
239
|
+
// - Spacing: p-orion-4, gap-orion-6, m-orion-8, etc.
|
|
240
|
+
// - Radius: rounded-button, rounded-container, rounded-sm, etc.
|
|
241
|
+
// - Fonts: font-primary, font-secondary, font-mono
|
|
207
242
|
\`\`\`
|
|
208
243
|
|
|
209
|
-
For
|
|
244
|
+
For complete Tailwind + Orion integration guide, see [TAILWIND_INTEGRATION.md](./TAILWIND_INTEGRATION.md).
|
|
210
245
|
|
|
211
246
|
## Quick Start
|
|
212
247
|
|
|
@@ -242,6 +277,42 @@ Switch to {theme === 'light' ? 'dark' : 'light'} mode
|
|
|
242
277
|
}
|
|
243
278
|
\`\`\`
|
|
244
279
|
|
|
280
|
+
## Box Component (Type-Safe Layouts)
|
|
281
|
+
|
|
282
|
+
**NEW in v5.6.0!** Use the `Box` component for guaranteed design token compliance in layouts:
|
|
283
|
+
|
|
284
|
+
\`\`\`tsx
|
|
285
|
+
import { Box, Button } from '@orion-ds/react';
|
|
286
|
+
|
|
287
|
+
// Type-safe spacing, surfaces, and radius — no arbitrary pixel values possible!
|
|
288
|
+
<Box
|
|
289
|
+
bg="surface-base"
|
|
290
|
+
p={4} // Always a token value (16px)
|
|
291
|
+
radius="container"
|
|
292
|
+
className="flex gap-4"
|
|
293
|
+
>
|
|
294
|
+
<Button>Click me</Button>
|
|
295
|
+
</Box>
|
|
296
|
+
|
|
297
|
+
// Polymorphic rendering
|
|
298
|
+
<Box as="section" className="py-12">
|
|
299
|
+
{/* Renders as <section> instead of <div> */}
|
|
300
|
+
</Box>
|
|
301
|
+
|
|
302
|
+
// Padding with directional control
|
|
303
|
+
<Box pX={6} pY={4}>
|
|
304
|
+
{/* padding-left/right: 24px, padding-top/bottom: 16px */}
|
|
305
|
+
</Box>
|
|
306
|
+
\`\`\`
|
|
307
|
+
|
|
308
|
+
Benefits:
|
|
309
|
+
- ✅ **Type-safe** - Only valid token values accepted (no `p="20px"`)
|
|
310
|
+
- ✅ **Dark mode aware** - Automatically switches surfaces based on theme
|
|
311
|
+
- ✅ **Brand aware** - Respects brand-specific radius and colors
|
|
312
|
+
- ✅ **Polymorphic** - Render as any HTML element with `as` prop
|
|
313
|
+
|
|
314
|
+
See [Box Component Documentation](https://github.com/alfredorodrigueztasso/orion#) for full API.
|
|
315
|
+
|
|
245
316
|
## 🤖 AI Integration (MCP)
|
|
246
317
|
|
|
247
318
|
Orion includes an MCP (Model Context Protocol) server that lets AI agents generate Orion-compliant code automatically. Use with Claude Code, Cursor, Cline, and other AI tools.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"brands.d.ts","sourceRoot":"","sources":["../../src/tokens/brands.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"brands.d.ts","sourceRoot":"","sources":["../../src/tokens/brands.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,WAAW,CAgLpC,CAAC;AAEX,eAAO,MAAM,YAAY,EAAE,KAAe,CAAC"}
|
package/dist/tokens/themes.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={theme:"light",semantic:{surface:{base:"{color.neutral.0}",subtle:"{color.neutral.50}",layer:"{color.neutral.100}",primary:"{color.neutral.100}",secondary:"{color.neutral.50}",glass:"color-mix(in srgb, {color.neutral.0} 70%, transparent)",sunken:"color-mix(in srgb, {color.neutral.0} 40%, transparent)",overlay:"color-mix(in srgb, {color.neutral.1000} 50%, transparent)"},text:{primary:"{color.neutral.900}",secondary:"{color.neutral.500}",tertiary:"{color.neutral.400}",inverse:"{color.neutral.0}",brand:"{color.brand.500}","on-brand":{primary:"{color.neutral.0}",secondary:"color-mix(in srgb, {color.neutral.0} 90%, transparent)",tertiary:"color-mix(in srgb, {color.neutral.0} 70%, transparent)"}},border:{subtle:"{color.neutral.200}",strong:"{color.neutral.300}",interactive:"{color.brand.500}"},interactive:{primary:{default:"{color.brand.500}",hover:"{color.brand.700}",text:"{color.neutral.0}"},secondary:{default:"{color.neutral.100}",hover:"{color.neutral.200}",text:"{color.neutral.900}"},ghost:{hover:"color-mix(in srgb, {color.neutral.1000} 5%, transparent)"}},status:{error:"{color.error.500}",success:"{color.success.500}",warning:"{color.warning.500}",info:"{color.info.500}"},soft:{brand:"color-mix(in srgb, {color.brand.500} 10%, transparent)","brand-hover":"color-mix(in srgb, {color.brand.500} 20%, transparent)",success:"color-mix(in srgb, {color.success.500} 10%, transparent)",error:"color-mix(in srgb, {color.error.500} 10%, transparent)",warning:"color-mix(in srgb, {color.warning.500} 10%, transparent)",info:"color-mix(in srgb, {color.info.500} 10%, transparent)"},alert:{success:{bg:"{color.success.100}",text:"{color.success.700}",border:"{color.success.500}"},error:{bg:"{color.error.100}",text:"{color.error.700}",border:"{color.error.500}"},warning:{bg:"{color.warning.100}",text:"{color.warning.700}",border:"{color.warning.500}"},info:{bg:"{color.info.100}",text:"{color.info.700}",border:"{color.info.500}"}},focus:{ring:"0 0 0 3px color-mix(in srgb, {color.brand.500} 40%, transparent)"},gradient:{start:"{color.brand.400}",end:"{color.brand.600}"},chart:{1:"{color.brand.500}",2:"{color.brand.300}",3:"{color.brand.700}",4:"{color.success.500}",5:"{color.warning.500}"}}},o={theme:"dark",semantic:{surface:{base:"{color.neutral.900}",subtle:"{color.neutral.950}",layer:"{color.neutral.900}",primary:"{color.neutral.900}",secondary:"{color.neutral.900}",glass:"color-mix(in srgb, {color.neutral.950} 60%, transparent)",sunken:"color-mix(in srgb, {color.neutral.950} 40%, transparent)",overlay:"color-mix(in srgb, {color.neutral.1000} 70%, transparent)"},text:{primary:"{color.neutral.50}",secondary:"{color.neutral.400}",tertiary:"{color.neutral.600}",inverse:"{color.neutral.950}",brand:"{color.brand.400}","on-brand":{primary:"{color.neutral.0}",secondary:"color-mix(in srgb, {color.neutral.0} 90%, transparent)",tertiary:"color-mix(in srgb, {color.neutral.0} 70%, transparent)"}},border:{subtle:"{color.neutral.800}",strong:"{color.neutral.700}",interactive:"{color.brand.500}"},interactive:{primary:{default:"{color.brand.500}",hover:"{color.brand.400}",text:"{color.neutral.900}"},secondary:{default:"{color.neutral.800}",hover:"{color.neutral.700}",text:"{color.neutral.50}"},ghost:{hover:"color-mix(in srgb, {color.neutral.0} 10%, transparent)"}},status:{error:"{color.error.500}",success:"{color.success.500}",warning:"{color.warning.500}",info:"{color.info.500}"},soft:{brand:"color-mix(in srgb, {color.brand.500} 15%, transparent)","brand-hover":"color-mix(in srgb, {color.brand.500} 25%, transparent)",success:"color-mix(in srgb, {color.success.500} 15%, transparent)",error:"color-mix(in srgb, {color.error.500} 15%, transparent)",warning:"color-mix(in srgb, {color.warning.500} 15%, transparent)",info:"color-mix(in srgb, {color.info.500} 15%, transparent)"},alert:{success:{bg:"color-mix(in srgb, {color.success.500} 20%, transparent)",text:"{color.success.300}",border:"{color.success.500}"},error:{bg:"color-mix(in srgb, {color.error.500} 20%, transparent)",text:"{color.error.300}",border:"{color.error.500}"},warning:{bg:"color-mix(in srgb, {color.warning.500} 20%, transparent)",text:"{color.warning.300}",border:"{color.warning.500}"},info:{bg:"color-mix(in srgb, {color.info.500} 20%, transparent)",text:"{color.info.300}",border:"{color.info.500}"}},focus:{ring:"0 0 0 3px color-mix(in srgb, {color.brand.500} 50%, transparent)"},gradient:{start:"{color.brand.400}",end:"{color.brand.600}"},chart:{1:"{color.brand.400}",2:"{color.brand.200}",3:"{color.brand.600}",4:"{color.success.500}",5:"{color.warning.500}"}}},n={light:r,dark:o};exports.darkTheme=o;exports.lightTheme=r;exports.themes=n;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={theme:"light",semantic:{surface:{base:"{color.neutral.0}",subtle:"{color.neutral.50}",layer:"{color.neutral.100}",primary:"{color.neutral.100}",secondary:"{color.neutral.50}",glass:"color-mix(in srgb, {color.neutral.0} 70%, transparent)",sunken:"color-mix(in srgb, {color.neutral.0} 40%, transparent)",overlay:"color-mix(in srgb, {color.neutral.1000} 50%, transparent)"},text:{primary:"{color.neutral.900}",secondary:"{color.neutral.500}",tertiary:"{color.neutral.400}",inverse:"{color.neutral.0}",brand:"{color.brand.500}","on-brand":{primary:"{color.neutral.0}",secondary:"color-mix(in srgb, {color.neutral.0} 90%, transparent)",tertiary:"color-mix(in srgb, {color.neutral.0} 70%, transparent)"}},border:{subtle:"{color.neutral.200}",strong:"{color.neutral.300}",interactive:"{color.brand.500}"},interactive:{primary:{default:"{color.brand.500}",hover:"{color.brand.700}",text:"{color.neutral.0}"},secondary:{default:"{color.neutral.100}",hover:"{color.neutral.200}",text:"{color.neutral.900}"},ghost:{hover:"color-mix(in srgb, {color.neutral.1000} 5%, transparent)"}},status:{error:"{color.error.500}",success:"{color.success.500}",warning:"{color.warning.500}",info:"{color.info.500}"},soft:{brand:"color-mix(in srgb, {color.brand.500} 10%, transparent)","brand-hover":"color-mix(in srgb, {color.brand.500} 20%, transparent)",success:"color-mix(in srgb, {color.success.500} 10%, transparent)",error:"color-mix(in srgb, {color.error.500} 10%, transparent)",warning:"color-mix(in srgb, {color.warning.500} 10%, transparent)",info:"color-mix(in srgb, {color.info.500} 10%, transparent)"},alert:{success:{bg:"{color.success.100}",text:"{color.success.700}",border:"{color.success.500}"},error:{bg:"{color.error.100}",text:"{color.error.700}",border:"{color.error.500}"},warning:{bg:"{color.warning.100}",text:"{color.warning.700}",border:"{color.warning.500}"},info:{bg:"{color.info.100}",text:"{color.info.700}",border:"{color.info.500}"}},focus:{ring:"0 0 0 3px color-mix(in srgb, {color.brand.500} 40%, transparent)"},gradient:{start:"{color.brand.400}",end:"{color.brand.600}"},chart:{1:"{color.brand.500}",2:"{color.brand.300}",3:"{color.brand.700}",4:"{color.success.500}",5:"{color.warning.500}"},zIndex:{base:"{zIndex.base}",dropdown:"{zIndex.dropdown}",sticky:"{zIndex.sticky}",overlay:"{zIndex.overlay}",modal:"{zIndex.modal}",popover:"{zIndex.popover}",tooltip:"{zIndex.tooltip}",toast:"{zIndex.toast}"},fontSize:{xs:"{typography.size.12}",sm:"{typography.size.13}",base:"{typography.size.14}",md:"{typography.size.16}",lg:"{typography.size.18}",xl:"{typography.size.20}","2xl":"{typography.size.24}","3xl":"{typography.size.32}"}}},o={theme:"dark",semantic:{surface:{base:"{color.neutral.900}",subtle:"{color.neutral.950}",layer:"{color.neutral.900}",primary:"{color.neutral.900}",secondary:"{color.neutral.900}",glass:"color-mix(in srgb, {color.neutral.950} 60%, transparent)",sunken:"color-mix(in srgb, {color.neutral.950} 40%, transparent)",overlay:"color-mix(in srgb, {color.neutral.1000} 70%, transparent)"},text:{primary:"{color.neutral.50}",secondary:"{color.neutral.400}",tertiary:"{color.neutral.600}",inverse:"{color.neutral.950}",brand:"{color.brand.400}","on-brand":{primary:"{color.neutral.0}",secondary:"color-mix(in srgb, {color.neutral.0} 90%, transparent)",tertiary:"color-mix(in srgb, {color.neutral.0} 70%, transparent)"}},border:{subtle:"{color.neutral.800}",strong:"{color.neutral.700}",interactive:"{color.brand.500}"},interactive:{primary:{default:"{color.brand.500}",hover:"{color.brand.400}",text:"{color.neutral.900}"},secondary:{default:"{color.neutral.800}",hover:"{color.neutral.700}",text:"{color.neutral.50}"},ghost:{hover:"color-mix(in srgb, {color.neutral.0} 10%, transparent)"}},status:{error:"{color.error.500}",success:"{color.success.500}",warning:"{color.warning.500}",info:"{color.info.500}"},soft:{brand:"color-mix(in srgb, {color.brand.500} 15%, transparent)","brand-hover":"color-mix(in srgb, {color.brand.500} 25%, transparent)",success:"color-mix(in srgb, {color.success.500} 15%, transparent)",error:"color-mix(in srgb, {color.error.500} 15%, transparent)",warning:"color-mix(in srgb, {color.warning.500} 15%, transparent)",info:"color-mix(in srgb, {color.info.500} 15%, transparent)"},alert:{success:{bg:"color-mix(in srgb, {color.success.500} 20%, transparent)",text:"{color.success.300}",border:"{color.success.500}"},error:{bg:"color-mix(in srgb, {color.error.500} 20%, transparent)",text:"{color.error.300}",border:"{color.error.500}"},warning:{bg:"color-mix(in srgb, {color.warning.500} 20%, transparent)",text:"{color.warning.300}",border:"{color.warning.500}"},info:{bg:"color-mix(in srgb, {color.info.500} 20%, transparent)",text:"{color.info.300}",border:"{color.info.500}"}},focus:{ring:"0 0 0 3px color-mix(in srgb, {color.brand.500} 50%, transparent)"},gradient:{start:"{color.brand.400}",end:"{color.brand.600}"},chart:{1:"{color.brand.400}",2:"{color.brand.200}",3:"{color.brand.600}",4:"{color.success.500}",5:"{color.warning.500}"},zIndex:{base:"{zIndex.base}",dropdown:"{zIndex.dropdown}",sticky:"{zIndex.sticky}",overlay:"{zIndex.overlay}",modal:"{zIndex.modal}",popover:"{zIndex.popover}",tooltip:"{zIndex.tooltip}",toast:"{zIndex.toast}"},fontSize:{xs:"{typography.size.12}",sm:"{typography.size.13}",base:"{typography.size.14}",md:"{typography.size.16}",lg:"{typography.size.18}",xl:"{typography.size.20}","2xl":"{typography.size.24}","3xl":"{typography.size.32}"}}},n={light:r,dark:o};exports.darkTheme=o;exports.lightTheme=r;exports.themes=n;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/tokens/themes.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/tokens/themes.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,UAAU,EAAE,WAoHf,CAAC;AAEX,eAAO,MAAM,SAAS,EAAE,WAoHd,CAAC;AAEX,eAAO,MAAM,MAAM;;;CAGT,CAAC"}
|
package/dist/tokens/themes.mjs
CHANGED
|
@@ -92,6 +92,26 @@ const r = {
|
|
|
92
92
|
3: "{color.brand.700}",
|
|
93
93
|
4: "{color.success.500}",
|
|
94
94
|
5: "{color.warning.500}"
|
|
95
|
+
},
|
|
96
|
+
zIndex: {
|
|
97
|
+
base: "{zIndex.base}",
|
|
98
|
+
dropdown: "{zIndex.dropdown}",
|
|
99
|
+
sticky: "{zIndex.sticky}",
|
|
100
|
+
overlay: "{zIndex.overlay}",
|
|
101
|
+
modal: "{zIndex.modal}",
|
|
102
|
+
popover: "{zIndex.popover}",
|
|
103
|
+
tooltip: "{zIndex.tooltip}",
|
|
104
|
+
toast: "{zIndex.toast}"
|
|
105
|
+
},
|
|
106
|
+
fontSize: {
|
|
107
|
+
xs: "{typography.size.12}",
|
|
108
|
+
sm: "{typography.size.13}",
|
|
109
|
+
base: "{typography.size.14}",
|
|
110
|
+
md: "{typography.size.16}",
|
|
111
|
+
lg: "{typography.size.18}",
|
|
112
|
+
xl: "{typography.size.20}",
|
|
113
|
+
"2xl": "{typography.size.24}",
|
|
114
|
+
"3xl": "{typography.size.32}"
|
|
95
115
|
}
|
|
96
116
|
}
|
|
97
117
|
}, o = {
|
|
@@ -188,6 +208,26 @@ const r = {
|
|
|
188
208
|
3: "{color.brand.600}",
|
|
189
209
|
4: "{color.success.500}",
|
|
190
210
|
5: "{color.warning.500}"
|
|
211
|
+
},
|
|
212
|
+
zIndex: {
|
|
213
|
+
base: "{zIndex.base}",
|
|
214
|
+
dropdown: "{zIndex.dropdown}",
|
|
215
|
+
sticky: "{zIndex.sticky}",
|
|
216
|
+
overlay: "{zIndex.overlay}",
|
|
217
|
+
modal: "{zIndex.modal}",
|
|
218
|
+
popover: "{zIndex.popover}",
|
|
219
|
+
tooltip: "{zIndex.tooltip}",
|
|
220
|
+
toast: "{zIndex.toast}"
|
|
221
|
+
},
|
|
222
|
+
fontSize: {
|
|
223
|
+
xs: "{typography.size.12}",
|
|
224
|
+
sm: "{typography.size.13}",
|
|
225
|
+
base: "{typography.size.14}",
|
|
226
|
+
md: "{typography.size.16}",
|
|
227
|
+
lg: "{typography.size.18}",
|
|
228
|
+
xl: "{typography.size.20}",
|
|
229
|
+
"2xl": "{typography.size.24}",
|
|
230
|
+
"3xl": "{typography.size.32}"
|
|
191
231
|
}
|
|
192
232
|
}
|
|
193
233
|
}, n = {
|
package/dist/tokens/types.d.ts
CHANGED
|
@@ -8,17 +8,17 @@
|
|
|
8
8
|
* preventing type mismatches when tokens change.
|
|
9
9
|
*/
|
|
10
10
|
export type ColorShades = {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
11
|
+
'50': string;
|
|
12
|
+
'100': string;
|
|
13
|
+
'200': string;
|
|
14
|
+
'300': string;
|
|
15
|
+
'400': string;
|
|
16
|
+
'500': string;
|
|
17
|
+
'600': string;
|
|
18
|
+
'700': string;
|
|
19
|
+
'800': string;
|
|
20
|
+
'900': string;
|
|
21
|
+
'950': string;
|
|
22
22
|
};
|
|
23
23
|
export interface BrandColors {
|
|
24
24
|
orion: ColorShades;
|
|
@@ -106,34 +106,34 @@ export interface TypographyPrimitives {
|
|
|
106
106
|
[key: string]: any;
|
|
107
107
|
}
|
|
108
108
|
export interface SpacingPrimitives {
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
px: string;
|
|
109
|
+
'0': string;
|
|
110
|
+
'1': string;
|
|
111
|
+
'2': string;
|
|
112
|
+
'3': string;
|
|
113
|
+
'4': string;
|
|
114
|
+
'5': string;
|
|
115
|
+
'05': string;
|
|
116
|
+
'6': string;
|
|
117
|
+
'7': string;
|
|
118
|
+
'8': string;
|
|
119
|
+
'9': string;
|
|
120
|
+
'10': string;
|
|
121
|
+
'11': string;
|
|
122
|
+
'12': string;
|
|
123
|
+
'16': string;
|
|
124
|
+
'20': string;
|
|
125
|
+
'24': string;
|
|
126
|
+
'32': string;
|
|
127
|
+
'px': string;
|
|
128
128
|
[key: string]: any;
|
|
129
129
|
}
|
|
130
130
|
export interface RadiusPrimitives {
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
131
|
+
'0': string;
|
|
132
|
+
'2xl': string;
|
|
133
|
+
'3xl'?: string;
|
|
134
134
|
full: string;
|
|
135
135
|
lg: string;
|
|
136
|
-
|
|
136
|
+
'lg-2': string;
|
|
137
137
|
md: string;
|
|
138
138
|
sm: string;
|
|
139
139
|
xl: string;
|
|
@@ -198,7 +198,7 @@ export interface TextSemantics {
|
|
|
198
198
|
tertiary: string;
|
|
199
199
|
inverse: string;
|
|
200
200
|
brand: string;
|
|
201
|
-
|
|
201
|
+
'on-brand'?: TextOnBrandSemantics;
|
|
202
202
|
[key: string]: any;
|
|
203
203
|
}
|
|
204
204
|
export interface BorderSemantics {
|
|
@@ -238,15 +238,15 @@ export interface StatusSemantics {
|
|
|
238
238
|
}
|
|
239
239
|
export interface SoftSemantics {
|
|
240
240
|
brand: string;
|
|
241
|
-
|
|
241
|
+
'brand-hover': string;
|
|
242
242
|
success: string;
|
|
243
|
-
|
|
243
|
+
'success-hover'?: string;
|
|
244
244
|
error: string;
|
|
245
|
-
|
|
245
|
+
'error-hover'?: string;
|
|
246
246
|
warning?: string;
|
|
247
|
-
|
|
247
|
+
'warning-hover'?: string;
|
|
248
248
|
info?: string;
|
|
249
|
-
|
|
249
|
+
'info-hover'?: string;
|
|
250
250
|
}
|
|
251
251
|
export interface SemanticTokens {
|
|
252
252
|
surface: SurfaceSemantics;
|
|
@@ -265,8 +265,8 @@ export interface SemanticTokens {
|
|
|
265
265
|
end: string;
|
|
266
266
|
};
|
|
267
267
|
}
|
|
268
|
-
export type Theme =
|
|
269
|
-
export type Brand =
|
|
268
|
+
export type Theme = 'light' | 'dark';
|
|
269
|
+
export type Brand = 'orion' | 'deepblue' | 'red' | 'orange' | 'lemon';
|
|
270
270
|
export interface ThemeConfig {
|
|
271
271
|
theme: Theme;
|
|
272
272
|
semantic: SemanticTokens;
|
|
@@ -308,7 +308,7 @@ export interface BrandConfig {
|
|
|
308
308
|
};
|
|
309
309
|
[key: string]: any;
|
|
310
310
|
}
|
|
311
|
-
export type ColorTokenPath = `color.brand.\${Brand}.\${keyof ColorShades}` | `color.neutral.\${keyof NeutralColors}` | `color.neutralPure.\${keyof NeutralColors}` |
|
|
311
|
+
export type ColorTokenPath = `color.brand.\${Brand}.\${keyof ColorShades}` | `color.neutral.\${keyof NeutralColors}` | `color.neutralPure.\${keyof NeutralColors}` | 'color.error.500' | 'color.success.500' | 'color.warning.500' | 'color.info.500';
|
|
312
312
|
export type TypographyTokenPath = `typography.family.\${keyof TypographyFamily}` | `typography.weight.\${keyof TypographyWeight}` | `typography.size.\${keyof TypographySize}` | `typography.lineHeight.\${keyof TypographyLineHeight}`;
|
|
313
313
|
export type SpacingTokenPath = `spacing.\${keyof SpacingPrimitives}`;
|
|
314
314
|
export type RadiusTokenPath = `radius.\${keyof RadiusPrimitives}`;
|
|
@@ -317,50 +317,50 @@ export type TokenPath = ColorTokenPath | TypographyTokenPath | SpacingTokenPath
|
|
|
317
317
|
export type SemanticTokenPath = `surface.\${keyof SurfaceSemantics}` | `text.\${keyof TextSemantics}` | `border.\${keyof BorderSemantics}` | `interactive.primary.\${keyof InteractivePrimarySemantics}` | `interactive.secondary.\${keyof InteractiveSecondarySemantics}` | `interactive.ghost.\${keyof InteractiveGhostSemantics}` | `status.\${keyof StatusSemantics}` | `soft.\${keyof SoftSemantics}`;
|
|
318
318
|
export type CSSVariableName = `--\${string}`;
|
|
319
319
|
export interface CSSVariableMap {
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
320
|
+
'--surface-base': string;
|
|
321
|
+
'--surface-subtle': string;
|
|
322
|
+
'--surface-layer': string;
|
|
323
|
+
'--surface-primary': string;
|
|
324
|
+
'--surface-secondary': string;
|
|
325
|
+
'--surface-glass': string;
|
|
326
|
+
'--surface-sunken': string;
|
|
327
|
+
'--surface-overlay': string;
|
|
328
|
+
'--text-primary': string;
|
|
329
|
+
'--text-secondary': string;
|
|
330
|
+
'--text-tertiary': string;
|
|
331
|
+
'--text-inverse': string;
|
|
332
|
+
'--text-brand': string;
|
|
333
|
+
'--interactive-primary': string;
|
|
334
|
+
'--interactive-primary-hover': string;
|
|
335
|
+
'--interactive-primary-text': string;
|
|
336
|
+
'--interactive-secondary': string;
|
|
337
|
+
'--interactive-secondary-hover': string;
|
|
338
|
+
'--interactive-secondary-text': string;
|
|
339
|
+
'--interactive-ghost-hover': string;
|
|
340
|
+
'--status-error': string;
|
|
341
|
+
'--status-success': string;
|
|
342
|
+
'--status-warning': string;
|
|
343
|
+
'--status-info': string;
|
|
344
|
+
'--border-subtle': string;
|
|
345
|
+
'--border-strong': string;
|
|
346
|
+
'--border-interactive': string;
|
|
347
|
+
'--spacing-0': string;
|
|
348
|
+
'--spacing-px': string;
|
|
349
|
+
'--spacing-1': string;
|
|
350
|
+
'--spacing-2': string;
|
|
351
|
+
'--spacing-3': string;
|
|
352
|
+
'--spacing-4': string;
|
|
353
|
+
'--spacing-6': string;
|
|
354
|
+
'--spacing-8': string;
|
|
355
|
+
'--spacing-16': string;
|
|
356
|
+
'--spacing-32': string;
|
|
357
|
+
'--radius-sm': string;
|
|
358
|
+
'--radius-md': string;
|
|
359
|
+
'--radius-lg': string;
|
|
360
|
+
'--radius-xl': string;
|
|
361
|
+
'--radius-2xl': string;
|
|
362
|
+
'--radius-full': string;
|
|
363
|
+
'--radius-control': string;
|
|
364
364
|
[key: string]: any;
|
|
365
365
|
}
|
|
366
366
|
/** Get nested property type from dot notation path */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tokens/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAMH,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,WAAW,CAAC;IACtB,GAAG,EAAE,WAAW,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,WAAW,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,CAAC;CAC5B;AAED,MAAM,WAAW,aAAa;IAC5B,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,WAAW,CAAC;IACnB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,aAAa,CAAC;IAC3B,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,EAAE,YAAY,CAAC;IACtB,IAAI,EAAE,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tokens/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/tokens/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAK1E;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAYhD;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/tokens/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAK1E;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAYhD;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,iBAAiB,GAAG,MAAM,CAkB9E;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,iCAEpC;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,iBAAiB,GAAG,MAAM,CAE7D;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,IAAI,KAAK,CAE1D;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,IAAI,KAAK,CAE1D"}
|
package/dist/tokens/utils.mjs
CHANGED
|
@@ -14,9 +14,7 @@ function d(t, e) {
|
|
|
14
14
|
let n = s[t].semantic;
|
|
15
15
|
for (const o of r)
|
|
16
16
|
if (n = n[o], n === void 0)
|
|
17
|
-
throw new Error(
|
|
18
|
-
`Semantic token path "${e}" not found in ${t} theme`
|
|
19
|
-
);
|
|
17
|
+
throw new Error(`Semantic token path "${e}" not found in ${t} theme`);
|
|
20
18
|
if (typeof n == "string" && n.startsWith("{") && n.endsWith("}")) {
|
|
21
19
|
const o = n.slice(1, -1);
|
|
22
20
|
return c(o);
|
package/package.json
CHANGED