@intechstudio/grid-uikit 0.0.2 → 0.0.3

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 (8) hide show
  1. package/README.md +4 -1
  2. package/dist/BlockBody.svelte +5 -5
  3. package/dist/BlockColumn.svelte +5 -0
  4. package/dist/BlockColumn.svelte.d.ts +16 -0
  5. package/dist/index.d.ts +10 -10
  6. package/dist/index.js +10 -10
  7. package/dist/tailwind.config.js +191 -191
  8. package/package.json +48 -48
package/README.md CHANGED
@@ -4,4 +4,7 @@ The UI elements and configurations for projects used by the Grid Ecosystem.
4
4
 
5
5
  ## Developing
6
6
 
7
- When developing this package, the library should be linked using the `npm link` command, which will overwrite the existing folder from node_modules with the locally available package.
7
+ When developing this package, the library should be linked using the `npm link` command, which will overwrite the existing folder from node_modules with the locally available package.
8
+ To do this, first use the `npm link` command in the folder of the UI kit package.
9
+ Next, use the `npm link @intechstudio/grid-uikit` in a project that uses the library.
10
+ When finished, use `npm unlink @intechstudio/grid-uikit` to remove the symbolic link and return to using the npmjs package.
package/dist/BlockBody.svelte CHANGED
@@ -1,5 +1,5 @@
1
- <script></script>
2
-
3
- <div class="text-white text-opacity-60 py-2">
4
- <slot />
5
- </div>
1
+ <script></script>
2
+
3
+ <div class="text-white text-opacity-60 py-2">
4
+ <slot />
5
+ </div>
package/dist/BlockColumn.svelte ADDED
@@ -0,0 +1,5 @@
1
+ <script></script>
2
+
3
+ <div class="flex flex-col w-full gap-y-4 py-2">
4
+ <slot />
5
+ </div>
package/dist/BlockColumn.svelte.d.ts ADDED
@@ -0,0 +1,16 @@
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
+ default: {};
9
+ };
10
+ };
11
+ export type BlockColumnProps = typeof __propDef.props;
12
+ export type BlockColumnEvents = typeof __propDef.events;
13
+ export type BlockColumnSlots = typeof __propDef.slots;
14
+ export default class BlockColumn extends SvelteComponent<BlockColumnProps, BlockColumnEvents, BlockColumnSlots> {
15
+ }
16
+ export {};
package/dist/index.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- export { default as BlockBody } from './BlockBody.svelte';
2
- export { default as BlockTitle } from './BlockTitle.svelte';
3
- export { default as BlockRow } from './BlockRow.svelte';
4
- export { default as Block } from './Block.svelte';
5
- export { default as MeltCheckbox } from './MeltCheckbox.svelte';
6
- export { default as MeltRadio } from './MeltRadio.svelte';
7
- export { default as MeltSlider } from './MeltSlider.svelte';
8
- export { default as MeltSelect } from './MeltSelect.svelte';
9
- export { default as MoltenButton } from './MoltenButton.svelte';
10
- export { default as MoltenInput } from './MoltenInput.svelte';
1
+ export { default as BlockBody } from "./BlockBody.svelte";
2
+ export { default as BlockTitle } from "./BlockTitle.svelte";
3
+ export { default as BlockRow } from "./BlockRow.svelte";
4
+ export { default as Block } from "./Block.svelte";
5
+ export { default as MeltCheckbox } from "./MeltCheckbox.svelte";
6
+ export { default as MeltRadio } from "./MeltRadio.svelte";
7
+ export { default as MeltSlider } from "./MeltSlider.svelte";
8
+ export { default as MeltSelect } from "./MeltSelect.svelte";
9
+ export { default as MoltenButton } from "./MoltenButton.svelte";
10
+ export { default as MoltenInput } from "./MoltenInput.svelte";
package/dist/index.js CHANGED
@@ -1,10 +1,10 @@
1
- export { default as BlockBody } from './BlockBody.svelte';
2
- export { default as BlockTitle } from './BlockTitle.svelte';
3
- export { default as BlockRow } from './BlockRow.svelte';
4
- export { default as Block } from './Block.svelte';
5
- export { default as MeltCheckbox } from './MeltCheckbox.svelte';
6
- export { default as MeltRadio } from './MeltRadio.svelte';
7
- export { default as MeltSlider } from './MeltSlider.svelte';
8
- export { default as MeltSelect } from './MeltSelect.svelte';
9
- export { default as MoltenButton } from './MoltenButton.svelte';
10
- export { default as MoltenInput } from './MoltenInput.svelte';
1
+ export { default as BlockBody } from "./BlockBody.svelte";
2
+ export { default as BlockTitle } from "./BlockTitle.svelte";
3
+ export { default as BlockRow } from "./BlockRow.svelte";
4
+ export { default as Block } from "./Block.svelte";
5
+ export { default as MeltCheckbox } from "./MeltCheckbox.svelte";
6
+ export { default as MeltRadio } from "./MeltRadio.svelte";
7
+ export { default as MeltSlider } from "./MeltSlider.svelte";
8
+ export { default as MeltSelect } from "./MeltSelect.svelte";
9
+ export { default as MoltenButton } from "./MoltenButton.svelte";
10
+ export { default as MoltenInput } from "./MoltenInput.svelte";
package/dist/tailwind.config.js CHANGED
@@ -1,191 +1,191 @@
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;
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;
package/package.json CHANGED
@@ -1,50 +1,50 @@
1
1
  {
2
- "name": "@intechstudio/grid-uikit",
3
- "version": "0.0.2",
4
- "scripts": {
5
- "dev": "vite dev",
6
- "build": "vite build && npm run package",
7
- "preview": "vite preview",
8
- "package": "svelte-kit sync && svelte-package && publint",
9
- "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
- "lint": "prettier --check .",
13
- "format": "prettier --write ."
14
- },
15
- "exports": {
16
- ".": {
17
- "types": "./dist/index.d.ts",
18
- "svelte": "./dist/index.js"
19
- }
20
- },
21
- "files": [
22
- "dist",
23
- "!dist/**/*.test.*",
24
- "!dist/**/*.spec.*"
25
- ],
26
- "dependencies": {
27
- "@melt-ui/svelte": "^0.42.0",
28
- "tailwindcss": "^3.1.8"
29
- },
30
- "peerDependencies": {
31
- "svelte": "^4.0.0"
32
- },
33
- "devDependencies": {
34
- "@sveltejs/adapter-auto": "^3.0.0",
35
- "@sveltejs/kit": "^2.0.0",
36
- "@sveltejs/package": "^2.0.0",
37
- "@sveltejs/vite-plugin-svelte": "^3.0.0",
38
- "prettier": "^3.1.1",
39
- "prettier-plugin-svelte": "^3.1.2",
40
- "publint": "^0.1.9",
41
- "svelte": "^4.2.7",
42
- "svelte-check": "^3.6.0",
43
- "tslib": "^2.4.1",
44
- "typescript": "^5.0.0",
45
- "vite": "^5.0.11"
46
- },
47
- "svelte": "./dist/index.js",
48
- "types": "./dist/index.d.ts",
49
- "type": "module"
2
+ "name": "@intechstudio/grid-uikit",
3
+ "version": "0.0.3",
4
+ "scripts": {
5
+ "dev": "vite dev",
6
+ "build": "vite build && npm run package",
7
+ "preview": "vite preview",
8
+ "package": "svelte-kit sync && svelte-package && publint",
9
+ "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
+ "lint": "prettier --check .",
13
+ "format": "prettier --write ."
14
+ },
15
+ "exports": {
16
+ ".": {
17
+ "types": "./dist/index.d.ts",
18
+ "svelte": "./dist/index.js"
19
+ }
20
+ },
21
+ "files": [
22
+ "dist",
23
+ "!dist/**/*.test.*",
24
+ "!dist/**/*.spec.*"
25
+ ],
26
+ "dependencies": {
27
+ "@melt-ui/svelte": "^0.42.0",
28
+ "tailwindcss": "^3.1.8"
29
+ },
30
+ "peerDependencies": {
31
+ "svelte": "^4.0.0"
32
+ },
33
+ "devDependencies": {
34
+ "@sveltejs/adapter-auto": "^3.0.0",
35
+ "@sveltejs/kit": "^2.0.0",
36
+ "@sveltejs/package": "^2.0.0",
37
+ "@sveltejs/vite-plugin-svelte": "^3.0.0",
38
+ "prettier": "^3.1.1",
39
+ "prettier-plugin-svelte": "^3.1.2",
40
+ "publint": "^0.1.9",
41
+ "svelte": "^4.2.7",
42
+ "svelte-check": "^3.6.0",
43
+ "tslib": "^2.4.1",
44
+ "typescript": "^5.0.0",
45
+ "vite": "^5.0.11"
46
+ },
47
+ "svelte": "./dist/index.js",
48
+ "types": "./dist/index.d.ts",
49
+ "type": "module"
50
50
  }