@stubber/ui 1.0.6 → 1.0.7

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 (2) hide show
  1. package/dist/tailwind.config.js +237 -0
  2. package/package.json +4 -3
package/dist/tailwind.config.js ADDED
@@ -0,0 +1,237 @@
1
+ /** @type {import('tailwindcss').Config} */
2
+ export default {
3
+ content: [
4
+ "./src/**/*.{html,js,svelte,ts,cjs}",
5
+ "./node_modules/@stubber/**/*.{html,js,svelte,ts,cjs}",
6
+ ],
7
+ theme: {
8
+ extend: {
9
+ colors: {
10
+ border: "hsl(var(--border) / <alpha-value>)",
11
+ input: "hsl(var(--input) / <alpha-value>)",
12
+ ring: "hsl(var(--ring) / <alpha-value>)",
13
+ background: "hsl(var(--background) / <alpha-value>)",
14
+ foreground: "hsl(var(--foreground) / <alpha-value>)",
15
+ secondary: {
16
+ DEFAULT: "hsl(var(--secondary) / <alpha-value>)",
17
+ foreground: "hsl(var(--secondary-foreground) / <alpha-value>)",
18
+ },
19
+ destructive: {
20
+ DEFAULT: "hsl(var(--destructive) / <alpha-value>)",
21
+ foreground: "hsl(var(--destructive-foreground) / <alpha-value>)",
22
+ },
23
+ muted: {
24
+ DEFAULT: "hsl(var(--muted) / <alpha-value>)",
25
+ foreground: "hsl(var(--muted-foreground) / <alpha-value>)",
26
+ },
27
+ accent: {
28
+ DEFAULT: "hsl(var(--accent) / <alpha-value>)",
29
+ foreground: "hsl(var(--accent-foreground) / <alpha-value>)",
30
+ },
31
+ popover: {
32
+ DEFAULT: "hsl(var(--popover) / <alpha-value>)",
33
+ foreground: "hsl(var(--popover-foreground) / <alpha-value>)",
34
+ },
35
+ card: {
36
+ DEFAULT: "hsl(var(--card) / <alpha-value>)",
37
+ foreground: "hsl(var(--card-foreground) / <alpha-value>)",
38
+ },
39
+
40
+ primary: {
41
+ DEFAULT: "hsl(var(--primary) / <alpha-value>)",
42
+ foreground: "hsl(var(--primary-foreground) / <alpha-value>)",
43
+ 0: "#ffffff",
44
+ 50: "#e6f6ff",
45
+ 100: "#bae3ff",
46
+ 200: "#7cc4fa",
47
+ 300: "#47a3f3",
48
+ 400: "#2186eb",
49
+ 500: "#0967d2",
50
+ 600: "#0552b5",
51
+ 700: "#03449e",
52
+ 800: "#01337d",
53
+ 900: "#002159",
54
+ 1000: "#000000",
55
+ },
56
+ surface: {
57
+ 0: "#ffffff",
58
+ 50: "#f6f6f6",
59
+ 100: "#e9eaeb",
60
+ 200: "#d2d4d6",
61
+ 300: "#bcbfc2",
62
+ 400: "#a5a9ad",
63
+ 500: "#797f85",
64
+ 600: "#626970",
65
+ 700: "#4c545c",
66
+ 800: "#353e47",
67
+ 900: "#1f2933",
68
+ 1000: "#000000",
69
+ },
70
+ warning: {
71
+ 0: "#ffffff",
72
+ 50: "#ffe8d9",
73
+ 100: "#ffd0b5",
74
+ 200: "#ffb088",
75
+ 300: "#ff9466",
76
+ 400: "#f9703e",
77
+ 500: "#f2420d",
78
+ 600: "#de3a11",
79
+ 700: "#c52707",
80
+ 800: "#ad1d07",
81
+ 900: "#4b0902",
82
+ 1000: "#000000",
83
+ },
84
+ success: {
85
+ 0: "#ffffff",
86
+ 50: "#effcf6",
87
+ 100: "#c6f7e2",
88
+ 200: "#8eedc7",
89
+ 300: "#65d6ad",
90
+ 400: "#3ebd93",
91
+ 500: "#27ab83",
92
+ 600: "#199473",
93
+ 700: "#147d64",
94
+ 800: "#0c6b58",
95
+ 900: "#01322a",
96
+ 1000: "#000000",
97
+ },
98
+ info: {
99
+ 50: "#e1fcf8",
100
+ 100: "#c1fef6",
101
+ 200: "#92fdf2",
102
+ 300: "#62f4eb",
103
+ 400: "#3ae7e1",
104
+ 500: "#1cd4d4",
105
+ 600: "#0fb5ba",
106
+ 700: "#099aa4",
107
+ 800: "#07818f",
108
+ 900: "#05606e",
109
+ },
110
+ unicorn: {
111
+ 50: "#ffe3ec",
112
+ 100: "#ffb8d2",
113
+ 200: "#ff8cba",
114
+ 300: "#f364a2",
115
+ 400: "#e8368f",
116
+ 500: "#da127d",
117
+ 600: "#bc0a6f",
118
+ 700: "#a30664",
119
+ 800: "#870557",
120
+ 900: "#620042",
121
+ },
122
+ highlight: {
123
+ 50: "#fffbea",
124
+ 100: "#fff3c4",
125
+ 200: "#fce588",
126
+ 300: "#fadb5f",
127
+ 400: "#f7c948",
128
+ 500: "#f0b429",
129
+ 600: "#de911d",
130
+ 700: "#cb6e17",
131
+ 800: "#b44d12",
132
+ 900: "#8d2b0b",
133
+ },
134
+ danger: {
135
+ 50: "#ffe3e3",
136
+ 100: "#ffbdbd",
137
+ 200: "#ff9b9b",
138
+ 300: "#f86a6a",
139
+ 400: "#ef4e4e",
140
+ 500: "#e12d39",
141
+ 600: "#cf1124",
142
+ 700: "#ab091e",
143
+ 800: "#8a041a",
144
+ 900: "#610316",
145
+ },
146
+ },
147
+ boxShadow: {
148
+ 1: "0px 1px 2px 0px rgba(0, 0, 0, 0.05)",
149
+ 2: "0px 2px 2px 0px rgba(0, 0, 0, 0.25)",
150
+ 3: "0px 3px 3px 0px rgba(0, 0, 0, 0.25)",
151
+ 4: "0px 4px 4px 0px rgba(0, 0, 0, 0.25)",
152
+ 5: "0px 5px 5px 0px rgba(0, 0, 0, 0.25)",
153
+ 6: `inset 0px 0.5px 0.5px 0px rgba(255, 255, 255, 0.12),
154
+ inset 0px -0.5px 0.5px 0px rgba(0, 0, 0, 0.12),
155
+ 0px 2px 6px 0px rgba(0, 0, 0, 0.08),
156
+ 0px 4px 8px 2px rgba(0, 0, 0, 0.08),
157
+ 0px 8px 16px 4px rgba(0, 0, 0, 0.08),
158
+ 0px 12px 24px 8px rgba(0, 0, 0, 0.08)`,
159
+
160
+ btn: `inset 0 29px 23px -16px rgba(255, 255, 255, 0.04),
161
+ inset 0 0.5px 0.5px 0 rgba(255, 255, 255, 0.2),
162
+ 0 0.5px 1px 0 rgba(0, 0, 0, 1.0)`,
163
+
164
+ checkbox: `
165
+ inset 0 16px 16px -16px rgba(0, 0, 0, 0.1333),
166
+ inset 0 12px 12px -12px rgba(0, 0, 0, 0.1333),
167
+ inset 0 8px 8px -8px rgba(0, 0, 0, 0.1667),
168
+ inset 0 4px 4px -4px rgba(0, 0, 0, 0.1667),
169
+ inset 0 3px 3px -3px rgba(0, 0, 0, 0.1667),
170
+ inset 0 1px 1px -1px rgba(0, 0, 0, 0.1333)
171
+ `,
172
+
173
+ select: `
174
+ 0 0.5px 1px 0 rgba(196, 196, 196, 1),
175
+ inset 0 29px 23px -16px rgba(255, 255, 255, 0.1),
176
+ inset 0 0.5px 0.5px 0 rgba(255, 255, 255, 0.2)
177
+ `,
178
+ },
179
+
180
+ spacing: {
181
+ 0: "0px",
182
+ px: "1px",
183
+ 0.5: "2px",
184
+ 1: "4px",
185
+ 1.5: "6px",
186
+ 2: "8px",
187
+ 2.5: "10px",
188
+ 3: "12px",
189
+ 3.5: "14px",
190
+ 4: "16px",
191
+ 5: "20px",
192
+ 6: "24px",
193
+ 7: "28px",
194
+ 8: "32px",
195
+ 9: "36px",
196
+ 10: "40px",
197
+ 11: "44px",
198
+ 11.5: "46px",
199
+ 12: "48px",
200
+ 14: "56px",
201
+ 16: "64px",
202
+ 20: "80px",
203
+ 24: "96px",
204
+ 28: "112px",
205
+ 29: "116px",
206
+ 32: "128px",
207
+ 36: "144px",
208
+ 37: "148px",
209
+ 40: "160px",
210
+ 42: "168px",
211
+ 44: "176px",
212
+ 48: "192px",
213
+ 52: "208px",
214
+ 56: "224px",
215
+ 60: "240px",
216
+ 64: "256px",
217
+ 66: "264px",
218
+ 72: "288px",
219
+ 80: "320px",
220
+ 96: "384px",
221
+ 110: "440px",
222
+ 112: "448px",
223
+ 138: "552px",
224
+ 152: "608px",
225
+ 175: "700px",
226
+ },
227
+ },
228
+ },
229
+ plugins: [],
230
+ safelist: [
231
+ {
232
+ pattern:
233
+ /(bg|text|border)-(primary|surface|warning|success)-(0|50|100|200|300|400|500|600|700|800|900|1000)/,
234
+ variants: ["hover"],
235
+ },
236
+ ],
237
+ };
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "@stubber/ui",
3
- "version": "1.0.6",
3
+ "version": "1.0.7",
4
4
  "scripts": {
5
5
  "dev": "vite dev",
6
6
  "build": "vite build && npm run package",
7
7
  "preview": "vite preview",
8
- "package": "svelte-kit sync && svelte-package && cp src/app.css dist/ && cp -r src/styles dist/ && publint",
8
+ "package": "svelte-kit sync && svelte-package && cp src/app.css dist/ && cp -r src/styles dist/ && cp tailwind.config.js dist/ && publint",
9
9
  "prepublishOnly": "npm run package",
10
10
  "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
11
11
  "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
@@ -19,7 +19,8 @@
19
19
  "svelte": "./dist/index.js"
20
20
  },
21
21
  "./app.css": "./dist/app.css",
22
- "./styles/*": "./dist/styles/*"
22
+ "./styles/*": "./dist/styles/*",
23
+ "./tailwind.config.js": "./tailwind.config.js"
23
24
  },
24
25
  "files": [
25
26
  "dist",