@hanzo/ui 8.27.81 → 8.27.83
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/dist/backends/gui/code-editor.cjs +16 -12
- package/dist/backends/gui/code-editor.d.ts +5 -5
- package/dist/backends/gui/code-editor.d.ts.map +1 -1
- package/dist/backends/gui/code-editor.js +16 -12
- package/dist/backends/gui/code-editor.js.map +1 -1
- package/dist/backends/gui/json-tree.cjs +16 -8
- package/dist/backends/gui/json-tree.d.ts +5 -5
- package/dist/backends/gui/json-tree.js +16 -8
- package/dist/backends/gui/json-tree.js.map +1 -1
- package/dist/code-theme.cjs +44 -0
- package/dist/code-theme.d.ts +46 -0
- package/dist/code-theme.d.ts.map +1 -0
- package/dist/code-theme.js +42 -0
- package/dist/code-theme.js.map +1 -0
- package/dist/core/index.cjs +4 -1
- package/dist/core/index.d.ts +1 -0
- package/dist/core/index.d.ts.map +1 -1
- package/dist/core/index.js +1 -0
- package/dist/core/index.js.map +1 -1
- package/dist/gallery.html +261 -261
- package/dist/gui-config.cjs +4 -1
- package/dist/gui-config.d.ts +218 -209
- package/dist/gui-config.d.ts.map +1 -1
- package/dist/gui-config.js +4 -1
- package/dist/gui-config.js.map +1 -1
- package/dist/index.cjs +8 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -0
- package/dist/index.js.map +1 -1
- package/dist/index.node.cjs +8 -1
- package/dist/index.node.js +5 -0
- package/dist/styles.css +133 -133
- package/dist/theme.css +6 -6
- package/package.json +2 -2
package/dist/gui-config.cjs
CHANGED
|
@@ -6,6 +6,7 @@ exports.css = css;
|
|
|
6
6
|
const v5_1 = require("@hanzogui/config/v5");
|
|
7
7
|
const animations_css_1 = require("@hanzogui/animations-css");
|
|
8
8
|
const gui_1 = require("@hanzo/gui");
|
|
9
|
+
const code_theme_1 = require("./code-theme.cjs");
|
|
9
10
|
// ─────────────────────────────────────────────────────────────────────────────
|
|
10
11
|
// THE ONE SCALE — shared, because a second app that copied it would fork it.
|
|
11
12
|
//
|
|
@@ -81,7 +82,7 @@ const MONO = "var(--font-mono, 'Zen Mono', ui-monospace, SFMono-Regular, Menlo,
|
|
|
81
82
|
* product and a person can set it for themselves. The px literal stays as the
|
|
82
83
|
* var()'s fallback, so a host that mounts no token layer still renders. */
|
|
83
84
|
const FONT_SIZE = {
|
|
84
|
-
1: `var(--text-xs,
|
|
85
|
+
1: `var(--text-xs, 12px)`,
|
|
85
86
|
2: `var(--text-sm, 13px)`,
|
|
86
87
|
3: `var(--text-base, 14px)`,
|
|
87
88
|
4: `var(--text-lg, 15px)`,
|
|
@@ -345,6 +346,7 @@ const ALIASES = [
|
|
|
345
346
|
];
|
|
346
347
|
/** The two state colours design publishes, so an error or a success is a rung. */
|
|
347
348
|
const STATE = { bad: 'var(--state-error, #ef4444)', good: 'var(--state-success, #22c55e)' };
|
|
349
|
+
const code = (s) => Object.fromEntries(Object.entries(code_theme_1.syntax[s]).map(([k, v]) => [`code${k[0].toUpperCase()}${k.slice(1)}`, v]));
|
|
348
350
|
const SURFACE = {
|
|
349
351
|
dark: { base: 'rgb(255 255 255 / .03)', hover: 'rgb(255 255 255 / .06)', raised: 'rgb(255 255 255 / .12)' },
|
|
350
352
|
light: { base: 'rgb(0 0 0 / .03)', hover: 'rgb(0 0 0 / .06)', raised: 'rgb(0 0 0 / .12)' },
|
|
@@ -533,6 +535,7 @@ const themes = Object.fromEntries(Object.entries(v5_1.defaultConfig.themes).map(
|
|
|
533
535
|
accentBackground: `var(--accent, ${SURFACE[s].raised})`,
|
|
534
536
|
accentColor: `var(--accent-foreground, ${LABEL[s]})`,
|
|
535
537
|
accentHover: `var(--accent-hover, ${ACCENT_HOVER[s]})`,
|
|
538
|
+
...code(s),
|
|
536
539
|
}
|
|
537
540
|
: ringed,
|
|
538
541
|
];
|
package/dist/gui-config.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { defaultConfig } from '@hanzogui/config/v5';
|
|
2
2
|
import { createGui } from '@hanzo/gui';
|
|
3
|
+
import { type CodeToken } from './code-theme.js';
|
|
3
4
|
/**
|
|
4
5
|
* THE SURFACE LADDER — three more rungs read the token instead of shadowing it,
|
|
5
6
|
* for the reason the edge already does.
|
|
@@ -32,6 +33,14 @@ import { createGui } from '@hanzo/gui';
|
|
|
32
33
|
*/
|
|
33
34
|
declare const ALIASES: readonly ['sunken', 'panel', 'hover', 'edge', 'raised', 'rim', 'bound', 'dim', 'faint', 'soft', 'quiet', 'ink', 'bad', 'good', 'accentHover'];
|
|
34
35
|
type Alias = Record<(typeof ALIASES)[number], string>;
|
|
36
|
+
/**
|
|
37
|
+
* The code palette (`code-theme.ts`) as theme keys: `syntax.dark.key` is
|
|
38
|
+
* `$codeKey` on the dark theme. A key on a root theme reaches every sub-theme
|
|
39
|
+
* and a nested theme declares its own, so a highlighted token follows the
|
|
40
|
+
* nearest theme the way `$ink` does. The `code` prefix keeps the eight off
|
|
41
|
+
* design's custom properties and off gui's own props.
|
|
42
|
+
*/
|
|
43
|
+
type Code = Record<`code${Capitalize<CodeToken>}`, string>;
|
|
35
44
|
declare const animations: import("@hanzogui/web").AnimationDriver<{
|
|
36
45
|
default: string;
|
|
37
46
|
'75ms': string;
|
|
@@ -104,110 +113,110 @@ export declare const config: import("@hanzogui/web").GuiInternalConfig<{
|
|
|
104
113
|
};
|
|
105
114
|
space: Record<string, string | number>;
|
|
106
115
|
}, {
|
|
107
|
-
dark: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
108
|
-
dark_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
109
|
-
dark_black: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
110
|
-
dark_black_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
111
|
-
dark_black_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
112
|
-
dark_black_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
113
|
-
dark_blue: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
114
|
-
dark_blue_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
115
|
-
dark_blue_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
116
|
-
dark_blue_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
117
|
-
dark_gray: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
118
|
-
dark_gray_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
119
|
-
dark_gray_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
120
|
-
dark_gray_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
121
|
-
dark_green: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
122
|
-
dark_green_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
123
|
-
dark_green_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
124
|
-
dark_green_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
125
|
-
dark_neutral: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
126
|
-
dark_neutral_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
127
|
-
dark_neutral_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
128
|
-
dark_neutral_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
129
|
-
dark_orange: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
130
|
-
dark_orange_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
131
|
-
dark_orange_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
132
|
-
dark_orange_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
133
|
-
dark_pink: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
134
|
-
dark_pink_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
135
|
-
dark_pink_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
136
|
-
dark_pink_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
137
|
-
dark_purple: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
138
|
-
dark_purple_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
139
|
-
dark_purple_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
140
|
-
dark_purple_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
141
|
-
dark_red: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
142
|
-
dark_red_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
143
|
-
dark_red_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
144
|
-
dark_red_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
145
|
-
dark_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
146
|
-
dark_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
147
|
-
dark_teal: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
148
|
-
dark_teal_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
149
|
-
dark_teal_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
150
|
-
dark_teal_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
151
|
-
dark_white: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
152
|
-
dark_white_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
153
|
-
dark_white_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
154
|
-
dark_white_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
155
|
-
dark_yellow: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
156
|
-
dark_yellow_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
157
|
-
dark_yellow_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
158
|
-
dark_yellow_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
159
|
-
light: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
160
|
-
light_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
161
|
-
light_black: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
162
|
-
light_black_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
163
|
-
light_black_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
164
|
-
light_black_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
165
|
-
light_blue: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
166
|
-
light_blue_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
167
|
-
light_blue_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
168
|
-
light_blue_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
169
|
-
light_gray: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
170
|
-
light_gray_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
171
|
-
light_gray_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
172
|
-
light_gray_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
173
|
-
light_green: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
174
|
-
light_green_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
175
|
-
light_green_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
176
|
-
light_green_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
177
|
-
light_neutral: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
178
|
-
light_neutral_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
179
|
-
light_neutral_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
180
|
-
light_neutral_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
181
|
-
light_orange: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
182
|
-
light_orange_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
183
|
-
light_orange_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
184
|
-
light_orange_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
185
|
-
light_pink: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
186
|
-
light_pink_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
187
|
-
light_pink_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
188
|
-
light_pink_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
189
|
-
light_purple: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
190
|
-
light_purple_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
191
|
-
light_purple_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
192
|
-
light_purple_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
193
|
-
light_red: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
194
|
-
light_red_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
195
|
-
light_red_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
196
|
-
light_red_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
197
|
-
light_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
198
|
-
light_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
199
|
-
light_teal: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
200
|
-
light_teal_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
201
|
-
light_teal_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
202
|
-
light_teal_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
203
|
-
light_white: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
204
|
-
light_white_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
205
|
-
light_white_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
206
|
-
light_white_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
207
|
-
light_yellow: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
208
|
-
light_yellow_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
209
|
-
light_yellow_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
210
|
-
light_yellow_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
116
|
+
dark: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
117
|
+
dark_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
118
|
+
dark_black: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
119
|
+
dark_black_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
120
|
+
dark_black_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
121
|
+
dark_black_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
122
|
+
dark_blue: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
123
|
+
dark_blue_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
124
|
+
dark_blue_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
125
|
+
dark_blue_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
126
|
+
dark_gray: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
127
|
+
dark_gray_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
128
|
+
dark_gray_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
129
|
+
dark_gray_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
130
|
+
dark_green: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
131
|
+
dark_green_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
132
|
+
dark_green_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
133
|
+
dark_green_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
134
|
+
dark_neutral: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
135
|
+
dark_neutral_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
136
|
+
dark_neutral_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
137
|
+
dark_neutral_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
138
|
+
dark_orange: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
139
|
+
dark_orange_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
140
|
+
dark_orange_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
141
|
+
dark_orange_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
142
|
+
dark_pink: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
143
|
+
dark_pink_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
144
|
+
dark_pink_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
145
|
+
dark_pink_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
146
|
+
dark_purple: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
147
|
+
dark_purple_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
148
|
+
dark_purple_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
149
|
+
dark_purple_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
150
|
+
dark_red: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
151
|
+
dark_red_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
152
|
+
dark_red_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
153
|
+
dark_red_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
154
|
+
dark_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
155
|
+
dark_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
156
|
+
dark_teal: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
157
|
+
dark_teal_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
158
|
+
dark_teal_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
159
|
+
dark_teal_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
160
|
+
dark_white: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
161
|
+
dark_white_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
162
|
+
dark_white_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
163
|
+
dark_white_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
164
|
+
dark_yellow: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
165
|
+
dark_yellow_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
166
|
+
dark_yellow_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
167
|
+
dark_yellow_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
168
|
+
light: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
169
|
+
light_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
170
|
+
light_black: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
171
|
+
light_black_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
172
|
+
light_black_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
173
|
+
light_black_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
174
|
+
light_blue: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
175
|
+
light_blue_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
176
|
+
light_blue_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
177
|
+
light_blue_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
178
|
+
light_gray: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
179
|
+
light_gray_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
180
|
+
light_gray_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
181
|
+
light_gray_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
182
|
+
light_green: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
183
|
+
light_green_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
184
|
+
light_green_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
185
|
+
light_green_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
186
|
+
light_neutral: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
187
|
+
light_neutral_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
188
|
+
light_neutral_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
189
|
+
light_neutral_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
190
|
+
light_orange: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
191
|
+
light_orange_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
192
|
+
light_orange_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
193
|
+
light_orange_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
194
|
+
light_pink: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
195
|
+
light_pink_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
196
|
+
light_pink_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
197
|
+
light_pink_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
198
|
+
light_purple: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
199
|
+
light_purple_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
200
|
+
light_purple_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
201
|
+
light_purple_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
202
|
+
light_red: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
203
|
+
light_red_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
204
|
+
light_red_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
205
|
+
light_red_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
206
|
+
light_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
207
|
+
light_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
208
|
+
light_teal: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
209
|
+
light_teal_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
210
|
+
light_teal_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
211
|
+
light_teal_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
212
|
+
light_white: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
213
|
+
light_white_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
214
|
+
light_white_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
215
|
+
light_white_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
216
|
+
light_yellow: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
217
|
+
light_yellow_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
218
|
+
light_yellow_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
219
|
+
light_yellow_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
211
220
|
}, {
|
|
212
221
|
text: "textAlign";
|
|
213
222
|
b: "bottom";
|
|
@@ -1026,110 +1035,110 @@ export declare const monochrome: import("@hanzogui/web").GuiInternalConfig<{
|
|
|
1026
1035
|
};
|
|
1027
1036
|
space: Record<string, string | number>;
|
|
1028
1037
|
}, {
|
|
1029
|
-
dark: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1030
|
-
dark_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1031
|
-
dark_black: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1032
|
-
dark_black_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1033
|
-
dark_black_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1034
|
-
dark_black_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1035
|
-
dark_blue: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1036
|
-
dark_blue_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1037
|
-
dark_blue_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1038
|
-
dark_blue_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1039
|
-
dark_gray: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1040
|
-
dark_gray_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1041
|
-
dark_gray_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1042
|
-
dark_gray_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1043
|
-
dark_green: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1044
|
-
dark_green_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1045
|
-
dark_green_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1046
|
-
dark_green_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1047
|
-
dark_neutral: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1048
|
-
dark_neutral_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1049
|
-
dark_neutral_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1050
|
-
dark_neutral_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1051
|
-
dark_orange: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1052
|
-
dark_orange_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1053
|
-
dark_orange_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1054
|
-
dark_orange_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1055
|
-
dark_pink: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1056
|
-
dark_pink_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1057
|
-
dark_pink_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1058
|
-
dark_pink_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1059
|
-
dark_purple: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1060
|
-
dark_purple_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1061
|
-
dark_purple_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1062
|
-
dark_purple_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1063
|
-
dark_red: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1064
|
-
dark_red_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1065
|
-
dark_red_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1066
|
-
dark_red_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1067
|
-
dark_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1068
|
-
dark_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1069
|
-
dark_teal: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1070
|
-
dark_teal_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1071
|
-
dark_teal_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1072
|
-
dark_teal_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1073
|
-
dark_white: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1074
|
-
dark_white_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1075
|
-
dark_white_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1076
|
-
dark_white_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1077
|
-
dark_yellow: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1078
|
-
dark_yellow_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1079
|
-
dark_yellow_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1080
|
-
dark_yellow_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1081
|
-
light: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1082
|
-
light_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1083
|
-
light_black: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1084
|
-
light_black_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1085
|
-
light_black_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1086
|
-
light_black_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1087
|
-
light_blue: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1088
|
-
light_blue_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1089
|
-
light_blue_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1090
|
-
light_blue_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1091
|
-
light_gray: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1092
|
-
light_gray_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1093
|
-
light_gray_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1094
|
-
light_gray_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1095
|
-
light_green: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1096
|
-
light_green_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1097
|
-
light_green_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1098
|
-
light_green_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1099
|
-
light_neutral: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1100
|
-
light_neutral_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1101
|
-
light_neutral_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1102
|
-
light_neutral_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1103
|
-
light_orange: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1104
|
-
light_orange_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1105
|
-
light_orange_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1106
|
-
light_orange_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1107
|
-
light_pink: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1108
|
-
light_pink_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1109
|
-
light_pink_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1110
|
-
light_pink_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1111
|
-
light_purple: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1112
|
-
light_purple_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1113
|
-
light_purple_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1114
|
-
light_purple_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1115
|
-
light_red: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1116
|
-
light_red_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1117
|
-
light_red_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1118
|
-
light_red_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1119
|
-
light_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1120
|
-
light_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1121
|
-
light_teal: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1122
|
-
light_teal_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1123
|
-
light_teal_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1124
|
-
light_teal_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1125
|
-
light_white: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1126
|
-
light_white_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1127
|
-
light_white_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1128
|
-
light_white_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1129
|
-
light_yellow: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1130
|
-
light_yellow_accent: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1131
|
-
light_yellow_surface1: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1132
|
-
light_yellow_surface2: import("@hanzogui/config/v5").V5Theme & Alias;
|
|
1038
|
+
dark: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1039
|
+
dark_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1040
|
+
dark_black: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1041
|
+
dark_black_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1042
|
+
dark_black_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1043
|
+
dark_black_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1044
|
+
dark_blue: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1045
|
+
dark_blue_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1046
|
+
dark_blue_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1047
|
+
dark_blue_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1048
|
+
dark_gray: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1049
|
+
dark_gray_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1050
|
+
dark_gray_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1051
|
+
dark_gray_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1052
|
+
dark_green: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1053
|
+
dark_green_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1054
|
+
dark_green_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1055
|
+
dark_green_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1056
|
+
dark_neutral: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1057
|
+
dark_neutral_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1058
|
+
dark_neutral_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1059
|
+
dark_neutral_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1060
|
+
dark_orange: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1061
|
+
dark_orange_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1062
|
+
dark_orange_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1063
|
+
dark_orange_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1064
|
+
dark_pink: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1065
|
+
dark_pink_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1066
|
+
dark_pink_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1067
|
+
dark_pink_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1068
|
+
dark_purple: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1069
|
+
dark_purple_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1070
|
+
dark_purple_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1071
|
+
dark_purple_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1072
|
+
dark_red: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1073
|
+
dark_red_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1074
|
+
dark_red_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1075
|
+
dark_red_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1076
|
+
dark_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1077
|
+
dark_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1078
|
+
dark_teal: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1079
|
+
dark_teal_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1080
|
+
dark_teal_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1081
|
+
dark_teal_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1082
|
+
dark_white: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1083
|
+
dark_white_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1084
|
+
dark_white_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1085
|
+
dark_white_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1086
|
+
dark_yellow: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1087
|
+
dark_yellow_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1088
|
+
dark_yellow_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1089
|
+
dark_yellow_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1090
|
+
light: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1091
|
+
light_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1092
|
+
light_black: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1093
|
+
light_black_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1094
|
+
light_black_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1095
|
+
light_black_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1096
|
+
light_blue: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1097
|
+
light_blue_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1098
|
+
light_blue_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1099
|
+
light_blue_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1100
|
+
light_gray: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1101
|
+
light_gray_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1102
|
+
light_gray_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1103
|
+
light_gray_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1104
|
+
light_green: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1105
|
+
light_green_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1106
|
+
light_green_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1107
|
+
light_green_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1108
|
+
light_neutral: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1109
|
+
light_neutral_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1110
|
+
light_neutral_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1111
|
+
light_neutral_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1112
|
+
light_orange: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1113
|
+
light_orange_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1114
|
+
light_orange_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1115
|
+
light_orange_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1116
|
+
light_pink: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1117
|
+
light_pink_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1118
|
+
light_pink_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1119
|
+
light_pink_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1120
|
+
light_purple: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1121
|
+
light_purple_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1122
|
+
light_purple_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1123
|
+
light_purple_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1124
|
+
light_red: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1125
|
+
light_red_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1126
|
+
light_red_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1127
|
+
light_red_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1128
|
+
light_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1129
|
+
light_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1130
|
+
light_teal: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1131
|
+
light_teal_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1132
|
+
light_teal_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1133
|
+
light_teal_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1134
|
+
light_white: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1135
|
+
light_white_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1136
|
+
light_white_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1137
|
+
light_white_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1138
|
+
light_yellow: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1139
|
+
light_yellow_accent: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1140
|
+
light_yellow_surface1: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1141
|
+
light_yellow_surface2: import("@hanzogui/config/v5").V5Theme & Alias & Code;
|
|
1133
1142
|
}, {
|
|
1134
1143
|
text: "textAlign";
|
|
1135
1144
|
b: "bottom";
|
|
@@ -1852,7 +1861,7 @@ export type Conf = typeof config;
|
|
|
1852
1861
|
* `mono` font and the twelve ramp names, and a new addition belongs beside them.
|
|
1853
1862
|
*/
|
|
1854
1863
|
type Base = ReturnType<typeof createGui<typeof defaultConfig>>;
|
|
1855
|
-
type Ramp = Record<'sunken' | 'panel' | 'hover' | 'edge' | 'raised' | 'rim' | 'bound' | 'dim' | 'faint' | 'soft' | 'quiet' | 'ink' | 'bad' | 'good' | 'accentHover'
|
|
1864
|
+
type Ramp = Record<'sunken' | 'panel' | 'hover' | 'edge' | 'raised' | 'rim' | 'bound' | 'dim' | 'faint' | 'soft' | 'quiet' | 'ink' | 'bad' | 'good' | 'accentHover' | `code${Capitalize<CodeToken>}`, Base['themes']['dark']['color12']>;
|
|
1856
1865
|
type Registered = Omit<Base, 'fonts' | 'themes' | 'animations'> & {
|
|
1857
1866
|
animations: typeof animations;
|
|
1858
1867
|
fonts: Base['fonts'] & {
|
package/dist/gui-config.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gui-config.d.ts","sourceRoot":"","sources":["../src/gui-config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAEnD,OAAO,EAAE,SAAS,EAAuB,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"gui-config.d.ts","sourceRoot":"","sources":["../src/gui-config.ts"],"names":[],"mappings":"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"}
|
package/dist/gui-config.js
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { defaultConfig } from '@hanzogui/config/v5';
|
|
3
3
|
import { createAnimations } from '@hanzogui/animations-css';
|
|
4
4
|
import { createGui } from '@hanzo/gui';
|
|
5
|
+
import { syntax } from './code-theme.js';
|
|
5
6
|
// ─────────────────────────────────────────────────────────────────────────────
|
|
6
7
|
// THE ONE SCALE — shared, because a second app that copied it would fork it.
|
|
7
8
|
//
|
|
@@ -77,7 +78,7 @@ const MONO = "var(--font-mono, 'Zen Mono', ui-monospace, SFMono-Regular, Menlo,
|
|
|
77
78
|
* product and a person can set it for themselves. The px literal stays as the
|
|
78
79
|
* var()'s fallback, so a host that mounts no token layer still renders. */
|
|
79
80
|
const FONT_SIZE = {
|
|
80
|
-
1: `var(--text-xs,
|
|
81
|
+
1: `var(--text-xs, 12px)`,
|
|
81
82
|
2: `var(--text-sm, 13px)`,
|
|
82
83
|
3: `var(--text-base, 14px)`,
|
|
83
84
|
4: `var(--text-lg, 15px)`,
|
|
@@ -341,6 +342,7 @@ const ALIASES = [
|
|
|
341
342
|
];
|
|
342
343
|
/** The two state colours design publishes, so an error or a success is a rung. */
|
|
343
344
|
const STATE = { bad: 'var(--state-error, #ef4444)', good: 'var(--state-success, #22c55e)' };
|
|
345
|
+
const code = (s) => Object.fromEntries(Object.entries(syntax[s]).map(([k, v]) => [`code${k[0].toUpperCase()}${k.slice(1)}`, v]));
|
|
344
346
|
const SURFACE = {
|
|
345
347
|
dark: { base: 'rgb(255 255 255 / .03)', hover: 'rgb(255 255 255 / .06)', raised: 'rgb(255 255 255 / .12)' },
|
|
346
348
|
light: { base: 'rgb(0 0 0 / .03)', hover: 'rgb(0 0 0 / .06)', raised: 'rgb(0 0 0 / .12)' },
|
|
@@ -529,6 +531,7 @@ const themes = Object.fromEntries(Object.entries(defaultConfig.themes).map(([nam
|
|
|
529
531
|
accentBackground: `var(--accent, ${SURFACE[s].raised})`,
|
|
530
532
|
accentColor: `var(--accent-foreground, ${LABEL[s]})`,
|
|
531
533
|
accentHover: `var(--accent-hover, ${ACCENT_HOVER[s]})`,
|
|
534
|
+
...code(s),
|
|
532
535
|
}
|
|
533
536
|
: ringed,
|
|
534
537
|
];
|