@nebutra/tokens 0.1.3 → 2.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.
- package/CHANGELOG.md +8 -0
- package/brands/README.md +66 -0
- package/brands/cosmos/DESIGN.md +356 -0
- package/brands/cosmos/brand.json +209 -0
- package/brands/cosmos/refero-tokens.json +312 -0
- package/brands/gsap/brand.json +1 -27
- package/brands/linear/DESIGN.md +478 -0
- package/brands/linear/brand.json +2 -19
- package/brands/notion/brand.json +2 -28
- package/brands/raycast/brand.json +2 -17
- package/brands/stripe/brand.json +1 -16
- package/brands/vanta/brand.json +1 -38
- package/brands/vercel/brand.json +1 -18
- package/dist/brand-package/index.d.ts +2 -2
- package/dist/brand-package/index.js +2289 -34
- package/dist/brand-package/index.js.map +1 -1
- package/dist/brand-package/use-brand.d.ts +1 -1
- package/dist/brand-package/use-brand.js +956 -5
- package/dist/brand-package/use-brand.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +2416 -22
- package/dist/index.js.map +1 -1
- package/dist/{use-brand-C8d4DPqE.d.ts → use-brand-ClmvK_lC.d.ts} +19 -3
- package/package.json +8 -2
- package/recipe.css +8 -0
- package/skins/cosmos.css +239 -0
- package/skins/gsap.css +32 -20
- package/skins/linear.css +54 -17
- package/skins/notion.css +36 -25
- package/skins/raycast.css +37 -19
- package/skins/stripe.css +34 -15
- package/skins/vanta.css +34 -30
- package/skins/vercel.css +55 -19
- package/styles.css +115 -28
- package/dist/chunk-ALJTP5HL.js +0 -881
- package/dist/chunk-ALJTP5HL.js.map +0 -1
- package/dist/chunk-RGUJQOLH.js +0 -1582
- package/dist/chunk-RGUJQOLH.js.map +0 -1
package/brands/vanta/brand.json
CHANGED
|
@@ -15,7 +15,6 @@
|
|
|
15
15
|
"muted": "240 20% 93%",
|
|
16
16
|
"mutedForeground": "238 11% 48%",
|
|
17
17
|
"border": "240 17% 11%",
|
|
18
|
-
"input": "0 0% 100%",
|
|
19
18
|
"ring": "268 95% 39%",
|
|
20
19
|
"destructive": "0 72% 51%",
|
|
21
20
|
"destructiveForeground": "0 0% 100%",
|
|
@@ -44,7 +43,6 @@
|
|
|
44
43
|
"destructive": "0 72% 51%",
|
|
45
44
|
"destructiveForeground": "0 0% 100%",
|
|
46
45
|
"border": "240 17% 11%",
|
|
47
|
-
"input": "0 0% 100%",
|
|
48
46
|
"ring": "268 95% 39%",
|
|
49
47
|
"warning": "44 100% 53%",
|
|
50
48
|
"warningForeground": "240 17% 11%",
|
|
@@ -72,42 +70,7 @@
|
|
|
72
70
|
"typography": {
|
|
73
71
|
"fontSans": "'Inter Variable', 'Inter', ui-sans-serif, system-ui, sans-serif",
|
|
74
72
|
"fontDisplay": "'Reckless', 'Source Serif 4', 'Lora', ui-serif, Georgia, serif",
|
|
75
|
-
"headingWeight": 500
|
|
76
|
-
"faces": [
|
|
77
|
-
{
|
|
78
|
-
"family": "Inter Variable",
|
|
79
|
-
"src": [
|
|
80
|
-
{
|
|
81
|
-
"url": "https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2",
|
|
82
|
-
"format": "woff2"
|
|
83
|
-
}
|
|
84
|
-
],
|
|
85
|
-
"weight": "100 900",
|
|
86
|
-
"display": "swap"
|
|
87
|
-
},
|
|
88
|
-
{
|
|
89
|
-
"family": "Reckless",
|
|
90
|
-
"src": [
|
|
91
|
-
{
|
|
92
|
-
"url": "/brand-assets/reckless-regular.woff2",
|
|
93
|
-
"format": "woff2"
|
|
94
|
-
}
|
|
95
|
-
],
|
|
96
|
-
"weight": 400,
|
|
97
|
-
"display": "swap"
|
|
98
|
-
},
|
|
99
|
-
{
|
|
100
|
-
"family": "Reckless",
|
|
101
|
-
"src": [
|
|
102
|
-
{
|
|
103
|
-
"url": "/brand-assets/reckless-medium.woff2",
|
|
104
|
-
"format": "woff2"
|
|
105
|
-
}
|
|
106
|
-
],
|
|
107
|
-
"weight": 500,
|
|
108
|
-
"display": "swap"
|
|
109
|
-
}
|
|
110
|
-
]
|
|
73
|
+
"headingWeight": 500
|
|
111
74
|
},
|
|
112
75
|
"motion": {
|
|
113
76
|
"easeOut": "cubic-bezier(0.33, 1, 0.68, 1)",
|
package/brands/vercel/brand.json
CHANGED
|
@@ -21,7 +21,6 @@
|
|
|
21
21
|
"destructive": "0 72% 51%",
|
|
22
22
|
"destructiveForeground": "0 0% 100%",
|
|
23
23
|
"border": "0 0% 92%",
|
|
24
|
-
"input": "0 0% 100%",
|
|
25
24
|
"ring": "0 0% 9%",
|
|
26
25
|
"success": "133 50% 32%",
|
|
27
26
|
"successForeground": "0 0% 100%",
|
|
@@ -48,7 +47,6 @@
|
|
|
48
47
|
"destructive": "0 72% 51%",
|
|
49
48
|
"destructiveForeground": "0 0% 100%",
|
|
50
49
|
"border": "0 0% 92%",
|
|
51
|
-
"input": "0 0% 100%",
|
|
52
50
|
"ring": "0 0% 9%",
|
|
53
51
|
"success": "133 50% 32%",
|
|
54
52
|
"successForeground": "0 0% 100%",
|
|
@@ -75,7 +73,6 @@
|
|
|
75
73
|
"destructive": "0 72% 51%",
|
|
76
74
|
"destructiveForeground": "0 0% 100%",
|
|
77
75
|
"border": "0 0% 16%",
|
|
78
|
-
"input": "0 0% 4%",
|
|
79
76
|
"ring": "0 0% 100%",
|
|
80
77
|
"success": "133 49% 40%",
|
|
81
78
|
"successForeground": "0 0% 100%",
|
|
@@ -106,20 +103,7 @@
|
|
|
106
103
|
"fontSans": "'Geist Sans', 'Geist', ui-sans-serif, system-ui, sans-serif",
|
|
107
104
|
"fontMono": "'Geist Mono', ui-monospace, Menlo, monospace",
|
|
108
105
|
"fontDisplay": "'Geist Sans', 'Geist', ui-sans-serif, system-ui, sans-serif",
|
|
109
|
-
"headingWeight": 450
|
|
110
|
-
"faces": [
|
|
111
|
-
{
|
|
112
|
-
"family": "Geist Sans",
|
|
113
|
-
"src": [
|
|
114
|
-
{
|
|
115
|
-
"url": "https://cdn.jsdelivr.net/fontsource/fonts/geist-sans:vf@latest/latin-wght-normal.woff2",
|
|
116
|
-
"format": "woff2"
|
|
117
|
-
}
|
|
118
|
-
],
|
|
119
|
-
"weight": "100 900",
|
|
120
|
-
"display": "swap"
|
|
121
|
-
}
|
|
122
|
-
]
|
|
106
|
+
"headingWeight": 450
|
|
123
107
|
},
|
|
124
108
|
"motion": {
|
|
125
109
|
"easeOut": "cubic-bezier(0, 0, 0.2, 1)",
|
|
@@ -161,7 +145,6 @@
|
|
|
161
145
|
"muted": "0 0% 92%",
|
|
162
146
|
"mutedForeground": "0 0% 40%",
|
|
163
147
|
"border": "0 0% 92%",
|
|
164
|
-
"input": "0 0% 100%",
|
|
165
148
|
"ring": "0 0% 9%",
|
|
166
149
|
"destructive": "0 72% 51%",
|
|
167
150
|
"destructiveForeground": "0 0% 100%",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { C as CompileResult,
|
|
2
|
-
export { A as ApplyBrandOptions, B as BRAND_STORAGE_KEY,
|
|
1
|
+
import { C as CompileResult, e as BrandPackage, o as ButtonDefaultStyle, E as ElevationStyle, D as Density, p as BrandPackageInput, q as BrandSemanticColors, a as BrandColorRoles, b as BrandElevationTokens, s as BrandModePalette } from '../use-brand-ClmvK_lC.js';
|
|
2
|
+
export { A as ApplyBrandOptions, B as BRAND_STORAGE_KEY, t as BRAND_STYLE_ELEMENT_ID, v as BadgeDefaultStyle, w as BrandExtensions, c as BrandFontFace, x as BrandFontSource, d as BrandIframePreviewOptions, y as BrandModes, f as BrandRadii, g as BrandRecipe, z as BrandRecipeInput, F as BrandTypography, G as CssColor, H as HslChannels, I as UseBrandIframePreviewResult, U as UseBrandOptions, h as UseBrandResult, i as applyBrandCss, j as applyBrandPackage, l as clearBrand, m as getActiveBrandId, r as restorePersistedBrand } from '../use-brand-ClmvK_lC.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
|
|
5
5
|
/**
|