@gospore/theme 1.0.94 → 1.0.95
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/theme.cjs.js +2 -0
- package/dist/theme.cjs.js.map +1 -0
- package/dist/theme.es.js +54 -271
- package/dist/theme.es.js.map +1 -0
- package/dist/theme.umd.js +2 -6
- package/dist/theme.umd.js.map +1 -0
- package/package.json +12 -7
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");require("what-input");const a={class:"theme"},l=e.defineComponent({name:"Theme"}),h=Object.assign(l,{setup($){const t=e.ref({darkMode:window.matchMedia("(prefers-color-scheme: dark)").matches});window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",c);var o=document.createElement("meta");o.name="color-scheme",o.setAttribute("content","light dark"),document.getElementsByTagName("head")[0].appendChild(o),e.watch(t.value,()=>{document.documentElement.setAttribute("dark-mode",t.value.darkMode)},{deep:!0,immediate:!0}),e.onBeforeUnmount(()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",c)});function c(s){s&&(t.value.darkMode=s.matches)}return e.provide("theme",t),(s,z)=>(e.openBlock(),e.createElementBlock("div",a,[e.renderSlot(s.$slots,"default")]))}}),m="hsl(225, 90%, 16%)",d="#061f80",n="hsl(225, 94%, 35%)",N="#06c",i="hsl(210, 100%, 50%)",u="hsl(210, 100%, 93%)",p="hsl(225, 100%, 96%)",B="hsl(12, 91%, 46%)",_="hsl(11, 100%, 59%)",f="hsl(40, 100%, 50%)",v="hsl(46, 100%, 50%)",k="hsl(120, 100%, 25%)",y="#36b37e",g="hsl(0, 0%, 0%)",M="hsl(218, 76%, 15%)",w="hsla(0,0%,10%,.9)",b="hsla(0,0%,10%,.6)",E="hsl(218, 20%, 39%)",T="hsl(218, 17%, 44%)",G="hsl(218, 14%, 49%)",R="hsl(218, 14%, 54%)",S="hsl(218, 13%, 59%)",Y="hsl(218, 13%, 64%)",j="hsl(217, 13%, 69%)",q="hsl(223, 12%, 89%)",A="hsl(228, 14%, 93%)",C="hsl(210, 7%, 95%)",L="hsl(220, 16%, 96%)",O="hsl(210, 25%, 98%)",x="hsl(0, 0%, 98%)",r="hsl(0, 0%, 100%)",D=n,P=n,U=r;exports.B100=p;exports.B200=u;exports.B300=i;exports.B400=N;exports.B500=n;exports.B600=d;exports.B900=m;exports.G300=y;exports.G500=k;exports.N0=r;exports.N10=O;exports.N100=R;exports.N1000=g;exports.N20=L;exports.N200=G;exports.N25=C;exports.N30=A;exports.N300=T;exports.N40=q;exports.N400=E;exports.N5=x;exports.N500=b;exports.N70=j;exports.N80=Y;exports.N800=w;exports.N90=S;exports.N900=M;exports.R300=_;exports.R400=B;exports.Theme=h;exports.Y200=v;exports.Y300=f;exports.primary1=D;exports.primary2=P;exports.primary3=U;
|
|
2
|
+
//# sourceMappingURL=theme.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.cjs.js","sources":["../src/Theme.vue","../src/colors.js"],"sourcesContent":["<!-- eslint-disable vue/multi-word-component-names -->\n<template>\n <div class=\"theme\">\n <slot />\n </div>\n</template>\n\n<script setup>\nimport { provide, ref, watch, onBeforeUnmount } from \"vue\";\nimport \"what-input\";\n\ndefineOptions({\n name: \"Theme\",\n});\nconst theme = ref({\n darkMode: window.matchMedia(\"(prefers-color-scheme: dark)\").matches,\n});\n\nwindow\n .matchMedia(\"(prefers-color-scheme: dark)\")\n .addEventListener(\"change\", updateDarkMode);\n// Set the color-scheme meta tag.\nvar colorSchemeMeta = document.createElement(\"meta\");\ncolorSchemeMeta.name = \"color-scheme\";\ncolorSchemeMeta.setAttribute(\"content\", \"light dark\");\ndocument.getElementsByTagName(\"head\")[0].appendChild(colorSchemeMeta);\n\nwatch(\n theme.value,\n () => {\n document.documentElement.setAttribute(\"dark-mode\", theme.value.darkMode);\n },\n { deep: true, immediate: true }\n);\n\nonBeforeUnmount(() => {\n window\n .matchMedia(\"(prefers-color-scheme: dark)\")\n .removeEventListener(\"change\", updateDarkMode);\n});\n\nfunction updateDarkMode(event) {\n if (!event) {\n return;\n }\n theme.value.darkMode = event.matches;\n}\n\nprovide(\"theme\", theme);\n</script>\n\n<style lang=\"less\">\n@import \"index.less\";\n</style>\n","// Blues\nexport const B900 = \"hsl(225, 90%, 16%)\";\n// @go-color-b700 = #000e7f;\nexport const B600 = \"#061f80\";\nexport const B500 = \"hsl(225, 94%, 35%)\";\n// @go-color-b550 = #131ff2;\n// @go-color-b500 = #001dff;\n// @go-color-b400 = #3333ff;\nexport const B400 = \"#06c\";\nexport const B300 = \"hsl(210, 100%, 50%)\";\nexport const B200 = \"hsl(210, 100%, 93%)\";\nexport const B100 = \"hsl(225, 100%, 96%)\";\n\n// Reds\nexport const R400 = \"hsl(12, 91%, 46%)\";\nexport const R300 = \"hsl(11, 100%, 59%)\";\n\n// Yellows\nexport const Y300 = \"hsl(40, 100%, 50%)\";\nexport const Y200 = \"hsl(46, 100%, 50%)\";\n\n// Greens\nexport const G500 = \"hsl(120, 100%, 25%)\";\nexport const G300 = \"#36b37e\";\n\n// Neutrals\nexport const N1000 = \"hsl(0, 0%, 0%)\";\nexport const N900 = \"hsl(218, 76%, 15%)\";\n// @go-color-n900 = hsl(218, 54%, 20%);\nexport const N800 = \"hsla(0,0%,10%,.9)\";\nexport const N500 = \"hsla(0,0%,10%,.6)\";\nexport const N400 = \"hsl(218, 20%, 39%)\";\nexport const N300 = \"hsl(218, 17%, 44%)\";\nexport const N200 = \"hsl(218, 14%, 49%)\";\nexport const N100 = \"hsl(218, 14%, 54%)\";\nexport const N90 = \"hsl(218, 13%, 59%)\";\nexport const N80 = \"hsl(218, 13%, 64%)\";\nexport const N70 = \"hsl(217, 13%, 69%)\";\nexport const N40 = \"hsl(223, 12%, 89%)\";\nexport const N30 = \"hsl(228, 14%, 93%)\";\nexport const N25 = \"hsl(210, 7%, 95%)\";\nexport const N20 = \"hsl(220, 16%, 96%)\";\nexport const N10 = \"hsl(210, 25%, 98%)\";\nexport const N5 = \"hsl(0, 0%, 98%)\";\nexport const N0 = \"hsl(0, 0%, 100%)\";\n\n// Primary color palette\nexport const primary1 = B500;\nexport const primary2 = B500;\nexport const primary3 = N0;\n"],"names":["theme","ref","updateDarkMode","colorSchemeMeta","watch","onBeforeUnmount","event","provide","B900","B600","B500","B400","B300","B200","B100","R400","R300","Y300","Y200","G500","G300","N1000","N900","N800","N500","N400","N300","N200","N100","N90","N80","N70","N40","N30","N25","N20","N10","N5","N0","primary1","primary2","primary3"],"mappings":"yKAWc,CACZ,KAAM,OACR,CAAA,8BACA,MAAMA,EAAQC,EAAAA,IAAI,CAChB,SAAU,OAAO,WAAW,8BAA8B,EAAE,OAC9D,CAAC,EAED,OACG,WAAW,8BAA8B,EACzC,iBAAiB,SAAUC,CAAc,EAE5C,IAAIC,EAAkB,SAAS,cAAc,MAAM,EACnDA,EAAgB,KAAO,eACvBA,EAAgB,aAAa,UAAW,YAAY,EACpD,SAAS,qBAAqB,MAAM,EAAE,CAAC,EAAE,YAAYA,CAAe,EAEpEC,EAAK,MACHJ,EAAM,MACN,IAAM,CACJ,SAAS,gBAAgB,aAAa,YAAaA,EAAM,MAAM,QAAQ,CACxE,EACD,CAAE,KAAM,GAAM,UAAW,EAAM,CACjC,EAEAK,EAAAA,gBAAgB,IAAM,CACpB,OACG,WAAW,8BAA8B,EACzC,oBAAoB,SAAUH,CAAc,CACjD,CAAC,EAED,SAASA,EAAeI,EAAO,CACxBA,IAGLN,EAAM,MAAM,SAAWM,EAAM,QAC/B,CAEAC,OAAAA,EAAAA,QAAQ,QAASP,CAAK,6FC/CTQ,EAAO,qBAEPC,EAAO,UACPC,EAAO,qBAIPC,EAAO,OACPC,EAAO,sBACPC,EAAO,sBACPC,EAAO,sBAGPC,EAAO,oBACPC,EAAO,qBAGPC,EAAO,qBACPC,EAAO,qBAGPC,EAAO,sBACPC,EAAO,UAGPC,EAAQ,iBACRC,EAAO,qBAEPC,EAAO,oBACPC,EAAO,oBACPC,EAAO,qBACPC,EAAO,qBACPC,EAAO,qBACPC,EAAO,qBACPC,EAAM,qBACNC,EAAM,qBACNC,EAAM,qBACNC,EAAM,qBACNC,EAAM,qBACNC,EAAM,oBACNC,EAAM,qBACNC,EAAM,qBACNC,EAAK,kBACLC,EAAK,mBAGLC,EAAW7B,EACX8B,EAAW9B,EACX+B,EAAWH"}
|
package/dist/theme.es.js
CHANGED
|
@@ -1,283 +1,66 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
return C;
|
|
5
|
-
},
|
|
6
|
-
set exports(w) {
|
|
7
|
-
C = w;
|
|
8
|
-
}
|
|
9
|
-
};
|
|
10
|
-
/**
|
|
11
|
-
* what-input - A global utility for tracking the current input method (mouse, keyboard or touch).
|
|
12
|
-
* @version v5.2.12
|
|
13
|
-
* @link https://github.com/ten1seven/what-input
|
|
14
|
-
* @license MIT
|
|
15
|
-
*/
|
|
16
|
-
(function(w, p) {
|
|
17
|
-
(function(u, r) {
|
|
18
|
-
w.exports = r();
|
|
19
|
-
})(te, function() {
|
|
20
|
-
return (
|
|
21
|
-
/******/
|
|
22
|
-
function(c) {
|
|
23
|
-
var u = {};
|
|
24
|
-
function r(i) {
|
|
25
|
-
if (u[i])
|
|
26
|
-
return u[i].exports;
|
|
27
|
-
var s = u[i] = {
|
|
28
|
-
/******/
|
|
29
|
-
exports: {},
|
|
30
|
-
/******/
|
|
31
|
-
id: i,
|
|
32
|
-
/******/
|
|
33
|
-
loaded: !1
|
|
34
|
-
/******/
|
|
35
|
-
};
|
|
36
|
-
return c[i].call(s.exports, s, s.exports, r), s.loaded = !0, s.exports;
|
|
37
|
-
}
|
|
38
|
-
return r.m = c, r.c = u, r.p = "", r(0);
|
|
39
|
-
}([
|
|
40
|
-
/* 0 */
|
|
41
|
-
/***/
|
|
42
|
-
function(c, u) {
|
|
43
|
-
c.exports = function() {
|
|
44
|
-
if (typeof document > "u" || typeof window > "u")
|
|
45
|
-
return {
|
|
46
|
-
// always return "initial" because no interaction will ever be detected
|
|
47
|
-
ask: function() {
|
|
48
|
-
return "initial";
|
|
49
|
-
},
|
|
50
|
-
// always return null
|
|
51
|
-
element: function() {
|
|
52
|
-
return null;
|
|
53
|
-
},
|
|
54
|
-
// no-op
|
|
55
|
-
ignoreKeys: function() {
|
|
56
|
-
},
|
|
57
|
-
// no-op
|
|
58
|
-
specificKeys: function() {
|
|
59
|
-
},
|
|
60
|
-
// no-op
|
|
61
|
-
registerOnChange: function() {
|
|
62
|
-
},
|
|
63
|
-
// no-op
|
|
64
|
-
unRegisterOnChange: function() {
|
|
65
|
-
}
|
|
66
|
-
};
|
|
67
|
-
var r = document.documentElement, i = null, s = "initial", a = s, k = Date.now(), E = !1, I = ["button", "input", "select", "textarea"], d = [], N = [
|
|
68
|
-
16,
|
|
69
|
-
// shift
|
|
70
|
-
17,
|
|
71
|
-
// control
|
|
72
|
-
18,
|
|
73
|
-
// alt
|
|
74
|
-
91,
|
|
75
|
-
// Windows key / left Apple cmd
|
|
76
|
-
93
|
|
77
|
-
// Windows menu / right Apple cmd
|
|
78
|
-
], m = [], M = {
|
|
79
|
-
keydown: "keyboard",
|
|
80
|
-
keyup: "keyboard",
|
|
81
|
-
mousedown: "mouse",
|
|
82
|
-
mousemove: "mouse",
|
|
83
|
-
MSPointerDown: "pointer",
|
|
84
|
-
MSPointerMove: "pointer",
|
|
85
|
-
pointerdown: "pointer",
|
|
86
|
-
pointermove: "pointer",
|
|
87
|
-
touchstart: "touch",
|
|
88
|
-
touchend: "touch"
|
|
89
|
-
// boolean: true if the page is being scrolled
|
|
90
|
-
}, v = !1, g = {
|
|
91
|
-
x: null,
|
|
92
|
-
y: null
|
|
93
|
-
// map of IE 10 pointer events
|
|
94
|
-
}, B = {
|
|
95
|
-
2: "touch",
|
|
96
|
-
3: "touch",
|
|
97
|
-
// treat pen like touch
|
|
98
|
-
4: "mouse"
|
|
99
|
-
// check support for passive event listeners
|
|
100
|
-
}, S = !1;
|
|
101
|
-
try {
|
|
102
|
-
var A = Object.defineProperty({}, "passive", {
|
|
103
|
-
get: function() {
|
|
104
|
-
S = !0;
|
|
105
|
-
}
|
|
106
|
-
});
|
|
107
|
-
window.addEventListener("test", null, A);
|
|
108
|
-
} catch {
|
|
109
|
-
}
|
|
110
|
-
var D = function() {
|
|
111
|
-
M[T()] = "mouse", K();
|
|
112
|
-
}, K = function() {
|
|
113
|
-
var e = S ? { passive: !0, capture: !0 } : !0;
|
|
114
|
-
document.addEventListener("DOMContentLoaded", U, !0), window.PointerEvent ? (window.addEventListener("pointerdown", l, !0), window.addEventListener("pointermove", y, !0)) : window.MSPointerEvent ? (window.addEventListener("MSPointerDown", l, !0), window.addEventListener("MSPointerMove", y, !0)) : (window.addEventListener("mousedown", l, !0), window.addEventListener("mousemove", y, !0), "ontouchstart" in window && (window.addEventListener("touchstart", l, e), window.addEventListener("touchend", l, !0))), window.addEventListener(T(), y, e), window.addEventListener("keydown", l, !0), window.addEventListener("keyup", l, !0), window.addEventListener("focusin", R, !0), window.addEventListener("focusout", _, !0);
|
|
115
|
-
}, U = function() {
|
|
116
|
-
if (E = !(r.getAttribute("data-whatpersist") === "false" || document.body.getAttribute("data-whatpersist") === "false"), E)
|
|
117
|
-
try {
|
|
118
|
-
window.sessionStorage.getItem("what-input") && (s = window.sessionStorage.getItem("what-input")), window.sessionStorage.getItem("what-intent") && (a = window.sessionStorage.getItem("what-intent"));
|
|
119
|
-
} catch {
|
|
120
|
-
}
|
|
121
|
-
f("input"), f("intent");
|
|
122
|
-
}, l = function(e) {
|
|
123
|
-
var t = e.which, o = M[e.type];
|
|
124
|
-
o === "pointer" && (o = x(e));
|
|
125
|
-
var W = !m.length && N.indexOf(t) === -1, X = m.length && m.indexOf(t) !== -1, L = o === "keyboard" && t && (W || X) || o === "mouse" || o === "touch";
|
|
126
|
-
if (O(o) && (L = !1), L && s !== o && (s = o, b("input", s), f("input")), L && a !== o) {
|
|
127
|
-
var h = document.activeElement, q = h && h.nodeName && (I.indexOf(h.nodeName.toLowerCase()) === -1 || h.nodeName.toLowerCase() === "button" && !F(h, "form"));
|
|
128
|
-
q && (a = o, b("intent", a), f("intent"));
|
|
129
|
-
}
|
|
130
|
-
}, f = function(e) {
|
|
131
|
-
r.setAttribute("data-what" + e, e === "input" ? s : a), j(e);
|
|
132
|
-
}, y = function(e) {
|
|
133
|
-
var t = M[e.type];
|
|
134
|
-
t === "pointer" && (t = x(e)), G(e), (!v && !O(t) || v && e.type === "wheel" || e.type === "mousewheel" || e.type === "DOMMouseScroll") && a !== t && (a = t, b("intent", a), f("intent"));
|
|
135
|
-
}, R = function(e) {
|
|
136
|
-
if (!e.target.nodeName) {
|
|
137
|
-
_();
|
|
138
|
-
return;
|
|
139
|
-
}
|
|
140
|
-
i = e.target.nodeName.toLowerCase(), r.setAttribute("data-whatelement", i), e.target.classList && e.target.classList.length && r.setAttribute("data-whatclasses", e.target.classList.toString().replace(" ", ","));
|
|
141
|
-
}, _ = function() {
|
|
142
|
-
i = null, r.removeAttribute("data-whatelement"), r.removeAttribute("data-whatclasses");
|
|
143
|
-
}, b = function(e, t) {
|
|
144
|
-
if (E)
|
|
145
|
-
try {
|
|
146
|
-
window.sessionStorage.setItem("what-" + e, t);
|
|
147
|
-
} catch {
|
|
148
|
-
}
|
|
149
|
-
}, x = function(e) {
|
|
150
|
-
return typeof e.pointerType == "number" ? B[e.pointerType] : e.pointerType === "pen" ? "touch" : e.pointerType;
|
|
151
|
-
}, O = function(e) {
|
|
152
|
-
var t = Date.now(), o = e === "mouse" && s === "touch" && t - k < 200;
|
|
153
|
-
return k = t, o;
|
|
154
|
-
}, T = function() {
|
|
155
|
-
var e = null;
|
|
156
|
-
return "onwheel" in document.createElement("div") ? e = "wheel" : e = document.onmousewheel !== void 0 ? "mousewheel" : "DOMMouseScroll", e;
|
|
157
|
-
}, j = function(e) {
|
|
158
|
-
for (var t = 0, o = d.length; t < o; t++)
|
|
159
|
-
d[t].type === e && d[t].fn.call(void 0, e === "input" ? s : a);
|
|
160
|
-
}, Y = function(e) {
|
|
161
|
-
for (var t = 0, o = d.length; t < o; t++)
|
|
162
|
-
if (d[t].fn === e)
|
|
163
|
-
return t;
|
|
164
|
-
}, G = function(e) {
|
|
165
|
-
g.x !== e.screenX || g.y !== e.screenY ? (v = !1, g.x = e.screenX, g.y = e.screenY) : v = !0;
|
|
166
|
-
}, F = function(e, t) {
|
|
167
|
-
var o = window.Element.prototype;
|
|
168
|
-
if (o.matches || (o.matches = o.msMatchesSelector || o.webkitMatchesSelector), o.closest)
|
|
169
|
-
return e.closest(t);
|
|
170
|
-
do {
|
|
171
|
-
if (e.matches(t))
|
|
172
|
-
return e;
|
|
173
|
-
e = e.parentElement || e.parentNode;
|
|
174
|
-
} while (e !== null && e.nodeType === 1);
|
|
175
|
-
return null;
|
|
176
|
-
};
|
|
177
|
-
return "addEventListener" in window && Array.prototype.indexOf && D(), {
|
|
178
|
-
// returns string: the current input type
|
|
179
|
-
// opt: 'intent'|'input'
|
|
180
|
-
// 'input' (default): returns the same value as the `data-whatinput` attribute
|
|
181
|
-
// 'intent': includes `data-whatintent` value if it's different than `data-whatinput`
|
|
182
|
-
ask: function(e) {
|
|
183
|
-
return e === "intent" ? a : s;
|
|
184
|
-
},
|
|
185
|
-
// returns string: the currently focused element or null
|
|
186
|
-
element: function() {
|
|
187
|
-
return i;
|
|
188
|
-
},
|
|
189
|
-
// overwrites ignored keys with provided array
|
|
190
|
-
ignoreKeys: function(e) {
|
|
191
|
-
N = e;
|
|
192
|
-
},
|
|
193
|
-
// overwrites specific char keys to update on
|
|
194
|
-
specificKeys: function(e) {
|
|
195
|
-
m = e;
|
|
196
|
-
},
|
|
197
|
-
// attach functions to input and intent "events"
|
|
198
|
-
// funct: function to fire on change
|
|
199
|
-
// eventType: 'input'|'intent'
|
|
200
|
-
registerOnChange: function(e, t) {
|
|
201
|
-
d.push({
|
|
202
|
-
fn: e,
|
|
203
|
-
type: t || "input"
|
|
204
|
-
});
|
|
205
|
-
},
|
|
206
|
-
unRegisterOnChange: function(e) {
|
|
207
|
-
var t = Y(e);
|
|
208
|
-
(t || t === 0) && d.splice(t, 1);
|
|
209
|
-
},
|
|
210
|
-
clearStorage: function() {
|
|
211
|
-
window.sessionStorage.clear();
|
|
212
|
-
}
|
|
213
|
-
};
|
|
214
|
-
}();
|
|
215
|
-
}
|
|
216
|
-
/******/
|
|
217
|
-
])
|
|
218
|
-
);
|
|
219
|
-
});
|
|
220
|
-
})(ne);
|
|
221
|
-
const oe = { class: "theme" }, re = V({
|
|
1
|
+
import { defineComponent as c, ref as h, watch as r, onBeforeUnmount as l, provide as a, openBlock as m, createElementBlock as d, renderSlot as i } from "vue";
|
|
2
|
+
import "what-input";
|
|
3
|
+
const u = { class: "theme" }, p = c({
|
|
222
4
|
name: "Theme"
|
|
223
|
-
}),
|
|
224
|
-
setup(
|
|
225
|
-
const
|
|
5
|
+
}), v = /* @__PURE__ */ Object.assign(p, {
|
|
6
|
+
setup(_) {
|
|
7
|
+
const e = h({
|
|
226
8
|
darkMode: window.matchMedia("(prefers-color-scheme: dark)").matches
|
|
227
9
|
});
|
|
228
|
-
window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",
|
|
229
|
-
var
|
|
230
|
-
|
|
231
|
-
|
|
10
|
+
window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", o);
|
|
11
|
+
var s = document.createElement("meta");
|
|
12
|
+
s.name = "color-scheme", s.setAttribute("content", "light dark"), document.getElementsByTagName("head")[0].appendChild(s), r(
|
|
13
|
+
e.value,
|
|
232
14
|
() => {
|
|
233
|
-
document.documentElement.setAttribute("dark-mode",
|
|
15
|
+
document.documentElement.setAttribute("dark-mode", e.value.darkMode);
|
|
234
16
|
},
|
|
235
17
|
{ deep: !0, immediate: !0 }
|
|
236
|
-
),
|
|
237
|
-
window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",
|
|
18
|
+
), l(() => {
|
|
19
|
+
window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change", o);
|
|
238
20
|
});
|
|
239
|
-
function
|
|
240
|
-
|
|
21
|
+
function o(t) {
|
|
22
|
+
t && (e.value.darkMode = t.matches);
|
|
241
23
|
}
|
|
242
|
-
return
|
|
243
|
-
|
|
24
|
+
return a("theme", e), (t, f) => (m(), d("div", u, [
|
|
25
|
+
i(t.$slots, "default")
|
|
244
26
|
]));
|
|
245
27
|
}
|
|
246
|
-
}),
|
|
28
|
+
}), M = "hsl(225, 90%, 16%)", g = "#061f80", n = "hsl(225, 94%, 35%)", w = "#06c", y = "hsl(210, 100%, 50%)", E = "hsl(210, 100%, 93%)", b = "hsl(225, 100%, 96%)", T = "hsl(12, 91%, 46%)", x = "hsl(11, 100%, 59%)", A = "hsl(40, 100%, 50%)", C = "hsl(46, 100%, 50%)", G = "hsl(120, 100%, 25%)", L = "#36b37e", R = "hsl(0, 0%, 0%)", S = "hsl(218, 76%, 15%)", Y = "hsla(0,0%,10%,.9)", j = "hsla(0,0%,10%,.6)", D = "hsl(218, 20%, 39%)", O = "hsl(218, 17%, 44%)", U = "hsl(218, 14%, 49%)", $ = "hsl(218, 14%, 54%)", q = "hsl(218, 13%, 59%)", z = "hsl(218, 13%, 64%)", F = "hsl(217, 13%, 69%)", H = "hsl(223, 12%, 89%)", I = "hsl(228, 14%, 93%)", J = "hsl(210, 7%, 95%)", K = "hsl(220, 16%, 96%)", P = "hsl(210, 25%, 98%)", Q = "hsl(0, 0%, 98%)", N = "hsl(0, 0%, 100%)", V = n, W = n, X = N;
|
|
247
29
|
export {
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
30
|
+
b as B100,
|
|
31
|
+
E as B200,
|
|
32
|
+
y as B300,
|
|
33
|
+
w as B400,
|
|
34
|
+
n as B500,
|
|
35
|
+
g as B600,
|
|
36
|
+
M as B900,
|
|
37
|
+
L as G300,
|
|
38
|
+
G as G500,
|
|
39
|
+
N as N0,
|
|
40
|
+
P as N10,
|
|
41
|
+
$ as N100,
|
|
42
|
+
R as N1000,
|
|
43
|
+
K as N20,
|
|
44
|
+
U as N200,
|
|
45
|
+
J as N25,
|
|
46
|
+
I as N30,
|
|
47
|
+
O as N300,
|
|
48
|
+
H as N40,
|
|
49
|
+
D as N400,
|
|
50
|
+
Q as N5,
|
|
51
|
+
j as N500,
|
|
52
|
+
F as N70,
|
|
53
|
+
z as N80,
|
|
54
|
+
Y as N800,
|
|
55
|
+
q as N90,
|
|
56
|
+
S as N900,
|
|
57
|
+
x as R300,
|
|
58
|
+
T as R400,
|
|
59
|
+
v as Theme,
|
|
60
|
+
C as Y200,
|
|
61
|
+
A as Y300,
|
|
62
|
+
V as primary1,
|
|
63
|
+
W as primary2,
|
|
64
|
+
X as primary3
|
|
283
65
|
};
|
|
66
|
+
//# sourceMappingURL=theme.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.es.js","sources":["../src/Theme.vue","../src/colors.js"],"sourcesContent":["<!-- eslint-disable vue/multi-word-component-names -->\n<template>\n <div class=\"theme\">\n <slot />\n </div>\n</template>\n\n<script setup>\nimport { provide, ref, watch, onBeforeUnmount } from \"vue\";\nimport \"what-input\";\n\ndefineOptions({\n name: \"Theme\",\n});\nconst theme = ref({\n darkMode: window.matchMedia(\"(prefers-color-scheme: dark)\").matches,\n});\n\nwindow\n .matchMedia(\"(prefers-color-scheme: dark)\")\n .addEventListener(\"change\", updateDarkMode);\n// Set the color-scheme meta tag.\nvar colorSchemeMeta = document.createElement(\"meta\");\ncolorSchemeMeta.name = \"color-scheme\";\ncolorSchemeMeta.setAttribute(\"content\", \"light dark\");\ndocument.getElementsByTagName(\"head\")[0].appendChild(colorSchemeMeta);\n\nwatch(\n theme.value,\n () => {\n document.documentElement.setAttribute(\"dark-mode\", theme.value.darkMode);\n },\n { deep: true, immediate: true }\n);\n\nonBeforeUnmount(() => {\n window\n .matchMedia(\"(prefers-color-scheme: dark)\")\n .removeEventListener(\"change\", updateDarkMode);\n});\n\nfunction updateDarkMode(event) {\n if (!event) {\n return;\n }\n theme.value.darkMode = event.matches;\n}\n\nprovide(\"theme\", theme);\n</script>\n\n<style lang=\"less\">\n@import \"index.less\";\n</style>\n","// Blues\nexport const B900 = \"hsl(225, 90%, 16%)\";\n// @go-color-b700 = #000e7f;\nexport const B600 = \"#061f80\";\nexport const B500 = \"hsl(225, 94%, 35%)\";\n// @go-color-b550 = #131ff2;\n// @go-color-b500 = #001dff;\n// @go-color-b400 = #3333ff;\nexport const B400 = \"#06c\";\nexport const B300 = \"hsl(210, 100%, 50%)\";\nexport const B200 = \"hsl(210, 100%, 93%)\";\nexport const B100 = \"hsl(225, 100%, 96%)\";\n\n// Reds\nexport const R400 = \"hsl(12, 91%, 46%)\";\nexport const R300 = \"hsl(11, 100%, 59%)\";\n\n// Yellows\nexport const Y300 = \"hsl(40, 100%, 50%)\";\nexport const Y200 = \"hsl(46, 100%, 50%)\";\n\n// Greens\nexport const G500 = \"hsl(120, 100%, 25%)\";\nexport const G300 = \"#36b37e\";\n\n// Neutrals\nexport const N1000 = \"hsl(0, 0%, 0%)\";\nexport const N900 = \"hsl(218, 76%, 15%)\";\n// @go-color-n900 = hsl(218, 54%, 20%);\nexport const N800 = \"hsla(0,0%,10%,.9)\";\nexport const N500 = \"hsla(0,0%,10%,.6)\";\nexport const N400 = \"hsl(218, 20%, 39%)\";\nexport const N300 = \"hsl(218, 17%, 44%)\";\nexport const N200 = \"hsl(218, 14%, 49%)\";\nexport const N100 = \"hsl(218, 14%, 54%)\";\nexport const N90 = \"hsl(218, 13%, 59%)\";\nexport const N80 = \"hsl(218, 13%, 64%)\";\nexport const N70 = \"hsl(217, 13%, 69%)\";\nexport const N40 = \"hsl(223, 12%, 89%)\";\nexport const N30 = \"hsl(228, 14%, 93%)\";\nexport const N25 = \"hsl(210, 7%, 95%)\";\nexport const N20 = \"hsl(220, 16%, 96%)\";\nexport const N10 = \"hsl(210, 25%, 98%)\";\nexport const N5 = \"hsl(0, 0%, 98%)\";\nexport const N0 = \"hsl(0, 0%, 100%)\";\n\n// Primary color palette\nexport const primary1 = B500;\nexport const primary2 = B500;\nexport const primary3 = N0;\n"],"names":["theme","ref","updateDarkMode","colorSchemeMeta","watch","onBeforeUnmount","event","provide","B900","B600","B500","B400","B300","B200","B100","R400","R300","Y300","Y200","G500","G300","N1000","N900","N800","N500","N400","N300","N200","N100","N90","N80","N70","N40","N30","N25","N20","N10","N5","N0","primary1","primary2","primary3"],"mappings":";;oCAWc;AAAA,EACZ,MAAM;AACR,CAAA;;AACA,UAAMA,IAAQC,EAAI;AAAA,MAChB,UAAU,OAAO,WAAW,8BAA8B,EAAE;AAAA,IAC9D,CAAC;AAED,WACG,WAAW,8BAA8B,EACzC,iBAAiB,UAAUC,CAAc;AAE5C,QAAIC,IAAkB,SAAS,cAAc,MAAM;AACnD,IAAAA,EAAgB,OAAO,gBACvBA,EAAgB,aAAa,WAAW,YAAY,GACpD,SAAS,qBAAqB,MAAM,EAAE,CAAC,EAAE,YAAYA,CAAe,GAEpEC;AAAA,MACEJ,EAAM;AAAA,MACN,MAAM;AACJ,iBAAS,gBAAgB,aAAa,aAAaA,EAAM,MAAM,QAAQ;AAAA,MACxE;AAAA,MACD,EAAE,MAAM,IAAM,WAAW,GAAM;AAAA,IACjC,GAEAK,EAAgB,MAAM;AACpB,aACG,WAAW,8BAA8B,EACzC,oBAAoB,UAAUH,CAAc;AAAA,IACjD,CAAC;AAED,aAASA,EAAeI,GAAO;AAC7B,MAAKA,MAGLN,EAAM,MAAM,WAAWM,EAAM;AAAA,IAC/B;AAEA,WAAAC,EAAQ,SAASP,CAAK;;;;IC/CTQ,IAAO,sBAEPC,IAAO,WACPC,IAAO,sBAIPC,IAAO,QACPC,IAAO,uBACPC,IAAO,uBACPC,IAAO,uBAGPC,IAAO,qBACPC,IAAO,sBAGPC,IAAO,sBACPC,IAAO,sBAGPC,IAAO,uBACPC,IAAO,WAGPC,IAAQ,kBACRC,IAAO,sBAEPC,IAAO,qBACPC,IAAO,qBACPC,IAAO,sBACPC,IAAO,sBACPC,IAAO,sBACPC,IAAO,sBACPC,IAAM,sBACNC,IAAM,sBACNC,IAAM,sBACNC,IAAM,sBACNC,IAAM,sBACNC,IAAM,qBACNC,IAAM,sBACNC,IAAM,sBACNC,IAAK,mBACLC,IAAK,oBAGLC,IAAW7B,GACX8B,IAAW9B,GACX+B,IAAWH;"}
|
package/dist/theme.umd.js
CHANGED
|
@@ -1,6 +1,2 @@
|
|
|
1
|
-
(function(
|
|
2
|
-
|
|
3
|
-
* @version v5.2.12
|
|
4
|
-
* @link https://github.com/ten1seven/what-input
|
|
5
|
-
* @license MIT
|
|
6
|
-
*/(function(v,p){(function(l,i){v.exports=i()})(K,function(){return function(d){var l={};function i(c){if(l[c])return l[c].exports;var s=l[c]={exports:{},id:c,loaded:!1};return d[c].call(s.exports,s,s.exports,i),s.loaded=!0,s.exports}return i.m=d,i.c=l,i.p="",i(0)}([function(d,l){d.exports=function(){if(typeof document>"u"||typeof window>"u")return{ask:function(){return"initial"},element:function(){return null},ignoreKeys:function(){},specificKeys:function(){},registerOnChange:function(){},unRegisterOnChange:function(){}};var i=document.documentElement,c=null,s="initial",u=s,B=Date.now(),M=!1,ye=["button","input","select","textarea"],f=[],O=[16,17,18,91,93],g=[],L={keydown:"keyboard",keyup:"keyboard",mousedown:"mouse",mousemove:"mouse",MSPointerDown:"pointer",MSPointerMove:"pointer",pointerdown:"pointer",pointermove:"pointer",touchstart:"touch",touchend:"touch"},y=!1,N={x:null,y:null},Ne={2:"touch",3:"touch",4:"mouse"},C=!1;try{var Ee=Object.defineProperty({},"passive",{get:function(){C=!0}});window.addEventListener("test",null,Ee)}catch{}var be=function(){L[D()]="mouse",Me()},Me=function(){var e=C?{passive:!0,capture:!0}:!0;document.addEventListener("DOMContentLoaded",Le,!0),window.PointerEvent?(window.addEventListener("pointerdown",h,!0),window.addEventListener("pointermove",E,!0)):window.MSPointerEvent?(window.addEventListener("MSPointerDown",h,!0),window.addEventListener("MSPointerMove",E,!0)):(window.addEventListener("mousedown",h,!0),window.addEventListener("mousemove",E,!0),"ontouchstart"in window&&(window.addEventListener("touchstart",h,e),window.addEventListener("touchend",h,!0))),window.addEventListener(D(),E,e),window.addEventListener("keydown",h,!0),window.addEventListener("keyup",h,!0),window.addEventListener("focusin",ke,!0),window.addEventListener("focusout",P,!0)},Le=function(){if(M=!(i.getAttribute("data-whatpersist")==="false"||document.body.getAttribute("data-whatpersist")==="false"),M)try{window.sessionStorage.getItem("what-input")&&(s=window.sessionStorage.getItem("what-input")),window.sessionStorage.getItem("what-intent")&&(u=window.sessionStorage.getItem("what-intent"))}catch{}m("input"),m("intent")},h=function(e){var n=e.which,r=L[e.type];r==="pointer"&&(r=I(e));var Oe=!g.length&&O.indexOf(n)===-1,Ce=g.length&&g.indexOf(n)!==-1,S=r==="keyboard"&&n&&(Oe||Ce)||r==="mouse"||r==="touch";if(A(r)&&(S=!1),S&&s!==r&&(s=r,k("input",s),m("input")),S&&u!==r){var w=document.activeElement,Pe=w&&w.nodeName&&(ye.indexOf(w.nodeName.toLowerCase())===-1||w.nodeName.toLowerCase()==="button"&&!Be(w,"form"));Pe&&(u=r,k("intent",u),m("intent"))}},m=function(e){i.setAttribute("data-what"+e,e==="input"?s:u),Se(e)},E=function(e){var n=L[e.type];n==="pointer"&&(n=I(e)),Te(e),(!y&&!A(n)||y&&e.type==="wheel"||e.type==="mousewheel"||e.type==="DOMMouseScroll")&&u!==n&&(u=n,k("intent",u),m("intent"))},ke=function(e){if(!e.target.nodeName){P();return}c=e.target.nodeName.toLowerCase(),i.setAttribute("data-whatelement",c),e.target.classList&&e.target.classList.length&&i.setAttribute("data-whatclasses",e.target.classList.toString().replace(" ",","))},P=function(){c=null,i.removeAttribute("data-whatelement"),i.removeAttribute("data-whatclasses")},k=function(e,n){if(M)try{window.sessionStorage.setItem("what-"+e,n)}catch{}},I=function(e){return typeof e.pointerType=="number"?Ne[e.pointerType]:e.pointerType==="pen"?"touch":e.pointerType},A=function(e){var n=Date.now(),r=e==="mouse"&&s==="touch"&&n-B<200;return B=n,r},D=function(){var e=null;return"onwheel"in document.createElement("div")?e="wheel":e=document.onmousewheel!==void 0?"mousewheel":"DOMMouseScroll",e},Se=function(e){for(var n=0,r=f.length;n<r;n++)f[n].type===e&&f[n].fn.call(void 0,e==="input"?s:u)},_e=function(e){for(var n=0,r=f.length;n<r;n++)if(f[n].fn===e)return n},Te=function(e){N.x!==e.screenX||N.y!==e.screenY?(y=!1,N.x=e.screenX,N.y=e.screenY):y=!0},Be=function(e,n){var r=window.Element.prototype;if(r.matches||(r.matches=r.msMatchesSelector||r.webkitMatchesSelector),r.closest)return e.closest(n);do{if(e.matches(n))return e;e=e.parentElement||e.parentNode}while(e!==null&&e.nodeType===1);return null};return"addEventListener"in window&&Array.prototype.indexOf&&be(),{ask:function(e){return e==="intent"?u:s},element:function(){return c},ignoreKeys:function(e){O=e},specificKeys:function(e){g=e},registerOnChange:function(e,n){f.push({fn:e,type:n||"input"})},unRegisterOnChange:function(e){var n=_e(e);(n||n===0)&&f.splice(n,1)},clearStorage:function(){window.sessionStorage.clear()}}}()}])})})(R);const Ie="",j={class:"theme"},U=a.defineComponent({name:"Theme"}),Y=Object.assign(U,{setup(v){const p=a.ref({darkMode:window.matchMedia("(prefers-color-scheme: dark)").matches});window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",l);var d=document.createElement("meta");d.name="color-scheme",d.setAttribute("content","light dark"),document.getElementsByTagName("head")[0].appendChild(d),a.watch(p.value,()=>{document.documentElement.setAttribute("dark-mode",p.value.darkMode)},{deep:!0,immediate:!0}),a.onBeforeUnmount(()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",l)});function l(i){i&&(p.value.darkMode=i.matches)}return a.provide("theme",p),(i,c)=>(a.openBlock(),a.createElementBlock("div",j,[a.renderSlot(i.$slots,"default")]))}}),G="hsl(225, 90%, 16%)",q="#061f80",b="hsl(225, 94%, 35%)",F="#06c",V="hsl(210, 100%, 50%)",W="hsl(210, 100%, 93%)",X="hsl(225, 100%, 96%)",$="hsl(12, 91%, 46%)",z="hsl(11, 100%, 59%)",H="hsl(40, 100%, 50%)",J="hsl(46, 100%, 50%)",Q="hsl(120, 100%, 25%)",Z="#36b37e",x="hsl(0, 0%, 0%)",ee="hsl(218, 76%, 15%)",te="hsla(0,0%,10%,.9)",ne="hsla(0,0%,10%,.6)",oe="hsl(218, 20%, 39%)",re="hsl(218, 17%, 44%)",ie="hsl(218, 14%, 49%)",se="hsl(218, 14%, 54%)",ae="hsl(218, 13%, 59%)",ce="hsl(218, 13%, 64%)",ue="hsl(217, 13%, 69%)",de="hsl(223, 12%, 89%)",le="hsl(228, 14%, 93%)",fe="hsl(210, 7%, 95%)",he="hsl(220, 16%, 96%)",pe="hsl(210, 25%, 98%)",me="hsl(0, 0%, 98%)",T="hsl(0, 0%, 100%)",we=b,ve=b,ge=T;t.B100=X,t.B200=W,t.B300=V,t.B400=F,t.B500=b,t.B600=q,t.B900=G,t.G300=Z,t.G500=Q,t.N0=T,t.N10=pe,t.N100=se,t.N1000=x,t.N20=he,t.N200=ie,t.N25=fe,t.N30=le,t.N300=re,t.N40=de,t.N400=oe,t.N5=me,t.N500=ne,t.N70=ue,t.N80=ce,t.N800=te,t.N90=ae,t.N900=ee,t.R300=z,t.R400=$,t.Theme=Y,t.Y200=J,t.Y300=H,t.primary1=we,t.primary2=ve,t.primary3=ge,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
|
|
1
|
+
(function(e,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue"),require("what-input")):typeof define=="function"&&define.amd?define(["exports","vue","what-input"],n):(e=typeof globalThis<"u"?globalThis:e||self,n(e.theme={},e.Vue))})(this,function(e,n){"use strict";const F="",l={class:"theme"},d=n.defineComponent({name:"Theme"}),i=Object.assign(d,{setup(H){const t=n.ref({darkMode:window.matchMedia("(prefers-color-scheme: dark)").matches});window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",a);var h=document.createElement("meta");h.name="color-scheme",h.setAttribute("content","light dark"),document.getElementsByTagName("head")[0].appendChild(h),n.watch(t.value,()=>{document.documentElement.setAttribute("dark-mode",t.value.darkMode)},{deep:!0,immediate:!0}),n.onBeforeUnmount(()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",a)});function a(c){c&&(t.value.darkMode=c.matches)}return n.provide("theme",t),(c,I)=>(n.openBlock(),n.createElementBlock("div",l,[n.renderSlot(c.$slots,"default")]))}}),m="hsl(225, 90%, 16%)",N="#061f80",s="hsl(225, 94%, 35%)",u="#06c",r="hsl(210, 100%, 50%)",f="hsl(210, 100%, 93%)",B="hsl(225, 100%, 96%)",_="hsl(12, 91%, 46%)",y="hsl(11, 100%, 59%)",k="hsl(40, 100%, 50%)",w="hsl(46, 100%, 50%)",M="hsl(120, 100%, 25%)",g="#36b37e",T="hsl(0, 0%, 0%)",b="hsl(218, 76%, 15%)",v="hsla(0,0%,10%,.9)",E="hsla(0,0%,10%,.6)",G="hsl(218, 20%, 39%)",R="hsl(218, 17%, 44%)",S="hsl(218, 14%, 49%)",Y="hsl(218, 14%, 54%)",j="hsl(218, 13%, 59%)",q="hsl(218, 13%, 64%)",A="hsl(217, 13%, 69%)",C="hsl(223, 12%, 89%)",L="hsl(228, 14%, 93%)",O="hsl(210, 7%, 95%)",D="hsl(220, 16%, 96%)",P="hsl(210, 25%, 98%)",U="hsl(0, 0%, 98%)",o="hsl(0, 0%, 100%)",V=s,$=s,z=o;e.B100=B,e.B200=f,e.B300=r,e.B400=u,e.B500=s,e.B600=N,e.B900=m,e.G300=g,e.G500=M,e.N0=o,e.N10=P,e.N100=Y,e.N1000=T,e.N20=D,e.N200=S,e.N25=O,e.N30=L,e.N300=R,e.N40=C,e.N400=G,e.N5=U,e.N500=E,e.N70=A,e.N80=q,e.N800=v,e.N90=j,e.N900=b,e.R300=y,e.R400=_,e.Theme=i,e.Y200=w,e.Y300=k,e.primary1=V,e.primary2=$,e.primary3=z,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
|
|
2
|
+
//# sourceMappingURL=theme.umd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.umd.js","sources":["../src/Theme.vue","../src/colors.js"],"sourcesContent":["<!-- eslint-disable vue/multi-word-component-names -->\n<template>\n <div class=\"theme\">\n <slot />\n </div>\n</template>\n\n<script setup>\nimport { provide, ref, watch, onBeforeUnmount } from \"vue\";\nimport \"what-input\";\n\ndefineOptions({\n name: \"Theme\",\n});\nconst theme = ref({\n darkMode: window.matchMedia(\"(prefers-color-scheme: dark)\").matches,\n});\n\nwindow\n .matchMedia(\"(prefers-color-scheme: dark)\")\n .addEventListener(\"change\", updateDarkMode);\n// Set the color-scheme meta tag.\nvar colorSchemeMeta = document.createElement(\"meta\");\ncolorSchemeMeta.name = \"color-scheme\";\ncolorSchemeMeta.setAttribute(\"content\", \"light dark\");\ndocument.getElementsByTagName(\"head\")[0].appendChild(colorSchemeMeta);\n\nwatch(\n theme.value,\n () => {\n document.documentElement.setAttribute(\"dark-mode\", theme.value.darkMode);\n },\n { deep: true, immediate: true }\n);\n\nonBeforeUnmount(() => {\n window\n .matchMedia(\"(prefers-color-scheme: dark)\")\n .removeEventListener(\"change\", updateDarkMode);\n});\n\nfunction updateDarkMode(event) {\n if (!event) {\n return;\n }\n theme.value.darkMode = event.matches;\n}\n\nprovide(\"theme\", theme);\n</script>\n\n<style lang=\"less\">\n@import \"index.less\";\n</style>\n","// Blues\nexport const B900 = \"hsl(225, 90%, 16%)\";\n// @go-color-b700 = #000e7f;\nexport const B600 = \"#061f80\";\nexport const B500 = \"hsl(225, 94%, 35%)\";\n// @go-color-b550 = #131ff2;\n// @go-color-b500 = #001dff;\n// @go-color-b400 = #3333ff;\nexport const B400 = \"#06c\";\nexport const B300 = \"hsl(210, 100%, 50%)\";\nexport const B200 = \"hsl(210, 100%, 93%)\";\nexport const B100 = \"hsl(225, 100%, 96%)\";\n\n// Reds\nexport const R400 = \"hsl(12, 91%, 46%)\";\nexport const R300 = \"hsl(11, 100%, 59%)\";\n\n// Yellows\nexport const Y300 = \"hsl(40, 100%, 50%)\";\nexport const Y200 = \"hsl(46, 100%, 50%)\";\n\n// Greens\nexport const G500 = \"hsl(120, 100%, 25%)\";\nexport const G300 = \"#36b37e\";\n\n// Neutrals\nexport const N1000 = \"hsl(0, 0%, 0%)\";\nexport const N900 = \"hsl(218, 76%, 15%)\";\n// @go-color-n900 = hsl(218, 54%, 20%);\nexport const N800 = \"hsla(0,0%,10%,.9)\";\nexport const N500 = \"hsla(0,0%,10%,.6)\";\nexport const N400 = \"hsl(218, 20%, 39%)\";\nexport const N300 = \"hsl(218, 17%, 44%)\";\nexport const N200 = \"hsl(218, 14%, 49%)\";\nexport const N100 = \"hsl(218, 14%, 54%)\";\nexport const N90 = \"hsl(218, 13%, 59%)\";\nexport const N80 = \"hsl(218, 13%, 64%)\";\nexport const N70 = \"hsl(217, 13%, 69%)\";\nexport const N40 = \"hsl(223, 12%, 89%)\";\nexport const N30 = \"hsl(228, 14%, 93%)\";\nexport const N25 = \"hsl(210, 7%, 95%)\";\nexport const N20 = \"hsl(220, 16%, 96%)\";\nexport const N10 = \"hsl(210, 25%, 98%)\";\nexport const N5 = \"hsl(0, 0%, 98%)\";\nexport const N0 = \"hsl(0, 0%, 100%)\";\n\n// Primary color palette\nexport const primary1 = B500;\nexport const primary2 = B500;\nexport const primary3 = N0;\n"],"names":["theme","ref","updateDarkMode","colorSchemeMeta","vue","onBeforeUnmount","event","provide","B900","B600","B500","B400","B300","B200","B100","R400","R300","Y300","Y200","G500","G300","N1000","N900","N800","N500","N400","N300","N200","N100","N90","N80","N70","N40","N30","N25","N20","N10","N5","N0","primary1","primary2","primary3"],"mappings":"8UAWc,CACZ,KAAM,OACR,CAAA,8BACA,MAAMA,EAAQC,EAAAA,IAAI,CAChB,SAAU,OAAO,WAAW,8BAA8B,EAAE,OAC9D,CAAC,EAED,OACG,WAAW,8BAA8B,EACzC,iBAAiB,SAAUC,CAAc,EAE5C,IAAIC,EAAkB,SAAS,cAAc,MAAM,EACnDA,EAAgB,KAAO,eACvBA,EAAgB,aAAa,UAAW,YAAY,EACpD,SAAS,qBAAqB,MAAM,EAAE,CAAC,EAAE,YAAYA,CAAe,EAE/DC,EAAA,MACHJ,EAAM,MACN,IAAM,CACJ,SAAS,gBAAgB,aAAa,YAAaA,EAAM,MAAM,QAAQ,CACxE,EACD,CAAE,KAAM,GAAM,UAAW,EAAM,CACjC,EAEAK,EAAAA,gBAAgB,IAAM,CACpB,OACG,WAAW,8BAA8B,EACzC,oBAAoB,SAAUH,CAAc,CACjD,CAAC,EAED,SAASA,EAAeI,EAAO,CACxBA,IAGLN,EAAM,MAAM,SAAWM,EAAM,QAC/B,CAEAC,OAAAA,EAAAA,QAAQ,QAASP,CAAK,6FC/CTQ,EAAO,qBAEPC,EAAO,UACPC,EAAO,qBAIPC,EAAO,OACPC,EAAO,sBACPC,EAAO,sBACPC,EAAO,sBAGPC,EAAO,oBACPC,EAAO,qBAGPC,EAAO,qBACPC,EAAO,qBAGPC,EAAO,sBACPC,EAAO,UAGPC,EAAQ,iBACRC,EAAO,qBAEPC,EAAO,oBACPC,EAAO,oBACPC,EAAO,qBACPC,EAAO,qBACPC,EAAO,qBACPC,EAAO,qBACPC,EAAM,qBACNC,EAAM,qBACNC,EAAM,qBACNC,EAAM,qBACNC,EAAM,qBACNC,EAAM,oBACNC,EAAM,qBACNC,EAAM,qBACNC,EAAK,kBACLC,EAAK,mBAGLC,EAAW7B,EACX8B,EAAW9B,EACX+B,EAAWH"}
|
package/package.json
CHANGED
|
@@ -1,29 +1,34 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gospore/theme",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.95",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Gospore",
|
|
6
|
+
"type": "module",
|
|
6
7
|
"files": [
|
|
7
8
|
"dist"
|
|
8
9
|
],
|
|
9
|
-
"main": "./dist/theme.
|
|
10
|
+
"main": "./dist/theme.cjs.js",
|
|
10
11
|
"module": "./dist/theme.es.js",
|
|
11
12
|
"exports": {
|
|
12
13
|
".": {
|
|
13
14
|
"import": "./dist/theme.es.js",
|
|
15
|
+
"require": "./dist/theme.cjs.js"
|
|
16
|
+
},
|
|
17
|
+
"./umd": {
|
|
18
|
+
"import": "./dist/theme.umd.js",
|
|
14
19
|
"require": "./dist/theme.umd.js"
|
|
15
20
|
}
|
|
16
21
|
},
|
|
17
22
|
"scripts": {
|
|
18
23
|
"build": "vite build"
|
|
19
24
|
},
|
|
20
|
-
"
|
|
25
|
+
"peerDependencies": {
|
|
21
26
|
"what-input": "^5.2.12"
|
|
22
27
|
},
|
|
23
28
|
"devDependencies": {
|
|
24
|
-
"@vitejs/plugin-vue": "^4.
|
|
25
|
-
"unplugin-vue-macros": "^1.
|
|
26
|
-
"vite": "^4.1
|
|
29
|
+
"@vitejs/plugin-vue": "^4.1.0",
|
|
30
|
+
"unplugin-vue-macros": "^1.11.2",
|
|
31
|
+
"vite": "^4.2.1"
|
|
27
32
|
},
|
|
28
|
-
"gitHead": "
|
|
33
|
+
"gitHead": "ccd4ad8a69dec78bb8aecdaf2fe53103384b2683"
|
|
29
34
|
}
|