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.
Files changed (47) hide show
  1. package/package.json +11 -38
  2. package/dist/ListNavController-drNtDwz9.js +0 -307
  3. package/dist/ThemeManager-DzxPhS21.js +0 -57
  4. package/dist/bundle.js +0 -31
  5. package/dist/components.css +0 -1
  6. package/dist/components.js +0 -19
  7. package/dist/index-DZX8JG-_.js +0 -1063
  8. package/dist/lib/components/Btn.vue.d.ts +0 -173
  9. package/dist/lib/components/Bubble.vue.d.ts +0 -23
  10. package/dist/lib/components/Circle.vue.d.ts +0 -14
  11. package/dist/lib/components/ContextMenu.vue.d.ts +0 -81
  12. package/dist/lib/components/ContextPopup.vue.d.ts +0 -86
  13. package/dist/lib/components/HGroup.vue.d.ts +0 -47
  14. package/dist/lib/components/HStack.vue.d.ts +0 -2
  15. package/dist/lib/components/InputBase.vue.d.ts +0 -121
  16. package/dist/lib/components/InputSelect.vue.d.ts +0 -20
  17. package/dist/lib/components/InputText.vue.d.ts +0 -11
  18. package/dist/lib/components/InputTextarea.vue.d.ts +0 -11
  19. package/dist/lib/components/Sizer.vue.d.ts +0 -2
  20. package/dist/lib/components/Switch.vue.d.ts +0 -77
  21. package/dist/lib/components/Tab.vue.d.ts +0 -22
  22. package/dist/lib/components/TabCap.vue.d.ts +0 -23
  23. package/dist/lib/components/VGroup.vue.d.ts +0 -38
  24. package/dist/lib/components/index.d.ts +0 -17
  25. package/dist/lib/index.d.ts +0 -4
  26. package/dist/lib/utils/ExpanderController.d.ts +0 -11
  27. package/dist/lib/utils/ListNavController.d.ts +0 -92
  28. package/dist/lib/utils/SelectionController.d.ts +0 -16
  29. package/dist/lib/utils/ThemeManager.d.ts +0 -15
  30. package/dist/lib/utils/dom.d.ts +0 -4
  31. package/dist/lib/utils/event-proxy.d.ts +0 -22
  32. package/dist/lib/utils/icons.d.ts +0 -3
  33. package/dist/lib/utils/index.d.ts +0 -8
  34. package/dist/lib/utils/point.d.ts +0 -4
  35. package/dist/utils.js +0 -13
  36. package/stylesheets/baseline.css +0 -50
  37. package/stylesheets/full.css +0 -7
  38. package/stylesheets/modules/article.css +0 -37
  39. package/stylesheets/modules/kbd.css +0 -34
  40. package/stylesheets/modules/transitions.css +0 -106
  41. package/stylesheets/modules/utils.css +0 -44
  42. package/stylesheets/variables/color-tokens.css +0 -168
  43. package/stylesheets/variables/commons.css +0 -37
  44. package/stylesheets/variables/spacing.css +0 -20
  45. package/stylesheets/variables/type-tokens.css +0 -18
  46. package/stylesheets/variables/typography.css +0 -16
  47. 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
- }
@@ -1,5 +0,0 @@
1
- @import './variables/color-tokens.css';
2
- @import './variables/commons.css';
3
- @import './variables/spacing.css';
4
- @import './variables/type-tokens.css';
5
- @import './variables/typography.css';