@upstart.gg/style-system 0.0.26 → 0.0.28

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 CHANGED
@@ -1,5 +1,17 @@
1
1
  # @upstart.gg/style-system
2
2
 
3
+ ## 0.0.28
4
+
5
+ ### Patch Changes
6
+
7
+ - [`7e505d1`](https://github.com/enpage/enpage/commit/7e505d1c9ac7cb57be895feafb5b5e47015ae0a2) Thanks [@mattallty](https://github.com/mattallty)! - twind.config -> twind-config
8
+
9
+ ## 0.0.27
10
+
11
+ ### Patch Changes
12
+
13
+ - [#234](https://github.com/enpage/enpage/pull/234) [`80bfe1f`](https://github.com/enpage/enpage/commit/80bfe1f4f628ac4baca17bac5f9fd94387d656dc) Thanks [@mattallty](https://github.com/mattallty)! - Rework style system
14
+
3
15
  ## 0.0.26
4
16
 
5
17
  ### Patch Changes
@@ -0,0 +1,249 @@
1
+ export declare const colors: {
2
+ inherit: string;
3
+ current: string;
4
+ transparent: string;
5
+ black: string;
6
+ white: string;
7
+ "slate-50": string;
8
+ "slate-100": string;
9
+ "slate-200": string;
10
+ "slate-300": string;
11
+ "slate-400": string;
12
+ "slate-500": string;
13
+ "slate-600": string;
14
+ "slate-700": string;
15
+ "slate-800": string;
16
+ "slate-900": string;
17
+ "slate-950": string;
18
+ "gray-50": string;
19
+ "gray-100": string;
20
+ "gray-200": string;
21
+ "gray-300": string;
22
+ "gray-400": string;
23
+ "gray-500": string;
24
+ "gray-600": string;
25
+ "gray-700": string;
26
+ "gray-800": string;
27
+ "gray-900": string;
28
+ "gray-950": string;
29
+ "zinc-50": string;
30
+ "zinc-100": string;
31
+ "zinc-200": string;
32
+ "zinc-300": string;
33
+ "zinc-400": string;
34
+ "zinc-500": string;
35
+ "zinc-600": string;
36
+ "zinc-700": string;
37
+ "zinc-800": string;
38
+ "zinc-900": string;
39
+ "zinc-950": string;
40
+ "neutral-50": string;
41
+ "neutral-100": string;
42
+ "neutral-200": string;
43
+ "neutral-300": string;
44
+ "neutral-400": string;
45
+ "neutral-500": string;
46
+ "neutral-600": string;
47
+ "neutral-700": string;
48
+ "neutral-800": string;
49
+ "neutral-900": string;
50
+ "neutral-950": string;
51
+ "stone-50": string;
52
+ "stone-100": string;
53
+ "stone-200": string;
54
+ "stone-300": string;
55
+ "stone-400": string;
56
+ "stone-500": string;
57
+ "stone-600": string;
58
+ "stone-700": string;
59
+ "stone-800": string;
60
+ "stone-900": string;
61
+ "stone-950": string;
62
+ "red-50": string;
63
+ "red-100": string;
64
+ "red-200": string;
65
+ "red-300": string;
66
+ "red-400": string;
67
+ "red-500": string;
68
+ "red-600": string;
69
+ "red-700": string;
70
+ "red-800": string;
71
+ "red-900": string;
72
+ "red-950": string;
73
+ "orange-50": string;
74
+ "orange-100": string;
75
+ "orange-200": string;
76
+ "orange-300": string;
77
+ "orange-400": string;
78
+ "orange-500": string;
79
+ "orange-600": string;
80
+ "orange-700": string;
81
+ "orange-800": string;
82
+ "orange-900": string;
83
+ "orange-950": string;
84
+ "amber-50": string;
85
+ "amber-100": string;
86
+ "amber-200": string;
87
+ "amber-300": string;
88
+ "amber-400": string;
89
+ "amber-500": string;
90
+ "amber-600": string;
91
+ "amber-700": string;
92
+ "amber-800": string;
93
+ "amber-900": string;
94
+ "amber-950": string;
95
+ "yellow-50": string;
96
+ "yellow-100": string;
97
+ "yellow-200": string;
98
+ "yellow-300": string;
99
+ "yellow-400": string;
100
+ "yellow-500": string;
101
+ "yellow-600": string;
102
+ "yellow-700": string;
103
+ "yellow-800": string;
104
+ "yellow-900": string;
105
+ "yellow-950": string;
106
+ "lime-50": string;
107
+ "lime-100": string;
108
+ "lime-200": string;
109
+ "lime-300": string;
110
+ "lime-400": string;
111
+ "lime-500": string;
112
+ "lime-600": string;
113
+ "lime-700": string;
114
+ "lime-800": string;
115
+ "lime-900": string;
116
+ "lime-950": string;
117
+ "green-50": string;
118
+ "green-100": string;
119
+ "green-200": string;
120
+ "green-300": string;
121
+ "green-400": string;
122
+ "green-500": string;
123
+ "green-600": string;
124
+ "green-700": string;
125
+ "green-800": string;
126
+ "green-900": string;
127
+ "green-950": string;
128
+ "emerald-50": string;
129
+ "emerald-100": string;
130
+ "emerald-200": string;
131
+ "emerald-300": string;
132
+ "emerald-400": string;
133
+ "emerald-500": string;
134
+ "emerald-600": string;
135
+ "emerald-700": string;
136
+ "emerald-800": string;
137
+ "emerald-900": string;
138
+ "emerald-950": string;
139
+ "teal-50": string;
140
+ "teal-100": string;
141
+ "teal-200": string;
142
+ "teal-300": string;
143
+ "teal-400": string;
144
+ "teal-500": string;
145
+ "teal-600": string;
146
+ "teal-700": string;
147
+ "teal-800": string;
148
+ "teal-900": string;
149
+ "teal-950": string;
150
+ "cyan-50": string;
151
+ "cyan-100": string;
152
+ "cyan-200": string;
153
+ "cyan-300": string;
154
+ "cyan-400": string;
155
+ "cyan-500": string;
156
+ "cyan-600": string;
157
+ "cyan-700": string;
158
+ "cyan-800": string;
159
+ "cyan-900": string;
160
+ "cyan-950": string;
161
+ "sky-50": string;
162
+ "sky-100": string;
163
+ "sky-200": string;
164
+ "sky-300": string;
165
+ "sky-400": string;
166
+ "sky-500": string;
167
+ "sky-600": string;
168
+ "sky-700": string;
169
+ "sky-800": string;
170
+ "sky-900": string;
171
+ "sky-950": string;
172
+ "blue-50": string;
173
+ "blue-100": string;
174
+ "blue-200": string;
175
+ "blue-300": string;
176
+ "blue-400": string;
177
+ "blue-500": string;
178
+ "blue-600": string;
179
+ "blue-700": string;
180
+ "blue-800": string;
181
+ "blue-900": string;
182
+ "blue-950": string;
183
+ "indigo-50": string;
184
+ "indigo-100": string;
185
+ "indigo-200": string;
186
+ "indigo-300": string;
187
+ "indigo-400": string;
188
+ "indigo-500": string;
189
+ "indigo-600": string;
190
+ "indigo-700": string;
191
+ "indigo-800": string;
192
+ "indigo-900": string;
193
+ "indigo-950": string;
194
+ "violet-50": string;
195
+ "violet-100": string;
196
+ "violet-200": string;
197
+ "violet-300": string;
198
+ "violet-400": string;
199
+ "violet-500": string;
200
+ "violet-600": string;
201
+ "violet-700": string;
202
+ "violet-800": string;
203
+ "violet-900": string;
204
+ "violet-950": string;
205
+ "purple-50": string;
206
+ "purple-100": string;
207
+ "purple-200": string;
208
+ "purple-300": string;
209
+ "purple-400": string;
210
+ "purple-500": string;
211
+ "purple-600": string;
212
+ "purple-700": string;
213
+ "purple-800": string;
214
+ "purple-900": string;
215
+ "purple-950": string;
216
+ "fuchsia-50": string;
217
+ "fuchsia-100": string;
218
+ "fuchsia-200": string;
219
+ "fuchsia-300": string;
220
+ "fuchsia-400": string;
221
+ "fuchsia-500": string;
222
+ "fuchsia-600": string;
223
+ "fuchsia-700": string;
224
+ "fuchsia-800": string;
225
+ "fuchsia-900": string;
226
+ "fuchsia-950": string;
227
+ "pink-50": string;
228
+ "pink-100": string;
229
+ "pink-200": string;
230
+ "pink-300": string;
231
+ "pink-400": string;
232
+ "pink-500": string;
233
+ "pink-600": string;
234
+ "pink-700": string;
235
+ "pink-800": string;
236
+ "pink-900": string;
237
+ "pink-950": string;
238
+ "rose-50": string;
239
+ "rose-100": string;
240
+ "rose-200": string;
241
+ "rose-300": string;
242
+ "rose-400": string;
243
+ "rose-500": string;
244
+ "rose-600": string;
245
+ "rose-700": string;
246
+ "rose-800": string;
247
+ "rose-900": string;
248
+ "rose-950": string;
249
+ };
package/dist/colors.js ADDED
@@ -0,0 +1,249 @@
1
+ export const colors = {
2
+ inherit: "inherit",
3
+ current: "currentColor",
4
+ transparent: "transparent",
5
+ black: "#000",
6
+ white: "#fff",
7
+ "slate-50": "#f8fafc",
8
+ "slate-100": "#f1f5f9",
9
+ "slate-200": "#e2e8f0",
10
+ "slate-300": "#cbd5e1",
11
+ "slate-400": "#94a3b8",
12
+ "slate-500": "#64748b",
13
+ "slate-600": "#475569",
14
+ "slate-700": "#334155",
15
+ "slate-800": "#1e293b",
16
+ "slate-900": "#0f172a",
17
+ "slate-950": "#020617",
18
+ "gray-50": "#f9fafb",
19
+ "gray-100": "#f3f4f6",
20
+ "gray-200": "#e5e7eb",
21
+ "gray-300": "#d1d5db",
22
+ "gray-400": "#9ca3af",
23
+ "gray-500": "#6b7280",
24
+ "gray-600": "#4b5563",
25
+ "gray-700": "#374151",
26
+ "gray-800": "#1f2937",
27
+ "gray-900": "#111827",
28
+ "gray-950": "#030712",
29
+ "zinc-50": "#fafafa",
30
+ "zinc-100": "#f4f4f5",
31
+ "zinc-200": "#e4e4e7",
32
+ "zinc-300": "#d4d4d8",
33
+ "zinc-400": "#a1a1aa",
34
+ "zinc-500": "#71717a",
35
+ "zinc-600": "#52525b",
36
+ "zinc-700": "#3f3f46",
37
+ "zinc-800": "#27272a",
38
+ "zinc-900": "#18181b",
39
+ "zinc-950": "#09090b",
40
+ "neutral-50": "#fafafa",
41
+ "neutral-100": "#f5f5f5",
42
+ "neutral-200": "#e5e5e5",
43
+ "neutral-300": "#d4d4d4",
44
+ "neutral-400": "#a3a3a3",
45
+ "neutral-500": "#737373",
46
+ "neutral-600": "#525252",
47
+ "neutral-700": "#404040",
48
+ "neutral-800": "#262626",
49
+ "neutral-900": "#171717",
50
+ "neutral-950": "#0a0a0a",
51
+ "stone-50": "#fafaf9",
52
+ "stone-100": "#f5f5f4",
53
+ "stone-200": "#e7e5e4",
54
+ "stone-300": "#d6d3d1",
55
+ "stone-400": "#a8a29e",
56
+ "stone-500": "#78716c",
57
+ "stone-600": "#57534e",
58
+ "stone-700": "#44403c",
59
+ "stone-800": "#292524",
60
+ "stone-900": "#1c1917",
61
+ "stone-950": "#0c0a09",
62
+ "red-50": "#fef2f2",
63
+ "red-100": "#fee2e2",
64
+ "red-200": "#fecaca",
65
+ "red-300": "#fca5a5",
66
+ "red-400": "#f87171",
67
+ "red-500": "#ef4444",
68
+ "red-600": "#dc2626",
69
+ "red-700": "#b91c1c",
70
+ "red-800": "#991b1b",
71
+ "red-900": "#7f1d1d",
72
+ "red-950": "#450a0a",
73
+ "orange-50": "#fff7ed",
74
+ "orange-100": "#ffedd5",
75
+ "orange-200": "#fed7aa",
76
+ "orange-300": "#fdba74",
77
+ "orange-400": "#fb923c",
78
+ "orange-500": "#f97316",
79
+ "orange-600": "#ea580c",
80
+ "orange-700": "#c2410c",
81
+ "orange-800": "#9a3412",
82
+ "orange-900": "#7c2d12",
83
+ "orange-950": "#431407",
84
+ "amber-50": "#fffbeb",
85
+ "amber-100": "#fef3c7",
86
+ "amber-200": "#fde68a",
87
+ "amber-300": "#fcd34d",
88
+ "amber-400": "#fbbf24",
89
+ "amber-500": "#f59e0b",
90
+ "amber-600": "#d97706",
91
+ "amber-700": "#b45309",
92
+ "amber-800": "#92400e",
93
+ "amber-900": "#78350f",
94
+ "amber-950": "#451a03",
95
+ "yellow-50": "#fefce8",
96
+ "yellow-100": "#fef9c3",
97
+ "yellow-200": "#fef08a",
98
+ "yellow-300": "#fde047",
99
+ "yellow-400": "#facc15",
100
+ "yellow-500": "#eab308",
101
+ "yellow-600": "#ca8a04",
102
+ "yellow-700": "#a16207",
103
+ "yellow-800": "#854d0e",
104
+ "yellow-900": "#713f12",
105
+ "yellow-950": "#422006",
106
+ "lime-50": "#f7fee7",
107
+ "lime-100": "#ecfccb",
108
+ "lime-200": "#d9f99d",
109
+ "lime-300": "#bef264",
110
+ "lime-400": "#a3e635",
111
+ "lime-500": "#84cc16",
112
+ "lime-600": "#65a30d",
113
+ "lime-700": "#4d7c0f",
114
+ "lime-800": "#3f6212",
115
+ "lime-900": "#365314",
116
+ "lime-950": "#1a2e05",
117
+ "green-50": "#f0fdf4",
118
+ "green-100": "#dcfce7",
119
+ "green-200": "#bbf7d0",
120
+ "green-300": "#86efac",
121
+ "green-400": "#4ade80",
122
+ "green-500": "#22c55e",
123
+ "green-600": "#16a34a",
124
+ "green-700": "#15803d",
125
+ "green-800": "#166534",
126
+ "green-900": "#14532d",
127
+ "green-950": "#052e16",
128
+ "emerald-50": "#ecfdf5",
129
+ "emerald-100": "#d1fae5",
130
+ "emerald-200": "#a7f3d0",
131
+ "emerald-300": "#6ee7b7",
132
+ "emerald-400": "#34d399",
133
+ "emerald-500": "#10b981",
134
+ "emerald-600": "#059669",
135
+ "emerald-700": "#047857",
136
+ "emerald-800": "#065f46",
137
+ "emerald-900": "#064e3b",
138
+ "emerald-950": "#022c22",
139
+ "teal-50": "#f0fdfa",
140
+ "teal-100": "#ccfbf1",
141
+ "teal-200": "#99f6e4",
142
+ "teal-300": "#5eead4",
143
+ "teal-400": "#2dd4bf",
144
+ "teal-500": "#14b8a6",
145
+ "teal-600": "#0d9488",
146
+ "teal-700": "#0f766e",
147
+ "teal-800": "#115e59",
148
+ "teal-900": "#134e4a",
149
+ "teal-950": "#042f2e",
150
+ "cyan-50": "#ecfeff",
151
+ "cyan-100": "#cffafe",
152
+ "cyan-200": "#a5f3fc",
153
+ "cyan-300": "#67e8f9",
154
+ "cyan-400": "#22d3ee",
155
+ "cyan-500": "#06b6d4",
156
+ "cyan-600": "#0891b2",
157
+ "cyan-700": "#0e7490",
158
+ "cyan-800": "#155e75",
159
+ "cyan-900": "#164e63",
160
+ "cyan-950": "#083344",
161
+ "sky-50": "#f0f9ff",
162
+ "sky-100": "#e0f2fe",
163
+ "sky-200": "#bae6fd",
164
+ "sky-300": "#7dd3fc",
165
+ "sky-400": "#38bdf8",
166
+ "sky-500": "#0ea5e9",
167
+ "sky-600": "#0284c7",
168
+ "sky-700": "#0369a1",
169
+ "sky-800": "#075985",
170
+ "sky-900": "#0c4a6e",
171
+ "sky-950": "#082f49",
172
+ "blue-50": "#eff6ff",
173
+ "blue-100": "#dbeafe",
174
+ "blue-200": "#bfdbfe",
175
+ "blue-300": "#93c5fd",
176
+ "blue-400": "#60a5fa",
177
+ "blue-500": "#3b82f6",
178
+ "blue-600": "#2563eb",
179
+ "blue-700": "#1d4ed8",
180
+ "blue-800": "#1e40af",
181
+ "blue-900": "#1e3a8a",
182
+ "blue-950": "#172554",
183
+ "indigo-50": "#eef2ff",
184
+ "indigo-100": "#e0e7ff",
185
+ "indigo-200": "#c7d2fe",
186
+ "indigo-300": "#a5b4fc",
187
+ "indigo-400": "#818cf8",
188
+ "indigo-500": "#6366f1",
189
+ "indigo-600": "#4f46e5",
190
+ "indigo-700": "#4338ca",
191
+ "indigo-800": "#3730a3",
192
+ "indigo-900": "#312e81",
193
+ "indigo-950": "#1e1b4b",
194
+ "violet-50": "#f5f3ff",
195
+ "violet-100": "#ede9fe",
196
+ "violet-200": "#ddd6fe",
197
+ "violet-300": "#c4b5fd",
198
+ "violet-400": "#a78bfa",
199
+ "violet-500": "#8b5cf6",
200
+ "violet-600": "#7c3aed",
201
+ "violet-700": "#6d28d9",
202
+ "violet-800": "#5b21b6",
203
+ "violet-900": "#4c1d95",
204
+ "violet-950": "#2e1065",
205
+ "purple-50": "#faf5ff",
206
+ "purple-100": "#f3e8ff",
207
+ "purple-200": "#e9d5ff",
208
+ "purple-300": "#d8b4fe",
209
+ "purple-400": "#c084fc",
210
+ "purple-500": "#a855f7",
211
+ "purple-600": "#9333ea",
212
+ "purple-700": "#7e22ce",
213
+ "purple-800": "#6b21a8",
214
+ "purple-900": "#581c87",
215
+ "purple-950": "#3b0764",
216
+ "fuchsia-50": "#fdf4ff",
217
+ "fuchsia-100": "#fae8ff",
218
+ "fuchsia-200": "#f5d0fe",
219
+ "fuchsia-300": "#f0abfc",
220
+ "fuchsia-400": "#e879f9",
221
+ "fuchsia-500": "#d946ef",
222
+ "fuchsia-600": "#c026d3",
223
+ "fuchsia-700": "#a21caf",
224
+ "fuchsia-800": "#86198f",
225
+ "fuchsia-900": "#701a75",
226
+ "fuchsia-950": "#4a044e",
227
+ "pink-50": "#fdf2f8",
228
+ "pink-100": "#fce7f3",
229
+ "pink-200": "#fbcfe8",
230
+ "pink-300": "#f9a8d4",
231
+ "pink-400": "#f472b6",
232
+ "pink-500": "#ec4899",
233
+ "pink-600": "#db2777",
234
+ "pink-700": "#be185d",
235
+ "pink-800": "#9d174d",
236
+ "pink-900": "#831843",
237
+ "pink-950": "#500724",
238
+ "rose-50": "#fff1f2",
239
+ "rose-100": "#ffe4e6",
240
+ "rose-200": "#fecdd3",
241
+ "rose-300": "#fda4af",
242
+ "rose-400": "#fb7185",
243
+ "rose-500": "#f43f5e",
244
+ "rose-600": "#e11d48",
245
+ "rose-700": "#be123c",
246
+ "rose-800": "#9f1239",
247
+ "rose-900": "#881337",
248
+ "rose-950": "#4c0519",
249
+ };
package/dist/twind.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import install from "@twind/with-react";
2
2
  import { twind, virtual, cssom, tx as tx$, css as css$, style as style$, apply as apply$, injectGlobal as injectGlobal$, keyframes as keyframes$, observe as observe$, } from "@twind/core";
3
- import config from "./twind.config";
3
+ import config from "./twind-config";
4
4
  export { getSheet } from "@twind/core";
5
5
  export { default as inline } from "@twind/with-react/inline";
6
6
  export const colors = config.theme.colors;
package/package.json CHANGED
@@ -1,31 +1,15 @@
1
1
  {
2
2
  "name": "@upstart.gg/style-system",
3
- "version": "0.0.26",
3
+ "version": "0.0.28",
4
4
  "description": "Base tailwindcss setup with some extra plugins as well as colors and editor styles",
5
5
  "type": "module",
6
6
  "exports": {
7
- ".": {
8
- "types": "./dist/system.d.ts",
9
- "import": "./dist/system.js"
10
- },
11
- "./twind-ssr": {
12
- "types": "./dist/twind-ssr.d.ts",
13
- "import": "./dist/twind-ssr.js"
14
- },
15
- "./twind": {
16
- "types": "./dist/twind.d.ts",
17
- "import": "./dist/twind.js"
18
- },
19
7
  "./*.css": {
20
8
  "import": "./src/*.css"
21
9
  },
22
- "./tailwind-preset": {
23
- "import": "./src/tailwind.config.js",
24
- "require": "./src/tailwind.config.js"
25
- },
26
- "./colors": {
27
- "import": "./src/colors.js",
28
- "require": "./src/colors.js"
10
+ "./*": {
11
+ "types": "./dist/*.d.ts",
12
+ "import": "./dist/*.js"
29
13
  }
30
14
  },
31
15
  "keywords": [],
package/src/twind.ts CHANGED
@@ -11,7 +11,7 @@ import {
11
11
  keyframes as keyframes$,
12
12
  observe as observe$,
13
13
  } from "@twind/core";
14
- import config from "./twind.config";
14
+ import config from "./twind-config";
15
15
 
16
16
  export { getSheet } from "@twind/core";
17
17
  export { default as inline } from "@twind/with-react/inline";
@@ -1,64 +0,0 @@
1
- import forms from "@tailwindcss/forms";
2
- import scrollbars from "tailwind-scrollbar";
3
- import typography from "@tailwindcss/typography";
4
- import plugin from "tailwindcss/plugin";
5
- import easing from "@whiterussianstudio/tailwind-easing";
6
-
7
- /** @type {import('tailwindcss').Config} */
8
- export default {
9
- theme: {
10
- extend: {
11
- colors: {
12
- upstart: {
13
- 50: "#f2f4fb",
14
- 100: "#e7ecf8",
15
- 200: "#d3daf2",
16
- 300: "#b8c2e9",
17
- 400: "#9ba3de",
18
- 500: "#8186d3",
19
- 600: "#7270c6",
20
- 700: "#5b57ab",
21
- 800: "#4b498a",
22
- 900: "#40406f",
23
- 950: "#262541",
24
- },
25
- dark: {
26
- 50: "#f6f6f6",
27
- 100: "#e7e7e7",
28
- 200: "#d1d1d1",
29
- 300: "#b0b0b0",
30
- 400: "#888888",
31
- 500: "#6d6d6d",
32
- 600: "#5d5d5d",
33
- 700: "#4f4f4f",
34
- 800: "#454545",
35
- 900: "#333333",
36
- 950: "#262626",
37
- },
38
- },
39
- textShadow: {
40
- sm: "0 1px 1px var(--tw-shadow-color)",
41
- md: "0 1px 2px var(--tw-shadow-color)",
42
- DEFAULT: "0 2px 4px var(--tw-shadow-color)",
43
- lg: "0 4px 8px var(--tw-shadow-color)",
44
- xl: "0 8px 16px var(--tw-shadow-color)",
45
- },
46
- },
47
- },
48
- plugins: [
49
- forms,
50
- typography,
51
- scrollbars,
52
- easing,
53
- plugin(function ({ matchUtilities, theme }) {
54
- matchUtilities(
55
- {
56
- "text-shadow": (value) => ({
57
- textShadow: value,
58
- }),
59
- },
60
- { values: theme("textShadow") },
61
- );
62
- }),
63
- ],
64
- };
File without changes
File without changes
File without changes
File without changes