@duro-app/tokens 0.1.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/LICENSE +21 -0
- package/dist/index.d.ts +7 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +140 -0
- package/dist/index.js.map +1 -0
- package/dist/themes/high-contrast.css.d.ts +35 -0
- package/dist/themes/high-contrast.css.d.ts.map +1 -0
- package/dist/themes/light.css.d.ts +35 -0
- package/dist/themes/light.css.d.ts.map +1 -0
- package/dist/tokens/colors.css.d.ts +30 -0
- package/dist/tokens/colors.css.d.ts.map +1 -0
- package/dist/tokens/shadows.css.d.ts +7 -0
- package/dist/tokens/shadows.css.d.ts.map +1 -0
- package/dist/tokens/spacing.css.d.ts +16 -0
- package/dist/tokens/spacing.css.d.ts.map +1 -0
- package/dist/tokens/typography.css.d.ts +16 -0
- package/dist/tokens/typography.css.d.ts.map +1 -0
- package/package.json +45 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 Frederic Rousseau
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { colors } from './tokens/colors.css';
|
|
2
|
+
export { spacing, radii } from './tokens/spacing.css';
|
|
3
|
+
export { typography } from './tokens/typography.css';
|
|
4
|
+
export { shadows } from './tokens/shadows.css';
|
|
5
|
+
export { lightTheme, lightShadows } from './themes/light.css';
|
|
6
|
+
export { highContrastTheme, highContrastShadows } from './themes/high-contrast.css';
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAC,OAAO,EAAE,KAAK,EAAC,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAC,UAAU,EAAC,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAA;AAG5C,OAAO,EAAC,UAAU,EAAE,YAAY,EAAC,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAC,iBAAiB,EAAE,mBAAmB,EAAC,MAAM,4BAA4B,CAAA"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
import { css as r } from "react-strict-dom";
|
|
2
|
+
const e = r.defineVars({
|
|
3
|
+
// Backgrounds
|
|
4
|
+
bg: "#0f0f0f",
|
|
5
|
+
bgCard: "#1a1a1a",
|
|
6
|
+
bgCardHover: "#242424",
|
|
7
|
+
// Text
|
|
8
|
+
text: "#e5e5e5",
|
|
9
|
+
textMuted: "#b0b0b0",
|
|
10
|
+
// Accent
|
|
11
|
+
accent: "#6aaffc",
|
|
12
|
+
accentHover: "#93c5fd",
|
|
13
|
+
accentContrast: "#000000",
|
|
14
|
+
// Border
|
|
15
|
+
border: "#333333",
|
|
16
|
+
// Semantic — Error
|
|
17
|
+
error: "#f87171",
|
|
18
|
+
errorHover: "#fca5a5",
|
|
19
|
+
errorBg: "rgba(248, 113, 113, 0.1)",
|
|
20
|
+
errorBorder: "rgba(248, 113, 113, 0.3)",
|
|
21
|
+
errorText: "#fca5a5",
|
|
22
|
+
errorContrast: "#000000",
|
|
23
|
+
// Semantic — Success
|
|
24
|
+
success: "#22c55e",
|
|
25
|
+
successBg: "rgba(34, 197, 94, 0.1)",
|
|
26
|
+
successBorder: "rgba(34, 197, 94, 0.3)",
|
|
27
|
+
successText: "#86efac",
|
|
28
|
+
// Semantic — Warning
|
|
29
|
+
warning: "#fbbf24",
|
|
30
|
+
warningBg: "rgba(251, 191, 36, 0.1)",
|
|
31
|
+
warningBorder: "rgba(251, 191, 36, 0.3)",
|
|
32
|
+
warningText: "#fde68a",
|
|
33
|
+
// Semantic — Info (uses accent)
|
|
34
|
+
infoBg: "rgba(106, 175, 252, 0.1)",
|
|
35
|
+
infoBorder: "rgba(106, 175, 252, 0.3)",
|
|
36
|
+
infoText: "#93c5fd"
|
|
37
|
+
}), t = r.defineVars({
|
|
38
|
+
xs: "4px",
|
|
39
|
+
sm: "8px",
|
|
40
|
+
md: "16px",
|
|
41
|
+
lg: "24px",
|
|
42
|
+
xl: "32px",
|
|
43
|
+
xxl: "48px"
|
|
44
|
+
}), g = r.defineVars({
|
|
45
|
+
sm: "8px",
|
|
46
|
+
md: "12px",
|
|
47
|
+
lg: "16px",
|
|
48
|
+
full: "9999px"
|
|
49
|
+
}), f = r.defineVars({
|
|
50
|
+
fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif',
|
|
51
|
+
fontSizeXs: "0.75rem",
|
|
52
|
+
fontSizeSm: "0.875rem",
|
|
53
|
+
fontSizeMd: "1rem",
|
|
54
|
+
fontSizeLg: "1.1rem",
|
|
55
|
+
fontSizeXl: "1.25rem",
|
|
56
|
+
fontSizeHeading: "1.5rem",
|
|
57
|
+
fontWeightNormal: "400",
|
|
58
|
+
fontWeightMedium: "500",
|
|
59
|
+
fontWeightSemibold: "600",
|
|
60
|
+
fontWeightBold: "700",
|
|
61
|
+
lineHeight: "1.5"
|
|
62
|
+
}), a = r.defineVars({
|
|
63
|
+
sm: "0 2px 4px rgba(0, 0, 0, 0.3)",
|
|
64
|
+
md: "0 4px 12px rgba(0, 0, 0, 0.4)",
|
|
65
|
+
lg: "0 8px 24px rgba(0, 0, 0, 0.5)"
|
|
66
|
+
}), n = r.createTheme(e, {
|
|
67
|
+
bg: "#ffffff",
|
|
68
|
+
bgCard: "#f5f5f5",
|
|
69
|
+
bgCardHover: "#ebebeb",
|
|
70
|
+
text: "#1a1a1a",
|
|
71
|
+
textMuted: "#4a4a4a",
|
|
72
|
+
accent: "#1e40af",
|
|
73
|
+
accentHover: "#1a3799",
|
|
74
|
+
accentContrast: "#ffffff",
|
|
75
|
+
border: "#d4d4d4",
|
|
76
|
+
error: "#991b1b",
|
|
77
|
+
errorHover: "#7f1d1d",
|
|
78
|
+
errorBg: "rgba(153, 27, 27, 0.08)",
|
|
79
|
+
errorBorder: "rgba(153, 27, 27, 0.3)",
|
|
80
|
+
errorText: "#7f1d1d",
|
|
81
|
+
errorContrast: "#ffffff",
|
|
82
|
+
success: "#166534",
|
|
83
|
+
successBg: "rgba(22, 101, 52, 0.08)",
|
|
84
|
+
successBorder: "rgba(22, 101, 52, 0.3)",
|
|
85
|
+
successText: "#14532d",
|
|
86
|
+
warning: "#92400e",
|
|
87
|
+
warningBg: "rgba(146, 64, 14, 0.08)",
|
|
88
|
+
warningBorder: "rgba(146, 64, 14, 0.3)",
|
|
89
|
+
warningText: "#78350f",
|
|
90
|
+
infoBg: "rgba(30, 64, 175, 0.08)",
|
|
91
|
+
infoBorder: "rgba(30, 64, 175, 0.3)",
|
|
92
|
+
infoText: "#1e40af"
|
|
93
|
+
}), s = r.createTheme(a, {
|
|
94
|
+
sm: "0 2px 4px rgba(0, 0, 0, 0.08)",
|
|
95
|
+
md: "0 4px 12px rgba(0, 0, 0, 0.12)",
|
|
96
|
+
lg: "0 8px 24px rgba(0, 0, 0, 0.16)"
|
|
97
|
+
}), c = r.createTheme(e, {
|
|
98
|
+
bg: "#000000",
|
|
99
|
+
bgCard: "#111111",
|
|
100
|
+
bgCardHover: "#1a1a1a",
|
|
101
|
+
text: "#ffffff",
|
|
102
|
+
textMuted: "#b0b0b0",
|
|
103
|
+
accent: "#60a5fa",
|
|
104
|
+
accentHover: "#93c5fd",
|
|
105
|
+
accentContrast: "#000000",
|
|
106
|
+
border: "#555555",
|
|
107
|
+
error: "#f87171",
|
|
108
|
+
errorHover: "#fca5a5",
|
|
109
|
+
errorBg: "rgba(248, 113, 113, 0.15)",
|
|
110
|
+
errorBorder: "rgba(248, 113, 113, 0.5)",
|
|
111
|
+
errorText: "#fca5a5",
|
|
112
|
+
errorContrast: "#000000",
|
|
113
|
+
success: "#4ade80",
|
|
114
|
+
successBg: "rgba(74, 222, 128, 0.15)",
|
|
115
|
+
successBorder: "rgba(74, 222, 128, 0.5)",
|
|
116
|
+
successText: "#86efac",
|
|
117
|
+
warning: "#fcd34d",
|
|
118
|
+
warningBg: "rgba(252, 211, 77, 0.15)",
|
|
119
|
+
warningBorder: "rgba(252, 211, 77, 0.5)",
|
|
120
|
+
warningText: "#fef08a",
|
|
121
|
+
infoBg: "rgba(96, 165, 250, 0.15)",
|
|
122
|
+
infoBorder: "rgba(96, 165, 250, 0.5)",
|
|
123
|
+
infoText: "#bfdbfe"
|
|
124
|
+
}), b = r.createTheme(a, {
|
|
125
|
+
sm: "0 2px 4px rgba(0, 0, 0, 0.6)",
|
|
126
|
+
md: "0 4px 12px rgba(0, 0, 0, 0.7)",
|
|
127
|
+
lg: "0 8px 24px rgba(0, 0, 0, 0.8)"
|
|
128
|
+
});
|
|
129
|
+
export {
|
|
130
|
+
e as colors,
|
|
131
|
+
b as highContrastShadows,
|
|
132
|
+
c as highContrastTheme,
|
|
133
|
+
s as lightShadows,
|
|
134
|
+
n as lightTheme,
|
|
135
|
+
g as radii,
|
|
136
|
+
a as shadows,
|
|
137
|
+
t as spacing,
|
|
138
|
+
f as typography
|
|
139
|
+
};
|
|
140
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/tokens/colors.css.ts","../src/tokens/spacing.css.ts","../src/tokens/typography.css.ts","../src/tokens/shadows.css.ts","../src/themes/light.css.ts","../src/themes/high-contrast.css.ts"],"sourcesContent":["import {css} from 'react-strict-dom'\n\nexport const colors = css.defineVars({\n // Backgrounds\n bg: '#0f0f0f',\n bgCard: '#1a1a1a',\n bgCardHover: '#242424',\n\n // Text\n text: '#e5e5e5',\n textMuted: '#b0b0b0',\n\n // Accent\n accent: '#6aaffc',\n accentHover: '#93c5fd',\n accentContrast: '#000000',\n\n // Border\n border: '#333333',\n\n // Semantic — Error\n error: '#f87171',\n errorHover: '#fca5a5',\n errorBg: 'rgba(248, 113, 113, 0.1)',\n errorBorder: 'rgba(248, 113, 113, 0.3)',\n errorText: '#fca5a5',\n errorContrast: '#000000',\n\n // Semantic — Success\n success: '#22c55e',\n successBg: 'rgba(34, 197, 94, 0.1)',\n successBorder: 'rgba(34, 197, 94, 0.3)',\n successText: '#86efac',\n\n // Semantic — Warning\n warning: '#fbbf24',\n warningBg: 'rgba(251, 191, 36, 0.1)',\n warningBorder: 'rgba(251, 191, 36, 0.3)',\n warningText: '#fde68a',\n\n // Semantic — Info (uses accent)\n infoBg: 'rgba(106, 175, 252, 0.1)',\n infoBorder: 'rgba(106, 175, 252, 0.3)',\n infoText: '#93c5fd',\n})\n","import {css} from 'react-strict-dom'\n\nexport const spacing = css.defineVars({\n xs: '4px',\n sm: '8px',\n md: '16px',\n lg: '24px',\n xl: '32px',\n xxl: '48px',\n})\n\nexport const radii = css.defineVars({\n sm: '8px',\n md: '12px',\n lg: '16px',\n full: '9999px',\n})\n","import {css} from 'react-strict-dom'\n\nexport const typography = css.defineVars({\n fontFamily:\n '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif',\n fontSizeXs: '0.75rem',\n fontSizeSm: '0.875rem',\n fontSizeMd: '1rem',\n fontSizeLg: '1.1rem',\n fontSizeXl: '1.25rem',\n fontSizeHeading: '1.5rem',\n fontWeightNormal: '400',\n fontWeightMedium: '500',\n fontWeightSemibold: '600',\n fontWeightBold: '700',\n lineHeight: '1.5',\n})\n","import {css} from 'react-strict-dom'\n\nexport const shadows = css.defineVars({\n sm: '0 2px 4px rgba(0, 0, 0, 0.3)',\n md: '0 4px 12px rgba(0, 0, 0, 0.4)',\n lg: '0 8px 24px rgba(0, 0, 0, 0.5)',\n})\n","import {css} from 'react-strict-dom'\nimport {colors} from '../tokens/colors.css'\nimport {shadows} from '../tokens/shadows.css'\n\nexport const lightTheme = css.createTheme(colors, {\n bg: '#ffffff',\n bgCard: '#f5f5f5',\n bgCardHover: '#ebebeb',\n text: '#1a1a1a',\n textMuted: '#4a4a4a',\n accent: '#1e40af',\n accentHover: '#1a3799',\n accentContrast: '#ffffff',\n border: '#d4d4d4',\n error: '#991b1b',\n errorHover: '#7f1d1d',\n errorBg: 'rgba(153, 27, 27, 0.08)',\n errorBorder: 'rgba(153, 27, 27, 0.3)',\n errorText: '#7f1d1d',\n errorContrast: '#ffffff',\n success: '#166534',\n successBg: 'rgba(22, 101, 52, 0.08)',\n successBorder: 'rgba(22, 101, 52, 0.3)',\n successText: '#14532d',\n warning: '#92400e',\n warningBg: 'rgba(146, 64, 14, 0.08)',\n warningBorder: 'rgba(146, 64, 14, 0.3)',\n warningText: '#78350f',\n infoBg: 'rgba(30, 64, 175, 0.08)',\n infoBorder: 'rgba(30, 64, 175, 0.3)',\n infoText: '#1e40af',\n})\n\nexport const lightShadows = css.createTheme(shadows, {\n sm: '0 2px 4px rgba(0, 0, 0, 0.08)',\n md: '0 4px 12px rgba(0, 0, 0, 0.12)',\n lg: '0 8px 24px rgba(0, 0, 0, 0.16)',\n})\n","import {css} from 'react-strict-dom'\nimport {colors} from '../tokens/colors.css'\nimport {shadows} from '../tokens/shadows.css'\n\nexport const highContrastTheme = css.createTheme(colors, {\n bg: '#000000',\n bgCard: '#111111',\n bgCardHover: '#1a1a1a',\n text: '#ffffff',\n textMuted: '#b0b0b0',\n accent: '#60a5fa',\n accentHover: '#93c5fd',\n accentContrast: '#000000',\n border: '#555555',\n error: '#f87171',\n errorHover: '#fca5a5',\n errorBg: 'rgba(248, 113, 113, 0.15)',\n errorBorder: 'rgba(248, 113, 113, 0.5)',\n errorText: '#fca5a5',\n errorContrast: '#000000',\n success: '#4ade80',\n successBg: 'rgba(74, 222, 128, 0.15)',\n successBorder: 'rgba(74, 222, 128, 0.5)',\n successText: '#86efac',\n warning: '#fcd34d',\n warningBg: 'rgba(252, 211, 77, 0.15)',\n warningBorder: 'rgba(252, 211, 77, 0.5)',\n warningText: '#fef08a',\n infoBg: 'rgba(96, 165, 250, 0.15)',\n infoBorder: 'rgba(96, 165, 250, 0.5)',\n infoText: '#bfdbfe',\n})\n\nexport const highContrastShadows = css.createTheme(shadows, {\n sm: '0 2px 4px rgba(0, 0, 0, 0.6)',\n md: '0 4px 12px rgba(0, 0, 0, 0.7)',\n lg: '0 8px 24px rgba(0, 0, 0, 0.8)',\n})\n"],"names":["colors","css","spacing","radii","typography","shadows","lightTheme","lightShadows","highContrastTheme","highContrastShadows"],"mappings":"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"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const highContrastTheme: css.Theme<css.VarGroup<Readonly<{
|
|
3
|
+
bg: string;
|
|
4
|
+
bgCard: string;
|
|
5
|
+
bgCardHover: string;
|
|
6
|
+
text: string;
|
|
7
|
+
textMuted: string;
|
|
8
|
+
accent: string;
|
|
9
|
+
accentHover: string;
|
|
10
|
+
accentContrast: string;
|
|
11
|
+
border: string;
|
|
12
|
+
error: string;
|
|
13
|
+
errorHover: string;
|
|
14
|
+
errorBg: string;
|
|
15
|
+
errorBorder: string;
|
|
16
|
+
errorText: string;
|
|
17
|
+
errorContrast: string;
|
|
18
|
+
success: string;
|
|
19
|
+
successBg: string;
|
|
20
|
+
successBorder: string;
|
|
21
|
+
successText: string;
|
|
22
|
+
warning: string;
|
|
23
|
+
warningBg: string;
|
|
24
|
+
warningBorder: string;
|
|
25
|
+
warningText: string;
|
|
26
|
+
infoBg: string;
|
|
27
|
+
infoBorder: string;
|
|
28
|
+
infoText: string;
|
|
29
|
+
}>, symbol>, symbol>;
|
|
30
|
+
export declare const highContrastShadows: css.Theme<css.VarGroup<Readonly<{
|
|
31
|
+
sm: string;
|
|
32
|
+
md: string;
|
|
33
|
+
lg: string;
|
|
34
|
+
}>, symbol>, symbol>;
|
|
35
|
+
//# sourceMappingURL=high-contrast.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"high-contrast.css.d.ts","sourceRoot":"","sources":["../../src/themes/high-contrast.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAIpC,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA2B5B,CAAA;AAEF,eAAO,MAAM,mBAAmB;;;;oBAI9B,CAAA"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const lightTheme: css.Theme<css.VarGroup<Readonly<{
|
|
3
|
+
bg: string;
|
|
4
|
+
bgCard: string;
|
|
5
|
+
bgCardHover: string;
|
|
6
|
+
text: string;
|
|
7
|
+
textMuted: string;
|
|
8
|
+
accent: string;
|
|
9
|
+
accentHover: string;
|
|
10
|
+
accentContrast: string;
|
|
11
|
+
border: string;
|
|
12
|
+
error: string;
|
|
13
|
+
errorHover: string;
|
|
14
|
+
errorBg: string;
|
|
15
|
+
errorBorder: string;
|
|
16
|
+
errorText: string;
|
|
17
|
+
errorContrast: string;
|
|
18
|
+
success: string;
|
|
19
|
+
successBg: string;
|
|
20
|
+
successBorder: string;
|
|
21
|
+
successText: string;
|
|
22
|
+
warning: string;
|
|
23
|
+
warningBg: string;
|
|
24
|
+
warningBorder: string;
|
|
25
|
+
warningText: string;
|
|
26
|
+
infoBg: string;
|
|
27
|
+
infoBorder: string;
|
|
28
|
+
infoText: string;
|
|
29
|
+
}>, symbol>, symbol>;
|
|
30
|
+
export declare const lightShadows: css.Theme<css.VarGroup<Readonly<{
|
|
31
|
+
sm: string;
|
|
32
|
+
md: string;
|
|
33
|
+
lg: string;
|
|
34
|
+
}>, symbol>, symbol>;
|
|
35
|
+
//# sourceMappingURL=light.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"light.css.d.ts","sourceRoot":"","sources":["../../src/themes/light.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAIpC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA2BrB,CAAA;AAEF,eAAO,MAAM,YAAY;;;;oBAIvB,CAAA"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const colors: css.VarGroup<Readonly<{
|
|
3
|
+
bg: string;
|
|
4
|
+
bgCard: string;
|
|
5
|
+
bgCardHover: string;
|
|
6
|
+
text: string;
|
|
7
|
+
textMuted: string;
|
|
8
|
+
accent: string;
|
|
9
|
+
accentHover: string;
|
|
10
|
+
accentContrast: string;
|
|
11
|
+
border: string;
|
|
12
|
+
error: string;
|
|
13
|
+
errorHover: string;
|
|
14
|
+
errorBg: string;
|
|
15
|
+
errorBorder: string;
|
|
16
|
+
errorText: string;
|
|
17
|
+
errorContrast: string;
|
|
18
|
+
success: string;
|
|
19
|
+
successBg: string;
|
|
20
|
+
successBorder: string;
|
|
21
|
+
successText: string;
|
|
22
|
+
warning: string;
|
|
23
|
+
warningBg: string;
|
|
24
|
+
warningBorder: string;
|
|
25
|
+
warningText: string;
|
|
26
|
+
infoBg: string;
|
|
27
|
+
infoBorder: string;
|
|
28
|
+
infoText: string;
|
|
29
|
+
}>, symbol>;
|
|
30
|
+
//# sourceMappingURL=colors.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.css.d.ts","sourceRoot":"","sources":["../../src/tokens/colors.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAEpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;WA0CjB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shadows.css.d.ts","sourceRoot":"","sources":["../../src/tokens/shadows.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAEpC,eAAO,MAAM,OAAO;;;;WAIlB,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const spacing: css.VarGroup<Readonly<{
|
|
3
|
+
xs: string;
|
|
4
|
+
sm: string;
|
|
5
|
+
md: string;
|
|
6
|
+
lg: string;
|
|
7
|
+
xl: string;
|
|
8
|
+
xxl: string;
|
|
9
|
+
}>, symbol>;
|
|
10
|
+
export declare const radii: css.VarGroup<Readonly<{
|
|
11
|
+
sm: string;
|
|
12
|
+
md: string;
|
|
13
|
+
lg: string;
|
|
14
|
+
full: string;
|
|
15
|
+
}>, symbol>;
|
|
16
|
+
//# sourceMappingURL=spacing.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spacing.css.d.ts","sourceRoot":"","sources":["../../src/tokens/spacing.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAEpC,eAAO,MAAM,OAAO;;;;;;;WAOlB,CAAA;AAEF,eAAO,MAAM,KAAK;;;;;WAKhB,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const typography: css.VarGroup<Readonly<{
|
|
3
|
+
fontFamily: string;
|
|
4
|
+
fontSizeXs: string;
|
|
5
|
+
fontSizeSm: string;
|
|
6
|
+
fontSizeMd: string;
|
|
7
|
+
fontSizeLg: string;
|
|
8
|
+
fontSizeXl: string;
|
|
9
|
+
fontSizeHeading: string;
|
|
10
|
+
fontWeightNormal: string;
|
|
11
|
+
fontWeightMedium: string;
|
|
12
|
+
fontWeightSemibold: string;
|
|
13
|
+
fontWeightBold: string;
|
|
14
|
+
lineHeight: string;
|
|
15
|
+
}>, symbol>;
|
|
16
|
+
//# sourceMappingURL=typography.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.css.d.ts","sourceRoot":"","sources":["../../src/tokens/typography.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAEpC,eAAO,MAAM,UAAU;;;;;;;;;;;;;WAcrB,CAAA"}
|
package/package.json
ADDED
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@duro-app/tokens",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"repository": {
|
|
7
|
+
"type": "git",
|
|
8
|
+
"url": "https://github.com/fredericrous/duro-design-system",
|
|
9
|
+
"directory": "packages/tokens"
|
|
10
|
+
},
|
|
11
|
+
"homepage": "https://github.com/fredericrous/duro-design-system",
|
|
12
|
+
"bugs": {
|
|
13
|
+
"url": "https://github.com/fredericrous/duro-design-system/issues"
|
|
14
|
+
},
|
|
15
|
+
"publishConfig": {
|
|
16
|
+
"access": "public"
|
|
17
|
+
},
|
|
18
|
+
"files": [
|
|
19
|
+
"dist"
|
|
20
|
+
],
|
|
21
|
+
"main": "dist/index.js",
|
|
22
|
+
"module": "dist/index.js",
|
|
23
|
+
"types": "dist/index.d.ts",
|
|
24
|
+
"exports": {
|
|
25
|
+
".": {
|
|
26
|
+
"import": "./dist/index.js",
|
|
27
|
+
"types": "./dist/index.d.ts"
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
"peerDependencies": {
|
|
31
|
+
"react-strict-dom": "^0.0.55"
|
|
32
|
+
},
|
|
33
|
+
"devDependencies": {
|
|
34
|
+
"@babel/preset-typescript": "^7.28.0",
|
|
35
|
+
"typescript": "^5.7.0",
|
|
36
|
+
"vite": "^6.0.0",
|
|
37
|
+
"vite-plugin-babel": "^1.5.0",
|
|
38
|
+
"vite-plugin-dts": "^4.0.0"
|
|
39
|
+
},
|
|
40
|
+
"scripts": {
|
|
41
|
+
"dev": "vite build --watch",
|
|
42
|
+
"build": "vite build",
|
|
43
|
+
"typecheck": "tsc --noEmit"
|
|
44
|
+
}
|
|
45
|
+
}
|