@jirawatpyk/aura-tokens 4.4.1

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 (16) hide show
  1. package/GOVERNANCE.md +87 -0
  2. package/LICENSE +30 -0
  3. package/README.md +82 -0
  4. package/aura-fonts.css +2 -0
  5. package/aura.css +242 -0
  6. package/components/aura.bundle.js +4087 -0
  7. package/components/aura.components.css +967 -0
  8. package/components/index.d.ts +825 -0
  9. package/eslint-plugin-aura.js +34 -0
  10. package/figma-variables.csv +205 -0
  11. package/package.json +61 -0
  12. package/scripts/a11y-check.js +67 -0
  13. package/scripts/lint-tokens.js +32 -0
  14. package/tailwind.config.ts +29 -0
  15. package/tailwind.tokens.cjs +200 -0
  16. package/tokens.json +484 -0
package/tailwind.tokens.cjs ADDED
@@ -0,0 +1,200 @@
1
+ /* GENERATED by scripts/build-tokens.js from tokens.json. Do not edit by hand. */
2
+ module.exports = {
3
+ "colors": {
4
+ "aura": {
5
+ "violet": {
6
+ "50": "var(--aura-violet-50)",
7
+ "100": "var(--aura-violet-100)",
8
+ "200": "var(--aura-violet-200)",
9
+ "300": "var(--aura-violet-300)",
10
+ "400": "var(--aura-violet-400)",
11
+ "500": "var(--aura-violet-500)",
12
+ "600": "var(--aura-violet-600)",
13
+ "700": "var(--aura-violet-700)",
14
+ "800": "var(--aura-violet-800)",
15
+ "900": "var(--aura-violet-900)"
16
+ },
17
+ "zinc": {
18
+ "0": "var(--aura-zinc-0)",
19
+ "50": "var(--aura-zinc-50)",
20
+ "100": "var(--aura-zinc-100)",
21
+ "200": "var(--aura-zinc-200)",
22
+ "300": "var(--aura-zinc-300)",
23
+ "400": "var(--aura-zinc-400)",
24
+ "450": "var(--aura-zinc-450)",
25
+ "500": "var(--aura-zinc-500)",
26
+ "600": "var(--aura-zinc-600)",
27
+ "700": "var(--aura-zinc-700)",
28
+ "800": "var(--aura-zinc-800)",
29
+ "900": "var(--aura-zinc-900)",
30
+ "950": "var(--aura-zinc-950)"
31
+ },
32
+ "lime": {
33
+ "50": "var(--aura-lime-50)",
34
+ "100": "var(--aura-lime-100)",
35
+ "200": "var(--aura-lime-200)",
36
+ "300": "var(--aura-lime-300)",
37
+ "400": "var(--aura-lime-400)",
38
+ "500": "var(--aura-lime-500)",
39
+ "600": "var(--aura-lime-600)",
40
+ "800": "var(--aura-lime-800)"
41
+ },
42
+ "red": {
43
+ "50": "var(--aura-red-50)",
44
+ "200": "var(--aura-red-200)",
45
+ "300": "var(--aura-red-300)",
46
+ "400": "var(--aura-red-400)",
47
+ "700": "var(--aura-red-700)"
48
+ },
49
+ "amber": {
50
+ "50": "var(--aura-amber-50)",
51
+ "200": "var(--aura-amber-200)",
52
+ "300": "var(--aura-amber-300)",
53
+ "800": "var(--aura-amber-800)"
54
+ },
55
+ "ink": "var(--aura-ink)",
56
+ "white": "var(--aura-white)"
57
+ },
58
+ "bg": {
59
+ "surface": "var(--aura-bg-surface)",
60
+ "surface-hover": "var(--aura-bg-surface-hover)",
61
+ "surface-strong": "var(--aura-bg-surface-strong)",
62
+ "canvas": "var(--aura-bg-canvas)",
63
+ "inverted": "var(--aura-bg-inverted)",
64
+ "selected": "var(--aura-bg-selected)",
65
+ "skeleton": "var(--aura-bg-skeleton)",
66
+ "input": "var(--aura-bg-input)",
67
+ "input-disabled": "var(--aura-bg-input-disabled)",
68
+ "scrim": "var(--aura-bg-scrim)",
69
+ "hover": "var(--aura-bg-surface-hover)",
70
+ "strong": "var(--aura-bg-surface-strong)"
71
+ },
72
+ "fg": {
73
+ "primary": "var(--aura-fg-primary)",
74
+ "secondary": "var(--aura-fg-secondary)",
75
+ "tertiary": "var(--aura-fg-tertiary)",
76
+ "inverted": "var(--aura-fg-inverted)",
77
+ "accent": "var(--aura-fg-accent)",
78
+ "danger": "var(--aura-fg-danger)",
79
+ "positive": "var(--aura-fg-positive)"
80
+ },
81
+ "border": {
82
+ "DEFAULT": "var(--aura-border-default)",
83
+ "default": "var(--aura-border-default)",
84
+ "strong": "var(--aura-border-strong)",
85
+ "subtle": "var(--aura-border-subtle)",
86
+ "control": "var(--aura-border-control)",
87
+ "danger": "var(--aura-border-danger)"
88
+ },
89
+ "accent": {
90
+ "dot": "var(--aura-accent-dot)",
91
+ "violet": "var(--aura-accent-violet)",
92
+ "lime": "var(--aura-accent-lime)"
93
+ },
94
+ "status": {
95
+ "neutral-bg": "var(--aura-status-neutral-bg)",
96
+ "neutral-fg": "var(--aura-status-neutral-fg)",
97
+ "progress-bg": "var(--aura-status-progress-bg)",
98
+ "progress-fg": "var(--aura-status-progress-fg)",
99
+ "ready-bg": "var(--aura-status-ready-bg)",
100
+ "ready-fg": "var(--aura-status-ready-fg)",
101
+ "blocked-bg": "var(--aura-status-blocked-bg)",
102
+ "blocked-fg": "var(--aura-status-blocked-fg)"
103
+ },
104
+ "alert": {
105
+ "info-bg": "var(--aura-alert-info-bg)",
106
+ "info-fg": "var(--aura-alert-info-fg)",
107
+ "info-border": "var(--aura-alert-info-border)",
108
+ "success-bg": "var(--aura-alert-success-bg)",
109
+ "success-fg": "var(--aura-alert-success-fg)",
110
+ "success-border": "var(--aura-alert-success-border)",
111
+ "warning-bg": "var(--aura-alert-warning-bg)",
112
+ "warning-fg": "var(--aura-alert-warning-fg)",
113
+ "warning-border": "var(--aura-alert-warning-border)",
114
+ "danger-bg": "var(--aura-alert-danger-bg)",
115
+ "danger-fg": "var(--aura-alert-danger-fg)",
116
+ "danger-border": "var(--aura-alert-danger-border)"
117
+ },
118
+ "focus": {
119
+ "ring": "var(--aura-focus-ring)"
120
+ }
121
+ },
122
+ "spacing": {
123
+ "aura-0": "var(--aura-space-0)",
124
+ "aura-1": "var(--aura-space-1)",
125
+ "aura-2": "var(--aura-space-2)",
126
+ "aura-3": "var(--aura-space-3)",
127
+ "aura-4": "var(--aura-space-4)",
128
+ "aura-5": "var(--aura-space-5)",
129
+ "aura-6": "var(--aura-space-6)",
130
+ "aura-8": "var(--aura-space-8)",
131
+ "aura-10": "var(--aura-space-10)",
132
+ "aura-12": "var(--aura-space-12)",
133
+ "aura-16": "var(--aura-space-16)",
134
+ "aura-card-padding": "var(--aura-card-padding)"
135
+ },
136
+ "borderRadius": {
137
+ "aura-xs": "var(--aura-radius-xs)",
138
+ "aura-sm": "var(--aura-radius-sm)",
139
+ "aura-md": "var(--aura-radius-md)",
140
+ "aura-lg": "var(--aura-radius-lg)",
141
+ "aura-xl": "var(--aura-radius-xl)",
142
+ "aura-2xl": "var(--aura-radius-2xl)",
143
+ "aura-full": "var(--aura-radius-full)",
144
+ "aura-squircle": "var(--aura-radius-squircle)",
145
+ "aura-card-radius": "var(--aura-card-radius)",
146
+ "aura-button-radius": "var(--aura-button-radius)"
147
+ },
148
+ "boxShadow": {
149
+ "aura-enterprise": "var(--aura-shadow-enterprise)",
150
+ "aura-overlay": "var(--aura-shadow-overlay)",
151
+ "aura-creative": "var(--aura-shadow-creative)",
152
+ "aura-creative-hover": "var(--aura-shadow-creative-hover)",
153
+ "aura-card-shadow-creative": "var(--aura-card-shadow-creative)"
154
+ },
155
+ "transitionTimingFunction": {
156
+ "aura-ease": "var(--aura-ease)",
157
+ "aura-spring": "var(--aura-spring)"
158
+ },
159
+ "transitionDuration": {
160
+ "aura-fast": "var(--aura-duration-fast)",
161
+ "aura-base": "var(--aura-duration-base)",
162
+ "aura-slow": "var(--aura-duration-slow)",
163
+ "aura-spin": "var(--aura-duration-spin)",
164
+ "aura-pulse": "var(--aura-duration-pulse)",
165
+ "aura-toast": "var(--aura-duration-toast)",
166
+ "aura-tooltip": "var(--aura-duration-tooltip)"
167
+ },
168
+ "screens": {
169
+ "sm": "640px",
170
+ "md": "768px",
171
+ "lg": "1024px",
172
+ "xl": "1280px"
173
+ },
174
+ "zIndex": {
175
+ "aura-menu": "var(--aura-z-menu)",
176
+ "aura-dialog": "var(--aura-z-dialog)",
177
+ "aura-toast": "var(--aura-z-toast)",
178
+ "aura-tooltip": "var(--aura-z-tooltip)"
179
+ },
180
+ "fontFamily": {
181
+ "display": [
182
+ "Fraunces",
183
+ "Noto Sans Thai",
184
+ "serif"
185
+ ],
186
+ "sans": [
187
+ "Inter",
188
+ "Noto Sans Thai",
189
+ "sans-serif"
190
+ ],
191
+ "mono": [
192
+ "JetBrains Mono",
193
+ "monospace"
194
+ ],
195
+ "thai": [
196
+ "Noto Sans Thai",
197
+ "sans-serif"
198
+ ]
199
+ }
200
+ };