@intechstudio/grid-uikit 0.0.1 → 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.
- package/README.md +4 -1
- package/dist/BlockBody.svelte +5 -5
- package/dist/BlockColumn.svelte +5 -0
- package/dist/BlockColumn.svelte.d.ts +16 -0
- package/dist/MeltSelect.svelte +23 -39
- package/dist/MeltSelect.svelte.d.ts +5 -1
- package/dist/index.d.ts +10 -10
- package/dist/index.js +10 -10
- package/dist/tailwind.config.js +191 -191
- 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>
|
|
@@ -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/MeltSelect.svelte
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
<script>import { createSelect, melt } from "@melt-ui/svelte";
|
|
2
2
|
export let options;
|
|
3
3
|
export let target;
|
|
4
|
-
let
|
|
4
|
+
export let size = "auto";
|
|
5
|
+
function getDefaultSelected() {
|
|
6
|
+
const obj = options.find((e) => e.value === target);
|
|
7
|
+
return { label: obj?.title, value: obj?.value };
|
|
8
|
+
}
|
|
5
9
|
const {
|
|
6
10
|
elements: { trigger, menu, option },
|
|
7
11
|
states: { selected, selectedLabel, open },
|
|
@@ -13,65 +17,45 @@ const {
|
|
|
13
17
|
fitViewport: true,
|
|
14
18
|
sameWidth: true
|
|
15
19
|
},
|
|
16
|
-
defaultSelected:
|
|
20
|
+
defaultSelected: getDefaultSelected()
|
|
17
21
|
});
|
|
18
|
-
$:
|
|
22
|
+
$:
|
|
19
23
|
if ($selected) {
|
|
20
24
|
handleSelectionChange();
|
|
21
25
|
}
|
|
26
|
+
$:
|
|
27
|
+
if (target) {
|
|
28
|
+
handleTargetChange();
|
|
29
|
+
}
|
|
30
|
+
function handleTargetChange() {
|
|
31
|
+
if ($selected.value === target) {
|
|
32
|
+
return;
|
|
33
|
+
}
|
|
34
|
+
const obj = options.find((e) => e.value === target);
|
|
35
|
+
selected.set({ label: obj?.title, value: obj?.value });
|
|
22
36
|
}
|
|
23
37
|
function handleSelectionChange() {
|
|
24
|
-
if (
|
|
25
|
-
|
|
26
|
-
selected.set(() => {
|
|
27
|
-
const s = { value: void 0, label: void 0 };
|
|
28
|
-
const item = options.find((e) => {
|
|
29
|
-
return e.value === target;
|
|
30
|
-
});
|
|
31
|
-
if (typeof item !== "undefined") {
|
|
32
|
-
s.value = target;
|
|
33
|
-
s.label = item.title;
|
|
34
|
-
oldTarget = target;
|
|
35
|
-
console.log(s);
|
|
36
|
-
return s;
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
} else {
|
|
41
|
-
if (target !== oldTarget) {
|
|
42
|
-
selected.update((s) => {
|
|
43
|
-
const item = options.find((e) => {
|
|
44
|
-
return e.value === target;
|
|
45
|
-
});
|
|
46
|
-
if (typeof item !== "undefined") {
|
|
47
|
-
s.value = target;
|
|
48
|
-
s.label = item.title;
|
|
49
|
-
oldTarget = target;
|
|
50
|
-
return s;
|
|
51
|
-
}
|
|
52
|
-
});
|
|
53
|
-
}
|
|
54
|
-
if (target !== $selected.value) {
|
|
55
|
-
oldTarget = target = $selected.value;
|
|
56
|
-
}
|
|
38
|
+
if ($selected.value === target) {
|
|
39
|
+
return;
|
|
57
40
|
}
|
|
41
|
+
target = $selected.value;
|
|
58
42
|
}
|
|
59
43
|
</script>
|
|
60
44
|
|
|
61
|
-
<div class="flex flex-col gap-1">
|
|
45
|
+
<div class="flex flex-col gap-1" class:flex-grow={size === "full"}>
|
|
62
46
|
<button
|
|
63
47
|
{...$trigger}
|
|
64
48
|
use:trigger
|
|
65
49
|
class="w-full flex flex-row border border-black p-2"
|
|
66
50
|
>
|
|
67
|
-
<div class="flex flex-grow">{$selectedLabel || " "}</div>
|
|
51
|
+
<div class="flex flex-grow truncate">{$selectedLabel || " "}</div>
|
|
68
52
|
<div class="flex">▼</div>
|
|
69
53
|
</button>
|
|
70
54
|
{#if $open}
|
|
71
55
|
<div
|
|
72
56
|
{...$menu}
|
|
73
57
|
use:menu
|
|
74
|
-
class="bg-gray-900 text-white/80 border border-white/50 rounded z-
|
|
58
|
+
class="bg-gray-900 text-white/80 border border-white/50 rounded z-40"
|
|
75
59
|
>
|
|
76
60
|
{#each options as item}
|
|
77
61
|
<div
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import { SvelteComponent } from "svelte";
|
|
2
2
|
declare const __propDef: {
|
|
3
3
|
props: {
|
|
4
|
-
options:
|
|
4
|
+
options: {
|
|
5
|
+
title: string;
|
|
6
|
+
value: any;
|
|
7
|
+
}[];
|
|
5
8
|
target: any;
|
|
9
|
+
size?: "auto" | "full" | undefined;
|
|
6
10
|
};
|
|
7
11
|
events: {
|
|
8
12
|
[evt: string]: CustomEvent<any>;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export { default as BlockBody } from
|
|
2
|
-
export { default as BlockTitle } from
|
|
3
|
-
export { default as BlockRow } from
|
|
4
|
-
export { default as Block } from
|
|
5
|
-
export { default as MeltCheckbox } from
|
|
6
|
-
export { default as MeltRadio } from
|
|
7
|
-
export { default as MeltSlider } from
|
|
8
|
-
export { default as MeltSelect } from
|
|
9
|
-
export { default as MoltenButton } from
|
|
10
|
-
export { default as MoltenInput } from
|
|
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
|
|
2
|
-
export { default as BlockTitle } from
|
|
3
|
-
export { default as BlockRow } from
|
|
4
|
-
export { default as Block } from
|
|
5
|
-
export { default as MeltCheckbox } from
|
|
6
|
-
export { default as MeltRadio } from
|
|
7
|
-
export { default as MeltSlider } from
|
|
8
|
-
export { default as MeltSelect } from
|
|
9
|
-
export { default as MoltenButton } from
|
|
10
|
-
export { default as MoltenInput } from
|
|
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
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
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
|
}
|