@codemonster-ru/vueforge-core 1.2.0 → 1.3.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/dist/components/accordion/VfAccordion.vue.d.ts.map +1 -1
- package/dist/components/accordion/index.d.ts.map +1 -1
- package/dist/components/alert/VfAlert.vue.d.ts.map +1 -1
- package/dist/components/alert/index.d.ts.map +1 -1
- package/dist/components/badge/VfBadge.vue.d.ts.map +1 -1
- package/dist/components/badge/index.d.ts.map +1 -1
- package/dist/components/button/VfButton.vue.d.ts +1 -1
- package/dist/components/button/VfButton.vue.d.ts.map +1 -1
- package/dist/components/button/index.d.ts.map +1 -1
- package/dist/components/card/VfCard.vue.d.ts.map +1 -1
- package/dist/components/card/index.d.ts.map +1 -1
- package/dist/components/checkbox/VfCheckbox.vue.d.ts +1 -1
- package/dist/components/checkbox/VfCheckbox.vue.d.ts.map +1 -1
- package/dist/components/checkbox/index.d.ts.map +1 -1
- package/dist/components/dialog/VfDialog.vue.d.ts.map +1 -1
- package/dist/components/dialog/index.d.ts.map +1 -1
- package/dist/components/divider/VfDivider.vue.d.ts.map +1 -1
- package/dist/components/divider/index.d.ts.map +1 -1
- package/dist/components/drawer/VfDrawer.vue.d.ts.map +1 -1
- package/dist/components/drawer/index.d.ts.map +1 -1
- package/dist/components/dropdown/VfDropdown.vue.d.ts.map +1 -1
- package/dist/components/dropdown/index.d.ts.map +1 -1
- package/dist/components/icon-button/VfIconButton.vue.d.ts +1 -1
- package/dist/components/icon-button/VfIconButton.vue.d.ts.map +1 -1
- package/dist/components/icon-button/index.d.ts.map +1 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/input/VfInput.vue.d.ts.map +1 -1
- package/dist/components/input/index.d.ts.map +1 -1
- package/dist/components/link/VfLink.vue.d.ts.map +1 -1
- package/dist/components/link/index.d.ts.map +1 -1
- package/dist/components/nav-menu/VfNavMenu.vue.d.ts +3 -3
- 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/nav-menu/index.d.ts.map +1 -1
- package/dist/components/panel/VfPanel.vue.d.ts.map +1 -1
- package/dist/components/panel/index.d.ts.map +1 -1
- package/dist/components/popover/VfPopover.vue.d.ts.map +1 -1
- package/dist/components/popover/index.d.ts.map +1 -1
- package/dist/components/radio/VfRadio.vue.d.ts +1 -1
- package/dist/components/radio/VfRadio.vue.d.ts.map +1 -1
- package/dist/components/radio/index.d.ts.map +1 -1
- package/dist/components/switch/VfSwitch.vue.d.ts.map +1 -1
- package/dist/components/switch/index.d.ts.map +1 -1
- package/dist/components/tabs/VfTabs.vue.d.ts.map +1 -1
- package/dist/components/tabs/index.d.ts.map +1 -1
- package/dist/components/tag/VfTag.vue.d.ts.map +1 -1
- package/dist/components/tag/index.d.ts.map +1 -1
- package/dist/components/textarea/VfTextarea.vue.d.ts.map +1 -1
- package/dist/components/textarea/index.d.ts.map +1 -1
- package/dist/components/tooltip/VfTooltip.vue.d.ts.map +1 -1
- package/dist/components/tooltip/index.d.ts.map +1 -1
- package/dist/composables/index.d.ts.map +1 -1
- package/dist/composables/useClickOutside.d.ts.map +1 -1
- package/dist/composables/useDisclosure.d.ts.map +1 -1
- package/dist/composables/useEscapeKey.d.ts +1 -1
- package/dist/composables/useEscapeKey.d.ts.map +1 -1
- package/dist/composables/useFloating.d.ts.map +1 -1
- package/dist/composables/useFocusTrap.d.ts.map +1 -1
- package/dist/composables/useId.d.ts.map +1 -1
- package/dist/composables/useTheme.d.ts +3 -3
- package/dist/foundation/breakpoints.d.ts.map +1 -1
- package/dist/foundation/index.d.ts.map +1 -1
- package/dist/foundation/useBreakpoint.d.ts +1 -1
- package/dist/foundation/useBreakpoint.d.ts.map +1 -1
- package/dist/foundation/useBreakpointValue.d.ts.map +1 -1
- package/dist/foundation/useBreakpoints.d.ts.map +1 -1
- package/dist/foundation/useScrollLock.d.ts.map +1 -1
- package/dist/foundation-api.js +1 -1
- package/dist/foundation.css +2 -2
- package/dist/index.d.ts +6 -6
- package/dist/index.d.ts.map +1 -1
- package/dist/plugin.d.ts.map +1 -1
- package/dist/providers/VfThemeProvider.vue.d.ts.map +1 -1
- package/dist/providers/themeContext.d.ts.map +1 -1
- package/dist/providers/vueForgeConfig.d.ts.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/theme/default-preset.d.ts.map +1 -1
- package/dist/theme/index.d.ts +2 -1
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/motion.d.ts +1 -9
- package/dist/theme/motion.d.ts.map +1 -1
- package/dist/theme/public.d.ts +2 -1
- package/dist/theme/public.d.ts.map +1 -1
- package/dist/theme/utils.d.ts +2 -7
- package/dist/theme/utils.d.ts.map +1 -1
- package/dist/theme-api.js +220 -2
- package/dist/theme.css +80 -19
- package/dist/tokens.css +86 -18
- package/dist/types/components.d.ts +11 -11
- package/dist/types/components.d.ts.map +1 -1
- package/dist/types/theme.d.ts +2 -206
- package/dist/types/theme.d.ts.map +1 -1
- package/dist/{useScrollLock-B7pq1ybb.js → useScrollLock-FYdn9vRp.js} +8 -10
- package/dist/utils/theme.d.ts +1 -5
- package/dist/utils/theme.d.ts.map +1 -1
- package/dist/vueforge-core.js +429 -290
- package/package.json +3 -2
- package/dist/public-CFcLjh0P.js +0 -306
package/dist/theme.css
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
color: var(--vf-color-text);
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
:root[data-vf-theme=
|
|
9
|
+
:root[data-vf-theme="dark"] {
|
|
10
10
|
color-scheme: dark;
|
|
11
11
|
--vf-color-bg: #0f172a;
|
|
12
12
|
--vf-color-surface: #162033;
|
|
@@ -16,9 +16,21 @@
|
|
|
16
16
|
--vf-color-border: #2d405f;
|
|
17
17
|
--vf-color-primary: #6ea8fe;
|
|
18
18
|
--vf-color-primary-contrast: #081120;
|
|
19
|
-
--vf-color-primary-soft: color-mix(
|
|
20
|
-
|
|
21
|
-
|
|
19
|
+
--vf-color-primary-soft: color-mix(
|
|
20
|
+
in srgb,
|
|
21
|
+
var(--vf-color-primary) 12%,
|
|
22
|
+
var(--vf-color-surface)
|
|
23
|
+
);
|
|
24
|
+
--vf-color-primary-border-soft: color-mix(
|
|
25
|
+
in srgb,
|
|
26
|
+
var(--vf-color-primary) 22%,
|
|
27
|
+
var(--vf-color-border)
|
|
28
|
+
);
|
|
29
|
+
--vf-color-focus-ring: color-mix(
|
|
30
|
+
in srgb,
|
|
31
|
+
var(--vf-color-primary) 32%,
|
|
32
|
+
var(--vf-color-surface)
|
|
33
|
+
);
|
|
22
34
|
--vf-color-success: #4ade80;
|
|
23
35
|
--vf-color-success-contrast: #081120;
|
|
24
36
|
--vf-color-info: #38bdf8;
|
|
@@ -31,26 +43,74 @@
|
|
|
31
43
|
--vf-color-danger-contrast: #081120;
|
|
32
44
|
--vf-color-contrast: #f3f4f6;
|
|
33
45
|
--vf-color-contrast-contrast: #111827;
|
|
34
|
-
--vf-color-success-soft: color-mix(
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
--vf-color-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
--vf-color-
|
|
45
|
-
|
|
46
|
+
--vf-color-success-soft: color-mix(
|
|
47
|
+
in srgb,
|
|
48
|
+
var(--vf-color-success) 12%,
|
|
49
|
+
var(--vf-color-surface)
|
|
50
|
+
);
|
|
51
|
+
--vf-color-info-soft: color-mix(
|
|
52
|
+
in srgb,
|
|
53
|
+
var(--vf-color-info) 12%,
|
|
54
|
+
var(--vf-color-surface)
|
|
55
|
+
);
|
|
56
|
+
--vf-color-warn-soft: color-mix(
|
|
57
|
+
in srgb,
|
|
58
|
+
var(--vf-color-warn) 12%,
|
|
59
|
+
var(--vf-color-surface)
|
|
60
|
+
);
|
|
61
|
+
--vf-color-help-soft: color-mix(
|
|
62
|
+
in srgb,
|
|
63
|
+
var(--vf-color-help) 12%,
|
|
64
|
+
var(--vf-color-surface)
|
|
65
|
+
);
|
|
66
|
+
--vf-color-danger-soft: color-mix(
|
|
67
|
+
in srgb,
|
|
68
|
+
var(--vf-color-danger) 12%,
|
|
69
|
+
var(--vf-color-surface)
|
|
70
|
+
);
|
|
71
|
+
--vf-color-contrast-soft: color-mix(
|
|
72
|
+
in srgb,
|
|
73
|
+
var(--vf-color-contrast) 10%,
|
|
74
|
+
var(--vf-color-surface)
|
|
75
|
+
);
|
|
76
|
+
--vf-color-success-border-soft: color-mix(
|
|
77
|
+
in srgb,
|
|
78
|
+
var(--vf-color-success) 24%,
|
|
79
|
+
var(--vf-color-border)
|
|
80
|
+
);
|
|
81
|
+
--vf-color-info-border-soft: color-mix(
|
|
82
|
+
in srgb,
|
|
83
|
+
var(--vf-color-info) 24%,
|
|
84
|
+
var(--vf-color-border)
|
|
85
|
+
);
|
|
86
|
+
--vf-color-warn-border-soft: color-mix(
|
|
87
|
+
in srgb,
|
|
88
|
+
var(--vf-color-warn) 24%,
|
|
89
|
+
var(--vf-color-border)
|
|
90
|
+
);
|
|
91
|
+
--vf-color-help-border-soft: color-mix(
|
|
92
|
+
in srgb,
|
|
93
|
+
var(--vf-color-help) 24%,
|
|
94
|
+
var(--vf-color-border)
|
|
95
|
+
);
|
|
96
|
+
--vf-color-danger-border-soft: color-mix(
|
|
97
|
+
in srgb,
|
|
98
|
+
var(--vf-color-danger) 24%,
|
|
99
|
+
var(--vf-color-border)
|
|
100
|
+
);
|
|
101
|
+
--vf-color-contrast-border-soft: color-mix(
|
|
102
|
+
in srgb,
|
|
103
|
+
var(--vf-color-contrast) 24%,
|
|
104
|
+
var(--vf-color-border)
|
|
105
|
+
);
|
|
46
106
|
--vf-shadow: none;
|
|
47
107
|
}
|
|
48
108
|
|
|
49
109
|
:root.vf-theme-transitioning,
|
|
50
110
|
:root.vf-theme-transitioning body,
|
|
51
111
|
:root.vf-theme-transitioning #app,
|
|
52
|
-
:root.vf-theme-transitioning [class^=
|
|
53
|
-
:root.vf-theme-transitioning [class*=
|
|
112
|
+
:root.vf-theme-transitioning [class^="vf-"],
|
|
113
|
+
:root.vf-theme-transitioning [class*=" vf-"],
|
|
54
114
|
:root.vf-theme-transitioning .demo-page,
|
|
55
115
|
:root.vf-theme-transitioning .demo-container,
|
|
56
116
|
:root.vf-theme-transitioning .demo-header,
|
|
@@ -58,7 +118,8 @@
|
|
|
58
118
|
:root.vf-theme-transitioning .demo-example,
|
|
59
119
|
:root.vf-theme-transitioning .demo-item {
|
|
60
120
|
transition:
|
|
61
|
-
background-color var(--vf-motion-duration-normal)
|
|
121
|
+
background-color var(--vf-motion-duration-normal)
|
|
122
|
+
var(--vf-motion-ease-standard),
|
|
62
123
|
border-color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),
|
|
63
124
|
color var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),
|
|
64
125
|
box-shadow var(--vf-motion-duration-normal) var(--vf-motion-ease-standard),
|
package/dist/tokens.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* Fallback baseline tokens for package CSS consumers.
|
|
2
2
|
Canonical token values live in src/theme/default-preset.ts. */
|
|
3
|
-
@import
|
|
3
|
+
@import "./generated-breakpoints.css";
|
|
4
4
|
|
|
5
5
|
:root {
|
|
6
6
|
--vf-color-bg: #fcfcfd;
|
|
@@ -11,9 +11,21 @@
|
|
|
11
11
|
--vf-color-border: #d8e0ef;
|
|
12
12
|
--vf-color-primary: #0b63f6;
|
|
13
13
|
--vf-color-primary-contrast: #ffffff;
|
|
14
|
-
--vf-color-primary-soft: color-mix(
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
--vf-color-primary-soft: color-mix(
|
|
15
|
+
in srgb,
|
|
16
|
+
var(--vf-color-primary) 12%,
|
|
17
|
+
var(--vf-color-surface)
|
|
18
|
+
);
|
|
19
|
+
--vf-color-primary-border-soft: color-mix(
|
|
20
|
+
in srgb,
|
|
21
|
+
var(--vf-color-primary) 22%,
|
|
22
|
+
var(--vf-color-border)
|
|
23
|
+
);
|
|
24
|
+
--vf-color-focus-ring: color-mix(
|
|
25
|
+
in srgb,
|
|
26
|
+
var(--vf-color-primary) 32%,
|
|
27
|
+
var(--vf-color-surface)
|
|
28
|
+
);
|
|
17
29
|
--vf-color-success: #16a34a;
|
|
18
30
|
--vf-color-success-contrast: #ffffff;
|
|
19
31
|
--vf-color-info: #0ea5e9;
|
|
@@ -26,18 +38,66 @@
|
|
|
26
38
|
--vf-color-danger-contrast: #ffffff;
|
|
27
39
|
--vf-color-contrast: #111827;
|
|
28
40
|
--vf-color-contrast-contrast: #ffffff;
|
|
29
|
-
--vf-color-success-soft: color-mix(
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
--vf-color-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
--vf-color-
|
|
40
|
-
|
|
41
|
+
--vf-color-success-soft: color-mix(
|
|
42
|
+
in srgb,
|
|
43
|
+
var(--vf-color-success) 12%,
|
|
44
|
+
var(--vf-color-surface)
|
|
45
|
+
);
|
|
46
|
+
--vf-color-info-soft: color-mix(
|
|
47
|
+
in srgb,
|
|
48
|
+
var(--vf-color-info) 12%,
|
|
49
|
+
var(--vf-color-surface)
|
|
50
|
+
);
|
|
51
|
+
--vf-color-warn-soft: color-mix(
|
|
52
|
+
in srgb,
|
|
53
|
+
var(--vf-color-warn) 12%,
|
|
54
|
+
var(--vf-color-surface)
|
|
55
|
+
);
|
|
56
|
+
--vf-color-help-soft: color-mix(
|
|
57
|
+
in srgb,
|
|
58
|
+
var(--vf-color-help) 12%,
|
|
59
|
+
var(--vf-color-surface)
|
|
60
|
+
);
|
|
61
|
+
--vf-color-danger-soft: color-mix(
|
|
62
|
+
in srgb,
|
|
63
|
+
var(--vf-color-danger) 12%,
|
|
64
|
+
var(--vf-color-surface)
|
|
65
|
+
);
|
|
66
|
+
--vf-color-contrast-soft: color-mix(
|
|
67
|
+
in srgb,
|
|
68
|
+
var(--vf-color-contrast) 10%,
|
|
69
|
+
var(--vf-color-surface)
|
|
70
|
+
);
|
|
71
|
+
--vf-color-success-border-soft: color-mix(
|
|
72
|
+
in srgb,
|
|
73
|
+
var(--vf-color-success) 24%,
|
|
74
|
+
var(--vf-color-border)
|
|
75
|
+
);
|
|
76
|
+
--vf-color-info-border-soft: color-mix(
|
|
77
|
+
in srgb,
|
|
78
|
+
var(--vf-color-info) 24%,
|
|
79
|
+
var(--vf-color-border)
|
|
80
|
+
);
|
|
81
|
+
--vf-color-warn-border-soft: color-mix(
|
|
82
|
+
in srgb,
|
|
83
|
+
var(--vf-color-warn) 24%,
|
|
84
|
+
var(--vf-color-border)
|
|
85
|
+
);
|
|
86
|
+
--vf-color-help-border-soft: color-mix(
|
|
87
|
+
in srgb,
|
|
88
|
+
var(--vf-color-help) 24%,
|
|
89
|
+
var(--vf-color-border)
|
|
90
|
+
);
|
|
91
|
+
--vf-color-danger-border-soft: color-mix(
|
|
92
|
+
in srgb,
|
|
93
|
+
var(--vf-color-danger) 24%,
|
|
94
|
+
var(--vf-color-border)
|
|
95
|
+
);
|
|
96
|
+
--vf-color-contrast-border-soft: color-mix(
|
|
97
|
+
in srgb,
|
|
98
|
+
var(--vf-color-contrast) 24%,
|
|
99
|
+
var(--vf-color-border)
|
|
100
|
+
);
|
|
41
101
|
--vf-focus-ring-width: 3px;
|
|
42
102
|
--vf-radius: 0.75rem;
|
|
43
103
|
--vf-radius-control: calc(var(--vf-radius) - 0.125rem);
|
|
@@ -143,8 +203,16 @@
|
|
|
143
203
|
--vf-popover-width: min(100vw - 2rem, 22rem);
|
|
144
204
|
--vf-floating-arrow-size: 0.625rem;
|
|
145
205
|
--vf-overlay-backdrop: rgba(15, 23, 42, 0.56);
|
|
146
|
-
--vf-alert-primary-soft: color-mix(
|
|
147
|
-
|
|
206
|
+
--vf-alert-primary-soft: color-mix(
|
|
207
|
+
in srgb,
|
|
208
|
+
var(--vf-color-primary) 8%,
|
|
209
|
+
var(--vf-color-surface)
|
|
210
|
+
);
|
|
211
|
+
--vf-alert-primary-border-soft: color-mix(
|
|
212
|
+
in srgb,
|
|
213
|
+
var(--vf-color-primary) 22%,
|
|
214
|
+
var(--vf-color-border)
|
|
215
|
+
);
|
|
148
216
|
--vf-alert-content-gap: 0.25rem;
|
|
149
217
|
--vf-alert-title-font-size: 0.9375rem;
|
|
150
218
|
--vf-card-title-font-size: 1rem;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { IconName } from '@codemonster-ru/vueiconify';
|
|
2
|
-
export type VfButtonVariant =
|
|
3
|
-
export type VfControlSize =
|
|
4
|
-
export type VfLinkTone =
|
|
5
|
-
export type VfBadgeTone =
|
|
6
|
-
export type VfFeedbackTone =
|
|
7
|
-
export type VfDividerOrientation =
|
|
8
|
-
export type VfDialogSize =
|
|
9
|
-
export type VfDrawerPlacement =
|
|
10
|
-
export type VfDropdownPlacement =
|
|
11
|
-
export type VfTooltipPlacement =
|
|
2
|
+
export type VfButtonVariant = "primary" | "secondary" | "success" | "info" | "warn" | "help" | "danger" | "contrast" | "ghost";
|
|
3
|
+
export type VfControlSize = "sm" | "md" | "lg";
|
|
4
|
+
export type VfLinkTone = "default" | "muted";
|
|
5
|
+
export type VfBadgeTone = "neutral" | "primary" | "success" | "info" | "warn" | "help" | "danger" | "contrast";
|
|
6
|
+
export type VfFeedbackTone = "neutral" | "primary" | "success" | "info" | "warn" | "help" | "danger" | "contrast";
|
|
7
|
+
export type VfDividerOrientation = "horizontal" | "vertical";
|
|
8
|
+
export type VfDialogSize = "sm" | "md" | "lg";
|
|
9
|
+
export type VfDrawerPlacement = "left" | "right" | "top" | "bottom";
|
|
10
|
+
export type VfDropdownPlacement = "bottom-start" | "bottom-end";
|
|
11
|
+
export type VfTooltipPlacement = "top" | "bottom";
|
|
12
12
|
export interface VfTabItem {
|
|
13
13
|
value: string;
|
|
14
14
|
label: string;
|
|
@@ -17,7 +17,7 @@ export interface VfTabItem {
|
|
|
17
17
|
export interface VfNavMenuItem {
|
|
18
18
|
value: string;
|
|
19
19
|
label: string;
|
|
20
|
-
kind?:
|
|
20
|
+
kind?: "item" | "group";
|
|
21
21
|
leadingIcon?: IconName | string;
|
|
22
22
|
href?: string;
|
|
23
23
|
to?: string | Record<string, unknown>;
|
|
@@ -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,
|
|
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"}
|
package/dist/types/theme.d.ts
CHANGED
|
@@ -1,210 +1,6 @@
|
|
|
1
1
|
import { InjectionKey, Ref } from 'vue';
|
|
2
|
-
|
|
3
|
-
export type VfResolvedTheme
|
|
4
|
-
export interface VfThemeTokens {
|
|
5
|
-
colorBg: string;
|
|
6
|
-
colorSurface: string;
|
|
7
|
-
colorSurfaceMuted: string;
|
|
8
|
-
colorText: string;
|
|
9
|
-
colorMuted: string;
|
|
10
|
-
colorBorder: string;
|
|
11
|
-
colorPrimary: string;
|
|
12
|
-
colorPrimaryContrast: string;
|
|
13
|
-
colorPrimarySoft: string;
|
|
14
|
-
colorPrimaryBorderSoft: string;
|
|
15
|
-
colorFocusRing: string;
|
|
16
|
-
colorSuccess: string;
|
|
17
|
-
colorSuccessContrast: string;
|
|
18
|
-
colorInfo: string;
|
|
19
|
-
colorInfoContrast: string;
|
|
20
|
-
colorWarn: string;
|
|
21
|
-
colorWarnContrast: string;
|
|
22
|
-
colorHelp: string;
|
|
23
|
-
colorHelpContrast: string;
|
|
24
|
-
colorDanger: string;
|
|
25
|
-
colorDangerContrast: string;
|
|
26
|
-
colorContrast: string;
|
|
27
|
-
colorContrastContrast: string;
|
|
28
|
-
colorSuccessSoft: string;
|
|
29
|
-
colorInfoSoft: string;
|
|
30
|
-
colorWarnSoft: string;
|
|
31
|
-
colorHelpSoft: string;
|
|
32
|
-
colorDangerSoft: string;
|
|
33
|
-
colorContrastSoft: string;
|
|
34
|
-
colorSuccessBorderSoft: string;
|
|
35
|
-
colorInfoBorderSoft: string;
|
|
36
|
-
colorWarnBorderSoft: string;
|
|
37
|
-
colorHelpBorderSoft: string;
|
|
38
|
-
colorDangerBorderSoft: string;
|
|
39
|
-
colorContrastBorderSoft: string;
|
|
40
|
-
focusRingWidth: string;
|
|
41
|
-
radius: string;
|
|
42
|
-
radiusControl: string;
|
|
43
|
-
radiusControlTight: string;
|
|
44
|
-
radiusSurface: string;
|
|
45
|
-
radiusOverlay: string;
|
|
46
|
-
breakpointXs: string;
|
|
47
|
-
breakpointSm: string;
|
|
48
|
-
breakpointMd: string;
|
|
49
|
-
breakpointLg: string;
|
|
50
|
-
breakpointXl: string;
|
|
51
|
-
breakpoint2xl: string;
|
|
52
|
-
controlHeightSm: string;
|
|
53
|
-
controlHeightMd: string;
|
|
54
|
-
controlHeightLg: string;
|
|
55
|
-
controlFontSizeSm: string;
|
|
56
|
-
controlFontSizeMd: string;
|
|
57
|
-
controlFontSizeLg: string;
|
|
58
|
-
buttonPaddingSm: string;
|
|
59
|
-
buttonPaddingMd: string;
|
|
60
|
-
buttonPaddingLg: string;
|
|
61
|
-
buttonGap: string;
|
|
62
|
-
fieldPaddingSm: string;
|
|
63
|
-
fieldPaddingMd: string;
|
|
64
|
-
fieldPaddingLg: string;
|
|
65
|
-
checkboxSizeSm: string;
|
|
66
|
-
checkboxSizeMd: string;
|
|
67
|
-
checkboxSizeLg: string;
|
|
68
|
-
selectionGap: string;
|
|
69
|
-
checkboxMarkWidth: string;
|
|
70
|
-
checkboxMarkHeight: string;
|
|
71
|
-
checkboxMarkStrokeWidth: string;
|
|
72
|
-
checkboxMarkOffsetY: string;
|
|
73
|
-
radioDotSize: string;
|
|
74
|
-
switchWidthSm: string;
|
|
75
|
-
switchWidthMd: string;
|
|
76
|
-
switchWidthLg: string;
|
|
77
|
-
switchHeightSm: string;
|
|
78
|
-
switchHeightMd: string;
|
|
79
|
-
switchHeightLg: string;
|
|
80
|
-
switchThumbSizeSm: string;
|
|
81
|
-
switchThumbSizeMd: string;
|
|
82
|
-
switchThumbSizeLg: string;
|
|
83
|
-
switchThumbInset: string;
|
|
84
|
-
textareaMinHeightSm: string;
|
|
85
|
-
textareaMinHeightMd: string;
|
|
86
|
-
textareaMinHeightLg: string;
|
|
87
|
-
overlayPadding: string;
|
|
88
|
-
overlayGap: string;
|
|
89
|
-
overlayViewportPadding: string;
|
|
90
|
-
menuPadding: string;
|
|
91
|
-
menuGap: string;
|
|
92
|
-
menuMinWidth: string;
|
|
93
|
-
surfacePadding: string;
|
|
94
|
-
surfaceGap: string;
|
|
95
|
-
surfacePaddingCompact: string;
|
|
96
|
-
surfaceGapCompact: string;
|
|
97
|
-
sectionPadding: string;
|
|
98
|
-
sectionGap: string;
|
|
99
|
-
tabsGap: string;
|
|
100
|
-
tabsListGap: string;
|
|
101
|
-
tabsListPadding: string;
|
|
102
|
-
tabsTabPaddingInline: string;
|
|
103
|
-
tabsPanelPaddingTop: string;
|
|
104
|
-
navMenuListGap: string;
|
|
105
|
-
navMenuNestedGap: string;
|
|
106
|
-
navMenuCollapseOffsetTop: string;
|
|
107
|
-
navMenuCollapseInsetLevel0Margin: string;
|
|
108
|
-
navMenuCollapseInsetLevel0Padding: string;
|
|
109
|
-
navMenuCollapseInsetSimpleLevel0Margin: string;
|
|
110
|
-
navMenuCollapseInsetSimpleLevel0Padding: string;
|
|
111
|
-
navMenuCollapseInsetDeepMargin: string;
|
|
112
|
-
navMenuCollapseInsetDeepPadding: string;
|
|
113
|
-
navMenuCollapseInsetSimpleDeepMargin: string;
|
|
114
|
-
navMenuCollapseInsetSimpleDeepPadding: string;
|
|
115
|
-
navMenuNodeGroupSpacing: string;
|
|
116
|
-
navMenuGroupPadding: string;
|
|
117
|
-
navMenuGroupFontSize: string;
|
|
118
|
-
navMenuItemPadding: string;
|
|
119
|
-
navMenuItemGap: string;
|
|
120
|
-
navMenuLeadingIconSize: string;
|
|
121
|
-
navMenuLeadingIconColumnSize: string;
|
|
122
|
-
badgeHeight: string;
|
|
123
|
-
badgePadding: string;
|
|
124
|
-
badgeGap: string;
|
|
125
|
-
badgeRadius: string;
|
|
126
|
-
badgeFontSize: string;
|
|
127
|
-
badgeLineHeight: string;
|
|
128
|
-
tagHeight: string;
|
|
129
|
-
tagPadding: string;
|
|
130
|
-
tagFontSize: string;
|
|
131
|
-
tagLineHeight: string;
|
|
132
|
-
tooltipPadding: string;
|
|
133
|
-
tooltipMaxWidth: string;
|
|
134
|
-
tooltipFontSize: string;
|
|
135
|
-
tooltipLineHeight: string;
|
|
136
|
-
dialogWidthSm: string;
|
|
137
|
-
dialogWidthMd: string;
|
|
138
|
-
dialogWidthLg: string;
|
|
139
|
-
dialogMaxHeight: string;
|
|
140
|
-
drawerSizeSm: string;
|
|
141
|
-
drawerSizeMd: string;
|
|
142
|
-
drawerSizeLg: string;
|
|
143
|
-
drawerOffsetTop: string;
|
|
144
|
-
drawerBodyPadding: string;
|
|
145
|
-
dialogTitleFontSize: string;
|
|
146
|
-
dialogHeaderGap: string;
|
|
147
|
-
dialogActionsGap: string;
|
|
148
|
-
popoverWidth: string;
|
|
149
|
-
floatingArrowSize: string;
|
|
150
|
-
overlayBackdrop: string;
|
|
151
|
-
alertPrimarySoft: string;
|
|
152
|
-
alertPrimaryBorderSoft: string;
|
|
153
|
-
alertContentGap: string;
|
|
154
|
-
alertTitleFontSize: string;
|
|
155
|
-
cardTitleFontSize: string;
|
|
156
|
-
panelTitleFontSize: string;
|
|
157
|
-
textLineHeight: string;
|
|
158
|
-
headingLineHeight: string;
|
|
159
|
-
tabsLineHeight: string;
|
|
160
|
-
motionDurationFast: string;
|
|
161
|
-
motionDurationNormal: string;
|
|
162
|
-
motionEaseStandard: string;
|
|
163
|
-
zOverlay: string;
|
|
164
|
-
zDrawer: string;
|
|
165
|
-
zDropdown: string;
|
|
166
|
-
zPopover: string;
|
|
167
|
-
zTooltip: string;
|
|
168
|
-
spacing: string;
|
|
169
|
-
shadow: string;
|
|
170
|
-
}
|
|
171
|
-
export interface VfThemePreset {
|
|
172
|
-
name?: string;
|
|
173
|
-
tokens: VfThemeTokens;
|
|
174
|
-
dark?: Partial<VfThemeTokens>;
|
|
175
|
-
}
|
|
176
|
-
export interface VfResolvedThemePreset {
|
|
177
|
-
name?: string;
|
|
178
|
-
light: VfThemeTokens;
|
|
179
|
-
dark: VfThemeTokens;
|
|
180
|
-
}
|
|
181
|
-
export interface VfThemePresetOptions {
|
|
182
|
-
prefix?: string;
|
|
183
|
-
rootSelector?: string;
|
|
184
|
-
darkModeSelector?: string;
|
|
185
|
-
attribute?: string;
|
|
186
|
-
storageKey?: string;
|
|
187
|
-
styleId?: string;
|
|
188
|
-
}
|
|
189
|
-
export interface VfResolvedThemePresetOptions {
|
|
190
|
-
prefix: string;
|
|
191
|
-
rootSelector: string;
|
|
192
|
-
darkModeSelector: string;
|
|
193
|
-
attribute: string;
|
|
194
|
-
storageKey: string;
|
|
195
|
-
styleId: string;
|
|
196
|
-
}
|
|
197
|
-
export interface VfThemeConfig {
|
|
198
|
-
preset?: VfThemePreset;
|
|
199
|
-
extend?: Partial<VfThemeTokens>;
|
|
200
|
-
light?: Partial<VfThemeTokens>;
|
|
201
|
-
dark?: Partial<VfThemeTokens>;
|
|
202
|
-
options?: VfThemePresetOptions;
|
|
203
|
-
}
|
|
204
|
-
export interface VfResolvedThemeConfig {
|
|
205
|
-
preset: VfResolvedThemePreset;
|
|
206
|
-
options: VfResolvedThemePresetOptions;
|
|
207
|
-
}
|
|
2
|
+
import { VfResolvedTheme, VfThemeConfig, VfThemeMode } from '@codemonster-ru/vueforge-theme';
|
|
3
|
+
export type { VfResolvedTheme, VfResolvedThemeConfig, VfResolvedThemePreset, VfResolvedThemePresetOptions, VfThemeConfig, VfThemeMode, VfThemePreset, VfThemePresetOptions, VfThemeTokens, } from '@codemonster-ru/vueforge-theme';
|
|
208
4
|
export interface VfVueForgeOptions {
|
|
209
5
|
theme?: VfThemeConfig;
|
|
210
6
|
}
|
|
@@ -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,
|
|
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,EACf,aAAa,EACb,WAAW,EACZ,MAAM,gCAAgC,CAAC;AAExC,YAAY,EACV,eAAe,EACf,qBAAqB,EACrB,qBAAqB,EACrB,4BAA4B,EAC5B,aAAa,EACb,WAAW,EACX,aAAa,EACb,oBAAoB,EACpB,aAAa,GACd,MAAM,gCAAgC,CAAC;AAExC,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACvB,aAAa,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,oBAAoB;IACnC,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,cAAc,CAAC,CAAC"}
|
|
@@ -37,16 +37,14 @@ function b() {
|
|
|
37
37
|
xl: l("xl"),
|
|
38
38
|
"2xl": l("2xl")
|
|
39
39
|
};
|
|
40
|
-
return v(
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
})
|
|
49
|
-
);
|
|
40
|
+
return v(() => ({
|
|
41
|
+
xs: e.xs.value,
|
|
42
|
+
sm: e.sm.value,
|
|
43
|
+
md: e.md.value,
|
|
44
|
+
lg: e.lg.value,
|
|
45
|
+
xl: e.xl.value,
|
|
46
|
+
"2xl": e["2xl"].value
|
|
47
|
+
}));
|
|
50
48
|
}
|
|
51
49
|
const k = Object.keys(m);
|
|
52
50
|
function E(e) {
|
package/dist/utils/theme.d.ts
CHANGED
|
@@ -1,6 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const DEFAULT_STORAGE_KEY = "vf-theme";
|
|
3
|
-
export declare const DEFAULT_ATTRIBUTE = "data-vf-theme";
|
|
4
|
-
export declare function isThemeMode(value: unknown): value is VfThemeMode;
|
|
5
|
-
export declare function resolveTheme(mode: VfThemeMode, systemTheme: VfResolvedTheme): VfResolvedTheme;
|
|
1
|
+
export { DEFAULT_ATTRIBUTE, DEFAULT_STORAGE_KEY, isThemeMode, resolveTheme, } from '@codemonster-ru/vueforge-theme';
|
|
6
2
|
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,WAAW,EACX,YAAY,GACb,MAAM,gCAAgC,CAAC"}
|