@codemonster-ru/vueforge-core 1.6.0 → 1.8.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 +79 -1
- package/dist/components/breadcrumbs/VfBreadcrumbs.vue.d.ts +13 -0
- package/dist/components/breadcrumbs/VfBreadcrumbs.vue.d.ts.map +1 -0
- package/dist/components/breadcrumbs/index.d.ts +2 -0
- package/dist/components/breadcrumbs/index.d.ts.map +1 -0
- package/dist/components/dialog/VfDialog.vue.d.ts.map +1 -1
- package/dist/components/drawer/VfDrawer.vue.d.ts +2 -0
- package/dist/components/drawer/VfDrawer.vue.d.ts.map +1 -1
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/link/VfLink.vue.d.ts +4 -4
- package/dist/components/link/VfLink.vue.d.ts.map +1 -1
- package/dist/components/menu-bar/VfMenuBar.vue.d.ts +24 -0
- package/dist/components/menu-bar/VfMenuBar.vue.d.ts.map +1 -0
- package/dist/components/menu-bar/VfMenuBarItemNode.vue.d.ts +18 -0
- package/dist/components/menu-bar/VfMenuBarItemNode.vue.d.ts.map +1 -0
- package/dist/components/menu-bar/index.d.ts +2 -0
- package/dist/components/menu-bar/index.d.ts.map +1 -0
- package/dist/components/nav-menu/VfNavMenu.vue.d.ts +1 -1
- package/dist/components/nav-menu/VfNavMenu.vue.d.ts.map +1 -1
- package/dist/components/nav-menu/VfNavMenuItemNode.vue.d.ts.map +1 -1
- package/dist/components/select/VfSelect.vue.d.ts +31 -0
- package/dist/components/select/VfSelect.vue.d.ts.map +1 -0
- package/dist/components/select/index.d.ts +2 -0
- package/dist/components/select/index.d.ts.map +1 -0
- package/dist/components/switch/VfSwitch.vue.d.ts.map +1 -1
- package/dist/components/table/VfTable.vue.d.ts +32 -0
- package/dist/components/table/VfTable.vue.d.ts.map +1 -0
- package/dist/components/table/index.d.ts +2 -0
- package/dist/components/table/index.d.ts.map +1 -0
- package/dist/components/table-of-contents/VfTableOfContents.vue.d.ts +5 -18
- package/dist/components/table-of-contents/VfTableOfContents.vue.d.ts.map +1 -1
- package/dist/components/tabs/VfTabs.vue.d.ts +6 -2
- package/dist/components/tabs/VfTabs.vue.d.ts.map +1 -1
- package/dist/components/theme-switch/VfThemeSwitch.vue.d.ts.map +1 -1
- package/dist/components/tooltip/VfTooltip.vue.d.ts.map +1 -1
- package/dist/composables/useTheme.d.ts +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/providers/VfThemeProvider.vue.d.ts.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/theme/default-preset-source.d.ts +71 -3
- 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 -232
- package/dist/theme.css +26 -18
- package/dist/tokens.css +112 -44
- package/dist/types/components.d.ts +15 -0
- package/dist/types/components.d.ts.map +1 -1
- package/dist/types/theme.d.ts +95 -2
- package/dist/types/theme.d.ts.map +1 -1
- package/dist/utils-BJVEoCfQ.js +320 -0
- package/dist/vueforge-core.js +1962 -1203
- package/package.json +5 -2
|
@@ -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,320 @@
|
|
|
1
|
+
import { vfMotionTokens as e, createThemePreset as t, resolveThemeConfig as n, applyThemeConfig as i } 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: 'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
|
|
14
|
+
fontFamilyHeading: 'Inter, 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
|
+
selectableHoverColor: "var(--vf-color-primary)",
|
|
31
|
+
selectableHoverBackground: "transparent",
|
|
32
|
+
selectableActiveColor: "var(--vf-color-primary)",
|
|
33
|
+
selectableActiveBackground: "color-mix(in srgb, var(--vf-color-primary) 20%, var(--vf-color-surface))",
|
|
34
|
+
textBodyFontSize: "var(--vf-font-size-xl)",
|
|
35
|
+
textBodyLineHeight: "var(--vf-line-height-normal)",
|
|
36
|
+
textBodyFontWeight: "var(--vf-font-weight-regular)",
|
|
37
|
+
textCaptionFontSize: "var(--vf-font-size-sm)",
|
|
38
|
+
textCaptionLineHeight: "var(--vf-line-height-normal)",
|
|
39
|
+
textCaptionFontWeight: "var(--vf-font-weight-medium)",
|
|
40
|
+
textLabelFontSize: "var(--vf-font-size-md)",
|
|
41
|
+
textLabelLineHeight: "var(--vf-line-height-tight)",
|
|
42
|
+
textLabelFontWeight: "var(--vf-font-weight-medium)",
|
|
43
|
+
headingFontSizeSm: "var(--vf-font-size-lg)",
|
|
44
|
+
headingFontSizeMd: "var(--vf-font-size-xl)",
|
|
45
|
+
headingFontSizeLg: "var(--vf-font-size-2xl)",
|
|
46
|
+
headingFontSizeXl: "var(--vf-font-size-3xl)",
|
|
47
|
+
headingFontWeight: "var(--vf-font-weight-semibold)",
|
|
48
|
+
buttonSecondaryHoverBackground: "color-mix(in srgb, var(--vf-color-surface-muted) 94%, var(--vf-color-text))",
|
|
49
|
+
buttonSecondaryHoverBorderColor: "var(--vf-color-border)",
|
|
50
|
+
buttonSecondaryActiveBackground: "color-mix(in srgb, var(--vf-color-surface-muted) 90%, var(--vf-color-text))",
|
|
51
|
+
buttonSecondaryActiveBorderColor: "var(--vf-color-border)",
|
|
52
|
+
buttonGhostHoverBackground: "color-mix(in srgb, var(--vf-color-primary) 8%, var(--vf-color-surface))",
|
|
53
|
+
buttonGhostHoverBorderColor: "transparent",
|
|
54
|
+
buttonGhostActiveBackground: "color-mix(in srgb, var(--vf-color-primary) 14%, var(--vf-color-surface))",
|
|
55
|
+
buttonGhostActiveBorderColor: "transparent",
|
|
56
|
+
buttonSolidHoverFilter: "brightness(0.95) saturate(1.03)",
|
|
57
|
+
buttonSolidActiveFilter: "brightness(0.9) saturate(1.04)",
|
|
58
|
+
radioControlBackground: "color-mix(in srgb, var(--vf-color-border) 12%, var(--vf-color-surface))",
|
|
59
|
+
radioHoverBorderColor: "var(--vf-color-primary-border-soft)",
|
|
60
|
+
switchTrackBackground: "color-mix(in srgb, var(--vf-color-text) 10%, var(--vf-color-surface))",
|
|
61
|
+
switchTrackHoverBackground: "color-mix(in srgb, var(--vf-color-text) 12%, var(--vf-color-surface))",
|
|
62
|
+
switchTrackCheckedBackground: "var(--vf-color-primary)",
|
|
63
|
+
switchTrackCheckedHoverBackground: "color-mix(in srgb, var(--vf-color-primary) 92%, var(--vf-color-surface))",
|
|
64
|
+
switchThumbBackground: "color-mix(in srgb, var(--vf-color-surface) 88%, var(--vf-color-surface-muted))",
|
|
65
|
+
switchThumbBorderColor: "color-mix(in srgb, var(--vf-color-surface) 80%, var(--vf-color-border))",
|
|
66
|
+
switchThumbShadow: "none",
|
|
67
|
+
switchThumbColor: "color-mix(in srgb, var(--vf-color-text) 55%, transparent)",
|
|
68
|
+
switchThumbIconSize: "0.625rem",
|
|
69
|
+
switchThumbCheckedBackground: "var(--vf-color-surface)",
|
|
70
|
+
switchThumbCheckedBorderColor: "color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface))",
|
|
71
|
+
switchThumbCheckedShadow: "none",
|
|
72
|
+
proseHeadingMargin: "1.5em",
|
|
73
|
+
proseHeadingGap: "0.5em",
|
|
74
|
+
proseBlockSpacing: "1em",
|
|
75
|
+
proseListPaddingInlineStart: "1.5em",
|
|
76
|
+
proseListItemSpacing: "0.375em",
|
|
77
|
+
proseLinkHoverColor: "color-mix(in srgb, var(--vf-color-primary) 82%, var(--vf-color-text))",
|
|
78
|
+
proseBlockquotePaddingInlineStart: "1rem",
|
|
79
|
+
proseBlockquoteBorderWidth: "3px",
|
|
80
|
+
proseInlineCodeFontSize: "0.95em",
|
|
81
|
+
proseInlineCodePadding: "0.125rem 0.375rem",
|
|
82
|
+
proseCodeBlockPadding: "0.75rem 1rem",
|
|
83
|
+
proseHrMargin: "1.5rem",
|
|
84
|
+
colorBg: "#f6f8fb",
|
|
85
|
+
colorSurface: "#ffffff",
|
|
86
|
+
colorSurfaceMuted: "#f3f3f3",
|
|
87
|
+
colorText: "#1f232b",
|
|
88
|
+
colorMuted: "#616773",
|
|
89
|
+
colorBorder: "#d9dde3",
|
|
90
|
+
colorPrimary: "#0e639c",
|
|
91
|
+
colorPrimaryContrast: "#ffffff",
|
|
92
|
+
colorPrimarySoft: "color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface))",
|
|
93
|
+
colorPrimaryBorderSoft: "color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border))",
|
|
94
|
+
colorFocusRing: "color-mix(in srgb, var(--vf-color-primary) 32%, var(--vf-color-surface))",
|
|
95
|
+
colorSuccess: "#2e7d32",
|
|
96
|
+
colorSuccessContrast: "#ffffff",
|
|
97
|
+
colorInfo: "#0069ba",
|
|
98
|
+
colorInfoContrast: "#ffffff",
|
|
99
|
+
colorWarn: "#9f8400",
|
|
100
|
+
colorWarnContrast: "#1f1300",
|
|
101
|
+
colorHelp: "#7245ae",
|
|
102
|
+
colorHelpContrast: "#ffffff",
|
|
103
|
+
colorDanger: "#c72e39",
|
|
104
|
+
colorDangerContrast: "#ffffff",
|
|
105
|
+
colorContrast: "#252526",
|
|
106
|
+
colorContrastContrast: "#ffffff",
|
|
107
|
+
colorSuccessSoft: "color-mix(in srgb, var(--vf-color-success) 12%, var(--vf-color-surface))",
|
|
108
|
+
colorInfoSoft: "color-mix(in srgb, var(--vf-color-info) 12%, var(--vf-color-surface))",
|
|
109
|
+
colorWarnSoft: "color-mix(in srgb, var(--vf-color-warn) 12%, var(--vf-color-surface))",
|
|
110
|
+
colorHelpSoft: "color-mix(in srgb, var(--vf-color-help) 12%, var(--vf-color-surface))",
|
|
111
|
+
colorDangerSoft: "color-mix(in srgb, var(--vf-color-danger) 12%, var(--vf-color-surface))",
|
|
112
|
+
colorContrastSoft: "color-mix(in srgb, var(--vf-color-contrast) 10%, var(--vf-color-surface))",
|
|
113
|
+
colorSuccessBorderSoft: "color-mix(in srgb, var(--vf-color-success) 24%, var(--vf-color-border))",
|
|
114
|
+
colorInfoBorderSoft: "color-mix(in srgb, var(--vf-color-info) 24%, var(--vf-color-border))",
|
|
115
|
+
colorWarnBorderSoft: "color-mix(in srgb, var(--vf-color-warn) 24%, var(--vf-color-border))",
|
|
116
|
+
colorHelpBorderSoft: "color-mix(in srgb, var(--vf-color-help) 24%, var(--vf-color-border))",
|
|
117
|
+
colorDangerBorderSoft: "color-mix(in srgb, var(--vf-color-danger) 24%, var(--vf-color-border))",
|
|
118
|
+
colorContrastBorderSoft: "color-mix(in srgb, var(--vf-color-contrast) 24%, var(--vf-color-border))",
|
|
119
|
+
focusRingWidth: "3px",
|
|
120
|
+
radius: "0.75rem",
|
|
121
|
+
radiusControl: "calc(var(--vf-radius) - 0.125rem)",
|
|
122
|
+
radiusControlTight: "calc(var(--vf-radius) - 0.25rem)",
|
|
123
|
+
radiusSurface: "var(--vf-radius)",
|
|
124
|
+
radiusOverlay: "calc(var(--vf-radius) + 0.125rem)",
|
|
125
|
+
...l,
|
|
126
|
+
controlHeightSm: "1.75rem",
|
|
127
|
+
controlHeightMd: "2.25rem",
|
|
128
|
+
controlHeightLg: "2.5rem",
|
|
129
|
+
controlFontSizeSm: "var(--vf-text-label-font-size)",
|
|
130
|
+
controlFontSizeMd: "var(--vf-text-body-font-size)",
|
|
131
|
+
controlFontSizeLg: "var(--vf-font-size-xl)",
|
|
132
|
+
buttonPaddingSm: "0.25rem 0.5rem",
|
|
133
|
+
buttonPaddingMd: "0.3125rem 0.75rem",
|
|
134
|
+
buttonPaddingLg: "0.5rem 1rem",
|
|
135
|
+
buttonGap: "0.5rem",
|
|
136
|
+
fieldPaddingSm: "0.25rem 0.5rem",
|
|
137
|
+
fieldPaddingMd: "0.3125rem 0.75rem",
|
|
138
|
+
fieldPaddingLg: "0.5rem 1rem",
|
|
139
|
+
checkboxSizeSm: "1rem",
|
|
140
|
+
checkboxSizeMd: "1.125rem",
|
|
141
|
+
checkboxSizeLg: "1.25rem",
|
|
142
|
+
selectionGap: "0.75rem",
|
|
143
|
+
checkboxMarkWidth: "0.25rem",
|
|
144
|
+
checkboxMarkHeight: "0.5rem",
|
|
145
|
+
checkboxMarkStrokeWidth: "2px",
|
|
146
|
+
checkboxMarkOffsetY: "-0.0625rem",
|
|
147
|
+
radioDotSize: "0.5rem",
|
|
148
|
+
switchWidthSm: "2rem",
|
|
149
|
+
switchWidthMd: "2.25rem",
|
|
150
|
+
switchWidthLg: "2.5rem",
|
|
151
|
+
switchHeightSm: "1.125rem",
|
|
152
|
+
switchHeightMd: "1.25rem",
|
|
153
|
+
switchHeightLg: "1.375rem",
|
|
154
|
+
switchThumbSizeSm: "0.75rem",
|
|
155
|
+
switchThumbSizeMd: "0.875rem",
|
|
156
|
+
switchThumbSizeLg: "1rem",
|
|
157
|
+
switchThumbInset: "0.125rem",
|
|
158
|
+
textareaMinHeightSm: "4.5rem",
|
|
159
|
+
textareaMinHeightMd: "6rem",
|
|
160
|
+
textareaMinHeightLg: "7rem",
|
|
161
|
+
overlayPadding: "1rem",
|
|
162
|
+
overlayGap: "0.75rem",
|
|
163
|
+
overlayViewportPadding: "1rem",
|
|
164
|
+
menuPadding: "0.5rem",
|
|
165
|
+
menuGap: "0.25rem",
|
|
166
|
+
menuMinWidth: "12rem",
|
|
167
|
+
surfacePadding: "1rem",
|
|
168
|
+
surfaceGap: "0.75rem",
|
|
169
|
+
surfacePaddingCompact: "0.75rem",
|
|
170
|
+
surfaceGapCompact: "0.5rem",
|
|
171
|
+
sectionPadding: "0.75rem 1rem",
|
|
172
|
+
sectionGap: "0.75rem",
|
|
173
|
+
tabsGap: "0.75rem",
|
|
174
|
+
tabsListGap: "0.25rem",
|
|
175
|
+
tabsListPadding: "0.25rem",
|
|
176
|
+
tabsTabPaddingInline: "0.75rem",
|
|
177
|
+
tabsPanelPaddingTop: "0.75rem",
|
|
178
|
+
navMenuListGap: "0.25rem",
|
|
179
|
+
navMenuNestedGap: "0.25rem",
|
|
180
|
+
navMenuCollapseOffsetTop: "0.25rem",
|
|
181
|
+
navMenuCollapseInsetLevel0Margin: "0.5rem",
|
|
182
|
+
navMenuCollapseInsetLevel0Padding: "0.5rem",
|
|
183
|
+
navMenuCollapseInsetSimpleLevel0Margin: "0.5rem",
|
|
184
|
+
navMenuCollapseInsetSimpleLevel0Padding: "0.5rem",
|
|
185
|
+
navMenuCollapseInsetDeepMargin: "0.5rem",
|
|
186
|
+
navMenuCollapseInsetDeepPadding: "0.5rem",
|
|
187
|
+
navMenuCollapseInsetSimpleDeepMargin: "0.5rem",
|
|
188
|
+
navMenuCollapseInsetSimpleDeepPadding: "0.5rem",
|
|
189
|
+
navMenuNodeGroupSpacing: "0.25rem",
|
|
190
|
+
navMenuGroupPadding: "0.375rem 0.75rem",
|
|
191
|
+
navMenuGroupFontSize: "var(--vf-text-label-font-size)",
|
|
192
|
+
navMenuItemPadding: "var(--vf-field-padding-md)",
|
|
193
|
+
navMenuItemGap: "0.5rem",
|
|
194
|
+
navMenuLeadingIconSize: "1rem",
|
|
195
|
+
navMenuLeadingIconColumnSize: "1.25rem",
|
|
196
|
+
tableOfContentsGap: "0.25rem",
|
|
197
|
+
tableOfContentsListGap: "var(--vf-nav-menu-list-gap)",
|
|
198
|
+
tableOfContentsTitleFontSize: "var(--vf-text-caption-font-size)",
|
|
199
|
+
tableOfContentsTitleColor: "var(--vf-color-muted)",
|
|
200
|
+
tableOfContentsItemPadding: "var(--vf-nav-menu-item-padding)",
|
|
201
|
+
tableOfContentsLevelStep: "calc(var(--vf-nav-menu-collapse-inset-simple-level-0-margin) + var(--vf-nav-menu-collapse-inset-simple-level-0-padding))",
|
|
202
|
+
tableOfContentsColor: "var(--vf-color-text)",
|
|
203
|
+
tableOfContentsHoverColor: "var(--vf-selectable-hover-color)",
|
|
204
|
+
tableOfContentsHoverBackground: "var(--vf-selectable-hover-background)",
|
|
205
|
+
tableOfContentsActiveColor: "var(--vf-selectable-active-color)",
|
|
206
|
+
tableOfContentsActiveBackground: "var(--vf-selectable-active-background)",
|
|
207
|
+
badgeHeight: "1.375rem",
|
|
208
|
+
badgePadding: "0.0625rem 0.25rem",
|
|
209
|
+
badgeGap: "0.25rem",
|
|
210
|
+
badgeRadius: "var(--vf-radius-control-tight)",
|
|
211
|
+
badgeFontSize: "var(--vf-text-label-font-size)",
|
|
212
|
+
badgeLineHeight: "var(--vf-text-label-line-height)",
|
|
213
|
+
tagHeight: "1.5rem",
|
|
214
|
+
tagPadding: "0.125rem 0.3125rem",
|
|
215
|
+
tagFontSize: "var(--vf-text-label-font-size)",
|
|
216
|
+
tagLineHeight: "var(--vf-text-label-line-height)",
|
|
217
|
+
tooltipPadding: "0.5rem 0.75rem",
|
|
218
|
+
tooltipMaxWidth: "16rem",
|
|
219
|
+
tooltipFontSize: "var(--vf-text-body-font-size)",
|
|
220
|
+
tooltipLineHeight: "var(--vf-text-body-line-height)",
|
|
221
|
+
dialogWidthSm: "28rem",
|
|
222
|
+
dialogWidthMd: "36rem",
|
|
223
|
+
dialogWidthLg: "48rem",
|
|
224
|
+
dialogMaxHeight: "min(85vh, 48rem)",
|
|
225
|
+
drawerSizeSm: "20rem",
|
|
226
|
+
drawerSizeMd: "26rem",
|
|
227
|
+
drawerSizeLg: "32rem",
|
|
228
|
+
drawerOffsetTop: "0px",
|
|
229
|
+
drawerBodyPadding: "var(--vf-overlay-padding)",
|
|
230
|
+
dialogTitleFontSize: "var(--vf-text-body-font-size)",
|
|
231
|
+
dialogHeaderGap: "0.75rem",
|
|
232
|
+
dialogActionsGap: "0.5rem",
|
|
233
|
+
popoverWidth: "min(100vw - 2rem, 22rem)",
|
|
234
|
+
floatingArrowSize: "0.625rem",
|
|
235
|
+
overlayBackdrop: "rgba(0, 0, 0, 0.44)",
|
|
236
|
+
alertPrimarySoft: "color-mix(in srgb, var(--vf-color-primary) 8%, var(--vf-color-surface))",
|
|
237
|
+
alertPrimaryBorderSoft: "color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border))",
|
|
238
|
+
alertContentGap: "0.25rem",
|
|
239
|
+
alertTitleFontSize: "var(--vf-text-body-font-size)",
|
|
240
|
+
cardTitleFontSize: "var(--vf-text-body-font-size)",
|
|
241
|
+
panelTitleFontSize: "var(--vf-text-body-font-size)",
|
|
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: "#1e1e1e",
|
|
255
|
+
colorSurface: "#252526",
|
|
256
|
+
colorSurfaceMuted: "#2d2d30",
|
|
257
|
+
colorText: "#d4d4d4",
|
|
258
|
+
colorMuted: "#9da0a6",
|
|
259
|
+
colorBorder: "#3c3c3c",
|
|
260
|
+
colorPrimary: "#2f7fd6",
|
|
261
|
+
colorPrimaryContrast: "#ffffff",
|
|
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: "#3f8746",
|
|
266
|
+
colorSuccessContrast: "#ffffff",
|
|
267
|
+
colorInfo: "#1f76be",
|
|
268
|
+
colorInfoContrast: "#ffffff",
|
|
269
|
+
colorWarn: "#c6a25f",
|
|
270
|
+
colorWarnContrast: "#1f1300",
|
|
271
|
+
colorHelp: "#8553a1",
|
|
272
|
+
colorHelpContrast: "#ffffff",
|
|
273
|
+
colorDanger: "#bf3f3f",
|
|
274
|
+
colorDangerContrast: "#ffffff",
|
|
275
|
+
colorContrast: "#d7d7d7",
|
|
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(
|
|
300
|
+
r
|
|
301
|
+
);
|
|
302
|
+
}
|
|
303
|
+
function d(r = {}) {
|
|
304
|
+
return n({
|
|
305
|
+
...r,
|
|
306
|
+
preset: r.preset ?? f
|
|
307
|
+
});
|
|
308
|
+
}
|
|
309
|
+
function g(r, a) {
|
|
310
|
+
return i(
|
|
311
|
+
r,
|
|
312
|
+
a
|
|
313
|
+
);
|
|
314
|
+
}
|
|
315
|
+
export {
|
|
316
|
+
g as a,
|
|
317
|
+
m as c,
|
|
318
|
+
f as d,
|
|
319
|
+
d as r
|
|
320
|
+
};
|