@gradient-ui/core 0.5.0-rc.0 → 0.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 +4 -4
- package/dist/{GLoading.vue_vue_type_style_index_0_lang-CBB_GocW.js → GLoading.vue_vue_type_style_index_0_lang-BbVYszn2.js} +90 -88
- package/dist/GLoading.vue_vue_type_style_index_0_lang-DW5X0giH.cjs +1 -0
- package/dist/GSwitch.vue_vue_type_script_setup_true_lang-BPwF9Kug.js +8734 -0
- package/dist/GSwitch.vue_vue_type_script_setup_true_lang-C45EmRhx.cjs +1 -0
- package/dist/{camelToKebabCase-6qY6WHvl.js → camelToKebabCase-BWbQb81D.js} +4 -4
- package/dist/components.cjs +1 -1
- package/dist/components.mjs +73 -65
- package/dist/default--73FwpwZ.cjs +4 -0
- package/dist/default-DlsS6GI_.js +58 -0
- package/dist/directives.cjs +1 -1
- package/dist/directives.mjs +1 -1
- package/dist/index-DVHKm06w.cjs +1 -0
- package/dist/index-DeFv4BdJ.js +418 -0
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +197 -173
- package/dist/{mask-CZX-I_iy.js → mask-669nMf98.js} +2 -2
- package/dist/{mask-BbofdFd4.cjs → mask-Bh_UkcCe.cjs} +1 -1
- package/dist/materialSurface-BbFTyJuA.js +634 -0
- package/dist/materialSurface-DOfA2E9c.cjs +1 -0
- package/dist/scheme-CZ0a0X5e.cjs +299 -0
- package/dist/scheme-Dqwdqg6N.js +1405 -0
- package/dist/services.cjs +1 -1
- package/dist/services.mjs +1 -1
- package/dist/style.css +1 -1
- package/dist/{surface-BKu4KfkY.js → surface-C3w1Rz6V.js} +50 -47
- package/dist/surface-DB9flb-h.cjs +1 -0
- package/dist/theme.cjs +1 -1
- package/dist/theme.mjs +52 -48
- package/dist/types/components/index.d.ts +10 -0
- package/dist/types/components/ui/GAlert/GAlert.vue.d.ts +3 -3
- package/dist/types/components/ui/GAvatar/GAvatar.vue.d.ts +873 -0
- package/dist/types/components/ui/GAvatar/GAvatarGroup.vue.d.ts +194 -0
- package/dist/types/components/ui/GAvatar/index.d.ts +3 -0
- package/dist/types/components/ui/GAvatar/types.d.ts +585 -0
- package/dist/types/components/ui/GBadge/GBadge.vue.d.ts +5 -5
- package/dist/types/components/ui/GButton/GButton.vue.d.ts +3 -3
- package/dist/types/components/ui/GCard/GCard.vue.d.ts +949 -0
- package/dist/types/components/ui/GCard/index.d.ts +2 -0
- package/dist/types/components/ui/GCard/types.d.ts +519 -0
- package/dist/types/components/ui/GCheckControl/GCheckGroup.vue.d.ts +1 -1
- package/dist/types/components/ui/GChip/GChip.vue.d.ts +8 -4
- package/dist/types/components/ui/GChip/types.d.ts +1 -0
- package/dist/types/components/ui/GCombobox/GCombobox.vue.d.ts +37 -0
- package/dist/types/components/ui/GCombobox/index.d.ts +2 -0
- package/dist/types/components/ui/GCombobox/types.d.ts +59 -0
- package/dist/types/components/ui/GDivider/GDivider.vue.d.ts +965 -0
- package/dist/types/components/ui/GDivider/index.d.ts +2 -0
- package/dist/types/components/ui/GDivider/types.d.ts +518 -0
- package/dist/types/components/ui/GExpansion/GExpansion.vue.d.ts +9 -9
- package/dist/types/components/ui/GExpansionGroup/types.d.ts +4 -1
- package/dist/types/components/ui/GFAB/GFAB.vue.d.ts +4 -4
- package/dist/types/components/ui/GFieldBase/GFieldBase.vue.d.ts +75 -0
- package/dist/types/components/ui/GFieldBase/props.d.ts +73 -4
- package/dist/types/components/ui/GGradientMaterial/GGradientMaterial.vue.d.ts +3 -3
- package/dist/types/components/ui/GInput/GInput.vue.d.ts +75 -0
- package/dist/types/components/ui/GMenu/GMenu.vue.d.ts +1 -1
- package/dist/types/components/ui/GMenu/GSubmenu.vue.d.ts +6 -6
- package/dist/types/components/ui/GMenuItem/GMenuItem.vue.d.ts +1 -1
- package/dist/types/components/ui/GNavbar/GNavbar.vue.d.ts +3 -3
- package/dist/types/components/ui/GQuickActions/GQuickActions.vue.d.ts +1 -1
- package/dist/types/components/ui/GSelect/types.d.ts +6 -0
- package/dist/types/components/ui/GSelectItem.vue.d.ts +1 -1
- package/dist/types/components/ui/GSnackbar/GSnackbar.vue.d.ts +4 -4
- package/dist/types/components/ui/GStepper/GStepItem.vue.d.ts +16 -0
- package/dist/types/components/ui/GStepper/GStepPanel.vue.d.ts +76 -0
- package/dist/types/components/ui/GStepper/GStepper.vue.d.ts +63 -0
- package/dist/types/components/ui/GStepper/GStepperActions.vue.d.ts +22 -0
- package/dist/types/components/ui/GStepper/context.d.ts +42 -0
- package/dist/types/components/ui/GStepper/index.d.ts +4 -0
- package/dist/types/components/ui/GStepper/types.d.ts +708 -0
- package/dist/types/components/ui/GTable/GTable.vue.d.ts +13 -13
- package/dist/types/components/ui/GTable/types.d.ts +59 -55
- package/dist/types/components/ui/GTextarea/GTextarea.vue.d.ts +75 -0
- package/dist/types/components/ui/GToggleButton/GToggleButton.vue.d.ts +4 -4
- package/dist/types/theme/default.d.ts +2 -1
- package/dist/types/theme/gradient.d.ts +1 -1
- package/dist/types/theme/index.d.ts +6 -6
- package/dist/types/use/actionSurface.d.ts +5 -1650
- package/dist/types/use/density.d.ts +16 -0
- package/dist/types/use/form/fieldKeyboard.d.ts +19 -0
- package/dist/types/use/form/props.d.ts +54 -2
- package/dist/types/use/form/textFieldControl.d.ts +9 -1
- package/dist/types/use/gradient.d.ts +4 -1653
- package/dist/types/use/gradientMaterial.d.ts +1 -1
- package/dist/types/use/index.d.ts +9 -0
- package/dist/types/use/input/props.d.ts +43 -4
- package/dist/types/use/material.d.ts +3 -2
- package/dist/types/use/materialSurface.d.ts +10 -4
- package/dist/types/use/navigation/controller.d.ts +14 -0
- package/dist/types/use/navigation/index.d.ts +4 -0
- package/dist/types/use/navigation/item.d.ts +9 -0
- package/dist/types/use/navigation/keyboard.d.ts +4 -0
- package/dist/types/use/navigation/types.d.ts +42 -0
- package/dist/types/use/select/comboboxController.d.ts +36 -0
- package/dist/types/use/select/commit.d.ts +23 -0
- package/dist/types/use/select/controller.d.ts +5 -0
- package/dist/types/use/select/creatable.d.ts +18 -0
- package/dist/types/use/select/fieldControl.d.ts +59 -0
- package/dist/types/use/select/filter.d.ts +14 -0
- package/dist/types/use/select/listboxKeyboard.d.ts +9 -0
- package/dist/types/use/select/modelFallbackItems.d.ts +12 -0
- package/dist/types/use/select/search.d.ts +14 -0
- package/dist/types/use/select/searchFieldControl.d.ts +24 -0
- package/dist/types/use/select/selectionSummary.d.ts +1 -0
- package/dist/types/use/select/tokenInputKeyboard.d.ts +11 -0
- package/dist/types/use/stateIcon.d.ts +9 -0
- package/dist/types/use/stepper/controller.d.ts +20 -0
- package/dist/types/use/stepper/index.d.ts +1 -0
- package/dist/types/use/surfaceColor.d.ts +2 -1
- package/dist/types/use/surfaceMaterial.d.ts +45 -0
- package/dist/types/use/textarea/props.d.ts +43 -4
- package/dist/use.cjs +1 -1
- package/dist/use.mjs +54 -42
- package/dist/useSnackbar-6OiYxhJA.cjs +1 -0
- package/dist/useSnackbar-BYPu4tJ4.js +922 -0
- package/package.json +4 -2
- package/dist/GLoading.vue_vue_type_style_index_0_lang-Bv3dWEq8.cjs +0 -1
- package/dist/GSwitch.vue_vue_type_script_setup_true_lang-BS6bb1XY.cjs +0 -1
- package/dist/GSwitch.vue_vue_type_script_setup_true_lang-UTBNFP5X.js +0 -7015
- package/dist/default-BhuY-A3o.cjs +0 -4
- package/dist/default-OTmCd0Aq.js +0 -131
- package/dist/index-B3_n44N_.cjs +0 -1
- package/dist/index-BtCLucTD.js +0 -66
- package/dist/material-Ca7ZZAiO.cjs +0 -194
- package/dist/material-okvXHenb.js +0 -1162
- package/dist/materialSurface-BBrP9ltj.js +0 -591
- package/dist/materialSurface-CK8LN_dU.cjs +0 -1
- package/dist/surface-8z3gR7vF.cjs +0 -1
- package/dist/types/theme/gradient/animation/css.d.ts +0 -12
- package/dist/types/theme/gradient/animation/index.d.ts +0 -1
- package/dist/types/theme/gradient/colorMath.d.ts +0 -3
- package/dist/types/theme/gradient/constants.d.ts +0 -3
- package/dist/types/theme/gradient/core.d.ts +0 -1
- package/dist/types/theme/gradient/effects/index.d.ts +0 -1
- package/dist/types/theme/gradient/effects/morph.d.ts +0 -5
- package/dist/types/theme/gradient/effects/shadow.d.ts +0 -3
- package/dist/types/theme/gradient/formatters/canvas.d.ts +0 -2
- package/dist/types/theme/gradient/formatters/css.d.ts +0 -3
- package/dist/types/theme/gradient/formatters/index.d.ts +0 -1
- package/dist/types/theme/gradient/formatters/svg.d.ts +0 -5
- package/dist/types/theme/gradient/index.d.ts +0 -1
- package/dist/types/theme/gradient/material.d.ts +0 -1
- package/dist/types/theme/gradient/model.d.ts +0 -5
- package/dist/types/theme/gradient/presets.d.ts +0 -158
- package/dist/types/theme/gradient/recipes.d.ts +0 -14
- package/dist/types/theme/gradient/tokens.d.ts +0 -72
- package/dist/types/theme/gradient/types.d.ts +0 -117
- package/dist/types/theme/gradient/utils.d.ts +0 -10
- package/dist/useSnackbar-BHQshEZ8.cjs +0 -1
- package/dist/useSnackbar-DeNHZH8v.js +0 -908
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { computed as t, toValue as
|
|
2
|
-
import { p as
|
|
1
|
+
import { computed as t, toValue as a } from "vue";
|
|
2
|
+
import { p as d, g as k, h as _, f as $, C as O } from "./camelToKebabCase-BWbQb81D.js";
|
|
3
3
|
import { createGradientFromColor as b } from "@gradient-ui/gradient-engine";
|
|
4
4
|
function c(r, e) {
|
|
5
5
|
return (n) => {
|
|
6
|
-
const
|
|
6
|
+
const s = {};
|
|
7
7
|
for (const o in r) {
|
|
8
|
-
const
|
|
9
|
-
n && o in n && (
|
|
8
|
+
const u = typeof r[o] == "object" && r[o] !== null && !Array.isArray(r[o]) ? { ...r[o] } : { type: r[o] };
|
|
9
|
+
n && o in n && (u.default = n[o]), e && !u.source && (u.source = e), s[o] = u;
|
|
10
10
|
}
|
|
11
|
-
return
|
|
11
|
+
return s;
|
|
12
12
|
};
|
|
13
13
|
}
|
|
14
14
|
const p = c({
|
|
@@ -32,20 +32,20 @@ const T = [
|
|
|
32
32
|
"surface",
|
|
33
33
|
"on-surface"
|
|
34
34
|
], A = (r) => {
|
|
35
|
-
const e =
|
|
36
|
-
return e ? e.color : r ?
|
|
35
|
+
const e = v(r);
|
|
36
|
+
return e ? e.color : r ? d(r) || m(r) ? r : y(r) ? `rgb(var(--g-color-${r}))` : r : f.primary.color;
|
|
37
37
|
}, P = (r) => {
|
|
38
|
-
const e =
|
|
39
|
-
return e ? e.onColor : r ?
|
|
38
|
+
const e = v(r);
|
|
39
|
+
return e ? e.onColor : r ? d(r) ? k(r) : y(r) ? `rgb(var(--g-color-on-${r}))` : f.primary.onColor : f.primary.onColor;
|
|
40
40
|
}, w = (r) => {
|
|
41
|
-
if (!r) return
|
|
42
|
-
const e =
|
|
43
|
-
return e ? e.gradient :
|
|
44
|
-
}, R = (r) => t(() => w(
|
|
41
|
+
if (!r) return f.primary.gradient;
|
|
42
|
+
const e = v(r);
|
|
43
|
+
return e ? e.gradient : d(r) ? b(r) : r.includes("gradient(") || r.startsWith("var(") ? r : `var(--g-gradient-${r}, var(--g-gradient-main))`;
|
|
44
|
+
}, R = (r) => t(() => w(a(r))), C = (r, e) => ({
|
|
45
45
|
color: `rgb(var(--g-color-${r}-${e}))`,
|
|
46
46
|
onColor: `rgb(var(--g-color-on-${r}-${e}))`,
|
|
47
47
|
gradient: `var(--g-gradient-${r}-${e})`
|
|
48
|
-
}),
|
|
48
|
+
}), f = {
|
|
49
49
|
primary: {
|
|
50
50
|
color: "var(--g-token-color-primary)",
|
|
51
51
|
onColor: "var(--g-token-color-on-primary)",
|
|
@@ -81,7 +81,7 @@ const T = [
|
|
|
81
81
|
onColor: "var(--g-token-color-surface)",
|
|
82
82
|
gradient: "var(--g-gradient-source-500)"
|
|
83
83
|
}
|
|
84
|
-
},
|
|
84
|
+
}, S = /* @__PURE__ */ new Set([
|
|
85
85
|
"source",
|
|
86
86
|
...Object.keys(_).map($)
|
|
87
87
|
]), L = new Set(O), M = new Set(T), B = /* @__PURE__ */ new Set([
|
|
@@ -94,14 +94,14 @@ const T = [
|
|
|
94
94
|
"unset",
|
|
95
95
|
"black",
|
|
96
96
|
"white"
|
|
97
|
-
]), D = /^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/, V = (r) => M.has(r),
|
|
98
|
-
if (
|
|
99
|
-
return
|
|
97
|
+
]), D = /^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/, V = (r) => M.has(r), m = (r) => B.has(r), y = (r) => D.test(r) && !m(r), G = (r) => {
|
|
98
|
+
if (S.has(r))
|
|
99
|
+
return C(r, 500);
|
|
100
100
|
const e = r.match(/^(.+)-(\d+)$/);
|
|
101
|
-
if (!e || !
|
|
101
|
+
if (!e || !S.has(e[1])) return null;
|
|
102
102
|
const n = Number(e[2]);
|
|
103
|
-
return L.has(n) ?
|
|
104
|
-
},
|
|
103
|
+
return L.has(n) ? C(e[1], n) : null;
|
|
104
|
+
}, v = (r) => r ? V(r) ? f[r] : G(r) : f.primary, I = c({
|
|
105
105
|
color: {
|
|
106
106
|
type: String,
|
|
107
107
|
default: "primary"
|
|
@@ -110,7 +110,7 @@ const T = [
|
|
|
110
110
|
function j(r) {
|
|
111
111
|
return {
|
|
112
112
|
colorStyles: t(() => {
|
|
113
|
-
const n =
|
|
113
|
+
const n = a(r.color);
|
|
114
114
|
return {
|
|
115
115
|
"--g-color": A(n),
|
|
116
116
|
"--g-on-color": P(n),
|
|
@@ -122,31 +122,34 @@ function j(r) {
|
|
|
122
122
|
}
|
|
123
123
|
function K(r) {
|
|
124
124
|
const e = t(() => {
|
|
125
|
-
const
|
|
126
|
-
return
|
|
125
|
+
const i = a(r.activeState);
|
|
126
|
+
return a(r.active) && i !== void 0 ? i : a(r.state);
|
|
127
127
|
}), n = t(() => {
|
|
128
|
-
const
|
|
129
|
-
if (
|
|
130
|
-
return
|
|
131
|
-
const
|
|
132
|
-
return
|
|
133
|
-
}), { colorStyles:
|
|
128
|
+
const i = e.value;
|
|
129
|
+
if (i)
|
|
130
|
+
return i;
|
|
131
|
+
const g = a(r.activeColor);
|
|
132
|
+
return a(r.active) && g !== void 0 ? g : a(r.color);
|
|
133
|
+
}), { colorStyles: s } = j({ color: n }), o = R(n), l = t(
|
|
134
134
|
() => ({
|
|
135
|
-
...u.value,
|
|
136
135
|
"--g-gradient-current": o.value
|
|
137
136
|
})
|
|
138
|
-
)
|
|
137
|
+
), u = t(() => [
|
|
138
|
+
s.value,
|
|
139
|
+
l.value
|
|
140
|
+
]);
|
|
139
141
|
return {
|
|
140
142
|
resolvedColor: n,
|
|
141
143
|
resolvedState: e,
|
|
142
144
|
resolvedGradient: o,
|
|
143
|
-
colorStyles:
|
|
144
|
-
surfaceColorStyles:
|
|
145
|
-
|
|
145
|
+
colorStyles: s,
|
|
146
|
+
surfaceColorStyles: s,
|
|
147
|
+
gradientCurrentStyles: l,
|
|
148
|
+
gradientStyles: u
|
|
146
149
|
};
|
|
147
150
|
}
|
|
148
151
|
const nr = (r) => t(() => {
|
|
149
|
-
const e =
|
|
152
|
+
const e = a(r);
|
|
150
153
|
return e === "" || e === null || e === void 0 ? "" : typeof e == "number" ? `${e}px` : /^\d+(\.\d+)?$/.test(e) ? `${e}px` : e;
|
|
151
154
|
}), N = c({
|
|
152
155
|
variant: {
|
|
@@ -166,10 +169,10 @@ function U(r, e) {
|
|
|
166
169
|
const H = c({
|
|
167
170
|
backdropBlur: {
|
|
168
171
|
type: [Number, String],
|
|
169
|
-
default:
|
|
172
|
+
default: 2
|
|
170
173
|
}
|
|
171
174
|
}), W = (r) => r === void 0 ? "6px" : typeof r == "number" ? `${r}px` : /^\d+(\.\d+)?$/.test(r) ? `${r}px` : r, or = (r) => {
|
|
172
|
-
const e = t(() => W(
|
|
175
|
+
const e = t(() => W(a(r.backdropBlur))), n = t(() => ({
|
|
173
176
|
"--g-glass-backdrop-blur": e.value
|
|
174
177
|
}));
|
|
175
178
|
return {
|
|
@@ -191,25 +194,25 @@ const H = c({
|
|
|
191
194
|
...q()
|
|
192
195
|
});
|
|
193
196
|
function sr(r, e) {
|
|
194
|
-
const n = z(r, e),
|
|
197
|
+
const n = z(r, e), s = x(r, e), o = h(r, e), l = U(r, e), u = t(
|
|
195
198
|
() => r.texture && r.texture !== "none" ? `${e}_texture-${r.texture}` : ""
|
|
196
|
-
), { colorStyles:
|
|
199
|
+
), { colorStyles: i } = K(r), g = t(
|
|
197
200
|
() => [
|
|
198
201
|
n.value,
|
|
199
|
-
|
|
202
|
+
s.value,
|
|
200
203
|
o.value,
|
|
201
204
|
l.value,
|
|
202
|
-
|
|
205
|
+
u.value
|
|
203
206
|
].filter(Boolean)
|
|
204
207
|
);
|
|
205
208
|
return {
|
|
206
209
|
variantClass: n,
|
|
207
|
-
disabledClass:
|
|
210
|
+
disabledClass: s,
|
|
208
211
|
roundedClass: o,
|
|
209
212
|
stateClass: l,
|
|
210
|
-
textureClass:
|
|
211
|
-
surfaceStyles:
|
|
212
|
-
surfaceClasses:
|
|
213
|
+
textureClass: u,
|
|
214
|
+
surfaceStyles: i,
|
|
215
|
+
surfaceClasses: g
|
|
213
216
|
};
|
|
214
217
|
}
|
|
215
218
|
function Y(r) {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const t=require("vue"),l=require("./camelToKebabCase-BQDotaQm.cjs"),D=require("@gradient-ui/gradient-engine");function u(e,r){return o=>{const a={};for(const n in e){const s=typeof e[n]=="object"&&e[n]!==null&&!Array.isArray(e[n])?{...e[n]}:{type:e[n]};o&&n in o&&(s.default=o[n]),r&&!s.source&&(s.source=r),a[n]=s}return a}}const C=u({disabled:Boolean});function S(e,r){return t.computed(()=>e.disabled?`${r}_disabled`:"")}const y=u({rounded:Boolean});function p(e,r){return t.computed(()=>e.rounded?`${r}_rounded`:"")}const k=["primary","main","error","warning","success","surface","on-surface"],_=e=>{const r=g(e);return r?r.color:e?l.parseColor(e)||P(e)?e:V(e)?`rgb(var(--g-color-${e}))`:e:d.primary.color},$=e=>{const r=g(e);return r?r.onColor:e?l.parseColor(e)?l.getContrastingColor(e):V(e)?`rgb(var(--g-color-on-${e}))`:d.primary.onColor:d.primary.onColor},O=e=>{if(!e)return d.primary.gradient;const r=g(e);return r?r.gradient:l.parseColor(e)?D.createGradientFromColor(e):e.includes("gradient(")||e.startsWith("var(")?e:`var(--g-gradient-${e}, var(--g-gradient-main))`},b=e=>t.computed(()=>O(t.toValue(e))),v=(e,r)=>({color:`rgb(var(--g-color-${e}-${r}))`,onColor:`rgb(var(--g-color-on-${e}-${r}))`,gradient:`var(--g-gradient-${e}-${r})`}),d={primary:{color:"var(--g-token-color-primary)",onColor:"var(--g-token-color-on-primary)",gradient:"var(--g-gradient-main)"},main:{color:"var(--g-token-color-primary)",onColor:"var(--g-token-color-on-primary)",gradient:"var(--g-gradient-main)"},error:{color:"var(--g-token-color-error)",onColor:"var(--g-token-color-on-error)",gradient:"var(--g-gradient-error)"},warning:{color:"var(--g-token-color-warning)",onColor:"var(--g-token-color-on-warning)",gradient:"var(--g-gradient-warning)"},success:{color:"var(--g-token-color-success)",onColor:"var(--g-token-color-on-success)",gradient:"var(--g-gradient-success)"},surface:{color:"var(--g-token-color-surface)",onColor:"var(--g-token-color-on-surface)",gradient:"var(--g-gradient-source-500)"},"on-surface":{color:"var(--g-token-color-on-surface)",onColor:"var(--g-token-color-surface)",gradient:"var(--g-gradient-source-500)"}},m=new Set(["source",...Object.keys(l.COLOR_SEEDS).map(l.camelToKebabCase)]),G=new Set(l.COLOR_SHADES),B=new Set(k),I=new Set(["transparent","currentColor","currentcolor","inherit","initial","revert","unset","black","white"]),K=/^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/,N=e=>B.has(e),P=e=>I.has(e),V=e=>K.test(e)&&!P(e),j=e=>{if(m.has(e))return v(e,500);const r=e.match(/^(.+)-(\d+)$/);if(!r||!m.has(r[1]))return null;const o=Number(r[2]);return G.has(o)?v(r[1],o):null},g=e=>e?N(e)?d[e]:j(e):d.primary,x=u({color:{type:String,default:"primary"}});function E(e){return{colorStyles:t.computed(()=>{const o=t.toValue(e.color);return{"--g-color":_(o),"--g-on-color":$(o),"--g-surface-color":"var(--g-token-color-surface)","--g-on-surface-color":"var(--g-token-color-on-surface)"}})}}function T(e){const r=t.computed(()=>{const c=t.toValue(e.activeState);return t.toValue(e.active)&&c!==void 0?c:t.toValue(e.state)}),o=t.computed(()=>{const c=r.value;if(c)return c;const f=t.toValue(e.activeColor);return t.toValue(e.active)&&f!==void 0?f:t.toValue(e.color)}),{colorStyles:a}=E({color:o}),n=b(o),i=t.computed(()=>({"--g-gradient-current":n.value})),s=t.computed(()=>[a.value,i.value]);return{resolvedColor:o,resolvedState:r,resolvedGradient:n,colorStyles:a,surfaceColorStyles:a,gradientCurrentStyles:i,gradientStyles:s}}const F=e=>t.computed(()=>{const r=t.toValue(e);return r===""||r===null||r===void 0?"":typeof r=="number"?`${r}px`:/^\d+(\.\d+)?$/.test(r)?`${r}px`:r}),R=u({variant:{type:String,default:"default"}});function A(e,r){return t.computed(()=>`${r}_${e.variant}`)}const h=u({state:String});function L(e,r){return t.computed(()=>e.state?`${r}_${e.state}`:"")}const M=u({backdropBlur:{type:[Number,String],default:2}}),q=e=>e===void 0?"6px":typeof e=="number"?`${e}px`:/^\d+(\.\d+)?$/.test(e)?`${e}px`:e,z=e=>{const r=t.computed(()=>q(t.toValue(e.backdropBlur))),o=t.computed(()=>({"--g-glass-backdrop-blur":r.value}));return{backdropBlur:r,glassStyles:o}},w=u({texture:{type:String,default:"none"}}),U=u({...R(),...x(),...C(),...y(),...h(),...M(),...w()});function H(e,r){const o=A(e,r),a=S(e,r),n=p(e,r),i=L(e,r),s=t.computed(()=>e.texture&&e.texture!=="none"?`${r}_texture-${e.texture}`:""),{colorStyles:c}=T(e),f=t.computed(()=>[o.value,a.value,n.value,i.value,s.value].filter(Boolean));return{variantClass:o,disabledClass:a,roundedClass:n,stateClass:i,textureClass:s,surfaceStyles:c,surfaceClasses:f}}function W(e){return{surfaceUnderlayClasses:t.computed(()=>[`${e}__surface-underlay`])}}function Y(e){return{surfaceOverlayClasses:t.computed(()=>[`${e}__surface-overlay`])}}function J(e){return{surfaceTextureClasses:t.computed(()=>[`${e}__surface-texture`])}}function Q(e){const r=t.computed(()=>[`${e}__surface-material-morph`]);return{surfaceMaterialMorphBlobClasses:t.computed(()=>[`${e}__surface-material-morph-blob`]),surfaceMaterialMorphClasses:r}}function X(e){return{surfaceContentClasses:t.computed(()=>[`${e}__surface-content`])}}function Z(e){return{...Q(e),...W(e),...Y(e),...J(e),...X(e)}}exports.SEMANTIC_COLORS=k;exports.makeColorProps=x;exports.makeDisabledProps=C;exports.makeGlassProps=M;exports.makeRoundedProps=y;exports.makeStateProps=h;exports.makeSurfaceProps=U;exports.makeSurfaceTextureProps=w;exports.makeVariantProps=R;exports.propsFactory=u;exports.resolveColorValue=_;exports.resolveGradientValue=O;exports.resolveOnColorValue=$;exports.useColor=E;exports.useDisabled=S;exports.useGlass=z;exports.usePx=F;exports.useResolveGradientValue=b;exports.useRounded=p;exports.useState=L;exports.useSurface=H;exports.useSurfaceColor=T;exports.useSurfaceLayers=Z;exports.useVariant=A;
|
package/dist/theme.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./camelToKebabCase-BQDotaQm.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./camelToKebabCase-BQDotaQm.cjs"),r=require("./scheme-CZ0a0X5e.cjs"),e=require("@gradient-ui/gradient-engine"),a=require("./default--73FwpwZ.cjs");exports.COLOR_SHADES=t.COLOR_SHADES;exports.ON_SHADE_TONES=t.ON_SHADE_TONES;exports.SHADE_TONES=t.SHADE_TONES;exports.colorToHex=t.colorToHex;exports.createOnPalette=t.createOnPalette;exports.createPalette=t.createPalette;exports.createPalettePair=t.createPalettePair;exports.getContrastingColor=t.getContrastingColor;exports.parseColor=t.parseColor;exports.rgbToChannels=t.rgbToChannels;exports.rgbToHex=t.rgbToHex;exports.createColorSystem=r.createColorSystem;exports.createSemanticTokens=r.createSemanticTokens;exports.gradientAnimation=r.index;exports.gradientCore=r.core;exports.gradientEffects=r.index$1;exports.gradientFormatters=r.index$2;exports.gradientMaterial=r.material;Object.defineProperty(exports,"DEFAULT_GRADIENT_MORPH_BLEND_MODE",{enumerable:!0,get:()=>e.DEFAULT_GRADIENT_MORPH_BLEND_MODE});Object.defineProperty(exports,"DEFAULT_SEED",{enumerable:!0,get:()=>e.DEFAULT_SEED});Object.defineProperty(exports,"GRADIENT_MORPH_BLEND_MODES",{enumerable:!0,get:()=>e.GRADIENT_MORPH_BLEND_MODES});Object.defineProperty(exports,"createGradient",{enumerable:!0,get:()=>e.createGradient});Object.defineProperty(exports,"createGradientFromColor",{enumerable:!0,get:()=>e.createGradientFromColor});Object.defineProperty(exports,"createGradientMaterial",{enumerable:!0,get:()=>e.createGradientMaterial});Object.defineProperty(exports,"createGradientModel",{enumerable:!0,get:()=>e.createGradientModel});Object.defineProperty(exports,"createGradientModelFromColor",{enumerable:!0,get:()=>e.createGradientModelFromColor});Object.defineProperty(exports,"createGradientMorphBlobs",{enumerable:!0,get:()=>e.createGradientMorphBlobs});Object.defineProperty(exports,"createGradientPreset",{enumerable:!0,get:()=>e.createGradientPreset});Object.defineProperty(exports,"createGradientTokens",{enumerable:!0,get:()=>e.createGradientTokens});Object.defineProperty(exports,"createLinearGradient",{enumerable:!0,get:()=>e.createLinearGradient});Object.defineProperty(exports,"defineGradientPreset",{enumerable:!0,get:()=>e.defineGradientPreset});Object.defineProperty(exports,"defineGradientPresetRegistry",{enumerable:!0,get:()=>e.defineGradientPresetRegistry});Object.defineProperty(exports,"getGradientPreset",{enumerable:!0,get:()=>e.getGradientPreset});Object.defineProperty(exports,"gradientPresets",{enumerable:!0,get:()=>e.gradientPresets});Object.defineProperty(exports,"isGradientMorphBlendMode",{enumerable:!0,get:()=>e.isGradientMorphBlendMode});Object.defineProperty(exports,"resolveGradientMorphBlendMode",{enumerable:!0,get:()=>e.resolveGradientMorphBlendMode});Object.defineProperty(exports,"toCanvasGradient",{enumerable:!0,get:()=>e.toCanvasGradient});Object.defineProperty(exports,"toCssGradient",{enumerable:!0,get:()=>e.toCssGradient});Object.defineProperty(exports,"toGradientAnimationCSS",{enumerable:!0,get:()=>e.toGradientAnimationCSS});Object.defineProperty(exports,"toGradientBoxShadow",{enumerable:!0,get:()=>e.toGradientBoxShadow});Object.defineProperty(exports,"toGradientDropShadow",{enumerable:!0,get:()=>e.toGradientDropShadow});Object.defineProperty(exports,"toGradientMorphCSS",{enumerable:!0,get:()=>e.toGradientMorphCSS});Object.defineProperty(exports,"toGradientMorphFilter",{enumerable:!0,get:()=>e.toGradientMorphFilter});Object.defineProperty(exports,"toGradientMorphFilterMarkup",{enumerable:!0,get:()=>e.toGradientMorphFilterMarkup});Object.defineProperty(exports,"toSvgGradient",{enumerable:!0,get:()=>e.toSvgGradient});Object.defineProperty(exports,"toSvgGradientMarkup",{enumerable:!0,get:()=>e.toSvgGradientMarkup});Object.defineProperty(exports,"toSvgPathAnimationMarkup",{enumerable:!0,get:()=>e.toSvgPathAnimationMarkup});Object.defineProperty(exports,"toSvgSourceAnimationMarkup",{enumerable:!0,get:()=>e.toSvgSourceAnimationMarkup});exports.createDefaultDarkTheme=a.createDefaultDarkTheme;exports.createDefaultLightTheme=a.createDefaultLightTheme;exports.createDefaultTheme=a.createDefaultTheme;exports.createTheme=a.createTheme;exports.installTheme=a.installTheme;exports.provideTheme=a.provideTheme;exports.useTheme=a.useTheme;
|
package/dist/theme.mjs
CHANGED
|
@@ -1,57 +1,61 @@
|
|
|
1
|
-
import { C as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import { C as r, O as t, S as o, c as i, a as n, b as s, d, g as G, p as c, r as l, e as S } from "./camelToKebabCase-BWbQb81D.js";
|
|
2
|
+
import { c as M, a as p, i as g, b as h, d as T, e as D, m as E } from "./scheme-Dqwdqg6N.js";
|
|
3
|
+
import { DEFAULT_GRADIENT_MORPH_BLEND_MODE as P, DEFAULT_SEED as _, GRADIENT_MORPH_BLEND_MODES as f, createGradient as A, createGradientFromColor as O, createGradientMaterial as u, createGradientModel as k, createGradientModelFromColor as v, createGradientMorphBlobs as x, createGradientPreset as F, createGradientTokens as H, createLinearGradient as L, defineGradientPreset as N, defineGradientPresetRegistry as b, getGradientPreset as B, gradientPresets as R, isGradientMorphBlendMode as w, resolveGradientMorphBlendMode as y, toCanvasGradient as I, toCssGradient as U, toGradientAnimationCSS as j, toGradientBoxShadow as q, toGradientDropShadow as z, toGradientMorphCSS as J, toGradientMorphFilter as K, toGradientMorphFilterMarkup as Q, toSvgGradient as V, toSvgGradientMarkup as W, toSvgPathAnimationMarkup as X, toSvgSourceAnimationMarkup as Y } from "@gradient-ui/gradient-engine";
|
|
4
|
+
import { c as $, a as ee, b as ae, d as re, i as te, p as oe, u as ie } from "./default-DlsS6GI_.js";
|
|
5
5
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
r as COLOR_SHADES,
|
|
7
|
+
P as DEFAULT_GRADIENT_MORPH_BLEND_MODE,
|
|
8
|
+
_ as DEFAULT_SEED,
|
|
9
|
+
f as GRADIENT_MORPH_BLEND_MODES,
|
|
10
|
+
t as ON_SHADE_TONES,
|
|
9
11
|
o as SHADE_TONES,
|
|
10
12
|
i as colorToHex,
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
13
|
+
M as createColorSystem,
|
|
14
|
+
$ as createDefaultDarkTheme,
|
|
15
|
+
ee as createDefaultLightTheme,
|
|
16
|
+
ae as createDefaultTheme,
|
|
17
|
+
A as createGradient,
|
|
18
|
+
O as createGradientFromColor,
|
|
19
|
+
u as createGradientMaterial,
|
|
20
|
+
k as createGradientModel,
|
|
21
|
+
v as createGradientModelFromColor,
|
|
22
|
+
x as createGradientMorphBlobs,
|
|
23
|
+
F as createGradientPreset,
|
|
24
|
+
H as createGradientTokens,
|
|
25
|
+
L as createLinearGradient,
|
|
24
26
|
n as createOnPalette,
|
|
25
27
|
s as createPalette,
|
|
26
28
|
d as createPalettePair,
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
29
|
+
p as createSemanticTokens,
|
|
30
|
+
re as createTheme,
|
|
31
|
+
N as defineGradientPreset,
|
|
32
|
+
b as defineGradientPresetRegistry,
|
|
33
|
+
G as getContrastingColor,
|
|
34
|
+
B as getGradientPreset,
|
|
33
35
|
g as gradientAnimation,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
36
|
+
h as gradientCore,
|
|
37
|
+
T as gradientEffects,
|
|
38
|
+
D as gradientFormatters,
|
|
39
|
+
E as gradientMaterial,
|
|
40
|
+
R as gradientPresets,
|
|
41
|
+
te as installTheme,
|
|
42
|
+
w as isGradientMorphBlendMode,
|
|
43
|
+
c as parseColor,
|
|
44
|
+
oe as provideTheme,
|
|
45
|
+
y as resolveGradientMorphBlendMode,
|
|
46
|
+
l as rgbToChannels,
|
|
47
|
+
S as rgbToHex,
|
|
44
48
|
I as toCanvasGradient,
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
49
|
+
U as toCssGradient,
|
|
50
|
+
j as toGradientAnimationCSS,
|
|
51
|
+
q as toGradientBoxShadow,
|
|
52
|
+
z as toGradientDropShadow,
|
|
53
|
+
J as toGradientMorphCSS,
|
|
54
|
+
K as toGradientMorphFilter,
|
|
55
|
+
Q as toGradientMorphFilterMarkup,
|
|
56
|
+
V as toSvgGradient,
|
|
57
|
+
W as toSvgGradientMarkup,
|
|
58
|
+
X as toSvgPathAnimationMarkup,
|
|
59
|
+
Y as toSvgSourceAnimationMarkup,
|
|
60
|
+
ie as useTheme
|
|
57
61
|
};
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
export { default as GText } from '@/components/ui/GText/GText.vue';
|
|
2
2
|
export { GTabs, GTabList, GTab, GTabPanels, GTabPanel } from '@/components/ui/GTabs';
|
|
3
|
+
export { GStepper, GStepPanel, GStepperActions } from '@/components/ui/GStepper';
|
|
3
4
|
export { GTransition, GTransitionGroup, GExpandTransition } from '@/components/transitions';
|
|
4
5
|
export { default as GGradient } from '@/components/ui/GGradient/GGradient.vue';
|
|
5
6
|
export { GGradientMaterial } from '@/components/ui/GGradientMaterial';
|
|
7
|
+
export { GAvatar, GAvatarGroup } from '@/components/ui/GAvatar';
|
|
6
8
|
export { default as GButton } from '@/components/ui/GButton/GButton.vue';
|
|
9
|
+
export { GCard } from '@/components/ui/GCard';
|
|
7
10
|
export { default as GChip } from '@/components/ui/GChip/GChip.vue';
|
|
11
|
+
export { GDivider } from '@/components/ui/GDivider';
|
|
8
12
|
export { default as GCheckbox } from '@/components/ui/GCheckbox/GCheckbox.vue';
|
|
9
13
|
export { default as GCheckboxGroup } from '@/components/ui/GCheckboxGroup/GCheckboxGroup.vue';
|
|
10
14
|
export { default as GSquircle } from '@/components/ui/GSquircle/GSquircle.vue';
|
|
@@ -34,7 +38,13 @@ export { default as GIcon } from '@/components/ui/GIcon/GIcon.vue';
|
|
|
34
38
|
export { default as GBadge } from '@/components/ui/GBadge/GBadge.vue';
|
|
35
39
|
export { default as GInput } from '@/components/ui/GInput/GInput.vue';
|
|
36
40
|
export { GTable } from '@/components/ui/GTable';
|
|
41
|
+
export { GCombobox } from '@/components/ui/GCombobox';
|
|
42
|
+
export type { GAvatarGroupItem, GAvatarGroupProps, GAvatarEmits, GAvatarProps, GAvatarShape, GAvatarVariant } from '@/components/ui/GAvatar';
|
|
43
|
+
export type { GCardDensity, GCardEmits, GCardLayout, GCardProps, GCardVariant } from '@/components/ui/GCard';
|
|
44
|
+
export type { GDividerAlign, GDividerEffect, GDividerOrientation, GDividerProps, GDividerResolvedProps, GDividerVariant } from '@/components/ui/GDivider';
|
|
37
45
|
export type { GTableAlign, GTableBodySlotClasses, GTableBodySlotContext, GTableCellAttrs, GTableCellContext, GTableCellSpan, GTableDensity, GTableEmits, GTableHeader, GTableItemKey, GTableKey, GTableProps, GTableRowAttrs, GTableRowContext, GTableSlots } from '@/components/ui/GTable';
|
|
46
|
+
export type { GComboboxFilter, GComboboxItemFromQuery, GComboboxProps, GComboboxSlots } from '@/components/ui/GCombobox';
|
|
47
|
+
export type { GStepPanelProps, GStepPanelSurfaceProps, GStepPanelSlotProps, GStepPanelSlots, GStepPanelVariant, GStepperActionsProps, GStepperActionsSlotProps, GStepperActionsSlots, GStepperDividerOptions, GStepperEmits, GStepperDividerVariant, GStepperIconMap, GStepperItem, GStepperItemSlotProps, GStepperOrientation, GStepperProps, GStepperResolvedItem, GStepperSemanticState, GStepperStepIconState, GStepperSlots, GStepperSlotProps, GStepperStepState, GStepperVariant } from '@/components/ui/GStepper';
|
|
38
48
|
export { applyMask, defaultMaskTokens, unmaskValue, useMask, type GMaskToken, type GMaskTokens, type GMaskValue } from '@/use/mask';
|
|
39
49
|
export { defaultBreakpoints, useBreakpoints } from '@/use/breakpoints';
|
|
40
50
|
export type { BreakpointMap, BreakpointName, BreakpointTarget } from '@/use/breakpoints';
|
|
@@ -740,18 +740,18 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
740
740
|
surfaceFill: import("../../../use/gradientSurface.js").GGradientSurfaceFill;
|
|
741
741
|
shadow: boolean;
|
|
742
742
|
dropShadow: boolean;
|
|
743
|
+
morph: boolean;
|
|
744
|
+
padding: import("../../../types/CommonTypes.js").StringeredNumber;
|
|
743
745
|
animateGlow: boolean;
|
|
744
746
|
glow: import("../../../use/gradient.js").GGlow;
|
|
745
747
|
borderWidth: import("../../../types/CommonTypes.js").StringeredNumber;
|
|
746
748
|
materialKind: import("../../../index.js").GradientMaterialKind;
|
|
747
749
|
gradientRecipe: import("@gradient-ui/gradient-engine").GradientTokenRecipe;
|
|
748
|
-
|
|
749
|
-
morph: boolean;
|
|
750
|
+
backdropBlur: import("../../../types/CommonTypes.js").StringeredNumber;
|
|
750
751
|
animationOptions: import("@gradient-ui/gradient-engine").GradientAnimationOptions;
|
|
751
752
|
shadowOptions: import("@gradient-ui/gradient-engine").GradientShadowOptions;
|
|
752
753
|
dropShadowOptions: import("@gradient-ui/gradient-engine").GradientShadowOptions;
|
|
753
754
|
morphOptions: import("@gradient-ui/gradient-engine").GradientMorphOptions;
|
|
754
|
-
backdropBlur: import("../../../types/CommonTypes.js").StringeredNumber;
|
|
755
755
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
756
756
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
757
757
|
export default _default;
|