@codemonster-ru/vueforge-core 1.5.0 → 1.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +72 -1
- package/dist/components/heading/VfHeading.vue.d.ts +26 -0
- package/dist/components/heading/VfHeading.vue.d.ts.map +1 -0
- package/dist/components/heading/index.d.ts +2 -0
- package/dist/components/heading/index.d.ts.map +1 -0
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/prose/VfProse.vue.d.ts +23 -0
- package/dist/components/prose/VfProse.vue.d.ts.map +1 -0
- package/dist/components/prose/index.d.ts +2 -0
- package/dist/components/prose/index.d.ts.map +1 -0
- package/dist/components/switch/VfSwitch.vue.d.ts.map +1 -1
- package/dist/components/table-of-contents/VfTableOfContents.vue.d.ts +29 -0
- package/dist/components/table-of-contents/VfTableOfContents.vue.d.ts.map +1 -0
- package/dist/components/table-of-contents/index.d.ts +2 -0
- package/dist/components/table-of-contents/index.d.ts.map +1 -0
- package/dist/components/text/VfText.vue.d.ts +28 -0
- package/dist/components/text/VfText.vue.d.ts.map +1 -0
- package/dist/components/text/index.d.ts +2 -0
- package/dist/components/text/index.d.ts.map +1 -0
- package/dist/components/theme-switch/VfThemeSwitch.vue.d.ts.map +1 -1
- package/dist/composables/index.d.ts +1 -0
- package/dist/composables/index.d.ts.map +1 -1
- package/dist/composables/useTableOfContents.d.ts +13 -0
- package/dist/composables/useTableOfContents.d.ts.map +1 -0
- package/dist/composables/useTheme.d.ts +1 -1
- package/dist/index.d.ts +3 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/theme/default-preset-source.d.ts +79 -0
- package/dist/theme/default-preset-source.d.ts.map +1 -1
- package/dist/theme/public.d.ts +1 -1
- package/dist/theme/public.d.ts.map +1 -1
- package/dist/theme/utils.d.ts +7 -2
- package/dist/theme/utils.d.ts.map +1 -1
- package/dist/theme-api.js +3 -221
- package/dist/tokens.css +103 -24
- package/dist/types/components.d.ts +9 -0
- package/dist/types/components.d.ts.map +1 -1
- package/dist/types/theme.d.ts +91 -2
- package/dist/types/theme.d.ts.map +1 -1
- package/dist/utils-T2JkaeUr.js +315 -0
- package/dist/vueforge-core.js +1149 -974
- package/package.json +1 -1
package/dist/tokens.css
CHANGED
|
@@ -3,6 +3,74 @@
|
|
|
3
3
|
@import "./generated-breakpoints.css";
|
|
4
4
|
|
|
5
5
|
:root {
|
|
6
|
+
--vf-font-family-base: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
7
|
+
--vf-font-family-heading: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
8
|
+
--vf-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
|
|
9
|
+
--vf-font-weight-regular: 400;
|
|
10
|
+
--vf-font-weight-medium: 500;
|
|
11
|
+
--vf-font-weight-semibold: 600;
|
|
12
|
+
--vf-font-weight-bold: 700;
|
|
13
|
+
--vf-font-size-xs: 0.75rem;
|
|
14
|
+
--vf-font-size-sm: 0.8125rem;
|
|
15
|
+
--vf-font-size-md: 0.875rem;
|
|
16
|
+
--vf-font-size-lg: 0.9375rem;
|
|
17
|
+
--vf-font-size-xl: 1rem;
|
|
18
|
+
--vf-font-size-2xl: 1.125rem;
|
|
19
|
+
--vf-font-size-3xl: 1.25rem;
|
|
20
|
+
--vf-line-height-tight: 1.2;
|
|
21
|
+
--vf-line-height-normal: 1.5;
|
|
22
|
+
--vf-line-height-relaxed: 1.65;
|
|
23
|
+
--vf-text-body-font-size: var(--vf-font-size-xl);
|
|
24
|
+
--vf-text-body-line-height: var(--vf-line-height-normal);
|
|
25
|
+
--vf-text-body-font-weight: var(--vf-font-weight-regular);
|
|
26
|
+
--vf-text-caption-font-size: var(--vf-font-size-sm);
|
|
27
|
+
--vf-text-caption-line-height: var(--vf-line-height-normal);
|
|
28
|
+
--vf-text-caption-font-weight: var(--vf-font-weight-medium);
|
|
29
|
+
--vf-text-label-font-size: var(--vf-font-size-md);
|
|
30
|
+
--vf-text-label-line-height: var(--vf-line-height-tight);
|
|
31
|
+
--vf-text-label-font-weight: var(--vf-font-weight-medium);
|
|
32
|
+
--vf-heading-font-size-sm: var(--vf-font-size-lg);
|
|
33
|
+
--vf-heading-font-size-md: var(--vf-font-size-xl);
|
|
34
|
+
--vf-heading-font-size-lg: var(--vf-font-size-2xl);
|
|
35
|
+
--vf-heading-font-size-xl: var(--vf-font-size-3xl);
|
|
36
|
+
--vf-heading-font-weight: var(--vf-font-weight-semibold);
|
|
37
|
+
--vf-button-secondary-hover-background: color-mix(in srgb, var(--vf-color-surface-muted) 92%, var(--vf-color-text));
|
|
38
|
+
--vf-button-secondary-hover-border-color: var(--vf-color-border);
|
|
39
|
+
--vf-button-ghost-hover-background: var(--vf-color-surface-muted);
|
|
40
|
+
--vf-button-ghost-hover-border-color: transparent;
|
|
41
|
+
--vf-button-primary-hover-filter: brightness(0.96);
|
|
42
|
+
--vf-button-success-hover-filter: brightness(0.96);
|
|
43
|
+
--vf-button-info-hover-filter: brightness(0.96);
|
|
44
|
+
--vf-button-warn-hover-filter: brightness(0.96);
|
|
45
|
+
--vf-button-help-hover-filter: brightness(0.96);
|
|
46
|
+
--vf-button-danger-hover-filter: brightness(0.96);
|
|
47
|
+
--vf-button-contrast-hover-filter: brightness(0.96);
|
|
48
|
+
--vf-radio-control-background: color-mix(in srgb, var(--vf-color-border) 12%, var(--vf-color-surface));
|
|
49
|
+
--vf-radio-hover-border-color: var(--vf-color-primary-border-soft);
|
|
50
|
+
--vf-switch-track-background: color-mix(in srgb, var(--vf-color-text) 10%, var(--vf-color-surface));
|
|
51
|
+
--vf-switch-track-hover-background: color-mix(in srgb, var(--vf-color-text) 12%, var(--vf-color-surface));
|
|
52
|
+
--vf-switch-track-checked-background: var(--vf-color-primary);
|
|
53
|
+
--vf-switch-track-checked-hover-background: color-mix(in srgb, var(--vf-color-primary) 92%, var(--vf-color-surface));
|
|
54
|
+
--vf-switch-thumb-background: color-mix(in srgb, var(--vf-color-surface) 88%, var(--vf-color-surface-muted));
|
|
55
|
+
--vf-switch-thumb-border-color: color-mix(in srgb, var(--vf-color-surface) 80%, var(--vf-color-border));
|
|
56
|
+
--vf-switch-thumb-shadow: 0 1px 2px color-mix(in srgb, var(--vf-color-text) 18%, transparent);
|
|
57
|
+
--vf-switch-thumb-color: color-mix(in srgb, var(--vf-color-text) 55%, transparent);
|
|
58
|
+
--vf-switch-thumb-icon-size: 0.625rem;
|
|
59
|
+
--vf-switch-thumb-checked-background: var(--vf-color-surface);
|
|
60
|
+
--vf-switch-thumb-checked-border-color: color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface));
|
|
61
|
+
--vf-switch-thumb-checked-shadow: 0 1px 1.5px color-mix(in srgb, var(--vf-color-text) 12%, transparent);
|
|
62
|
+
--vf-prose-heading-margin: 1.5em;
|
|
63
|
+
--vf-prose-heading-gap: 0.5em;
|
|
64
|
+
--vf-prose-block-spacing: 1em;
|
|
65
|
+
--vf-prose-list-padding-inline-start: 1.5em;
|
|
66
|
+
--vf-prose-list-item-spacing: 0.375em;
|
|
67
|
+
--vf-prose-link-hover-color: color-mix(in srgb, var(--vf-color-primary) 82%, var(--vf-color-text));
|
|
68
|
+
--vf-prose-blockquote-padding-inline-start: 1rem;
|
|
69
|
+
--vf-prose-blockquote-border-width: 3px;
|
|
70
|
+
--vf-prose-inline-code-font-size: 0.95em;
|
|
71
|
+
--vf-prose-inline-code-padding: 0.125rem 0.375rem;
|
|
72
|
+
--vf-prose-code-block-padding: 0.75rem 1rem;
|
|
73
|
+
--vf-prose-hr-margin: 1.5rem;
|
|
6
74
|
--vf-color-bg: #fcfcfd;
|
|
7
75
|
--vf-color-surface: #ffffff;
|
|
8
76
|
--vf-color-surface-muted: #f5f7fb;
|
|
@@ -47,9 +115,9 @@
|
|
|
47
115
|
--vf-control-height-sm: 1.75rem;
|
|
48
116
|
--vf-control-height-md: 2.25rem;
|
|
49
117
|
--vf-control-height-lg: 2.5rem;
|
|
50
|
-
--vf-control-font-size-sm:
|
|
51
|
-
--vf-control-font-size-md:
|
|
52
|
-
--vf-control-font-size-lg:
|
|
118
|
+
--vf-control-font-size-sm: var(--vf-font-size-md);
|
|
119
|
+
--vf-control-font-size-md: var(--vf-font-size-lg);
|
|
120
|
+
--vf-control-font-size-lg: var(--vf-font-size-xl);
|
|
53
121
|
--vf-button-padding-sm: 0.25rem 0.5rem;
|
|
54
122
|
--vf-button-padding-md: 0.375rem 0.75rem;
|
|
55
123
|
--vf-button-padding-lg: 0.5rem 1rem;
|
|
@@ -98,36 +166,47 @@
|
|
|
98
166
|
--vf-tabs-panel-padding-top: 0.75rem;
|
|
99
167
|
--vf-nav-menu-list-gap: 0.25rem;
|
|
100
168
|
--vf-nav-menu-nested-gap: 0.25rem;
|
|
101
|
-
--vf-nav-menu-collapse-offset-top: 0.
|
|
102
|
-
--vf-nav-menu-collapse-inset-level-0-margin:
|
|
103
|
-
--vf-nav-menu-collapse-inset-level-0-padding: 0.
|
|
104
|
-
--vf-nav-menu-collapse-inset-simple-level-0-margin: 0.
|
|
169
|
+
--vf-nav-menu-collapse-offset-top: 0.25rem;
|
|
170
|
+
--vf-nav-menu-collapse-inset-level-0-margin: 0.5rem;
|
|
171
|
+
--vf-nav-menu-collapse-inset-level-0-padding: 0.5rem;
|
|
172
|
+
--vf-nav-menu-collapse-inset-simple-level-0-margin: 0.5rem;
|
|
105
173
|
--vf-nav-menu-collapse-inset-simple-level-0-padding: 0.5rem;
|
|
106
|
-
--vf-nav-menu-collapse-inset-deep-margin: 0.
|
|
107
|
-
--vf-nav-menu-collapse-inset-deep-padding: 0.
|
|
108
|
-
--vf-nav-menu-collapse-inset-simple-deep-margin: 0.
|
|
109
|
-
--vf-nav-menu-collapse-inset-simple-deep-padding: 0.
|
|
174
|
+
--vf-nav-menu-collapse-inset-deep-margin: 0.5rem;
|
|
175
|
+
--vf-nav-menu-collapse-inset-deep-padding: 0.5rem;
|
|
176
|
+
--vf-nav-menu-collapse-inset-simple-deep-margin: 0.5rem;
|
|
177
|
+
--vf-nav-menu-collapse-inset-simple-deep-padding: 0.5rem;
|
|
110
178
|
--vf-nav-menu-node-group-spacing: 0.25rem;
|
|
111
179
|
--vf-nav-menu-group-padding: 0.375rem 0.75rem;
|
|
112
|
-
--vf-nav-menu-group-font-size:
|
|
180
|
+
--vf-nav-menu-group-font-size: var(--vf-text-label-font-size);
|
|
113
181
|
--vf-nav-menu-item-padding: 0.375rem 0.75rem;
|
|
114
182
|
--vf-nav-menu-item-gap: 0.5rem;
|
|
115
183
|
--vf-nav-menu-leading-icon-size: 1rem;
|
|
116
184
|
--vf-nav-menu-leading-icon-column-size: 1.25rem;
|
|
185
|
+
--vf-table-of-contents-gap: 0.25rem;
|
|
186
|
+
--vf-table-of-contents-list-gap: var(--vf-nav-menu-list-gap);
|
|
187
|
+
--vf-table-of-contents-title-font-size: var(--vf-text-caption-font-size);
|
|
188
|
+
--vf-table-of-contents-title-color: var(--vf-color-muted);
|
|
189
|
+
--vf-table-of-contents-item-padding: var(--vf-nav-menu-item-padding);
|
|
190
|
+
--vf-table-of-contents-level-step: 0.5rem;
|
|
191
|
+
--vf-table-of-contents-color: var(--vf-color-text);
|
|
192
|
+
--vf-table-of-contents-hover-color: var(--vf-color-primary);
|
|
193
|
+
--vf-table-of-contents-hover-background: color-mix(in srgb, var(--vf-color-primary) 10%, var(--vf-color-surface));
|
|
194
|
+
--vf-table-of-contents-active-color: var(--vf-color-primary);
|
|
195
|
+
--vf-table-of-contents-active-background: color-mix(in srgb, var(--vf-color-primary) 14%, var(--vf-color-surface));
|
|
117
196
|
--vf-badge-height: 1.5rem;
|
|
118
197
|
--vf-badge-padding: 0.25rem 0.5rem;
|
|
119
198
|
--vf-badge-gap: 0.25rem;
|
|
120
199
|
--vf-badge-radius: 999px;
|
|
121
|
-
--vf-badge-font-size:
|
|
122
|
-
--vf-badge-line-height:
|
|
200
|
+
--vf-badge-font-size: var(--vf-text-caption-font-size);
|
|
201
|
+
--vf-badge-line-height: var(--vf-text-caption-line-height);
|
|
123
202
|
--vf-tag-height: 1.75rem;
|
|
124
203
|
--vf-tag-padding: 0.25rem 0.5rem;
|
|
125
|
-
--vf-tag-font-size:
|
|
126
|
-
--vf-tag-line-height:
|
|
204
|
+
--vf-tag-font-size: var(--vf-text-caption-font-size);
|
|
205
|
+
--vf-tag-line-height: var(--vf-text-caption-line-height);
|
|
127
206
|
--vf-tooltip-padding: 0.5rem 0.75rem;
|
|
128
207
|
--vf-tooltip-max-width: 16rem;
|
|
129
|
-
--vf-tooltip-font-size:
|
|
130
|
-
--vf-tooltip-line-height:
|
|
208
|
+
--vf-tooltip-font-size: var(--vf-text-caption-font-size);
|
|
209
|
+
--vf-tooltip-line-height: var(--vf-text-caption-line-height);
|
|
131
210
|
--vf-dialog-width-sm: 28rem;
|
|
132
211
|
--vf-dialog-width-md: 36rem;
|
|
133
212
|
--vf-dialog-width-lg: 48rem;
|
|
@@ -137,7 +216,7 @@
|
|
|
137
216
|
--vf-drawer-size-lg: 32rem;
|
|
138
217
|
--vf-drawer-offset-top: 0px;
|
|
139
218
|
--vf-drawer-body-padding: var(--vf-overlay-padding);
|
|
140
|
-
--vf-dialog-title-font-size:
|
|
219
|
+
--vf-dialog-title-font-size: var(--vf-heading-font-size-lg);
|
|
141
220
|
--vf-dialog-header-gap: 0.75rem;
|
|
142
221
|
--vf-dialog-actions-gap: 0.5rem;
|
|
143
222
|
--vf-popover-width: min(100vw - 2rem, 22rem);
|
|
@@ -146,11 +225,11 @@
|
|
|
146
225
|
--vf-alert-primary-soft: color-mix(in srgb, var(--vf-color-primary) 8%, var(--vf-color-surface));
|
|
147
226
|
--vf-alert-primary-border-soft: color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border));
|
|
148
227
|
--vf-alert-content-gap: 0.25rem;
|
|
149
|
-
--vf-alert-title-font-size:
|
|
150
|
-
--vf-card-title-font-size:
|
|
151
|
-
--vf-panel-title-font-size:
|
|
152
|
-
--vf-text-line-height:
|
|
153
|
-
--vf-heading-line-height:
|
|
228
|
+
--vf-alert-title-font-size: var(--vf-heading-font-size-sm);
|
|
229
|
+
--vf-card-title-font-size: var(--vf-heading-font-size-md);
|
|
230
|
+
--vf-panel-title-font-size: var(--vf-heading-font-size-sm);
|
|
231
|
+
--vf-text-line-height: var(--vf-text-body-line-height);
|
|
232
|
+
--vf-heading-line-height: var(--vf-line-height-tight);
|
|
154
233
|
--vf-tabs-line-height: 1.2;
|
|
155
234
|
--vf-motion-duration-fast: 220ms;
|
|
156
235
|
--vf-motion-duration-normal: 320ms;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import { IconName } from '@codemonster-ru/vueiconify';
|
|
2
2
|
export type VfButtonVariant = "primary" | "secondary" | "success" | "info" | "warn" | "help" | "danger" | "contrast" | "ghost";
|
|
3
3
|
export type VfControlSize = "sm" | "md" | "lg";
|
|
4
|
+
export type VfHeadingSize = "sm" | "md" | "lg" | "xl";
|
|
4
5
|
export type VfLinkTone = "default" | "muted";
|
|
6
|
+
export type VfTextSize = "body" | "label" | "caption";
|
|
7
|
+
export type VfTextTone = "default" | "muted";
|
|
5
8
|
export type VfBadgeTone = "neutral" | "primary" | "success" | "info" | "warn" | "help" | "danger" | "contrast";
|
|
6
9
|
export type VfFeedbackTone = "neutral" | "primary" | "success" | "info" | "warn" | "help" | "danger" | "contrast";
|
|
7
10
|
export type VfDividerOrientation = "horizontal" | "vertical";
|
|
@@ -26,4 +29,10 @@ export interface VfNavMenuItem {
|
|
|
26
29
|
disabled?: boolean;
|
|
27
30
|
children?: VfNavMenuItem[];
|
|
28
31
|
}
|
|
32
|
+
export interface VfTableOfContentsItem {
|
|
33
|
+
id: string;
|
|
34
|
+
label: string;
|
|
35
|
+
level?: number;
|
|
36
|
+
href?: string;
|
|
37
|
+
}
|
|
29
38
|
//# sourceMappingURL=components.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/types/components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAE3D,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,UAAU,GACV,OAAO,CAAC;AACZ,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;AAC7C,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,UAAU,CAAC;AACf,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,UAAU,CAAC;AACf,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC7D,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AACpE,MAAM,MAAM,mBAAmB,GAAG,cAAc,GAAG,YAAY,CAAC;AAChE,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAElD,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;CAC5B"}
|
|
1
|
+
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/types/components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAE3D,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,UAAU,GACV,OAAO,CAAC;AACZ,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC/C,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;AAC7C,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AACtD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;AAC7C,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,UAAU,CAAC;AACf,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,UAAU,CAAC;AACf,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC7D,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AACpE,MAAM,MAAM,mBAAmB,GAAG,cAAc,GAAG,YAAY,CAAC;AAChE,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAElD,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;CAC5B;AAED,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}
|
package/dist/types/theme.d.ts
CHANGED
|
@@ -1,6 +1,95 @@
|
|
|
1
1
|
import { InjectionKey, Ref } from 'vue';
|
|
2
|
-
import { VfResolvedTheme, VfThemeConfig, VfThemeMode } from '@codemonster-ru/vueforge-theme';
|
|
3
|
-
export type
|
|
2
|
+
import { VfResolvedTheme as BaseVfResolvedTheme, VfResolvedThemeConfig as BaseVfResolvedThemeConfig, VfResolvedThemePreset as BaseVfResolvedThemePreset, VfResolvedThemePresetOptions, VfThemeConfig as BaseVfThemeConfig, VfThemeMode as BaseVfThemeMode, VfThemePreset as BaseVfThemePreset, VfThemePresetOptions, VfThemeTokens as BaseVfThemeTokens } from '@codemonster-ru/vueforge-theme';
|
|
3
|
+
export type VfResolvedTheme = BaseVfResolvedTheme;
|
|
4
|
+
export type VfThemeMode = BaseVfThemeMode;
|
|
5
|
+
export type { VfResolvedThemePresetOptions, VfThemePresetOptions };
|
|
6
|
+
export interface VfThemeTokens extends BaseVfThemeTokens {
|
|
7
|
+
fontFamilyBase: string;
|
|
8
|
+
fontFamilyHeading: string;
|
|
9
|
+
fontFamilyMono: string;
|
|
10
|
+
fontWeightRegular: string;
|
|
11
|
+
fontWeightMedium: string;
|
|
12
|
+
fontWeightSemibold: string;
|
|
13
|
+
fontWeightBold: string;
|
|
14
|
+
fontSizeXs: string;
|
|
15
|
+
fontSizeSm: string;
|
|
16
|
+
fontSizeMd: string;
|
|
17
|
+
fontSizeLg: string;
|
|
18
|
+
fontSizeXl: string;
|
|
19
|
+
fontSize2xl: string;
|
|
20
|
+
fontSize3xl: string;
|
|
21
|
+
lineHeightTight: string;
|
|
22
|
+
lineHeightNormal: string;
|
|
23
|
+
lineHeightRelaxed: string;
|
|
24
|
+
textBodyFontSize: string;
|
|
25
|
+
textBodyLineHeight: string;
|
|
26
|
+
textBodyFontWeight: string;
|
|
27
|
+
textCaptionFontSize: string;
|
|
28
|
+
textCaptionLineHeight: string;
|
|
29
|
+
textCaptionFontWeight: string;
|
|
30
|
+
textLabelFontSize: string;
|
|
31
|
+
textLabelLineHeight: string;
|
|
32
|
+
textLabelFontWeight: string;
|
|
33
|
+
headingFontSizeSm: string;
|
|
34
|
+
headingFontSizeMd: string;
|
|
35
|
+
headingFontSizeLg: string;
|
|
36
|
+
headingFontSizeXl: string;
|
|
37
|
+
headingFontWeight: string;
|
|
38
|
+
buttonSecondaryHoverBackground: string;
|
|
39
|
+
buttonSecondaryHoverBorderColor: string;
|
|
40
|
+
buttonGhostHoverBackground: string;
|
|
41
|
+
buttonGhostHoverBorderColor: string;
|
|
42
|
+
buttonPrimaryHoverFilter: string;
|
|
43
|
+
buttonSuccessHoverFilter: string;
|
|
44
|
+
buttonInfoHoverFilter: string;
|
|
45
|
+
buttonWarnHoverFilter: string;
|
|
46
|
+
buttonHelpHoverFilter: string;
|
|
47
|
+
buttonDangerHoverFilter: string;
|
|
48
|
+
buttonContrastHoverFilter: string;
|
|
49
|
+
radioControlBackground: string;
|
|
50
|
+
radioHoverBorderColor: string;
|
|
51
|
+
switchTrackBackground: string;
|
|
52
|
+
switchTrackHoverBackground: string;
|
|
53
|
+
switchTrackCheckedBackground: string;
|
|
54
|
+
switchTrackCheckedHoverBackground: string;
|
|
55
|
+
switchThumbBackground: string;
|
|
56
|
+
switchThumbBorderColor: string;
|
|
57
|
+
switchThumbShadow: string;
|
|
58
|
+
switchThumbColor: string;
|
|
59
|
+
switchThumbIconSize: string;
|
|
60
|
+
switchThumbCheckedBackground: string;
|
|
61
|
+
switchThumbCheckedBorderColor: string;
|
|
62
|
+
switchThumbCheckedShadow: string;
|
|
63
|
+
proseHeadingMargin: string;
|
|
64
|
+
proseHeadingGap: string;
|
|
65
|
+
proseBlockSpacing: string;
|
|
66
|
+
proseListPaddingInlineStart: string;
|
|
67
|
+
proseListItemSpacing: string;
|
|
68
|
+
proseLinkHoverColor: string;
|
|
69
|
+
proseBlockquotePaddingInlineStart: string;
|
|
70
|
+
proseBlockquoteBorderWidth: string;
|
|
71
|
+
proseInlineCodeFontSize: string;
|
|
72
|
+
proseInlineCodePadding: string;
|
|
73
|
+
proseCodeBlockPadding: string;
|
|
74
|
+
proseHrMargin: string;
|
|
75
|
+
}
|
|
76
|
+
export interface VfThemePreset extends Omit<BaseVfThemePreset, "tokens" | "dark"> {
|
|
77
|
+
tokens: VfThemeTokens;
|
|
78
|
+
dark?: Partial<VfThemeTokens>;
|
|
79
|
+
}
|
|
80
|
+
export interface VfResolvedThemePreset extends Omit<BaseVfResolvedThemePreset, "light" | "dark"> {
|
|
81
|
+
light: VfThemeTokens;
|
|
82
|
+
dark: VfThemeTokens;
|
|
83
|
+
}
|
|
84
|
+
export interface VfThemeConfig extends Omit<BaseVfThemeConfig, "preset" | "extend" | "light" | "dark"> {
|
|
85
|
+
preset?: VfThemePreset;
|
|
86
|
+
extend?: Partial<VfThemeTokens>;
|
|
87
|
+
light?: Partial<VfThemeTokens>;
|
|
88
|
+
dark?: Partial<VfThemeTokens>;
|
|
89
|
+
}
|
|
90
|
+
export interface VfResolvedThemeConfig extends Omit<BaseVfResolvedThemeConfig, "preset"> {
|
|
91
|
+
preset: VfResolvedThemePreset;
|
|
92
|
+
}
|
|
4
93
|
export interface VfVueForgeOptions {
|
|
5
94
|
theme?: VfThemeConfig;
|
|
6
95
|
defaultTheme?: VfThemeMode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/types/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC7C,OAAO,KAAK,EACV,eAAe,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/types/theme.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,315 @@
|
|
|
1
|
+
import { vfMotionTokens as e, createThemePreset as t, resolveThemeConfig as i, applyThemeConfig as n } from "@codemonster-ru/vueforge-theme";
|
|
2
|
+
import { b as o } from "./breakpoints-hxAiWC8U.js";
|
|
3
|
+
const l = {
|
|
4
|
+
breakpointXs: `${o.xs}px`,
|
|
5
|
+
breakpointSm: `${o.sm}px`,
|
|
6
|
+
breakpointMd: `${o.md}px`,
|
|
7
|
+
breakpointLg: `${o.lg}px`,
|
|
8
|
+
breakpointXl: `${o.xl}px`,
|
|
9
|
+
breakpoint2xl: `${o["2xl"]}px`
|
|
10
|
+
}, c = {
|
|
11
|
+
name: "vueforge-default",
|
|
12
|
+
tokens: {
|
|
13
|
+
fontFamilyBase: 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
|
|
14
|
+
fontFamilyHeading: 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
|
|
15
|
+
fontFamilyMono: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace',
|
|
16
|
+
fontWeightRegular: "400",
|
|
17
|
+
fontWeightMedium: "500",
|
|
18
|
+
fontWeightSemibold: "600",
|
|
19
|
+
fontWeightBold: "700",
|
|
20
|
+
fontSizeXs: "0.75rem",
|
|
21
|
+
fontSizeSm: "0.8125rem",
|
|
22
|
+
fontSizeMd: "0.875rem",
|
|
23
|
+
fontSizeLg: "0.9375rem",
|
|
24
|
+
fontSizeXl: "1rem",
|
|
25
|
+
fontSize2xl: "1.125rem",
|
|
26
|
+
fontSize3xl: "1.25rem",
|
|
27
|
+
lineHeightTight: "1.2",
|
|
28
|
+
lineHeightNormal: "1.5",
|
|
29
|
+
lineHeightRelaxed: "1.65",
|
|
30
|
+
textBodyFontSize: "var(--vf-font-size-xl)",
|
|
31
|
+
textBodyLineHeight: "var(--vf-line-height-normal)",
|
|
32
|
+
textBodyFontWeight: "var(--vf-font-weight-regular)",
|
|
33
|
+
textCaptionFontSize: "var(--vf-font-size-sm)",
|
|
34
|
+
textCaptionLineHeight: "var(--vf-line-height-normal)",
|
|
35
|
+
textCaptionFontWeight: "var(--vf-font-weight-medium)",
|
|
36
|
+
textLabelFontSize: "var(--vf-font-size-md)",
|
|
37
|
+
textLabelLineHeight: "var(--vf-line-height-tight)",
|
|
38
|
+
textLabelFontWeight: "var(--vf-font-weight-medium)",
|
|
39
|
+
headingFontSizeSm: "var(--vf-font-size-lg)",
|
|
40
|
+
headingFontSizeMd: "var(--vf-font-size-xl)",
|
|
41
|
+
headingFontSizeLg: "var(--vf-font-size-2xl)",
|
|
42
|
+
headingFontSizeXl: "var(--vf-font-size-3xl)",
|
|
43
|
+
headingFontWeight: "var(--vf-font-weight-semibold)",
|
|
44
|
+
buttonSecondaryHoverBackground: "color-mix(in srgb, var(--vf-color-surface-muted) 92%, var(--vf-color-text))",
|
|
45
|
+
buttonSecondaryHoverBorderColor: "var(--vf-color-border)",
|
|
46
|
+
buttonGhostHoverBackground: "var(--vf-color-surface-muted)",
|
|
47
|
+
buttonGhostHoverBorderColor: "transparent",
|
|
48
|
+
buttonPrimaryHoverFilter: "brightness(0.96)",
|
|
49
|
+
buttonSuccessHoverFilter: "brightness(0.96)",
|
|
50
|
+
buttonInfoHoverFilter: "brightness(0.96)",
|
|
51
|
+
buttonWarnHoverFilter: "brightness(0.96)",
|
|
52
|
+
buttonHelpHoverFilter: "brightness(0.96)",
|
|
53
|
+
buttonDangerHoverFilter: "brightness(0.96)",
|
|
54
|
+
buttonContrastHoverFilter: "brightness(0.96)",
|
|
55
|
+
radioControlBackground: "color-mix(in srgb, var(--vf-color-border) 12%, var(--vf-color-surface))",
|
|
56
|
+
radioHoverBorderColor: "var(--vf-color-primary-border-soft)",
|
|
57
|
+
switchTrackBackground: "color-mix(in srgb, var(--vf-color-text) 10%, var(--vf-color-surface))",
|
|
58
|
+
switchTrackHoverBackground: "color-mix(in srgb, var(--vf-color-text) 12%, var(--vf-color-surface))",
|
|
59
|
+
switchTrackCheckedBackground: "var(--vf-color-primary)",
|
|
60
|
+
switchTrackCheckedHoverBackground: "color-mix(in srgb, var(--vf-color-primary) 92%, var(--vf-color-surface))",
|
|
61
|
+
switchThumbBackground: "color-mix(in srgb, var(--vf-color-surface) 88%, var(--vf-color-surface-muted))",
|
|
62
|
+
switchThumbBorderColor: "color-mix(in srgb, var(--vf-color-surface) 80%, var(--vf-color-border))",
|
|
63
|
+
switchThumbShadow: "0 1px 2px color-mix(in srgb, var(--vf-color-text) 18%, transparent)",
|
|
64
|
+
switchThumbColor: "color-mix(in srgb, var(--vf-color-text) 55%, transparent)",
|
|
65
|
+
switchThumbIconSize: "0.625rem",
|
|
66
|
+
switchThumbCheckedBackground: "var(--vf-color-surface)",
|
|
67
|
+
switchThumbCheckedBorderColor: "color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface))",
|
|
68
|
+
switchThumbCheckedShadow: "0 1px 1.5px color-mix(in srgb, var(--vf-color-text) 12%, transparent)",
|
|
69
|
+
proseHeadingMargin: "1.5em",
|
|
70
|
+
proseHeadingGap: "0.5em",
|
|
71
|
+
proseBlockSpacing: "1em",
|
|
72
|
+
proseListPaddingInlineStart: "1.5em",
|
|
73
|
+
proseListItemSpacing: "0.375em",
|
|
74
|
+
proseLinkHoverColor: "color-mix(in srgb, var(--vf-color-primary) 82%, var(--vf-color-text))",
|
|
75
|
+
proseBlockquotePaddingInlineStart: "1rem",
|
|
76
|
+
proseBlockquoteBorderWidth: "3px",
|
|
77
|
+
proseInlineCodeFontSize: "0.95em",
|
|
78
|
+
proseInlineCodePadding: "0.125rem 0.375rem",
|
|
79
|
+
proseCodeBlockPadding: "0.75rem 1rem",
|
|
80
|
+
proseHrMargin: "1.5rem",
|
|
81
|
+
colorBg: "#fcfcfd",
|
|
82
|
+
colorSurface: "#ffffff",
|
|
83
|
+
colorSurfaceMuted: "#f5f7fb",
|
|
84
|
+
colorText: "#172033",
|
|
85
|
+
colorMuted: "#69738a",
|
|
86
|
+
colorBorder: "#d8e0ef",
|
|
87
|
+
colorPrimary: "#0b63f6",
|
|
88
|
+
colorPrimaryContrast: "#ffffff",
|
|
89
|
+
colorPrimarySoft: "color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface))",
|
|
90
|
+
colorPrimaryBorderSoft: "color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border))",
|
|
91
|
+
colorFocusRing: "color-mix(in srgb, var(--vf-color-primary) 32%, var(--vf-color-surface))",
|
|
92
|
+
colorSuccess: "#16a34a",
|
|
93
|
+
colorSuccessContrast: "#ffffff",
|
|
94
|
+
colorInfo: "#0ea5e9",
|
|
95
|
+
colorInfoContrast: "#ffffff",
|
|
96
|
+
colorWarn: "#f59e0b",
|
|
97
|
+
colorWarnContrast: "#1f1300",
|
|
98
|
+
colorHelp: "#8b5cf6",
|
|
99
|
+
colorHelpContrast: "#ffffff",
|
|
100
|
+
colorDanger: "#dc2626",
|
|
101
|
+
colorDangerContrast: "#ffffff",
|
|
102
|
+
colorContrast: "#111827",
|
|
103
|
+
colorContrastContrast: "#ffffff",
|
|
104
|
+
colorSuccessSoft: "color-mix(in srgb, var(--vf-color-success) 12%, var(--vf-color-surface))",
|
|
105
|
+
colorInfoSoft: "color-mix(in srgb, var(--vf-color-info) 12%, var(--vf-color-surface))",
|
|
106
|
+
colorWarnSoft: "color-mix(in srgb, var(--vf-color-warn) 12%, var(--vf-color-surface))",
|
|
107
|
+
colorHelpSoft: "color-mix(in srgb, var(--vf-color-help) 12%, var(--vf-color-surface))",
|
|
108
|
+
colorDangerSoft: "color-mix(in srgb, var(--vf-color-danger) 12%, var(--vf-color-surface))",
|
|
109
|
+
colorContrastSoft: "color-mix(in srgb, var(--vf-color-contrast) 10%, var(--vf-color-surface))",
|
|
110
|
+
colorSuccessBorderSoft: "color-mix(in srgb, var(--vf-color-success) 24%, var(--vf-color-border))",
|
|
111
|
+
colorInfoBorderSoft: "color-mix(in srgb, var(--vf-color-info) 24%, var(--vf-color-border))",
|
|
112
|
+
colorWarnBorderSoft: "color-mix(in srgb, var(--vf-color-warn) 24%, var(--vf-color-border))",
|
|
113
|
+
colorHelpBorderSoft: "color-mix(in srgb, var(--vf-color-help) 24%, var(--vf-color-border))",
|
|
114
|
+
colorDangerBorderSoft: "color-mix(in srgb, var(--vf-color-danger) 24%, var(--vf-color-border))",
|
|
115
|
+
colorContrastBorderSoft: "color-mix(in srgb, var(--vf-color-contrast) 24%, var(--vf-color-border))",
|
|
116
|
+
focusRingWidth: "3px",
|
|
117
|
+
radius: "0.75rem",
|
|
118
|
+
radiusControl: "calc(var(--vf-radius) - 0.125rem)",
|
|
119
|
+
radiusControlTight: "calc(var(--vf-radius) - 0.25rem)",
|
|
120
|
+
radiusSurface: "var(--vf-radius)",
|
|
121
|
+
radiusOverlay: "calc(var(--vf-radius) + 0.125rem)",
|
|
122
|
+
...l,
|
|
123
|
+
controlHeightSm: "1.75rem",
|
|
124
|
+
controlHeightMd: "2.25rem",
|
|
125
|
+
controlHeightLg: "2.5rem",
|
|
126
|
+
controlFontSizeSm: "var(--vf-font-size-md)",
|
|
127
|
+
controlFontSizeMd: "var(--vf-font-size-lg)",
|
|
128
|
+
controlFontSizeLg: "var(--vf-font-size-xl)",
|
|
129
|
+
buttonPaddingSm: "0.25rem 0.5rem",
|
|
130
|
+
buttonPaddingMd: "0.375rem 0.75rem",
|
|
131
|
+
buttonPaddingLg: "0.5rem 1rem",
|
|
132
|
+
buttonGap: "0.5rem",
|
|
133
|
+
fieldPaddingSm: "0.25rem 0.5rem",
|
|
134
|
+
fieldPaddingMd: "0.375rem 0.75rem",
|
|
135
|
+
fieldPaddingLg: "0.5rem 1rem",
|
|
136
|
+
checkboxSizeSm: "1rem",
|
|
137
|
+
checkboxSizeMd: "1.125rem",
|
|
138
|
+
checkboxSizeLg: "1.25rem",
|
|
139
|
+
selectionGap: "0.75rem",
|
|
140
|
+
checkboxMarkWidth: "0.25rem",
|
|
141
|
+
checkboxMarkHeight: "0.5rem",
|
|
142
|
+
checkboxMarkStrokeWidth: "2px",
|
|
143
|
+
checkboxMarkOffsetY: "-0.0625rem",
|
|
144
|
+
radioDotSize: "0.5rem",
|
|
145
|
+
switchWidthSm: "2rem",
|
|
146
|
+
switchWidthMd: "2.25rem",
|
|
147
|
+
switchWidthLg: "2.5rem",
|
|
148
|
+
switchHeightSm: "1.125rem",
|
|
149
|
+
switchHeightMd: "1.25rem",
|
|
150
|
+
switchHeightLg: "1.375rem",
|
|
151
|
+
switchThumbSizeSm: "0.75rem",
|
|
152
|
+
switchThumbSizeMd: "0.875rem",
|
|
153
|
+
switchThumbSizeLg: "1rem",
|
|
154
|
+
switchThumbInset: "0.125rem",
|
|
155
|
+
textareaMinHeightSm: "4.5rem",
|
|
156
|
+
textareaMinHeightMd: "6rem",
|
|
157
|
+
textareaMinHeightLg: "7rem",
|
|
158
|
+
overlayPadding: "1rem",
|
|
159
|
+
overlayGap: "0.75rem",
|
|
160
|
+
overlayViewportPadding: "1rem",
|
|
161
|
+
menuPadding: "0.5rem",
|
|
162
|
+
menuGap: "0.25rem",
|
|
163
|
+
menuMinWidth: "12rem",
|
|
164
|
+
surfacePadding: "1rem",
|
|
165
|
+
surfaceGap: "0.75rem",
|
|
166
|
+
surfacePaddingCompact: "0.75rem",
|
|
167
|
+
surfaceGapCompact: "0.5rem",
|
|
168
|
+
sectionPadding: "0.75rem 1rem",
|
|
169
|
+
sectionGap: "0.75rem",
|
|
170
|
+
tabsGap: "0.75rem",
|
|
171
|
+
tabsListGap: "0.25rem",
|
|
172
|
+
tabsListPadding: "0.25rem",
|
|
173
|
+
tabsTabPaddingInline: "0.75rem",
|
|
174
|
+
tabsPanelPaddingTop: "0.75rem",
|
|
175
|
+
navMenuListGap: "0.25rem",
|
|
176
|
+
navMenuNestedGap: "0.25rem",
|
|
177
|
+
navMenuCollapseOffsetTop: "0.25rem",
|
|
178
|
+
navMenuCollapseInsetLevel0Margin: "0.5rem",
|
|
179
|
+
navMenuCollapseInsetLevel0Padding: "0.5rem",
|
|
180
|
+
navMenuCollapseInsetSimpleLevel0Margin: "0.5rem",
|
|
181
|
+
navMenuCollapseInsetSimpleLevel0Padding: "0.5rem",
|
|
182
|
+
navMenuCollapseInsetDeepMargin: "0.5rem",
|
|
183
|
+
navMenuCollapseInsetDeepPadding: "0.5rem",
|
|
184
|
+
navMenuCollapseInsetSimpleDeepMargin: "0.5rem",
|
|
185
|
+
navMenuCollapseInsetSimpleDeepPadding: "0.5rem",
|
|
186
|
+
navMenuNodeGroupSpacing: "0.25rem",
|
|
187
|
+
navMenuGroupPadding: "0.375rem 0.75rem",
|
|
188
|
+
navMenuGroupFontSize: "var(--vf-text-label-font-size)",
|
|
189
|
+
navMenuItemPadding: "0.375rem 0.75rem",
|
|
190
|
+
navMenuItemGap: "0.5rem",
|
|
191
|
+
navMenuLeadingIconSize: "1rem",
|
|
192
|
+
navMenuLeadingIconColumnSize: "1.25rem",
|
|
193
|
+
tableOfContentsGap: "0.25rem",
|
|
194
|
+
tableOfContentsListGap: "var(--vf-nav-menu-list-gap)",
|
|
195
|
+
tableOfContentsTitleFontSize: "var(--vf-text-caption-font-size)",
|
|
196
|
+
tableOfContentsTitleColor: "var(--vf-color-muted)",
|
|
197
|
+
tableOfContentsItemPadding: "var(--vf-nav-menu-item-padding)",
|
|
198
|
+
tableOfContentsLevelStep: "0.5rem",
|
|
199
|
+
tableOfContentsColor: "var(--vf-color-text)",
|
|
200
|
+
tableOfContentsHoverColor: "var(--vf-color-primary)",
|
|
201
|
+
tableOfContentsHoverBackground: "color-mix(in srgb, var(--vf-color-primary) 10%, var(--vf-color-surface))",
|
|
202
|
+
tableOfContentsActiveColor: "var(--vf-color-primary)",
|
|
203
|
+
tableOfContentsActiveBackground: "color-mix(in srgb, var(--vf-color-primary) 14%, var(--vf-color-surface))",
|
|
204
|
+
badgeHeight: "1.5rem",
|
|
205
|
+
badgePadding: "0.25rem 0.5rem",
|
|
206
|
+
badgeGap: "0.25rem",
|
|
207
|
+
badgeRadius: "999px",
|
|
208
|
+
badgeFontSize: "var(--vf-text-caption-font-size)",
|
|
209
|
+
badgeLineHeight: "var(--vf-text-caption-line-height)",
|
|
210
|
+
tagHeight: "1.75rem",
|
|
211
|
+
tagPadding: "0.25rem 0.5rem",
|
|
212
|
+
tagFontSize: "var(--vf-text-caption-font-size)",
|
|
213
|
+
tagLineHeight: "var(--vf-text-caption-line-height)",
|
|
214
|
+
tooltipPadding: "0.5rem 0.75rem",
|
|
215
|
+
tooltipMaxWidth: "16rem",
|
|
216
|
+
tooltipFontSize: "var(--vf-text-caption-font-size)",
|
|
217
|
+
tooltipLineHeight: "var(--vf-text-caption-line-height)",
|
|
218
|
+
dialogWidthSm: "28rem",
|
|
219
|
+
dialogWidthMd: "36rem",
|
|
220
|
+
dialogWidthLg: "48rem",
|
|
221
|
+
dialogMaxHeight: "min(85vh, 48rem)",
|
|
222
|
+
drawerSizeSm: "20rem",
|
|
223
|
+
drawerSizeMd: "26rem",
|
|
224
|
+
drawerSizeLg: "32rem",
|
|
225
|
+
drawerOffsetTop: "0px",
|
|
226
|
+
drawerBodyPadding: "var(--vf-overlay-padding)",
|
|
227
|
+
dialogTitleFontSize: "var(--vf-heading-font-size-lg)",
|
|
228
|
+
dialogHeaderGap: "0.75rem",
|
|
229
|
+
dialogActionsGap: "0.5rem",
|
|
230
|
+
popoverWidth: "min(100vw - 2rem, 22rem)",
|
|
231
|
+
floatingArrowSize: "0.625rem",
|
|
232
|
+
overlayBackdrop: "rgba(15, 23, 42, 0.56)",
|
|
233
|
+
alertPrimarySoft: "color-mix(in srgb, var(--vf-color-primary) 8%, var(--vf-color-surface))",
|
|
234
|
+
alertPrimaryBorderSoft: "color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border))",
|
|
235
|
+
alertContentGap: "0.25rem",
|
|
236
|
+
alertTitleFontSize: "var(--vf-heading-font-size-sm)",
|
|
237
|
+
cardTitleFontSize: "var(--vf-heading-font-size-md)",
|
|
238
|
+
panelTitleFontSize: "var(--vf-heading-font-size-sm)",
|
|
239
|
+
textLineHeight: "var(--vf-text-body-line-height)",
|
|
240
|
+
headingLineHeight: "var(--vf-line-height-tight)",
|
|
241
|
+
tabsLineHeight: "1.2",
|
|
242
|
+
motionDurationFast: e.durationFast,
|
|
243
|
+
motionDurationNormal: e.durationNormal,
|
|
244
|
+
motionEaseStandard: e.easeStandard,
|
|
245
|
+
zOverlay: "1000",
|
|
246
|
+
zDrawer: "1000",
|
|
247
|
+
zDropdown: "900",
|
|
248
|
+
zPopover: "925",
|
|
249
|
+
zTooltip: "950",
|
|
250
|
+
spacing: "1rem",
|
|
251
|
+
shadow: "none"
|
|
252
|
+
},
|
|
253
|
+
dark: {
|
|
254
|
+
colorBg: "#0f172a",
|
|
255
|
+
colorSurface: "#162033",
|
|
256
|
+
colorSurfaceMuted: "#1b2840",
|
|
257
|
+
colorText: "#eff4ff",
|
|
258
|
+
colorMuted: "#9fb0cf",
|
|
259
|
+
colorBorder: "#2d405f",
|
|
260
|
+
colorPrimary: "#6ea8fe",
|
|
261
|
+
colorPrimaryContrast: "#081120",
|
|
262
|
+
colorPrimarySoft: "color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface))",
|
|
263
|
+
colorPrimaryBorderSoft: "color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border))",
|
|
264
|
+
colorFocusRing: "color-mix(in srgb, var(--vf-color-primary) 32%, var(--vf-color-surface))",
|
|
265
|
+
colorSuccess: "#4ade80",
|
|
266
|
+
colorSuccessContrast: "#081120",
|
|
267
|
+
colorInfo: "#38bdf8",
|
|
268
|
+
colorInfoContrast: "#081120",
|
|
269
|
+
colorWarn: "#fbbf24",
|
|
270
|
+
colorWarnContrast: "#1f1300",
|
|
271
|
+
colorHelp: "#a78bfa",
|
|
272
|
+
colorHelpContrast: "#081120",
|
|
273
|
+
colorDanger: "#f87171",
|
|
274
|
+
colorDangerContrast: "#081120",
|
|
275
|
+
colorContrast: "#f3f4f6",
|
|
276
|
+
colorContrastContrast: "#111827",
|
|
277
|
+
colorSuccessSoft: "color-mix(in srgb, var(--vf-color-success) 12%, var(--vf-color-surface))",
|
|
278
|
+
colorInfoSoft: "color-mix(in srgb, var(--vf-color-info) 12%, var(--vf-color-surface))",
|
|
279
|
+
colorWarnSoft: "color-mix(in srgb, var(--vf-color-warn) 12%, var(--vf-color-surface))",
|
|
280
|
+
colorHelpSoft: "color-mix(in srgb, var(--vf-color-help) 12%, var(--vf-color-surface))",
|
|
281
|
+
colorDangerSoft: "color-mix(in srgb, var(--vf-color-danger) 12%, var(--vf-color-surface))",
|
|
282
|
+
colorContrastSoft: "color-mix(in srgb, var(--vf-color-contrast) 10%, var(--vf-color-surface))",
|
|
283
|
+
colorSuccessBorderSoft: "color-mix(in srgb, var(--vf-color-success) 24%, var(--vf-color-border))",
|
|
284
|
+
colorInfoBorderSoft: "color-mix(in srgb, var(--vf-color-info) 24%, var(--vf-color-border))",
|
|
285
|
+
colorWarnBorderSoft: "color-mix(in srgb, var(--vf-color-warn) 24%, var(--vf-color-border))",
|
|
286
|
+
colorHelpBorderSoft: "color-mix(in srgb, var(--vf-color-help) 24%, var(--vf-color-border))",
|
|
287
|
+
colorDangerBorderSoft: "color-mix(in srgb, var(--vf-color-danger) 24%, var(--vf-color-border))",
|
|
288
|
+
colorContrastBorderSoft: "color-mix(in srgb, var(--vf-color-contrast) 24%, var(--vf-color-border))",
|
|
289
|
+
focusRingWidth: "3px",
|
|
290
|
+
zOverlay: "1000",
|
|
291
|
+
zDrawer: "1000",
|
|
292
|
+
zDropdown: "900",
|
|
293
|
+
zPopover: "925",
|
|
294
|
+
zTooltip: "950",
|
|
295
|
+
shadow: "none"
|
|
296
|
+
}
|
|
297
|
+
}, f = c;
|
|
298
|
+
function m(r) {
|
|
299
|
+
return t(r);
|
|
300
|
+
}
|
|
301
|
+
function d(r = {}) {
|
|
302
|
+
return i({
|
|
303
|
+
...r,
|
|
304
|
+
preset: r.preset ?? f
|
|
305
|
+
});
|
|
306
|
+
}
|
|
307
|
+
function g(r, a) {
|
|
308
|
+
return n(r, a);
|
|
309
|
+
}
|
|
310
|
+
export {
|
|
311
|
+
g as a,
|
|
312
|
+
m as c,
|
|
313
|
+
f as d,
|
|
314
|
+
d as r
|
|
315
|
+
};
|