@trebired/configs 0.1.3 → 0.1.4
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/package.json +3 -5
- package/.trebired/bootstrap/config.ts +0 -11
- package/.trebired/bundler/config.ts +0 -6
- package/.trebired/code-discipline/imports/1.json +0 -25
- package/.trebired/code-server-kit/config.ts +0 -15
- package/.trebired/frontend/components/button.ts +0 -93
- package/.trebired/frontend/components/data.ts +0 -31
- package/.trebired/frontend/components/feedback.ts +0 -45
- package/.trebired/frontend/components/index.ts +0 -15
- package/.trebired/frontend/components/overlays.ts +0 -72
- package/.trebired/frontend/components/primitives.ts +0 -171
- package/.trebired/frontend/components/shell.ts +0 -25
- package/.trebired/frontend/components/surfaces.ts +0 -33
- package/.trebired/frontend/config.ts +0 -40
- package/.trebired/frontend/palette.ts +0 -109
- package/.trebired/frontend/scales.ts +0 -68
- package/.trebired/frontend/systems.ts +0 -18
- package/.trebired/frontend/theme.ts +0 -44
- package/.trebired/frontend/tokens.ts +0 -68
- package/.trebired/git-host/config.ts +0 -5
- package/.trebired/i18n/config.ts +0 -10
- package/.trebired/logger/config.ts +0 -11
- package/.trebired/result/config.ts +0 -10
- package/.trebired/tasks/config.ts +0 -17
- package/.trebired/update/config.ts +0 -16
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trebired/configs",
|
|
3
|
-
"version": "0.1.
|
|
4
|
-
"description": "Shared Trebired package configuration
|
|
3
|
+
"version": "0.1.4",
|
|
4
|
+
"description": "Shared Trebired package configuration presets.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"private": false,
|
|
7
7
|
"packageManager": "bun@1.3.12",
|
|
@@ -14,9 +14,7 @@
|
|
|
14
14
|
}
|
|
15
15
|
},
|
|
16
16
|
"files": [
|
|
17
|
-
".trebired
|
|
18
|
-
".trebired/code-discipline/imports/*.json",
|
|
19
|
-
".trebired/frontend/**/*.ts"
|
|
17
|
+
".trebired/code-discipline/config.ts"
|
|
20
18
|
],
|
|
21
19
|
"repository": {
|
|
22
20
|
"type": "git",
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"#243dc3qaansy": "./.trebired/frontend/components/shell.ts",
|
|
3
|
-
"#2ya03ugoub24": "./.trebired/frontend/tokens.ts",
|
|
4
|
-
"#3p7ux4c4la4k": "./.trebired/git-host/config.ts",
|
|
5
|
-
"#4305se8k0f0r": "./.trebired/update/config.ts",
|
|
6
|
-
"#4i6ajrcvytna": "./.trebired/frontend/theme.ts",
|
|
7
|
-
"#5fdzwiji6ncj": "./.trebired/frontend/components/primitives.ts",
|
|
8
|
-
"#678bqpkihnib": "./.trebired/frontend/components/overlays.ts",
|
|
9
|
-
"#7uoc5lkepppe": "./.trebired/frontend/components/index.ts",
|
|
10
|
-
"#8fdpx3ppub75": "./.trebired/frontend/palette.ts",
|
|
11
|
-
"#cvrn8l9x1sha": "./.trebired/result/config.ts",
|
|
12
|
-
"#d1h72ltvrj3y": "./.trebired/frontend/components/button.ts",
|
|
13
|
-
"#hsf3uttyimp8": "./.trebired/tasks/config.ts",
|
|
14
|
-
"#lmvzyc5o8ctj": "./.trebired/frontend/components/data.ts",
|
|
15
|
-
"#mkiejbp8xao3": "./.trebired/i18n/config.ts",
|
|
16
|
-
"#mn0zw31r89it": "./.trebired/code-server-kit/config.ts",
|
|
17
|
-
"#ndq33u9zoj4x": "./.trebired/bootstrap/config.ts",
|
|
18
|
-
"#o5dgv17keqiu": "./.trebired/frontend/components/feedback.ts",
|
|
19
|
-
"#p9dae607tara": "./.trebired/bundler/config.ts",
|
|
20
|
-
"#r9vyd7xu8a1o": "./.trebired/frontend/scales.ts",
|
|
21
|
-
"#s9z23atndhhx": "./.trebired/frontend/components/surfaces.ts",
|
|
22
|
-
"#yfbkfe3m62xy": "./.trebired/frontend/config.ts",
|
|
23
|
-
"#z8bbmf3ou5w4": "./.trebired/frontend/systems.ts",
|
|
24
|
-
"#zgf3yznu085v": "./.trebired/logger/config.ts"
|
|
25
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export default {
|
|
2
|
-
forVersion: "1.5.0",
|
|
3
|
-
browser: {
|
|
4
|
-
diagnostics: {
|
|
5
|
-
bridgeProperty: "__repositoryIdeBridge",
|
|
6
|
-
policy: {
|
|
7
|
-
bootstrapTimeoutMs: 15000,
|
|
8
|
-
target: "workbench",
|
|
9
|
-
},
|
|
10
|
-
},
|
|
11
|
-
html: {
|
|
12
|
-
stripKnownBrokenModuleScripts: true,
|
|
13
|
-
},
|
|
14
|
-
},
|
|
15
|
-
};
|
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
import { semantic, token, ui } from "#2ya03ugoub24";
|
|
2
|
-
|
|
3
|
-
export const button = {
|
|
4
|
-
root: {
|
|
5
|
-
background: token.color("gray", 900),
|
|
6
|
-
border: token.border(semantic.borderSurface2),
|
|
7
|
-
color: semantic.textColor,
|
|
8
|
-
fontSize: "12px",
|
|
9
|
-
fontWeight: "600",
|
|
10
|
-
gap: "8px",
|
|
11
|
-
height: "28px",
|
|
12
|
-
padding: "0 12px",
|
|
13
|
-
paddingBlock: "0",
|
|
14
|
-
radius: ui.radiusMd,
|
|
15
|
-
},
|
|
16
|
-
sizes: {
|
|
17
|
-
sm: { fontSize: "11px", height: "24px", paddingInline: "9px" },
|
|
18
|
-
md: { fontSize: "12px", height: "28px", paddingInline: "12px" },
|
|
19
|
-
lg: { fontSize: "13px", height: "34px", paddingInline: "14px" },
|
|
20
|
-
},
|
|
21
|
-
slots: {
|
|
22
|
-
icon: {
|
|
23
|
-
color: token.color("gray", 300),
|
|
24
|
-
fontSize: "15px",
|
|
25
|
-
size: "28px",
|
|
26
|
-
sizes: {
|
|
27
|
-
xs2: { fontSize: "10px", size: "18px" },
|
|
28
|
-
xs: { fontSize: "12px", size: "22px" },
|
|
29
|
-
sm: { fontSize: "14px", size: "26px" },
|
|
30
|
-
md: { fontSize: "16px", size: "30px" },
|
|
31
|
-
lg: { fontSize: "18px", size: "34px" },
|
|
32
|
-
},
|
|
33
|
-
},
|
|
34
|
-
},
|
|
35
|
-
states: {
|
|
36
|
-
disabled: { opacity: "0.55" },
|
|
37
|
-
hover: {
|
|
38
|
-
background: token.color("gray", 800),
|
|
39
|
-
borderColor: token.color("gray", 700),
|
|
40
|
-
color: token.color("gray", 200),
|
|
41
|
-
iconColor: "currentColor",
|
|
42
|
-
},
|
|
43
|
-
},
|
|
44
|
-
tones: {
|
|
45
|
-
green: {
|
|
46
|
-
borderInlineColor: token.color("green", 700),
|
|
47
|
-
states: {
|
|
48
|
-
hover: {
|
|
49
|
-
background: token.color("green", 800),
|
|
50
|
-
borderColor: token.color("green", 700),
|
|
51
|
-
color: token.modeColor("gray", 0, "dark"),
|
|
52
|
-
iconColor: "currentColor",
|
|
53
|
-
},
|
|
54
|
-
},
|
|
55
|
-
},
|
|
56
|
-
highlight: {
|
|
57
|
-
background: token.color("gray", 100),
|
|
58
|
-
borderColor: token.color("gray", 100),
|
|
59
|
-
color: token.color("gray", 950),
|
|
60
|
-
iconColor: token.color("gray", 800),
|
|
61
|
-
states: {
|
|
62
|
-
hover: {
|
|
63
|
-
background: token.color("gray", 200),
|
|
64
|
-
borderColor: token.color("gray", 100),
|
|
65
|
-
color: token.color("gray", 900),
|
|
66
|
-
iconColor: "currentColor",
|
|
67
|
-
},
|
|
68
|
-
},
|
|
69
|
-
},
|
|
70
|
-
red: {
|
|
71
|
-
borderInlineColor: token.color("red", 700),
|
|
72
|
-
states: {
|
|
73
|
-
hover: {
|
|
74
|
-
background: token.color("red", 800),
|
|
75
|
-
borderColor: token.color("red", 700),
|
|
76
|
-
color: token.modeColor("gray", 50, "dark"),
|
|
77
|
-
iconColor: "currentColor",
|
|
78
|
-
},
|
|
79
|
-
},
|
|
80
|
-
},
|
|
81
|
-
yellow: {
|
|
82
|
-
borderInlineColor: token.color("yellow", 700),
|
|
83
|
-
states: {
|
|
84
|
-
hover: {
|
|
85
|
-
background: token.color("yellow", 700),
|
|
86
|
-
borderColor: token.color("yellow", 600),
|
|
87
|
-
color: token.modeColor("gray", 50, "dark"),
|
|
88
|
-
iconColor: "currentColor",
|
|
89
|
-
},
|
|
90
|
-
},
|
|
91
|
-
},
|
|
92
|
-
},
|
|
93
|
-
};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { token } from "#2ya03ugoub24";
|
|
2
|
-
|
|
3
|
-
export const data = {
|
|
4
|
-
graph: {
|
|
5
|
-
download: {
|
|
6
|
-
fill: token.colorMix(token.color("blue", 500), "16%"),
|
|
7
|
-
stroke: token.color("blue", 400),
|
|
8
|
-
},
|
|
9
|
-
heatmap: {
|
|
10
|
-
empty: token.color("gray", 900),
|
|
11
|
-
level1: token.color("green", 800),
|
|
12
|
-
level2: token.color("green", 700),
|
|
13
|
-
level3: token.color("green", 600),
|
|
14
|
-
level4: token.color("green", 500),
|
|
15
|
-
},
|
|
16
|
-
upload: {
|
|
17
|
-
fill: token.colorMix(token.color("green", 500), "16%"),
|
|
18
|
-
stroke: token.color("green", 400),
|
|
19
|
-
},
|
|
20
|
-
},
|
|
21
|
-
log: {
|
|
22
|
-
line: {
|
|
23
|
-
states: {
|
|
24
|
-
hover: {
|
|
25
|
-
background: token.colorMix(token.color("gray", 700), "28%"),
|
|
26
|
-
},
|
|
27
|
-
},
|
|
28
|
-
},
|
|
29
|
-
selection: { background: token.color("gray", 700) },
|
|
30
|
-
},
|
|
31
|
-
};
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { token, ui } from "#2ya03ugoub24";
|
|
2
|
-
|
|
3
|
-
export const feedback = {
|
|
4
|
-
flash: {
|
|
5
|
-
container: {
|
|
6
|
-
background: token.color("gray", 900),
|
|
7
|
-
borderColor: token.color("gray", 800),
|
|
8
|
-
color: token.color("gray", 100),
|
|
9
|
-
padding: "15px",
|
|
10
|
-
radius: ui.radiusLg,
|
|
11
|
-
},
|
|
12
|
-
intents: {
|
|
13
|
-
error: { iconColor: token.color("red", 500) },
|
|
14
|
-
info: { iconColor: token.color("gray", 500) },
|
|
15
|
-
success: { iconColor: token.color("green", 500) },
|
|
16
|
-
warn: { iconColor: token.color("yellow", 500) },
|
|
17
|
-
},
|
|
18
|
-
layout: {
|
|
19
|
-
actionsGap: "8px",
|
|
20
|
-
bodyGap: "8px",
|
|
21
|
-
gap: "10px",
|
|
22
|
-
},
|
|
23
|
-
placement: {
|
|
24
|
-
maxWidth: "520px",
|
|
25
|
-
offset: "18px",
|
|
26
|
-
},
|
|
27
|
-
slots: {
|
|
28
|
-
description: {
|
|
29
|
-
color: token.color("gray", 400),
|
|
30
|
-
fontSize: "0.92rem",
|
|
31
|
-
},
|
|
32
|
-
icon: {
|
|
33
|
-
fontWeight: "700",
|
|
34
|
-
size: "15px",
|
|
35
|
-
},
|
|
36
|
-
progress: {
|
|
37
|
-
color: token.color("gray", 600),
|
|
38
|
-
height: "4px",
|
|
39
|
-
},
|
|
40
|
-
title: {
|
|
41
|
-
fontWeight: "400",
|
|
42
|
-
},
|
|
43
|
-
},
|
|
44
|
-
},
|
|
45
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { data } from "./data";
|
|
2
|
-
import { feedback } from "./feedback";
|
|
3
|
-
import { overlays } from "./overlays";
|
|
4
|
-
import { primitives } from "./primitives";
|
|
5
|
-
import { shell } from "./shell";
|
|
6
|
-
import { surfaces } from "./surfaces";
|
|
7
|
-
|
|
8
|
-
export const components = {
|
|
9
|
-
data,
|
|
10
|
-
feedback,
|
|
11
|
-
overlays,
|
|
12
|
-
primitives,
|
|
13
|
-
shell,
|
|
14
|
-
surfaces,
|
|
15
|
-
};
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import { semantic, token, ui } from "#2ya03ugoub24";
|
|
2
|
-
|
|
3
|
-
export const overlays = {
|
|
4
|
-
modal: {
|
|
5
|
-
backdrop: {
|
|
6
|
-
background: token.colorMix(token.color("gray", 1000), "48%"),
|
|
7
|
-
opacity: "1",
|
|
8
|
-
padding: "24px",
|
|
9
|
-
},
|
|
10
|
-
content: {
|
|
11
|
-
background: semantic.backgroundSurface1,
|
|
12
|
-
border: token.border(semantic.borderSurface1),
|
|
13
|
-
color: semantic.textColor,
|
|
14
|
-
maxHeight: "min(80vh, 720px)",
|
|
15
|
-
padding: "20px",
|
|
16
|
-
radius: ui.radiusLg,
|
|
17
|
-
shadow: token.variable("shadow-overlay-lg"),
|
|
18
|
-
width: "min(720px, calc(100vw - 48px))",
|
|
19
|
-
},
|
|
20
|
-
motion: {
|
|
21
|
-
duration: ui.transitionFast,
|
|
22
|
-
easing: "ease",
|
|
23
|
-
initialScale: "0.96",
|
|
24
|
-
openScale: "1",
|
|
25
|
-
},
|
|
26
|
-
},
|
|
27
|
-
popover: {
|
|
28
|
-
item: {
|
|
29
|
-
root: {
|
|
30
|
-
height: "35px",
|
|
31
|
-
padding: "5px 10px",
|
|
32
|
-
radius: ui.radiusSm,
|
|
33
|
-
},
|
|
34
|
-
states: {
|
|
35
|
-
hover: {
|
|
36
|
-
background: token.color("gray", 800),
|
|
37
|
-
},
|
|
38
|
-
selected: {
|
|
39
|
-
background: token.color("gray", 800),
|
|
40
|
-
},
|
|
41
|
-
},
|
|
42
|
-
},
|
|
43
|
-
panel: {
|
|
44
|
-
background: semantic.backgroundSurface1,
|
|
45
|
-
border: token.border(semantic.borderSurface1),
|
|
46
|
-
color: semantic.textColor,
|
|
47
|
-
gap: "2px",
|
|
48
|
-
padding: "8px",
|
|
49
|
-
radius: ui.radiusLg,
|
|
50
|
-
},
|
|
51
|
-
},
|
|
52
|
-
tooltip: {
|
|
53
|
-
arrow: {
|
|
54
|
-
borderWidth: ui.borderWidth,
|
|
55
|
-
size: "8px",
|
|
56
|
-
},
|
|
57
|
-
motion: {
|
|
58
|
-
duration: "170ms",
|
|
59
|
-
easing: "cubic-bezier(0.16, 1, 0.3, 1)",
|
|
60
|
-
},
|
|
61
|
-
panel: {
|
|
62
|
-
background: semantic.backgroundSurface1,
|
|
63
|
-
border: token.border(semantic.borderSurface1),
|
|
64
|
-
color: semantic.textColor,
|
|
65
|
-
fontFamily: ui.fontSans,
|
|
66
|
-
fontSize: "12px",
|
|
67
|
-
lineHeight: "1.3",
|
|
68
|
-
padding: "7px 9px",
|
|
69
|
-
radius: ui.radiusMd,
|
|
70
|
-
},
|
|
71
|
-
},
|
|
72
|
-
};
|
|
@@ -1,171 +0,0 @@
|
|
|
1
|
-
import { semantic, token, ui } from "#2ya03ugoub24";
|
|
2
|
-
import { button } from "./button";
|
|
3
|
-
|
|
4
|
-
export const primitives = {
|
|
5
|
-
button,
|
|
6
|
-
choice: {
|
|
7
|
-
checked: { background: token.color("gray", 900) },
|
|
8
|
-
control: {
|
|
9
|
-
activeIconColor: token.color("gray", 600),
|
|
10
|
-
borderColor: token.color("gray", 600),
|
|
11
|
-
checkedBackground: token.color("gray", 100),
|
|
12
|
-
checkedBorderColor: token.color("gray", 100),
|
|
13
|
-
checkedColor: token.color("gray", 900),
|
|
14
|
-
color: token.color("gray", 800),
|
|
15
|
-
partialBorderColor: token.color("gray", 400),
|
|
16
|
-
partialColor: token.color("gray", 200),
|
|
17
|
-
partialIconColor: token.color("gray", 300),
|
|
18
|
-
},
|
|
19
|
-
},
|
|
20
|
-
dot: { color: token.color("gray", 600) },
|
|
21
|
-
dropdown: {
|
|
22
|
-
arrow: { color: token.color("gray", 500) },
|
|
23
|
-
menu: { background: token.color("gray", 900) },
|
|
24
|
-
option: {
|
|
25
|
-
states: {
|
|
26
|
-
hover: { background: token.color("gray", 800) },
|
|
27
|
-
selected: { background: token.color("gray", 800) },
|
|
28
|
-
},
|
|
29
|
-
},
|
|
30
|
-
},
|
|
31
|
-
input: {
|
|
32
|
-
file: {
|
|
33
|
-
button: {
|
|
34
|
-
background: token.color("gray", 700),
|
|
35
|
-
states: {
|
|
36
|
-
hover: { background: token.color("gray", 700) },
|
|
37
|
-
},
|
|
38
|
-
},
|
|
39
|
-
},
|
|
40
|
-
states: {
|
|
41
|
-
focus: { color: token.color("gray", 600) },
|
|
42
|
-
},
|
|
43
|
-
},
|
|
44
|
-
loader: { color: token.color("gray", 300) },
|
|
45
|
-
pill: { background: token.color("gray", 800) },
|
|
46
|
-
progress: {
|
|
47
|
-
color: token.color("gray", 400),
|
|
48
|
-
track: token.colorMix(token.color("gray", 400), "22%"),
|
|
49
|
-
},
|
|
50
|
-
tabs: {
|
|
51
|
-
list: { gap: ui.gapSm },
|
|
52
|
-
root: {
|
|
53
|
-
background: "transparent",
|
|
54
|
-
border: token.border(semantic.borderSurface1),
|
|
55
|
-
color: semantic.textColor,
|
|
56
|
-
fontFamily: ui.fontSans,
|
|
57
|
-
fontSize: "14px",
|
|
58
|
-
height: "34px",
|
|
59
|
-
paddingInline: "14px",
|
|
60
|
-
radius: ui.radiusSm,
|
|
61
|
-
},
|
|
62
|
-
states: {
|
|
63
|
-
active: {
|
|
64
|
-
background: semantic.backgroundSurface1,
|
|
65
|
-
borderColor: semantic.borderSurface1,
|
|
66
|
-
},
|
|
67
|
-
hover: {
|
|
68
|
-
background: semantic.backgroundSurface1,
|
|
69
|
-
borderColor: semantic.borderSurface1,
|
|
70
|
-
},
|
|
71
|
-
},
|
|
72
|
-
},
|
|
73
|
-
textLink: {
|
|
74
|
-
root: {
|
|
75
|
-
color: semantic.textMuted,
|
|
76
|
-
fontWeight: "inherit",
|
|
77
|
-
textDecorationLine: "underline",
|
|
78
|
-
textDecorationStyle: "dotted",
|
|
79
|
-
textDecorationThickness: "1px",
|
|
80
|
-
textUnderlineOffset: "3px",
|
|
81
|
-
transition: `color ${ui.transitionFast}`,
|
|
82
|
-
},
|
|
83
|
-
states: {
|
|
84
|
-
hover: {
|
|
85
|
-
color: semantic.textColor,
|
|
86
|
-
textDecorationStyle: "solid",
|
|
87
|
-
},
|
|
88
|
-
},
|
|
89
|
-
},
|
|
90
|
-
toggle: {
|
|
91
|
-
active: { color: token.color("gray", 100) },
|
|
92
|
-
thumb: { background: token.color("gray", 400) },
|
|
93
|
-
track: { background: token.color("gray", 100) },
|
|
94
|
-
},
|
|
95
|
-
upload: {
|
|
96
|
-
actions: { gap: ui.gapSm },
|
|
97
|
-
content: { gap: "4px" },
|
|
98
|
-
cropper: {
|
|
99
|
-
actions: { gap: ui.gapSm },
|
|
100
|
-
description: { color: semantic.textMuted },
|
|
101
|
-
header: { gap: "4px" },
|
|
102
|
-
modal: {
|
|
103
|
-
maxHeight: "min(90vh, 920px)",
|
|
104
|
-
width: "min(960px, calc(100vw - 40px))",
|
|
105
|
-
},
|
|
106
|
-
stage: {
|
|
107
|
-
background: semantic.backgroundSurface1,
|
|
108
|
-
border: token.border(semantic.borderSurface1),
|
|
109
|
-
faceColor: token.colorMix(token.color("gray", 0), "14%"),
|
|
110
|
-
height: "min(62vh, 640px)",
|
|
111
|
-
lineColor: token.color("gray", 0),
|
|
112
|
-
minHeight: "320px",
|
|
113
|
-
overlayColor: token.colorMix(token.color("gray", 1000), "72%"),
|
|
114
|
-
pointBackground: token.color("gray", 0),
|
|
115
|
-
pointBorder: token.border(semantic.textColor),
|
|
116
|
-
pointRadius: ui.radiusSm,
|
|
117
|
-
pointSize: "12px",
|
|
118
|
-
radius: ui.radiusLg,
|
|
119
|
-
},
|
|
120
|
-
},
|
|
121
|
-
hint: {
|
|
122
|
-
color: semantic.textMuted,
|
|
123
|
-
fontSize: "0.92rem",
|
|
124
|
-
},
|
|
125
|
-
list: {
|
|
126
|
-
gap: "4px",
|
|
127
|
-
paddingLeft: "18px",
|
|
128
|
-
},
|
|
129
|
-
preview: {
|
|
130
|
-
background: semantic.backgroundSurface2,
|
|
131
|
-
border: token.border(semantic.borderSurface1),
|
|
132
|
-
emptyColor: semantic.textMuted,
|
|
133
|
-
emptyFontSize: "0.82rem",
|
|
134
|
-
emptyLineHeight: "1.1",
|
|
135
|
-
emptyPadding: "4px",
|
|
136
|
-
radius: ui.radiusLg,
|
|
137
|
-
roundRadius: "999px",
|
|
138
|
-
size: "64px",
|
|
139
|
-
},
|
|
140
|
-
responsive: {
|
|
141
|
-
mobile: {
|
|
142
|
-
cropperModalMaxHeight: "calc(100vh - 24px)",
|
|
143
|
-
cropperModalWidth: "calc(100vw - 24px)",
|
|
144
|
-
cropperStageHeight: "min(52vh, 420px)",
|
|
145
|
-
cropperStageMinHeight: "260px",
|
|
146
|
-
},
|
|
147
|
-
},
|
|
148
|
-
root: {
|
|
149
|
-
color: semantic.textColor,
|
|
150
|
-
gap: ui.gapSm,
|
|
151
|
-
},
|
|
152
|
-
surface: {
|
|
153
|
-
background: semantic.backgroundSurface1,
|
|
154
|
-
border: `${ui.borderWidth} dashed ${semantic.borderSurface1}`,
|
|
155
|
-
color: semantic.textColor,
|
|
156
|
-
gap: "12px",
|
|
157
|
-
minHeight: "72px",
|
|
158
|
-
padding: "12px",
|
|
159
|
-
radius: ui.radiusLg,
|
|
160
|
-
states: {
|
|
161
|
-
drag: {
|
|
162
|
-
background: semantic.backgroundSurface2,
|
|
163
|
-
borderColor: semantic.focusColor,
|
|
164
|
-
},
|
|
165
|
-
hasFiles: {
|
|
166
|
-
borderStyle: "solid",
|
|
167
|
-
},
|
|
168
|
-
},
|
|
169
|
-
},
|
|
170
|
-
},
|
|
171
|
-
};
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { token } from "#2ya03ugoub24";
|
|
2
|
-
|
|
3
|
-
export const shell = {
|
|
4
|
-
header: {
|
|
5
|
-
brand: {
|
|
6
|
-
tag: {
|
|
7
|
-
offsetY: "6px",
|
|
8
|
-
},
|
|
9
|
-
},
|
|
10
|
-
},
|
|
11
|
-
language: {
|
|
12
|
-
option: {
|
|
13
|
-
states: {
|
|
14
|
-
current: { background: token.color("gray", 850) },
|
|
15
|
-
},
|
|
16
|
-
},
|
|
17
|
-
},
|
|
18
|
-
theme: {
|
|
19
|
-
option: {
|
|
20
|
-
states: {
|
|
21
|
-
current: { background: token.color("gray", 850) },
|
|
22
|
-
},
|
|
23
|
-
},
|
|
24
|
-
},
|
|
25
|
-
};
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { semantic, token, ui } from "#2ya03ugoub24";
|
|
2
|
-
import { button } from "./button";
|
|
3
|
-
|
|
4
|
-
export const surfaces = {
|
|
5
|
-
button,
|
|
6
|
-
card: {
|
|
7
|
-
body: {
|
|
8
|
-
divider: { background: semantic.borderSurface1 },
|
|
9
|
-
},
|
|
10
|
-
root: {
|
|
11
|
-
background: semantic.backgroundPage,
|
|
12
|
-
border: token.border(semantic.borderSurface1),
|
|
13
|
-
minHeight: ui.heightXs4,
|
|
14
|
-
padding: "14px 14px 12px 14px",
|
|
15
|
-
radius: ui.radiusLg,
|
|
16
|
-
},
|
|
17
|
-
row: {
|
|
18
|
-
background: "transparent",
|
|
19
|
-
border: token.border(semantic.borderSurface1),
|
|
20
|
-
padding: "9px 12px",
|
|
21
|
-
radius: ui.radiusLg,
|
|
22
|
-
states: {
|
|
23
|
-
hover: { background: token.color("gray", 900) },
|
|
24
|
-
selected: { background: semantic.backgroundSurface1 },
|
|
25
|
-
},
|
|
26
|
-
},
|
|
27
|
-
title: {
|
|
28
|
-
fontSize: "15px",
|
|
29
|
-
fontWeight: "700",
|
|
30
|
-
margin: "0 0 10px 0",
|
|
31
|
-
},
|
|
32
|
-
},
|
|
33
|
-
};
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { components } from "./components";
|
|
2
|
-
import { palette } from "./palette";
|
|
3
|
-
import { scales } from "./scales";
|
|
4
|
-
import { systems } from "./systems";
|
|
5
|
-
import { runtime, semantics } from "./theme";
|
|
6
|
-
|
|
7
|
-
export default {
|
|
8
|
-
forVersion: "7.0.1",
|
|
9
|
-
assets: {
|
|
10
|
-
fonts: {
|
|
11
|
-
families: {
|
|
12
|
-
sans: {
|
|
13
|
-
family: "Inter",
|
|
14
|
-
package: "inter",
|
|
15
|
-
styles: ["normal", "italic"],
|
|
16
|
-
subsets: ["latin", "latin-ext"],
|
|
17
|
-
weights: [100, 400, 500, 600, 700],
|
|
18
|
-
},
|
|
19
|
-
},
|
|
20
|
-
sans: "\"Inter\", sans-serif",
|
|
21
|
-
},
|
|
22
|
-
icons: {
|
|
23
|
-
endpoint: "/__icons/svg",
|
|
24
|
-
packs: ["remixicon", "simple-icons", "material-icon-theme"],
|
|
25
|
-
},
|
|
26
|
-
},
|
|
27
|
-
components,
|
|
28
|
-
design: {
|
|
29
|
-
interactions: {
|
|
30
|
-
activePress: {
|
|
31
|
-
enabled: true,
|
|
32
|
-
},
|
|
33
|
-
},
|
|
34
|
-
palette,
|
|
35
|
-
scales,
|
|
36
|
-
semantics,
|
|
37
|
-
},
|
|
38
|
-
runtime,
|
|
39
|
-
systems,
|
|
40
|
-
};
|
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
const grayDark = {
|
|
2
|
-
0: "#ffffff",
|
|
3
|
-
50: "#e3e3e4",
|
|
4
|
-
100: "#cacacb",
|
|
5
|
-
150: "#bdbdbe",
|
|
6
|
-
200: "#b1b1b2",
|
|
7
|
-
250: "#9e9e9f",
|
|
8
|
-
300: "#8c8c8d",
|
|
9
|
-
350: "#7a7a7b",
|
|
10
|
-
400: "#69696a",
|
|
11
|
-
450: "#5b5b5c",
|
|
12
|
-
500: "#4e4e4f",
|
|
13
|
-
550: "#454546",
|
|
14
|
-
600: "#3d3d3e",
|
|
15
|
-
650: "#363637",
|
|
16
|
-
700: "#303031",
|
|
17
|
-
750: "#2b2b2c",
|
|
18
|
-
800: "#262627",
|
|
19
|
-
850: "rgb(34 34 35)",
|
|
20
|
-
900: "#1f1f20",
|
|
21
|
-
950: "#1a1a1b",
|
|
22
|
-
1000: "#141415",
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
const grayLight = {
|
|
26
|
-
0: "#141415",
|
|
27
|
-
50: "#2b2b2c",
|
|
28
|
-
100: "#3c3c3d",
|
|
29
|
-
150: "#454546",
|
|
30
|
-
200: "#4d4d4e",
|
|
31
|
-
250: "#5c5c5d",
|
|
32
|
-
300: "#6b6b6c",
|
|
33
|
-
350: "#7c7c7d",
|
|
34
|
-
400: "#8e8e8f",
|
|
35
|
-
450: "#9f9fa0",
|
|
36
|
-
500: "#afafb0",
|
|
37
|
-
550: "#bbbbbc",
|
|
38
|
-
600: "#c8c8c9",
|
|
39
|
-
650: "#d2d2d3",
|
|
40
|
-
700: "#dbdbdc",
|
|
41
|
-
750: "#e2e2e3",
|
|
42
|
-
800: "#e9e9ea",
|
|
43
|
-
850: "#eeeeef",
|
|
44
|
-
900: "#f3f3f4",
|
|
45
|
-
950: "#f8f8f9",
|
|
46
|
-
1000: "#ffffff",
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
export const palette = {
|
|
50
|
-
modes: {
|
|
51
|
-
dark: {
|
|
52
|
-
scale: {
|
|
53
|
-
blue: { 400: "#bbd0fb", 500: "#81a7ec", 600: "#5d83d8", 700: "#4966b4" },
|
|
54
|
-
cyan: { 400: "#99e3ef", 500: "#52c2d8", 600: "#2c9ab2", 700: "#1f7689" },
|
|
55
|
-
gray: grayDark,
|
|
56
|
-
green: { 400: "#95e0a7", 500: "#4fc56d", 600: "#30994f", 700: "#24783d", 800: "#1c5e2f" },
|
|
57
|
-
indigo: { 400: "#c0c2fb", 500: "#9090f1", 600: "#6c68e6", 700: "#5350b7" },
|
|
58
|
-
orange: { 400: "#ffd1aa", 500: "#f0a360", 600: "#e58a3e", 700: "#d2762f" },
|
|
59
|
-
red: { 400: "#f7b3b3", 500: "#f06f6f", 600: "#dd4e4e", 700: "#b52f2f", 800: "rgb(145 34 34)" },
|
|
60
|
-
ruby: { 400: "#f1b0cc", 500: "#df6295", 600: "#c13268", 700: "#9d1e50" },
|
|
61
|
-
yellow: { 400: "#f3e0a3", 500: "#eec757", 600: "#ddb02b", 700: "#bf9517" },
|
|
62
|
-
},
|
|
63
|
-
},
|
|
64
|
-
light: {
|
|
65
|
-
scale: {
|
|
66
|
-
blue: { 400: "#273659", 500: "#315290", 600: "#486cbf", 700: "#6989da" },
|
|
67
|
-
cyan: { 400: "#00383f", 500: "#00525f", 600: "#007286", 700: "#4293a7" },
|
|
68
|
-
gray: grayLight,
|
|
69
|
-
green: { 400: "#00411b", 500: "#005a23", 600: "#028037", 700: "#4c9c5f", 800: "#76b783" },
|
|
70
|
-
indigo: { 400: "#393867", 500: "#5652ad", 600: "#6f6cea", 700: "#8c8ffd" },
|
|
71
|
-
orange: { 400: "#4b2800", 500: "#713d00", 600: "#894700", 700: "#a35100" },
|
|
72
|
-
red: { 400: "#652e30", 500: "#ae3239", 600: "#d04143", 700: "#f36962", 800: "#ff9289" },
|
|
73
|
-
ruby: { 400: "#632e48", 500: "#b43a70", 600: "#e75687", 700: "#ff7da3" },
|
|
74
|
-
yellow: { 400: "#362a00", 500: "#493800", 600: "#5b4600", 700: "#745900" },
|
|
75
|
-
},
|
|
76
|
-
},
|
|
77
|
-
},
|
|
78
|
-
semantic: {
|
|
79
|
-
"background-page": { family: "gray", step: "950" },
|
|
80
|
-
"background-surface-1": { family: "gray", step: "900" },
|
|
81
|
-
"background-surface-2": { family: "gray", step: "800" },
|
|
82
|
-
"border-surface-1": { family: "gray", step: "750" },
|
|
83
|
-
"border-surface-2": { family: "gray", step: "700" },
|
|
84
|
-
"canvas-ansi-0": { family: "gray", step: "1000" },
|
|
85
|
-
"canvas-ansi-1": { family: "red", step: "700" },
|
|
86
|
-
"canvas-ansi-2": { family: "green", step: "700" },
|
|
87
|
-
"canvas-ansi-3": { family: "yellow", step: "700" },
|
|
88
|
-
"canvas-ansi-4": { family: "blue", step: "700" },
|
|
89
|
-
"canvas-ansi-5": { family: "ruby", step: "700" },
|
|
90
|
-
"canvas-ansi-6": { family: "cyan", step: "700" },
|
|
91
|
-
"canvas-ansi-7": { family: "gray", step: "300" },
|
|
92
|
-
"canvas-ansi-8": { family: "gray", step: "700" },
|
|
93
|
-
"canvas-ansi-9": { family: "red", step: "500" },
|
|
94
|
-
"canvas-ansi-10": { family: "green", step: "500" },
|
|
95
|
-
"canvas-ansi-11": { family: "yellow", step: "500" },
|
|
96
|
-
"canvas-ansi-12": { family: "blue", step: "500" },
|
|
97
|
-
"canvas-ansi-13": { family: "ruby", step: "500" },
|
|
98
|
-
"canvas-ansi-14": { family: "cyan", step: "500" },
|
|
99
|
-
"canvas-ansi-15": { family: "gray", step: "200" },
|
|
100
|
-
"focus-color": { family: "blue", step: "500" },
|
|
101
|
-
"scroll-thumb": { family: "gray", step: "400" },
|
|
102
|
-
"scroll-thumb-hover": { family: "gray", step: "350" },
|
|
103
|
-
"scroll-track": { family: "gray", step: "600" },
|
|
104
|
-
"surface-1": { family: "gray", step: "900" },
|
|
105
|
-
"surface-2": { family: "gray", step: "800" },
|
|
106
|
-
"text-color": { family: "gray", step: "100" },
|
|
107
|
-
"text-color-muted": { family: "gray", step: "300" },
|
|
108
|
-
},
|
|
109
|
-
};
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
export const scales = {
|
|
2
|
-
height: {
|
|
3
|
-
xs5: 20,
|
|
4
|
-
xs4: 35,
|
|
5
|
-
xs3: 50,
|
|
6
|
-
xs2: 100,
|
|
7
|
-
xs: 150,
|
|
8
|
-
sm: 200,
|
|
9
|
-
md: 300,
|
|
10
|
-
lg: 400,
|
|
11
|
-
xl: 500,
|
|
12
|
-
xl2: 600,
|
|
13
|
-
xl3: 700,
|
|
14
|
-
xl4: 800,
|
|
15
|
-
xl5: 900,
|
|
16
|
-
xl6: 1000,
|
|
17
|
-
},
|
|
18
|
-
lineHeight: {
|
|
19
|
-
none: 1,
|
|
20
|
-
xs3: 1.05,
|
|
21
|
-
xs2: 1.1,
|
|
22
|
-
xs: 1.2,
|
|
23
|
-
sm3: 1.3,
|
|
24
|
-
sm2: 1.35,
|
|
25
|
-
sm: 1.4,
|
|
26
|
-
md3: 1.5,
|
|
27
|
-
md2: 1.55,
|
|
28
|
-
md: 1.6,
|
|
29
|
-
lg3: 1.7,
|
|
30
|
-
lg2: 1.75,
|
|
31
|
-
lg: 1.8,
|
|
32
|
-
xl3: 1.9,
|
|
33
|
-
xl2: 1.95,
|
|
34
|
-
xl: 2,
|
|
35
|
-
},
|
|
36
|
-
padding: { xs: 6, sm: 10, md: 14, lg: 20, xl: 28 },
|
|
37
|
-
radius: { xs: 4, sm: 6, md: 8, lg: 10, xl: 12, xl2: 14 },
|
|
38
|
-
spacing: { xs: 4, sm: 8, md: 12, lg: 16 },
|
|
39
|
-
textSize: {
|
|
40
|
-
xs: 12,
|
|
41
|
-
sm: 14,
|
|
42
|
-
md: 16,
|
|
43
|
-
lg: 20,
|
|
44
|
-
xl: 24,
|
|
45
|
-
xl2: 32,
|
|
46
|
-
xl3: 40,
|
|
47
|
-
xl4: 56,
|
|
48
|
-
xl5: 72,
|
|
49
|
-
},
|
|
50
|
-
width: {
|
|
51
|
-
xs2: 100,
|
|
52
|
-
xs: 150,
|
|
53
|
-
sm: 200,
|
|
54
|
-
md: 300,
|
|
55
|
-
lg: 400,
|
|
56
|
-
xl: 500,
|
|
57
|
-
xl2: 600,
|
|
58
|
-
xl3: 700,
|
|
59
|
-
xl4: 800,
|
|
60
|
-
xl5: 900,
|
|
61
|
-
xl6: 1000,
|
|
62
|
-
},
|
|
63
|
-
zIndex: {
|
|
64
|
-
steps: { xs: 900, sm: 1000, md: 1010, lg: 1020, xl: 1100 },
|
|
65
|
-
layerRoot: "sm",
|
|
66
|
-
progress: "xl",
|
|
67
|
-
},
|
|
68
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
export const systems = {
|
|
2
|
-
actions: true,
|
|
3
|
-
flash: true,
|
|
4
|
-
fullscreen: true,
|
|
5
|
-
icons: true,
|
|
6
|
-
inputs: true,
|
|
7
|
-
layer: true,
|
|
8
|
-
language: true,
|
|
9
|
-
layout: true,
|
|
10
|
-
modal: true,
|
|
11
|
-
popover: true,
|
|
12
|
-
primitives: true,
|
|
13
|
-
progress: true,
|
|
14
|
-
sidebar: true,
|
|
15
|
-
surface: false,
|
|
16
|
-
theme: true,
|
|
17
|
-
tooltip: true,
|
|
18
|
-
};
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { token } from "./tokens";
|
|
2
|
-
|
|
3
|
-
export const semantics = {
|
|
4
|
-
selection: {
|
|
5
|
-
bg: token.colorMix(token.color("gray", 500), "50%"),
|
|
6
|
-
text: token.color("gray", 200),
|
|
7
|
-
},
|
|
8
|
-
status: {
|
|
9
|
-
error: { color: token.color("red", 500) },
|
|
10
|
-
success: { color: token.color("green", 500) },
|
|
11
|
-
warning: { color: token.color("yellow", 500) },
|
|
12
|
-
},
|
|
13
|
-
tone: {
|
|
14
|
-
blue: token.color("blue", 600),
|
|
15
|
-
cyan: token.color("cyan", 600),
|
|
16
|
-
error: token.color("red", 600),
|
|
17
|
-
gray: token.color("gray", 600),
|
|
18
|
-
green: token.color("green", 600),
|
|
19
|
-
info: token.color("blue", 600),
|
|
20
|
-
muted: token.color("gray", 600),
|
|
21
|
-
purple: token.color("ruby", 600),
|
|
22
|
-
red: token.color("red", 600),
|
|
23
|
-
success: token.color("green", 600),
|
|
24
|
-
warning: token.color("yellow", 600),
|
|
25
|
-
yellow: token.color("yellow", 600),
|
|
26
|
-
},
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
export const theme = {
|
|
30
|
-
dark: "dark",
|
|
31
|
-
defaultMode: "dark",
|
|
32
|
-
light: "light",
|
|
33
|
-
modes: {
|
|
34
|
-
dark: { scheme: "dark" },
|
|
35
|
-
light: { scheme: "light" },
|
|
36
|
-
},
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
export const runtime = {
|
|
40
|
-
progress: {
|
|
41
|
-
color: token.color("gray", 600),
|
|
42
|
-
},
|
|
43
|
-
theme,
|
|
44
|
-
};
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { palette } from "./palette";
|
|
2
|
-
|
|
3
|
-
void palette;
|
|
4
|
-
|
|
5
|
-
function variable(name: string, fallback?: string) {
|
|
6
|
-
return fallback === undefined ? `var(--${name})` : `var(--${name}, ${fallback})`;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
function color(family: string, step: string | number) {
|
|
10
|
-
return variable(`${family}-${String(step)}`);
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
function modeColor(family: string, step: string | number, mode: string) {
|
|
14
|
-
return variable(`${family}-${String(step)}-${mode}`);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
function semanticToken(name: string) {
|
|
18
|
-
return variable(name);
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
function border(borderColor: string, width = variable("border-width")) {
|
|
22
|
-
return `${width} solid ${borderColor}`;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
function colorMix(inputColor: string, amount: string, target = "transparent") {
|
|
26
|
-
return `color-mix(in srgb, ${inputColor} ${amount}, ${target})`;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
const token = {
|
|
30
|
-
border,
|
|
31
|
-
color,
|
|
32
|
-
colorMix,
|
|
33
|
-
modeColor,
|
|
34
|
-
semantic: semanticToken,
|
|
35
|
-
variable,
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
const semantic = {
|
|
39
|
-
backgroundPage: token.semantic("background-page"),
|
|
40
|
-
backgroundSurface1: token.semantic("background-surface-1"),
|
|
41
|
-
backgroundSurface2: token.semantic("background-surface-2"),
|
|
42
|
-
borderSurface1: token.semantic("border-surface-1"),
|
|
43
|
-
borderSurface2: token.semantic("border-surface-2"),
|
|
44
|
-
focusColor: token.semantic("focus-color"),
|
|
45
|
-
scrollThumb: token.semantic("scroll-thumb"),
|
|
46
|
-
scrollThumbHover: token.semantic("scroll-thumb-hover"),
|
|
47
|
-
scrollTrack: token.semantic("scroll-track"),
|
|
48
|
-
surface1: token.semantic("surface-1"),
|
|
49
|
-
surface2: token.semantic("surface-2"),
|
|
50
|
-
textColor: token.semantic("text-color"),
|
|
51
|
-
textMuted: token.semantic("text-color-muted"),
|
|
52
|
-
};
|
|
53
|
-
|
|
54
|
-
const ui = {
|
|
55
|
-
borderWidth: token.variable("border-width"),
|
|
56
|
-
fontSans: token.variable("tbf-font-sans", "\"Inter\", sans-serif"),
|
|
57
|
-
gapSm: token.variable("tbf-gap-sm"),
|
|
58
|
-
heightXs4: token.variable("height-xs4", "35px"),
|
|
59
|
-
radiusSm: token.variable("radius-sm"),
|
|
60
|
-
radiusMd: token.variable("radius-md", token.variable("tbf-radius", "0")),
|
|
61
|
-
radiusLg: token.variable("radius-lg", token.variable("tbf-radius", "0")),
|
|
62
|
-
transitionFast: token.variable(
|
|
63
|
-
"transition-fast",
|
|
64
|
-
token.variable("tbf-transition-fast", "120ms ease"),
|
|
65
|
-
),
|
|
66
|
-
};
|
|
67
|
-
|
|
68
|
-
export { semantic, token, ui };
|
package/.trebired/i18n/config.ts
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
export default {
|
|
2
|
-
forVersion: "1.2.0",
|
|
3
|
-
runner: {
|
|
4
|
-
globalConcurrency: 2,
|
|
5
|
-
heartbeatMs: 2000,
|
|
6
|
-
leaseMs: 15000,
|
|
7
|
-
pollIntervalMs: 250,
|
|
8
|
-
staleScanIntervalMs: 5000,
|
|
9
|
-
stopTimeoutMs: 10000,
|
|
10
|
-
},
|
|
11
|
-
storage: {
|
|
12
|
-
postgres: {
|
|
13
|
-
schema: "public",
|
|
14
|
-
tablePrefix: "tb_",
|
|
15
|
-
},
|
|
16
|
-
},
|
|
17
|
-
};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
export default {
|
|
2
|
-
forVersion: "1.1.0",
|
|
3
|
-
client: {
|
|
4
|
-
allowDowngrade: false,
|
|
5
|
-
allowSameVersion: false,
|
|
6
|
-
},
|
|
7
|
-
scheduler: {
|
|
8
|
-
intervalMs: 7200000,
|
|
9
|
-
mode: "check",
|
|
10
|
-
unrefTimer: true,
|
|
11
|
-
},
|
|
12
|
-
selection: {
|
|
13
|
-
entity: "platform",
|
|
14
|
-
product: "platform",
|
|
15
|
-
},
|
|
16
|
-
};
|