nightshade 1.5.0 → 2.0.0-dev.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/package.json +11 -38
- package/dist/ListNavController-drNtDwz9.js +0 -307
- package/dist/ThemeManager-DzxPhS21.js +0 -57
- package/dist/bundle.js +0 -31
- package/dist/components.css +0 -1
- package/dist/components.js +0 -19
- package/dist/index-DZX8JG-_.js +0 -1063
- package/dist/lib/components/Btn.vue.d.ts +0 -173
- package/dist/lib/components/Bubble.vue.d.ts +0 -23
- package/dist/lib/components/Circle.vue.d.ts +0 -14
- package/dist/lib/components/ContextMenu.vue.d.ts +0 -81
- package/dist/lib/components/ContextPopup.vue.d.ts +0 -86
- package/dist/lib/components/HGroup.vue.d.ts +0 -47
- package/dist/lib/components/HStack.vue.d.ts +0 -2
- package/dist/lib/components/InputBase.vue.d.ts +0 -121
- package/dist/lib/components/InputSelect.vue.d.ts +0 -20
- package/dist/lib/components/InputText.vue.d.ts +0 -11
- package/dist/lib/components/InputTextarea.vue.d.ts +0 -11
- package/dist/lib/components/Sizer.vue.d.ts +0 -2
- package/dist/lib/components/Switch.vue.d.ts +0 -77
- package/dist/lib/components/Tab.vue.d.ts +0 -22
- package/dist/lib/components/TabCap.vue.d.ts +0 -23
- package/dist/lib/components/VGroup.vue.d.ts +0 -38
- package/dist/lib/components/index.d.ts +0 -17
- package/dist/lib/index.d.ts +0 -4
- package/dist/lib/utils/ExpanderController.d.ts +0 -11
- package/dist/lib/utils/ListNavController.d.ts +0 -92
- package/dist/lib/utils/SelectionController.d.ts +0 -16
- package/dist/lib/utils/ThemeManager.d.ts +0 -15
- package/dist/lib/utils/dom.d.ts +0 -4
- package/dist/lib/utils/event-proxy.d.ts +0 -22
- package/dist/lib/utils/icons.d.ts +0 -3
- package/dist/lib/utils/index.d.ts +0 -8
- package/dist/lib/utils/point.d.ts +0 -4
- package/dist/utils.js +0 -13
- package/stylesheets/baseline.css +0 -50
- package/stylesheets/full.css +0 -7
- package/stylesheets/modules/article.css +0 -37
- package/stylesheets/modules/kbd.css +0 -34
- package/stylesheets/modules/transitions.css +0 -106
- package/stylesheets/modules/utils.css +0 -44
- package/stylesheets/variables/color-tokens.css +0 -168
- package/stylesheets/variables/commons.css +0 -37
- package/stylesheets/variables/spacing.css +0 -20
- package/stylesheets/variables/type-tokens.css +0 -18
- package/stylesheets/variables/typography.css +0 -16
- package/stylesheets/variables.css +0 -5
|
@@ -1,168 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
|
|
3
|
-
--color-base-0: hsl(280deg, 10%, 100%);
|
|
4
|
-
--color-base-1: hsl(280deg, 10%, 96%);
|
|
5
|
-
--color-base-2: hsl(280deg, 10%, 92%);
|
|
6
|
-
--color-base-3: hsl(280deg, 10%, 88%);
|
|
7
|
-
--color-base-4: hsl(280deg, 10%, 80%);
|
|
8
|
-
--color-base-5: hsl(280deg, 10%, 75%);
|
|
9
|
-
|
|
10
|
-
--color-text-0: hsl(280deg, 10%, 20%);
|
|
11
|
-
--color-text-1: hsl(280deg, 10%, 48%);
|
|
12
|
-
--color-text-2: hsl(280deg, 10%, 64%);
|
|
13
|
-
--color-text-3: hsl(280deg, 10%, 72%);
|
|
14
|
-
--color-text-4: hsl(280deg, 10%, 78%);
|
|
15
|
-
--color-text-5: hsl(280deg, 10%, 75%);
|
|
16
|
-
|
|
17
|
-
--color-default-0: var(--color-base-0);
|
|
18
|
-
--color-default-1: var(--color-base-1);
|
|
19
|
-
--color-default-2: var(--color-base-2);
|
|
20
|
-
--color-default-3: var(--color-base-3);
|
|
21
|
-
--color-default-4: var(--color-base-4);
|
|
22
|
-
--color-default-5: var(--color-base-5);
|
|
23
|
-
|
|
24
|
-
--color-primary-0: hsl(310deg, 64%, 75%);
|
|
25
|
-
--color-primary-1: hsl(310deg, 64%, 64%);
|
|
26
|
-
--color-primary-2: hsl(310deg, 64%, 50%);
|
|
27
|
-
--color-primary-3: hsl(310deg, 64%, 44%);
|
|
28
|
-
--color-primary-4: hsl(310deg, 64%, 36%);
|
|
29
|
-
--color-primary-5: hsl(310deg, 64%, 24%);
|
|
30
|
-
|
|
31
|
-
--color-secondary-0: hsl(290deg, 50%, 80%);
|
|
32
|
-
--color-secondary-1: hsl(290deg, 50%, 68%);
|
|
33
|
-
--color-secondary-2: hsl(290deg, 50%, 60%);
|
|
34
|
-
--color-secondary-3: hsl(290deg, 50%, 48%);
|
|
35
|
-
--color-secondary-4: hsl(290deg, 50%, 40%);
|
|
36
|
-
--color-secondary-5: hsl(290deg, 50%, 24%);
|
|
37
|
-
|
|
38
|
-
--color-tertiary-0: hsl(176deg, 50%, 78%);
|
|
39
|
-
--color-tertiary-1: hsl(176deg, 50%, 72%);
|
|
40
|
-
--color-tertiary-2: hsl(176deg, 50%, 50%);
|
|
41
|
-
--color-tertiary-3: hsl(176deg, 50%, 44%);
|
|
42
|
-
--color-tertiary-4: hsl(176deg, 50%, 40%);
|
|
43
|
-
--color-tertiary-5: hsl(176deg, 50%, 24%);
|
|
44
|
-
|
|
45
|
-
--color-success-0: hsl(96deg, 60%, 80%);
|
|
46
|
-
--color-success-1: hsl(96deg, 60%, 72%);
|
|
47
|
-
--color-success-2: hsl(96deg, 60%, 52%);
|
|
48
|
-
--color-success-3: hsl(96deg, 60%, 44%);
|
|
49
|
-
--color-success-4: hsl(96deg, 40%, 40%);
|
|
50
|
-
--color-success-5: hsl(96deg, 40%, 24%);
|
|
51
|
-
|
|
52
|
-
--color-warning-0: hsl(48deg, 88%, 85%);
|
|
53
|
-
--color-warning-1: hsl(48deg, 88%, 80%);
|
|
54
|
-
--color-warning-2: hsl(48deg, 88%, 60%);
|
|
55
|
-
--color-warning-3: hsl(48deg, 88%, 48%);
|
|
56
|
-
--color-warning-4: hsl(48deg, 60%, 40%);
|
|
57
|
-
--color-warning-5: hsl(48deg, 60%, 24%);
|
|
58
|
-
|
|
59
|
-
--color-danger-0: hsl(350deg, 82%, 88%);
|
|
60
|
-
--color-danger-1: hsl(350deg, 82%, 68%);
|
|
61
|
-
--color-danger-2: hsl(350deg, 82%, 60%);
|
|
62
|
-
--color-danger-3: hsl(350deg, 82%, 52%);
|
|
63
|
-
--color-danger-4: hsl(350deg, 60%, 44%);
|
|
64
|
-
--color-danger-5: hsl(350deg, 60%, 28%);
|
|
65
|
-
|
|
66
|
-
--color-default: var(--color-text-0);
|
|
67
|
-
--color-default-text: var(--color-text-0);
|
|
68
|
-
--color-default-border-color: var(--color-default-4);
|
|
69
|
-
--color-default-surface: var(--color-default-2);
|
|
70
|
-
--color-default-surface-top: var(--color-default-1);
|
|
71
|
-
--color-default-surface-bottom: var(--color-default-3);
|
|
72
|
-
--color-default-focus: var(--color-primary-focus);
|
|
73
|
-
--color-default-outline: var(--color-default-2);
|
|
74
|
-
--color-default-shadow: var(--color-default-5);
|
|
75
|
-
|
|
76
|
-
--color-primary: var(--color-primary-2);
|
|
77
|
-
--color-primary-text: #fff;
|
|
78
|
-
--color-primary-border-color: var(--color-primary-4);
|
|
79
|
-
--color-primary-surface: var(--color-primary-2);
|
|
80
|
-
--color-primary-surface-top: var(--color-primary-1);
|
|
81
|
-
--color-primary-surface-bottom: var(--color-primary-3);
|
|
82
|
-
--color-primary-focus: var(--color-primary-0);
|
|
83
|
-
--color-primary-outline: var(--color-primary-2);
|
|
84
|
-
--color-primary-shadow: var(--color-primary-5);
|
|
85
|
-
|
|
86
|
-
--color-secondary: var(--color-secondary-2);
|
|
87
|
-
--color-secondary-text: #fff;
|
|
88
|
-
--color-secondary-border-color: var(--color-secondary-4);
|
|
89
|
-
--color-secondary-surface: var(--color-secondary-2);
|
|
90
|
-
--color-secondary-surface-top: var(--color-secondary-1);
|
|
91
|
-
--color-secondary-surface-bottom: var(--color-secondary-3);
|
|
92
|
-
--color-secondary-focus: var(--color-secondary-0);
|
|
93
|
-
--color-secondary-outline: var(--color-secondary-2);
|
|
94
|
-
--color-secondary-shadow: var(--color-secondary-5);
|
|
95
|
-
|
|
96
|
-
--color-tertiary: var(--color-tertiary-2);
|
|
97
|
-
--color-tertiary-text: #fff;
|
|
98
|
-
--color-tertiary-border-color: var(--color-tertiary-4);
|
|
99
|
-
--color-tertiary-surface: var(--color-tertiary-2);
|
|
100
|
-
--color-tertiary-surface-top: var(--color-tertiary-1);
|
|
101
|
-
--color-tertiary-surface-bottom: var(--color-tertiary-3);
|
|
102
|
-
--color-tertiary-focus: var(--color-tertiary-0);
|
|
103
|
-
--color-tertiary-outline: var(--color-tertiary-2);
|
|
104
|
-
--color-tertiary-shadow: var(--color-tertiary-5);
|
|
105
|
-
|
|
106
|
-
--color-mono: var(--color-text-0);
|
|
107
|
-
--color-mono-text: var(--color-base-0);
|
|
108
|
-
--color-mono-border-color: var(--color-text-0);
|
|
109
|
-
--color-mono-surface: var(--color-text-0);
|
|
110
|
-
--color-mono-surface-top: var(--color-text-0);
|
|
111
|
-
--color-mono-surface-bottom: var(--color-text-0);
|
|
112
|
-
--color-mono-focus: var(--color-base-3);
|
|
113
|
-
--color-mono-outline: var(--color-base-3);
|
|
114
|
-
--color-mono-shadow: var(--color-base-3);
|
|
115
|
-
|
|
116
|
-
--color-success: var(--color-success-2);
|
|
117
|
-
--color-success-text: #fff;
|
|
118
|
-
--color-success-border-color: var(--color-success-4);
|
|
119
|
-
--color-success-surface: var(--color-success-2);
|
|
120
|
-
--color-success-surface-top: var(--color-success-1);
|
|
121
|
-
--color-success-surface-bottom: var(--color-success-3);
|
|
122
|
-
--color-success-focus: var(--color-success-0);
|
|
123
|
-
--color-success-outline: var(--color-success-2);
|
|
124
|
-
--color-success-shadow: var(--color-success-5);
|
|
125
|
-
|
|
126
|
-
--color-warning: var(--color-warning-3);
|
|
127
|
-
--color-warning-text: #000;
|
|
128
|
-
--color-warning-border-color: var(--color-warning-4);
|
|
129
|
-
--color-warning-surface: var(--color-warning-3);
|
|
130
|
-
--color-warning-surface-top: var(--color-warning-1);
|
|
131
|
-
--color-warning-surface-bottom: var(--color-warning-3);
|
|
132
|
-
--color-warning-focus: var(--color-warning-0);
|
|
133
|
-
--color-warning-outline: var(--color-warning-2);
|
|
134
|
-
--color-warning-shadow: var(--color-warning-5);
|
|
135
|
-
|
|
136
|
-
--color-danger: var(--color-danger-2);
|
|
137
|
-
--color-danger-text: #fff;
|
|
138
|
-
--color-danger-border-color: var(--color-danger-4);
|
|
139
|
-
--color-danger-surface: var(--color-danger-2);
|
|
140
|
-
--color-danger-surface-top: var(--color-danger-1);
|
|
141
|
-
--color-danger-surface-bottom: var(--color-danger-3);
|
|
142
|
-
--color-danger-focus: var(--color-danger-0);
|
|
143
|
-
--color-danger-outline: var(--color-danger-2);
|
|
144
|
-
--color-danger-shadow: var(--color-danger-5);
|
|
145
|
-
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
.theme-dark {
|
|
149
|
-
|
|
150
|
-
--color-base-0: hsl(280deg, 5%, 16%);
|
|
151
|
-
--color-base-1: hsl(280deg, 5%, 20%);
|
|
152
|
-
--color-base-2: hsl(280deg, 5%, 24%);
|
|
153
|
-
--color-base-3: hsl(280deg, 5%, 27%);
|
|
154
|
-
--color-base-4: hsl(280deg, 5%, 32%);
|
|
155
|
-
|
|
156
|
-
--color-text-0: hsl(280deg, 10%, 92%);
|
|
157
|
-
--color-text-1: hsl(280deg, 10%, 72%);
|
|
158
|
-
--color-text-2: hsl(280deg, 10%, 50%);
|
|
159
|
-
--color-text-3: hsl(280deg, 10%, 44%);
|
|
160
|
-
--color-text-4: hsl(280deg, 10%, 40%);
|
|
161
|
-
|
|
162
|
-
--color-default-0: var(--color-base-4);
|
|
163
|
-
--color-default-1: var(--color-base-3);
|
|
164
|
-
--color-default-2: var(--color-base-2);
|
|
165
|
-
--color-default-3: var(--color-base-1);
|
|
166
|
-
--color-default-4: var(--color-base-0);
|
|
167
|
-
|
|
168
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--background-color: var(--color-base-0);
|
|
3
|
-
--text-color: var(--color-text-0);
|
|
4
|
-
|
|
5
|
-
--link-color: var(--color-primary-2);
|
|
6
|
-
--link-color-hover: var(--color-primary-1);
|
|
7
|
-
|
|
8
|
-
--code-color: var(--color-secondary);
|
|
9
|
-
|
|
10
|
-
--color-subtle: var(--color-text-1);
|
|
11
|
-
--color-sublime: var(--color-text-2);
|
|
12
|
-
|
|
13
|
-
--color-shadow-light: rgba(0, 0, 0, 0.08);
|
|
14
|
-
--color-shadow-medium: rgba(0, 0, 0, 0.16);
|
|
15
|
-
--color-shadow-heavy: rgba(0, 0, 0, 0.24);
|
|
16
|
-
--color-overlay: rgba(0, 0, 0, 0.1);
|
|
17
|
-
|
|
18
|
-
--border-radius: var(--sp);
|
|
19
|
-
--border-radius-round: var(--sp2);
|
|
20
|
-
|
|
21
|
-
--input-size: var(--sp4);
|
|
22
|
-
--input-size-small: var(--sp3);
|
|
23
|
-
--input-size-smaller: var(--sp2);
|
|
24
|
-
--input-size-large: var(--sp5);
|
|
25
|
-
--input-size-larger: var(--sp6);
|
|
26
|
-
|
|
27
|
-
--input-border-size: 1px;
|
|
28
|
-
--input-outline-size: 2px;
|
|
29
|
-
--input-outline-offset: 0;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.theme-dark {
|
|
33
|
-
--color-shadow-light: rgba(255, 255, 255, 0.08);
|
|
34
|
-
--color-shadow-medium: rgba(255, 255, 255, 0.16);
|
|
35
|
-
--color-shadow-heavy: rgba(255, 255, 255, 0.24);
|
|
36
|
-
--color-overlay: rgba(255, 255, 255, 0.08);
|
|
37
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--sp: 8px;
|
|
3
|
-
--sp0-5: calc(0.5 * var(--sp));
|
|
4
|
-
--sp1: var(--sp);
|
|
5
|
-
--sp1-5: calc(1.5 * var(--sp));
|
|
6
|
-
--sp2: calc(2 * var(--sp));
|
|
7
|
-
--sp2-5: calc(2.5 * var(--sp));
|
|
8
|
-
--sp3: calc(3 * var(--sp));
|
|
9
|
-
--sp4: calc(4 * var(--sp));
|
|
10
|
-
--sp5: calc(5 * var(--sp));
|
|
11
|
-
--sp6: calc(6 * var(--sp));
|
|
12
|
-
--sp7: calc(7 * var(--sp));
|
|
13
|
-
--sp8: calc(8 * var(--sp));
|
|
14
|
-
--sp9: calc(9 * var(--sp));
|
|
15
|
-
--sp10: calc(10 * var(--sp));
|
|
16
|
-
--sp12: calc(12 * var(--sp));
|
|
17
|
-
--sp16: calc(16 * var(--sp));
|
|
18
|
-
--sp24: calc(24 * var(--sp));
|
|
19
|
-
--sp32: calc(32 * var(--sp));
|
|
20
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--color-type-any: var(--color-base-3);
|
|
3
|
-
--color-type-any-alt: var(--color-text-3);
|
|
4
|
-
--color-type-null: var(--color-base-3);
|
|
5
|
-
--color-type-null-alt: var(--color-text-3);
|
|
6
|
-
--color-type-number: hsl(48deg, 80%, 60%);
|
|
7
|
-
--color-type-number-alt: hsl(48deg, 100%, 40%);
|
|
8
|
-
--color-type-integer: hsl(48deg, 80%, 60%);
|
|
9
|
-
--color-type-integer-alt: hsl(48deg, 100%, 40%);
|
|
10
|
-
--color-type-string: hsl(132deg, 50%, 70%);
|
|
11
|
-
--color-type-string-alt: hsl(132deg, 40%, 50%);
|
|
12
|
-
--color-type-boolean: hsl(192deg, 60%, 70%);
|
|
13
|
-
--color-type-boolean-alt: hsl(192deg, 60%, 50%);
|
|
14
|
-
--color-type-object: hsl(264deg, 60%, 80%);
|
|
15
|
-
--color-type-object-alt: hsl(264deg, 40%, 65%);
|
|
16
|
-
--color-type-array: hsl(320deg, 60%, 70%);
|
|
17
|
-
--color-type-array-alt: hsl(320deg, 60%, 60%);
|
|
18
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
|
|
3
|
-
--font-main: sans-serif;
|
|
4
|
-
--font-monospace: monospace;
|
|
5
|
-
|
|
6
|
-
--font-size: 16px;
|
|
7
|
-
--font-size-small: 14px;
|
|
8
|
-
--font-size-smaller: 12px;
|
|
9
|
-
--font-size-large: 18px;
|
|
10
|
-
--font-size-larger: 20px;
|
|
11
|
-
|
|
12
|
-
--font-weight: 400;
|
|
13
|
-
--font-weight-bold: 500;
|
|
14
|
-
|
|
15
|
-
--line-height: 1.5em;
|
|
16
|
-
}
|