@pandacss/studio 0.21.0 → 0.22.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 (64) hide show
  1. package/astro.config.mjs +3 -9
  2. package/dist/studio.d.mts +1 -1
  3. package/dist/studio.d.ts +1 -1
  4. package/dist/studio.js +38 -2050
  5. package/dist/studio.mjs +42 -2080
  6. package/package.json +11 -14
  7. package/src/components/sizes.tsx +4 -3
  8. package/styled-system/helpers.mjs +3 -1
  9. package/styled-system/jsx/aspect-ratio.mjs +2 -5
  10. package/styled-system/jsx/bleed.mjs +2 -5
  11. package/styled-system/jsx/box.mjs +3 -7
  12. package/styled-system/jsx/center.mjs +2 -5
  13. package/styled-system/jsx/circle.mjs +2 -5
  14. package/styled-system/jsx/container.mjs +3 -7
  15. package/styled-system/jsx/divider.mjs +2 -5
  16. package/styled-system/jsx/factory.mjs +1 -2
  17. package/styled-system/jsx/flex.mjs +2 -5
  18. package/styled-system/jsx/float.mjs +2 -5
  19. package/styled-system/jsx/grid-item.mjs +2 -5
  20. package/styled-system/jsx/grid.mjs +2 -5
  21. package/styled-system/jsx/hstack.mjs +2 -5
  22. package/styled-system/jsx/index.d.ts +0 -3
  23. package/styled-system/jsx/link-box.mjs +3 -7
  24. package/styled-system/jsx/link-overlay.mjs +3 -7
  25. package/styled-system/jsx/spacer.mjs +2 -5
  26. package/styled-system/jsx/square.mjs +2 -5
  27. package/styled-system/jsx/stack.mjs +2 -5
  28. package/styled-system/jsx/styled-link.mjs +3 -7
  29. package/styled-system/jsx/visually-hidden.mjs +3 -7
  30. package/styled-system/jsx/vstack.mjs +2 -5
  31. package/styled-system/jsx/wrap.mjs +2 -5
  32. package/styled-system/styles.css +1277 -542
  33. package/styled-system/types/conditions.d.ts +1 -1
  34. package/styled-system/types/csstype.d.ts +1270 -721
  35. package/styled-system/types/recipe.d.ts +9 -0
  36. package/styled-system/types/static-css.d.ts +39 -0
  37. package/styled-system/chunks/src__components__color-constrast.css +0 -106
  38. package/styled-system/chunks/src__components__color-wrapper.css +0 -58
  39. package/styled-system/chunks/src__components__colors.css +0 -106
  40. package/styled-system/chunks/src__components__empty-state.css +0 -46
  41. package/styled-system/chunks/src__components__font-family.css +0 -86
  42. package/styled-system/chunks/src__components__font-tokens.css +0 -62
  43. package/styled-system/chunks/src__components__input.css +0 -58
  44. package/styled-system/chunks/src__components__layer-styles.css +0 -63
  45. package/styled-system/chunks/src__components__nav-item.css +0 -57
  46. package/styled-system/chunks/src__components__overview.css +0 -122
  47. package/styled-system/chunks/src__components__radii.css +0 -50
  48. package/styled-system/chunks/src__components__semantic-color.css +0 -70
  49. package/styled-system/chunks/src__components__side-nav-item.css +0 -30
  50. package/styled-system/chunks/src__components__side-nav.css +0 -50
  51. package/styled-system/chunks/src__components__sizes.css +0 -42
  52. package/styled-system/chunks/src__components__text-styles.css +0 -32
  53. package/styled-system/chunks/src__components__theme-toggle.css +0 -62
  54. package/styled-system/chunks/src__components__token-content.css +0 -14
  55. package/styled-system/chunks/src__components__token-group.css +0 -22
  56. package/styled-system/chunks/src__components__typography-playground.css +0 -62
  57. package/styled-system/chunks/src__layouts__Sidebar.css +0 -114
  58. package/styled-system/global.css +0 -58
  59. package/styled-system/reset.css +0 -214
  60. package/styled-system/static.css +0 -5
  61. package/styled-system/tokens/index.css +0 -437
  62. package/styled-system/tokens/keyframes.css +0 -28
  63. package/styled-system/types/helpers.d.ts +0 -2
  64. package/virtual-panda.ts +0 -62
@@ -1,58 +0,0 @@
1
- @layer base {
2
- :root {
3
- --made-with-panda: '🐼'
4
- }
5
-
6
- *, *::before, *::after, ::backdrop {
7
- --blur: ;
8
- --brightness: ;
9
- --contrast: ;
10
- --grayscale: ;
11
- --hue-rotate: ;
12
- --invert: ;
13
- --saturate: ;
14
- --sepia: ;
15
- --drop-shadow: ;
16
- --backdrop-blur: ;
17
- --backdrop-brightness: ;
18
- --backdrop-contrast: ;
19
- --backdrop-grayscale: ;
20
- --backdrop-hue-rotate: ;
21
- --backdrop-invert: ;
22
- --backdrop-opacity: ;
23
- --backdrop-saturate: ;
24
- --backdrop-sepia: ;
25
- --scroll-snap-strictness: proximity;
26
- --border-spacing-x: 0;
27
- --border-spacing-y: 0;
28
- --translate-x: 0;
29
- --translate-y: 0;
30
- --rotate: 0;
31
- --skew-x: 0;
32
- --skew-y: 0;
33
- --scale-x: 1;
34
- --scale-y: 1
35
- }
36
-
37
- :root {
38
- --global-color-border: var(--colors-border);
39
- --global-color-placeholder: var(--colors-neutral-500);
40
- font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
41
- font-size: var(--font-sizes-md);
42
- line-height: var(--line-heights-normal);
43
- font-weight: var(--font-weights-normal);
44
- color-scheme: light dark;
45
- color: var(--colors-text);
46
- background: var(--colors-bg)
47
- }
48
-
49
- a {
50
- color: unset;
51
- text-decoration: none
52
- }
53
-
54
- body {
55
- margin: var(--spacing-0);
56
- min-height: 100vh
57
- }
58
- }
@@ -1,214 +0,0 @@
1
- @layer reset {
2
- * {
3
- margin: 0;
4
- padding: 0;
5
- font: inherit;
6
- }
7
-
8
- *,
9
- *::before,
10
- *::after {
11
- box-sizing: border-box;
12
- border-width: 0;
13
- border-style: solid;
14
- border-color: var(--global-color-border, currentColor);
15
- }
16
-
17
- html {
18
- line-height: 1.5;
19
- --font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
20
- 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
21
- 'Noto Color Emoji';
22
- -webkit-text-size-adjust: 100%;
23
- -webkit-font-smoothing: antialiased;
24
- -moz-osx-font-smoothing: grayscale;
25
- -moz-tab-size: 4;
26
- tab-size: 4;
27
- font-family: var(--global-font-body, var(--font-fallback));
28
- }
29
-
30
- hr {
31
- height: 0;
32
- color: inherit;
33
- border-top-width: 1px;
34
- }
35
-
36
- body {
37
- height: 100%;
38
- line-height: inherit;
39
- }
40
-
41
- img {
42
- border-style: none;
43
- }
44
-
45
- img,
46
- svg,
47
- video,
48
- canvas,
49
- audio,
50
- iframe,
51
- embed,
52
- object {
53
- display: block;
54
- vertical-align: middle;
55
- }
56
-
57
- img,
58
- video {
59
- max-width: 100%;
60
- height: auto;
61
- }
62
-
63
- p,
64
- h1,
65
- h2,
66
- h3,
67
- h4,
68
- h5,
69
- h6 {
70
- overflow-wrap: break-word;
71
- }
72
-
73
- ol,
74
- ul {
75
- list-style: none;
76
- }
77
-
78
- code,
79
- kbd,
80
- pre,
81
- samp {
82
- font-size: 1em;
83
- }
84
-
85
- button,
86
- [type='button'],
87
- [type='reset'],
88
- [type='submit'] {
89
- -webkit-appearance: button;
90
- background-color: transparent;
91
- background-image: none;
92
- }
93
-
94
- button,
95
- input,
96
- optgroup,
97
- select,
98
- textarea {
99
- color: inherit;
100
- }
101
-
102
- button,
103
- select {
104
- text-transform: none;
105
- }
106
-
107
- table {
108
- text-indent: 0;
109
- border-color: inherit;
110
- border-collapse: collapse;
111
- }
112
-
113
- input::placeholder,
114
- textarea::placeholder {
115
- opacity: 1;
116
- color: var(--global-color-placeholder, #9ca3af);
117
- }
118
-
119
- textarea {
120
- resize: vertical;
121
- }
122
-
123
- summary {
124
- display: list-item;
125
- }
126
-
127
- small {
128
- font-size: 80%;
129
- }
130
-
131
- sub,
132
- sup {
133
- font-size: 75%;
134
- line-height: 0;
135
- position: relative;
136
- vertical-align: baseline;
137
- }
138
-
139
- sub {
140
- bottom: -0.25em;
141
- }
142
-
143
- sup {
144
- top: -0.5em;
145
- }
146
-
147
- dialog {
148
- padding: 0;
149
- }
150
-
151
- a {
152
- color: inherit;
153
- text-decoration: inherit;
154
- }
155
-
156
- abbr:where([title]) {
157
- text-decoration: underline dotted;
158
- }
159
-
160
- b,
161
- strong {
162
- font-weight: bolder;
163
- }
164
-
165
- code,
166
- kbd,
167
- samp,
168
- pre {
169
- font-size: 1em;
170
- --font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New';
171
- font-family: var(--global-font-mono, var(--font-mono-fallback));
172
- }
173
-
174
-
175
- input[type="text"],
176
- input[type="email"],
177
- input[type="search"],
178
- input[type="password"] {
179
- -webkit-appearance: none;
180
- -moz-appearance: none;
181
- }
182
-
183
- input[type='search'] {
184
- -webkit-appearance: textfield;
185
- outline-offset: -2px;
186
- }
187
-
188
- ::-webkit-search-decoration,
189
- ::-webkit-search-cancel-button {
190
- -webkit-appearance: none;
191
- }
192
-
193
- ::-webkit-file-upload-button {
194
- -webkit-appearance: button;
195
- font: inherit;
196
- }
197
-
198
- input[type="number"]::-webkit-inner-spin-button,
199
- input[type="number"]::-webkit-outer-spin-button {
200
- height: auto;
201
- }
202
-
203
- input[type='number']{
204
- -moz-appearance: textfield;
205
- }
206
-
207
- :-moz-ui-invalid {
208
- box-shadow: none;
209
- }
210
-
211
- :-moz-focusring {
212
- outline: auto;
213
- }
214
- }
@@ -1,5 +0,0 @@
1
- @layer utilities {
2
- .text_red\.400 {
3
- color: var(--colors-red-400)
4
- }
5
- }
@@ -1,437 +0,0 @@
1
- @layer tokens {
2
- :where(:root, :host) {
3
- --borders-none: none;
4
- --easings-default: cubic-bezier(0.4, 0, 0.2, 1);
5
- --easings-linear: linear;
6
- --easings-in: cubic-bezier(0.4, 0, 1, 1);
7
- --easings-out: cubic-bezier(0, 0, 0.2, 1);
8
- --easings-in-out: cubic-bezier(0.4, 0, 0.2, 1);
9
- --durations-fastest: 50ms;
10
- --durations-faster: 100ms;
11
- --durations-fast: 150ms;
12
- --durations-normal: 200ms;
13
- --durations-slow: 300ms;
14
- --durations-slower: 400ms;
15
- --durations-slowest: 500ms;
16
- --radii-xs: 0.125rem;
17
- --radii-sm: 0.25rem;
18
- --radii-md: 0.375rem;
19
- --radii-lg: 0.5rem;
20
- --radii-xl: 0.75rem;
21
- --radii-2xl: 1rem;
22
- --radii-3xl: 1.5rem;
23
- --radii-full: 9999px;
24
- --font-weights-thin: 100;
25
- --font-weights-extralight: 200;
26
- --font-weights-light: 300;
27
- --font-weights-normal: 400;
28
- --font-weights-medium: 500;
29
- --font-weights-semibold: 600;
30
- --font-weights-bold: 700;
31
- --font-weights-extrabold: 800;
32
- --font-weights-black: 900;
33
- --line-heights-none: 1;
34
- --line-heights-tight: 1.25;
35
- --line-heights-snug: 1.375;
36
- --line-heights-normal: 1.5;
37
- --line-heights-relaxed: 1.625;
38
- --line-heights-loose: 2;
39
- --fonts-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
40
- --fonts-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
41
- --fonts-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
42
- --letter-spacings-tighter: -0.05em;
43
- --letter-spacings-tight: -0.025em;
44
- --letter-spacings-normal: 0em;
45
- --letter-spacings-wide: 0.025em;
46
- --letter-spacings-wider: 0.05em;
47
- --letter-spacings-widest: 0.1em;
48
- --font-sizes-2xs: 0.5rem;
49
- --font-sizes-xs: 0.75rem;
50
- --font-sizes-sm: 0.875rem;
51
- --font-sizes-md: 1rem;
52
- --font-sizes-lg: 1.125rem;
53
- --font-sizes-xl: 1.25rem;
54
- --font-sizes-2xl: 1.5rem;
55
- --font-sizes-3xl: 1.875rem;
56
- --font-sizes-4xl: 2.25rem;
57
- --font-sizes-5xl: 3rem;
58
- --font-sizes-6xl: 3.75rem;
59
- --font-sizes-7xl: 4.5rem;
60
- --font-sizes-8xl: 6rem;
61
- --font-sizes-9xl: 8rem;
62
- --shadows-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
63
- --shadows-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
64
- --shadows-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
65
- --shadows-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
66
- --shadows-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
67
- --shadows-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
68
- --shadows-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
69
- --blurs-sm: 4px;
70
- --blurs-base: 8px;
71
- --blurs-md: 12px;
72
- --blurs-lg: 16px;
73
- --blurs-xl: 24px;
74
- --blurs-2xl: 40px;
75
- --blurs-3xl: 64px;
76
- --spacing-0: 0rem;
77
- --spacing-1: 0.25rem;
78
- --spacing-2: 0.5rem;
79
- --spacing-3: 0.75rem;
80
- --spacing-4: 1rem;
81
- --spacing-5: 1.25rem;
82
- --spacing-6: 1.5rem;
83
- --spacing-7: 1.75rem;
84
- --spacing-8: 2rem;
85
- --spacing-9: 2.25rem;
86
- --spacing-10: 2.5rem;
87
- --spacing-11: 2.75rem;
88
- --spacing-12: 3rem;
89
- --spacing-14: 3.5rem;
90
- --spacing-16: 4rem;
91
- --spacing-20: 5rem;
92
- --spacing-24: 6rem;
93
- --spacing-28: 7rem;
94
- --spacing-32: 8rem;
95
- --spacing-36: 9rem;
96
- --spacing-40: 10rem;
97
- --spacing-44: 11rem;
98
- --spacing-48: 12rem;
99
- --spacing-52: 13rem;
100
- --spacing-56: 14rem;
101
- --spacing-60: 15rem;
102
- --spacing-64: 16rem;
103
- --spacing-72: 18rem;
104
- --spacing-80: 20rem;
105
- --spacing-96: 24rem;
106
- --spacing-0\.5: 0.125rem;
107
- --spacing-1\.5: 0.375rem;
108
- --spacing-2\.5: 0.625rem;
109
- --spacing-3\.5: 0.875rem;
110
- --sizes-0: 0rem;
111
- --sizes-1: 0.25rem;
112
- --sizes-2: 0.5rem;
113
- --sizes-3: 0.75rem;
114
- --sizes-4: 1rem;
115
- --sizes-5: 1.25rem;
116
- --sizes-6: 1.5rem;
117
- --sizes-7: 1.75rem;
118
- --sizes-8: 2rem;
119
- --sizes-9: 2.25rem;
120
- --sizes-10: 2.5rem;
121
- --sizes-11: 2.75rem;
122
- --sizes-12: 3rem;
123
- --sizes-14: 3.5rem;
124
- --sizes-16: 4rem;
125
- --sizes-20: 5rem;
126
- --sizes-24: 6rem;
127
- --sizes-28: 7rem;
128
- --sizes-32: 8rem;
129
- --sizes-36: 9rem;
130
- --sizes-40: 10rem;
131
- --sizes-44: 11rem;
132
- --sizes-48: 12rem;
133
- --sizes-52: 13rem;
134
- --sizes-56: 14rem;
135
- --sizes-60: 15rem;
136
- --sizes-64: 16rem;
137
- --sizes-72: 18rem;
138
- --sizes-80: 20rem;
139
- --sizes-96: 24rem;
140
- --sizes-0\.5: 0.125rem;
141
- --sizes-1\.5: 0.375rem;
142
- --sizes-2\.5: 0.625rem;
143
- --sizes-3\.5: 0.875rem;
144
- --sizes-xs: 20rem;
145
- --sizes-sm: 24rem;
146
- --sizes-md: 28rem;
147
- --sizes-lg: 32rem;
148
- --sizes-xl: 36rem;
149
- --sizes-2xl: 42rem;
150
- --sizes-3xl: 48rem;
151
- --sizes-4xl: 56rem;
152
- --sizes-5xl: 64rem;
153
- --sizes-6xl: 72rem;
154
- --sizes-7xl: 80rem;
155
- --sizes-8xl: 90rem;
156
- --sizes-prose: 65ch;
157
- --sizes-full: 100%;
158
- --sizes-min: min-content;
159
- --sizes-max: max-content;
160
- --sizes-fit: fit-content;
161
- --sizes-breakpoint-sm: 640px;
162
- --sizes-breakpoint-md: 768px;
163
- --sizes-breakpoint-lg: 1024px;
164
- --sizes-breakpoint-xl: 1280px;
165
- --sizes-breakpoint-2xl: 1536px;
166
- --animations-spin: spin 1s linear infinite;
167
- --animations-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
168
- --animations-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
169
- --animations-bounce: bounce 1s infinite;
170
- --colors-current: currentColor;
171
- --colors-black: #000;
172
- --colors-white: #fff;
173
- --colors-transparent: rgb(0 0 0 / 0);
174
- --colors-rose-50: #fff1f2;
175
- --colors-rose-100: #ffe4e6;
176
- --colors-rose-200: #fecdd3;
177
- --colors-rose-300: #fda4af;
178
- --colors-rose-400: #fb7185;
179
- --colors-rose-500: #f43f5e;
180
- --colors-rose-600: #e11d48;
181
- --colors-rose-700: #be123c;
182
- --colors-rose-800: #9f1239;
183
- --colors-rose-900: #881337;
184
- --colors-rose-950: #4c0519;
185
- --colors-pink-50: #fdf2f8;
186
- --colors-pink-100: #fce7f3;
187
- --colors-pink-200: #fbcfe8;
188
- --colors-pink-300: #f9a8d4;
189
- --colors-pink-400: #f472b6;
190
- --colors-pink-500: #ec4899;
191
- --colors-pink-600: #db2777;
192
- --colors-pink-700: #be185d;
193
- --colors-pink-800: #9d174d;
194
- --colors-pink-900: #831843;
195
- --colors-pink-950: #500724;
196
- --colors-fuchsia-50: #fdf4ff;
197
- --colors-fuchsia-100: #fae8ff;
198
- --colors-fuchsia-200: #f5d0fe;
199
- --colors-fuchsia-300: #f0abfc;
200
- --colors-fuchsia-400: #e879f9;
201
- --colors-fuchsia-500: #d946ef;
202
- --colors-fuchsia-600: #c026d3;
203
- --colors-fuchsia-700: #a21caf;
204
- --colors-fuchsia-800: #86198f;
205
- --colors-fuchsia-900: #701a75;
206
- --colors-fuchsia-950: #4a044e;
207
- --colors-purple-50: #faf5ff;
208
- --colors-purple-100: #f3e8ff;
209
- --colors-purple-200: #e9d5ff;
210
- --colors-purple-300: #d8b4fe;
211
- --colors-purple-400: #c084fc;
212
- --colors-purple-500: #a855f7;
213
- --colors-purple-600: #9333ea;
214
- --colors-purple-700: #7e22ce;
215
- --colors-purple-800: #6b21a8;
216
- --colors-purple-900: #581c87;
217
- --colors-purple-950: #3b0764;
218
- --colors-violet-50: #f5f3ff;
219
- --colors-violet-100: #ede9fe;
220
- --colors-violet-200: #ddd6fe;
221
- --colors-violet-300: #c4b5fd;
222
- --colors-violet-400: #a78bfa;
223
- --colors-violet-500: #8b5cf6;
224
- --colors-violet-600: #7c3aed;
225
- --colors-violet-700: #6d28d9;
226
- --colors-violet-800: #5b21b6;
227
- --colors-violet-900: #4c1d95;
228
- --colors-violet-950: #2e1065;
229
- --colors-indigo-50: #eef2ff;
230
- --colors-indigo-100: #e0e7ff;
231
- --colors-indigo-200: #c7d2fe;
232
- --colors-indigo-300: #a5b4fc;
233
- --colors-indigo-400: #818cf8;
234
- --colors-indigo-500: #6366f1;
235
- --colors-indigo-600: #4f46e5;
236
- --colors-indigo-700: #4338ca;
237
- --colors-indigo-800: #3730a3;
238
- --colors-indigo-900: #312e81;
239
- --colors-indigo-950: #1e1b4b;
240
- --colors-blue-50: #eff6ff;
241
- --colors-blue-100: #dbeafe;
242
- --colors-blue-200: #bfdbfe;
243
- --colors-blue-300: #93c5fd;
244
- --colors-blue-400: #60a5fa;
245
- --colors-blue-500: #3b82f6;
246
- --colors-blue-600: #2563eb;
247
- --colors-blue-700: #1d4ed8;
248
- --colors-blue-800: #1e40af;
249
- --colors-blue-900: #1e3a8a;
250
- --colors-blue-950: #172554;
251
- --colors-sky-50: #f0f9ff;
252
- --colors-sky-100: #e0f2fe;
253
- --colors-sky-200: #bae6fd;
254
- --colors-sky-300: #7dd3fc;
255
- --colors-sky-400: #38bdf8;
256
- --colors-sky-500: #0ea5e9;
257
- --colors-sky-600: #0284c7;
258
- --colors-sky-700: #0369a1;
259
- --colors-sky-800: #075985;
260
- --colors-sky-900: #0c4a6e;
261
- --colors-sky-950: #082f49;
262
- --colors-cyan-50: #ecfeff;
263
- --colors-cyan-100: #cffafe;
264
- --colors-cyan-200: #a5f3fc;
265
- --colors-cyan-300: #67e8f9;
266
- --colors-cyan-400: #22d3ee;
267
- --colors-cyan-500: #06b6d4;
268
- --colors-cyan-600: #0891b2;
269
- --colors-cyan-700: #0e7490;
270
- --colors-cyan-800: #155e75;
271
- --colors-cyan-900: #164e63;
272
- --colors-cyan-950: #083344;
273
- --colors-teal-50: #f0fdfa;
274
- --colors-teal-100: #ccfbf1;
275
- --colors-teal-200: #99f6e4;
276
- --colors-teal-300: #5eead4;
277
- --colors-teal-400: #2dd4bf;
278
- --colors-teal-500: #14b8a6;
279
- --colors-teal-600: #0d9488;
280
- --colors-teal-700: #0f766e;
281
- --colors-teal-800: #115e59;
282
- --colors-teal-900: #134e4a;
283
- --colors-teal-950: #042f2e;
284
- --colors-emerald-50: #ecfdf5;
285
- --colors-emerald-100: #d1fae5;
286
- --colors-emerald-200: #a7f3d0;
287
- --colors-emerald-300: #6ee7b7;
288
- --colors-emerald-400: #34d399;
289
- --colors-emerald-500: #10b981;
290
- --colors-emerald-600: #059669;
291
- --colors-emerald-700: #047857;
292
- --colors-emerald-800: #065f46;
293
- --colors-emerald-900: #064e3b;
294
- --colors-emerald-950: #022c22;
295
- --colors-green-50: #f0fdf4;
296
- --colors-green-100: #dcfce7;
297
- --colors-green-200: #bbf7d0;
298
- --colors-green-300: #86efac;
299
- --colors-green-400: #4ade80;
300
- --colors-green-500: #22c55e;
301
- --colors-green-600: #16a34a;
302
- --colors-green-700: #15803d;
303
- --colors-green-800: #166534;
304
- --colors-green-900: #14532d;
305
- --colors-green-950: #052e16;
306
- --colors-lime-50: #f7fee7;
307
- --colors-lime-100: #ecfccb;
308
- --colors-lime-200: #d9f99d;
309
- --colors-lime-300: #bef264;
310
- --colors-lime-400: #a3e635;
311
- --colors-lime-500: #84cc16;
312
- --colors-lime-600: #65a30d;
313
- --colors-lime-700: #4d7c0f;
314
- --colors-lime-800: #3f6212;
315
- --colors-lime-900: #365314;
316
- --colors-lime-950: #1a2e05;
317
- --colors-yellow-50: #fefce8;
318
- --colors-yellow-100: #fef9c3;
319
- --colors-yellow-200: #fef08a;
320
- --colors-yellow-300: #fde047;
321
- --colors-yellow-400: #facc15;
322
- --colors-yellow-500: #eab308;
323
- --colors-yellow-600: #ca8a04;
324
- --colors-yellow-700: #a16207;
325
- --colors-yellow-800: #854d0e;
326
- --colors-yellow-900: #713f12;
327
- --colors-yellow-950: #422006;
328
- --colors-amber-50: #fffbeb;
329
- --colors-amber-100: #fef3c7;
330
- --colors-amber-200: #fde68a;
331
- --colors-amber-300: #fcd34d;
332
- --colors-amber-400: #fbbf24;
333
- --colors-amber-500: #f59e0b;
334
- --colors-amber-600: #d97706;
335
- --colors-amber-700: #b45309;
336
- --colors-amber-800: #92400e;
337
- --colors-amber-900: #78350f;
338
- --colors-amber-950: #451a03;
339
- --colors-orange-50: #fff7ed;
340
- --colors-orange-100: #ffedd5;
341
- --colors-orange-200: #fed7aa;
342
- --colors-orange-300: #fdba74;
343
- --colors-orange-400: #fb923c;
344
- --colors-orange-500: #f97316;
345
- --colors-orange-600: #ea580c;
346
- --colors-orange-700: #c2410c;
347
- --colors-orange-800: #9a3412;
348
- --colors-orange-900: #7c2d12;
349
- --colors-orange-950: #431407;
350
- --colors-red-50: #fef2f2;
351
- --colors-red-100: #fee2e2;
352
- --colors-red-200: #fecaca;
353
- --colors-red-300: #fca5a5;
354
- --colors-red-400: #f87171;
355
- --colors-red-500: #ef4444;
356
- --colors-red-600: #dc2626;
357
- --colors-red-700: #b91c1c;
358
- --colors-red-800: #991b1b;
359
- --colors-red-900: #7f1d1d;
360
- --colors-red-950: #450a0a;
361
- --colors-stone-50: #fafaf9;
362
- --colors-stone-100: #f5f5f4;
363
- --colors-stone-200: #e7e5e4;
364
- --colors-stone-300: #d6d3d1;
365
- --colors-stone-400: #a8a29e;
366
- --colors-stone-500: #78716c;
367
- --colors-stone-600: #57534e;
368
- --colors-stone-700: #44403c;
369
- --colors-stone-800: #292524;
370
- --colors-stone-900: #1c1917;
371
- --colors-stone-950: #0c0a09;
372
- --colors-zinc-50: #fafafa;
373
- --colors-zinc-100: #f4f4f5;
374
- --colors-zinc-200: #e4e4e7;
375
- --colors-zinc-300: #d4d4d8;
376
- --colors-zinc-400: #a1a1aa;
377
- --colors-zinc-500: #71717a;
378
- --colors-zinc-600: #52525b;
379
- --colors-zinc-700: #3f3f46;
380
- --colors-zinc-800: #27272a;
381
- --colors-zinc-900: #18181b;
382
- --colors-zinc-950: #09090b;
383
- --colors-gray-50: #f9fafb;
384
- --colors-gray-100: #f3f4f6;
385
- --colors-gray-200: #e5e7eb;
386
- --colors-gray-300: #d1d5db;
387
- --colors-gray-400: #9ca3af;
388
- --colors-gray-500: #6b7280;
389
- --colors-gray-600: #4b5563;
390
- --colors-gray-700: #374151;
391
- --colors-gray-800: #1f2937;
392
- --colors-gray-900: #111827;
393
- --colors-gray-950: #030712;
394
- --colors-slate-50: #f8fafc;
395
- --colors-slate-100: #f1f5f9;
396
- --colors-slate-200: #e2e8f0;
397
- --colors-slate-300: #cbd5e1;
398
- --colors-slate-400: #94a3b8;
399
- --colors-slate-500: #64748b;
400
- --colors-slate-600: #475569;
401
- --colors-slate-700: #334155;
402
- --colors-slate-800: #1e293b;
403
- --colors-slate-900: #0f172a;
404
- --colors-slate-950: #020617;
405
- --colors-neutral-50: #fafafa;
406
- --colors-neutral-100: #f5f5f5;
407
- --colors-neutral-200: #e5e5e5;
408
- --colors-neutral-300: #d4d4d4;
409
- --colors-neutral-400: #a3a3a3;
410
- --colors-neutral-500: #737373;
411
- --colors-neutral-600: #525252;
412
- --colors-neutral-700: #404040;
413
- --colors-neutral-800: #262626;
414
- --colors-neutral-900: #171717;
415
- --colors-neutral-950: #0a0a0a;
416
- --assets-check: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%200H3V3H0V0Z%22%20fill%3D%22%23E1E1E1%22/%3E%3Cpath%20d%3D%22M3%200H6V3H3V0Z%22%20fill%3D%22white%22/%3E%3Cpath%20d%3D%22M3%203H6V6H3V3Z%22%20fill%3D%22%23E1E1E1%22/%3E%3Cpath%20d%3D%22M0%203H3V6H0V3Z%22%20fill%3D%22white%22/%3E%3C/svg%3E%0A');
417
- --breakpoints-sm: 640px;
418
- --breakpoints-md: 768px;
419
- --breakpoints-lg: 1024px;
420
- --breakpoints-xl: 1280px;
421
- --breakpoints-2xl: 1536px;
422
- --shadows-inset: inset 0 0 0 1px rgba(0,0,0,0.1);
423
- --colors-text: var(--colors-black);
424
- --colors-bg: var(--colors-white);
425
- --colors-card: var(--colors-neutral-200);
426
- --colors-border: var(--colors-neutral-300)
427
- }
428
-
429
- .dark {
430
- --shadows-inset: inset 0 0 0 1px rgba(255,255,255,0.2);
431
- --colors-text: var(--colors-neutral-200);
432
- --colors-bg: var(--colors-neutral-900);
433
- --colors-card: var(--colors-neutral-800);
434
- --colors-border: var(--colors-neutral-700)
435
- }
436
- }
437
-