@intechstudio/grid-uikit 0.0.11 → 0.0.12

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 (5) hide show
  1. package/dist/Counter.svelte +9 -0
  2. package/dist/Counter.svelte.d.ts +14 -0
  3. package/package.json +17 -19
  4. package/dist/tailwind.config.d.ts +0 -269
  5. package/dist/tailwind.config.js +0 -191
package/dist/Counter.svelte ADDED
@@ -0,0 +1,9 @@
1
+ <script>let count = 0;
2
+ const increment = () => {
3
+ count += 1;
4
+ };
5
+ </script>
6
+
7
+ <button on:click={increment}>
8
+ count is {count}
9
+ </button>
package/dist/Counter.svelte.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ import { SvelteComponent } from "svelte";
2
+ declare const __propDef: {
3
+ props: Record<string, never>;
4
+ events: {
5
+ [evt: string]: CustomEvent<any>;
6
+ };
7
+ slots: {};
8
+ };
9
+ export type CounterProps = typeof __propDef.props;
10
+ export type CounterEvents = typeof __propDef.events;
11
+ export type CounterSlots = typeof __propDef.slots;
12
+ export default class Counter extends SvelteComponent<CounterProps, CounterEvents, CounterSlots> {
13
+ }
14
+ export {};
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@intechstudio/grid-uikit",
3
- "version": "0.0.11",
3
+ "version": "0.0.12",
4
4
  "scripts": {
5
- "dev": "vite dev",
6
- "build": "vite build && npm run package",
5
+ "dev": "vite",
6
+ "build": "vite build",
7
7
  "preview": "vite preview",
8
- "package": "svelte-kit sync && svelte-package && publint",
8
+ "prepareCss": "postcss --dir ./dist --config ./postcss.config.js ./dist/*.css && postcss src/app.css -o dist/app.css",
9
+ "check": "svelte-check --tsconfig ./tsconfig.json",
10
+ "package": "svelte-package && publint",
9
11
  "prepublishOnly": "npm run package",
10
- "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
11
- "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
12
12
  "lint": "prettier --check .",
13
13
  "format": "prettier --write ."
14
14
  },
@@ -25,25 +25,23 @@
25
25
  ],
26
26
  "dependencies": {
27
27
  "@melt-ui/svelte": "^0.42.0",
28
- "svelte-easy-popover": "^1.0.0",
29
- "tailwindcss": "^3.1.8"
30
- },
31
- "peerDependencies": {
32
- "svelte": "^4.0.0"
28
+ "svelte": "^4.2.12",
29
+ "svelte-easy-popover": "^1.0.0"
33
30
  },
34
31
  "devDependencies": {
35
- "@sveltejs/adapter-auto": "^3.0.0",
36
- "@sveltejs/kit": "^2.0.0",
37
32
  "@sveltejs/package": "^2.0.0",
38
- "@sveltejs/vite-plugin-svelte": "^3.0.0",
33
+ "@sveltejs/vite-plugin-svelte": "^3.0.2",
34
+ "@tsconfig/svelte": "^5.0.2",
35
+ "autoprefixer": "^10.4.19",
36
+ "postcss": "^8.4.38",
39
37
  "prettier": "^3.1.1",
40
38
  "prettier-plugin-svelte": "^3.1.2",
41
39
  "publint": "^0.1.9",
42
- "svelte": "^4.2.7",
43
- "svelte-check": "^3.6.0",
44
- "tslib": "^2.4.1",
45
- "typescript": "^5.0.0",
46
- "vite": "^5.0.11"
40
+ "svelte-check": "^3.6.7",
41
+ "tailwindcss": "^3.4.4",
42
+ "tslib": "^2.6.2",
43
+ "typescript": "^5.2.2",
44
+ "vite": "^5.2.0"
47
45
  },
48
46
  "svelte": "./dist/index.js",
49
47
  "types": "./dist/index.d.ts",
package/dist/tailwind.config.d.ts DELETED
@@ -1,269 +0,0 @@
1
- export let content: string[];
2
- export let darkMode: string;
3
- export namespace theme {
4
- namespace fontFamily {
5
- let body: string[];
6
- }
7
- namespace extend {
8
- export namespace transitionProperty {
9
- let width: string;
10
- }
11
- export let margin: {
12
- 14: string;
13
- };
14
- export let zIndex: {
15
- "-10": string;
16
- };
17
- let fontFamily_1: {
18
- mono: string;
19
- aldo: string;
20
- "roboto-sans": string;
21
- "gt-pressura": string;
22
- roboto: string;
23
- "roboto-mono": string;
24
- };
25
- export { fontFamily_1 as fontFamily };
26
- export namespace cursor {
27
- let helper: string;
28
- }
29
- export let minHeight: {
30
- 200: string;
31
- 300: string;
32
- };
33
- export let height: {
34
- "16px": string;
35
- "18px": string;
36
- 32: string;
37
- 14: string;
38
- 64: string;
39
- 72: string;
40
- 128: string;
41
- 600: string;
42
- 300: string;
43
- calc: string;
44
- };
45
- let width_1: {
46
- "16px": string;
47
- "18px": string;
48
- 26: string;
49
- };
50
- export { width_1 as width };
51
- export let inset: {
52
- "1/2": string;
53
- 1: string;
54
- "9/10": string;
55
- "-1": string;
56
- };
57
- export let borderWidth: {
58
- 8: string;
59
- 16: string;
60
- };
61
- export namespace colors {
62
- let black: "#000";
63
- let white: "#fff";
64
- let gray: {
65
- '50': "#fafafa";
66
- '100': "#f5f5f5";
67
- '200': "#e5e5e5";
68
- '300': "#d4d4d4";
69
- '400': "#a3a3a3";
70
- '500': "#737373";
71
- '600': "#525252";
72
- '700': "#404040";
73
- '800': "#262626";
74
- '900': "#171717";
75
- '950': "#0a0a0a";
76
- };
77
- let green: {
78
- '50': "#f0fdf4";
79
- '100': "#dcfce7";
80
- '200': "#bbf7d0";
81
- '300': "#86efac";
82
- '400': "#4ade80";
83
- '500': "#22c55e";
84
- '600': "#16a34a";
85
- '700': "#15803d";
86
- '800': "#166534";
87
- '900': "#14532d";
88
- '950': "#052e16";
89
- };
90
- let red: {
91
- '50': "#fff1f2";
92
- '100': "#ffe4e6";
93
- '200': "#fecdd3";
94
- '300': "#fda4af";
95
- '400': "#fb7185";
96
- '500': "#f43f5e";
97
- '600': "#e11d48";
98
- '700': "#be123c";
99
- '800': "#9f1239";
100
- '900': "#881337";
101
- '950': "#4c0519";
102
- };
103
- let yellow: {
104
- '50': "#fffbeb";
105
- '100': "#fef3c7";
106
- '200': "#fde68a";
107
- '300': "#fcd34d";
108
- '400': "#fbbf24";
109
- '500': "#f59e0b";
110
- '600': "#d97706";
111
- '700': "#b45309";
112
- '800': "#92400e";
113
- '900': "#78350f";
114
- '950': "#451a03";
115
- };
116
- let pink: {
117
- '50': "#fdf2f8";
118
- '100': "#fce7f3";
119
- '200': "#fbcfe8";
120
- '300': "#f9a8d4";
121
- '400': "#f472b6";
122
- '500': "#ec4899";
123
- '600': "#db2777";
124
- '700': "#be185d";
125
- '800': "#9d174d";
126
- '900': "#831843";
127
- '950': "#500724";
128
- };
129
- let purple: {
130
- '50': "#faf5ff";
131
- '100': "#f3e8ff";
132
- '200': "#e9d5ff";
133
- '300': "#d8b4fe";
134
- '400': "#c084fc";
135
- '500': "#a855f7";
136
- '600': "#9333ea";
137
- '700': "#7e22ce";
138
- '800': "#6b21a8";
139
- '900': "#581c87";
140
- '950': "#3b0764";
141
- };
142
- let orange: {
143
- '50': "#fff7ed";
144
- '100': "#ffedd5";
145
- '200': "#fed7aa";
146
- '300': "#fdba74";
147
- '400': "#fb923c";
148
- '500': "#f97316";
149
- '600': "#ea580c";
150
- '700': "#c2410c";
151
- '800': "#9a3412";
152
- '900': "#7c2d12";
153
- '950': "#431407";
154
- };
155
- let primary: {
156
- DEFAULT: string;
157
- 100: string;
158
- 200: string;
159
- 300: string;
160
- 400: string;
161
- 500: string;
162
- 600: string;
163
- 700: string;
164
- 800: string;
165
- 900: string;
166
- };
167
- let warning: {
168
- DEFAULT: string;
169
- "desaturate-20": string;
170
- "desaturate-10": string;
171
- "saturate-10": string;
172
- "saturate-20": string;
173
- };
174
- let error: {
175
- DEFAULT: string;
176
- "desaturate-10": string;
177
- "desaturate-20": string;
178
- "saturate-10": string;
179
- "saturate-20": string;
180
- };
181
- let pick: {
182
- DEFAULT: string;
183
- "desaturate-10": string;
184
- "desaturate-20": string;
185
- "saturate-10": string;
186
- "saturate-20": string;
187
- complementer: string;
188
- };
189
- let select: {
190
- DEFAULT: string;
191
- "saturate-10": string;
192
- "saturate-20": string;
193
- "desaturate-10": string;
194
- "desaturate-20": string;
195
- };
196
- let commit: {
197
- DEFAULT: string;
198
- "saturate-10": string;
199
- "saturate-20": string;
200
- "desaturate-10": string;
201
- "desaturate-20": string;
202
- };
203
- namespace unsavedchange {
204
- let DEFAULT: string;
205
- }
206
- let secondary: {
207
- DEFAULT: string;
208
- "brightness-90": string;
209
- "brightness-80": string;
210
- "brightness-70": string;
211
- "brightness-60": string;
212
- "brightness-50": string;
213
- "brightness-40": string;
214
- "brightness-30": string;
215
- "brightness-20": string;
216
- "brightness-10": string;
217
- "darkness-10": string;
218
- "darkness-20": string;
219
- "darkness-30": string;
220
- "darkness-40": string;
221
- "darkness-50": string;
222
- };
223
- let normal: string;
224
- namespace thirdery {
225
- let DEFAULT_1: string;
226
- export { DEFAULT_1 as DEFAULT };
227
- }
228
- let highlight: {
229
- DEFAULT: string;
230
- 100: string;
231
- 200: string;
232
- 300: string;
233
- 400: string;
234
- 500: string;
235
- 600: string;
236
- };
237
- let important: {
238
- DEFAULT: string;
239
- 100: string;
240
- 200: string;
241
- 300: string;
242
- 400: string;
243
- 500: string;
244
- 600: string;
245
- 700: string;
246
- };
247
- namespace configs {
248
- let cb: string;
249
- let glc: string;
250
- let glp: string;
251
- let l: string;
252
- let gks: string;
253
- let gms: string;
254
- let sbc: string;
255
- let sec: string;
256
- let glut: string;
257
- }
258
- let newPrimary: {
259
- 100: string;
260
- 200: string;
261
- 300: string;
262
- 400: string;
263
- 500: string;
264
- 600: string;
265
- };
266
- }
267
- }
268
- }
269
- export let plugins: never[];
package/dist/tailwind.config.js DELETED
@@ -1,191 +0,0 @@
1
- const colors = require("tailwindcss/colors");
2
- const config = {
3
- content: [
4
- "./src/**/*.{html,js,svelte,ts}",
5
- "./node_modules/grid-uikit/src/**/*.{html,js,svelte,ts}",
6
- ],
7
- darkMode: "class",
8
- theme: {
9
- fontFamily: {
10
- body: ["roboto"],
11
- },
12
- extend: {
13
- transitionProperty: {
14
- width: "width",
15
- },
16
- margin: {
17
- 14: "3.5rem",
18
- },
19
- zIndex: {
20
- "-10": "-10",
21
- },
22
- fontFamily: {
23
- mono: 'Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
24
- aldo: "Aldo-SemiBold",
25
- "roboto-sans": "Roboto Sans",
26
- "gt-pressura": "GT Pressura Pro M Trial",
27
- roboto: "Roboto",
28
- "roboto-mono": "Roboto Mono",
29
- },
30
- cursor: {
31
- helper: "help",
32
- },
33
- minHeight: {
34
- 200: "200px",
35
- 300: "300px",
36
- },
37
- height: {
38
- "16px": "16px",
39
- "18px": "18px",
40
- 32: "8rem",
41
- 14: "3.5rem",
42
- 64: "16rem",
43
- 72: "18rem",
44
- 128: "32rem",
45
- 600: "600px",
46
- 300: "300px",
47
- calc: "calc(100vh - 62px)",
48
- },
49
- width: {
50
- "16px": "16px",
51
- "18px": "18px",
52
- 26: "26px",
53
- },
54
- inset: {
55
- "1/2": "50%",
56
- 1: "1em",
57
- "9/10": "0.9em",
58
- "-1": "-1em",
59
- },
60
- borderWidth: {
61
- 8: "8px",
62
- 16: "16px",
63
- },
64
- colors: {
65
- black: colors.black,
66
- white: colors.white,
67
- gray: colors.neutral,
68
- green: colors.green,
69
- red: colors.rose,
70
- yellow: colors.amber,
71
- pink: colors.pink,
72
- purple: colors.purple,
73
- orange: colors.orange,
74
-
75
- primary: {
76
- DEFAULT: "#1e2628",
77
- 100: "#d3dcde",
78
- 200: "#b6c5c8",
79
- 300: "#99adb2",
80
- 400: "#7c969d",
81
- 500: "#627d83",
82
- 600: "#4d6166",
83
- 700: "#374549",
84
- 800: "#212a2c",
85
- 900: "#0b0e0f",
86
- },
87
- warning: {
88
- DEFAULT: "#EAB308",
89
- "desaturate-20": "#FFD2B1",
90
- "desaturate-10": "#FAB17C",
91
- "saturate-10": "#EF9E4D",
92
- "saturate-20": "#EF914D",
93
- },
94
- error: {
95
- DEFAULT: "#DC2626",
96
- "desaturate-10": "#DC4B4B",
97
- "desaturate-20": "#DC7474",
98
- "saturate-10": "#DC0F0F",
99
- "saturate-20": "#FF0000",
100
- },
101
- pick: {
102
- DEFAULT: "#6B7AFF",
103
- "desaturate-10": "#8591FF",
104
- "desaturate-20": "#A9AEFF",
105
- "saturate-10": "#5263FF",
106
- "saturate-20": "#1F4AC5",
107
- complementer: "#FFEE52",
108
- },
109
- select: {
110
- DEFAULT: "#47575F",
111
- "saturate-10": "#3E545F",
112
- "saturate-20": "#1A2A31",
113
- "desaturate-10": "#515A5F",
114
- "desaturate-20": "#788991",
115
- },
116
- commit: {
117
- DEFAULT: "#0BA484",
118
- "saturate-10": "#00A482",
119
- "saturate-20": "#006F53",
120
- "desaturate-10": "#1BA487",
121
- "desaturate-20": "#5DDCB9",
122
- },
123
- unsavedchange: {
124
- DEFAULT: "#1D4ED8",
125
- },
126
- secondary: {
127
- DEFAULT: "#2a3439",
128
- "brightness-90": "#eaebeb",
129
- "brightness-80": "#d4d6d7",
130
- "brightness-70": "#bfc2c4",
131
- "brightness-60": "#aaaeb0",
132
- "brightness-50": "#959a9c",
133
- "brightness-40": "#7f8588",
134
- "brightness-30": "#6a7174",
135
- "brightness-20": "#555d61",
136
- "brightness-10": "#3f484d",
137
- "darkness-10": "#262f33",
138
- "darkness-20": "#222a2e",
139
- "darkness-30": "#1d2428",
140
- "darkness-40": "#191f22",
141
- "darkness-50": "#151a1d",
142
- },
143
- normal: "#cfdbd5",
144
- thirdery: {
145
- DEFAULT: "#31313F",
146
- },
147
- highlight: {
148
- DEFAULT: "#CC5B5B",
149
- 100: "#edc5c5",
150
- 200: "#e19e9e",
151
- 300: "#d57777",
152
- 400: "#c95050",
153
- 500: "#af3636",
154
- 600: "#882a2a",
155
- },
156
- important: {
157
- DEFAULT: "#e4d203",
158
- 100: "#fffde6",
159
- 200: "#fef8b3",
160
- 300: "#fdf381",
161
- 400: "#fdef4f",
162
- 500: "#fcea1c",
163
- 600: "#e3d103",
164
- 700: "#b0a202",
165
- },
166
- configs: {
167
- cb: "#887880",
168
- glc: "#88A096",
169
- glp: "#BBAB8B",
170
- l: "#EF8275",
171
- gks: "#9AD4D6",
172
- gms: "#DBCBD8",
173
- sbc: "#065A82",
174
- sec: "#963D5A",
175
- glut: "#78BC61",
176
- },
177
- newPrimary: {
178
- 100: "#525252",
179
- 200: "#454545",
180
- 300: "#383838",
181
- 400: "#2C2C2C",
182
- 500: "#1F1F1F",
183
- 600: "#121212",
184
- },
185
- },
186
- },
187
- },
188
- plugins: [],
189
- };
190
-
191
- module.exports = config;