@gospore/theme 1.0.110 → 1.0.111
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 +2 -0
- package/dist/theme.cjs.js.map +1 -1
- package/dist/theme.es.js +4 -1
- package/dist/theme.es.js.map +1 -1
- package/dist/theme.umd.js.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
package/dist/theme.cjs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.cjs.js","sources":["../src/Theme.vue","../src/colors.js"],"sourcesContent":["<template>\n
|
|
1
|
+
{"version":3,"file":"theme.cjs.js","sources":["../src/Theme.vue","../src/colors.js"],"sourcesContent":["<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(\n \"dark-mode\",\n theme.value.darkMode,\n );\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":"6MAaA,MAAMA,EAAQC,EAAAA,IAAI,CACd,SAAU,OAAO,WAAW,8BAA8B,EAAE,OAChE,CAAC,EAED,OACK,WAAW,8BAA8B,EACzC,iBAAiB,SAAUC,CAAc,EAE9C,IAAIC,EAAkB,SAAS,cAAc,MAAM,EACnDA,EAAgB,KAAO,eACvBA,EAAgB,aAAa,UAAW,YAAY,EACpD,SAAS,qBAAqB,MAAM,EAAE,CAAC,EAAE,YAAYA,CAAe,EAEpEC,EAAK,MACDJ,EAAM,MACN,IAAM,CACF,SAAS,gBAAgB,aACrB,YACAA,EAAM,MAAM,QACf,CACJ,EACD,CAAE,KAAM,GAAM,UAAW,EAAM,CACnC,EAEAK,EAAAA,gBAAgB,IAAM,CAClB,OACK,WAAW,8BAA8B,EACzC,oBAAoB,SAAUH,CAAc,CACrD,CAAC,EAED,SAASA,EAAeI,EAAO,CACtBA,IAGLN,EAAM,MAAM,SAAWM,EAAM,QACjC,CAEAC,OAAAA,EAAAA,QAAQ,QAASP,CAAK,6FCjDTQ,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
|
@@ -13,7 +13,10 @@ const i = { class: "theme" }, B = /* @__PURE__ */ Object.assign({
|
|
|
13
13
|
s.name = "color-scheme", s.setAttribute("content", "light dark"), document.getElementsByTagName("head")[0].appendChild(s), h(
|
|
14
14
|
e.value,
|
|
15
15
|
() => {
|
|
16
|
-
document.documentElement.setAttribute(
|
|
16
|
+
document.documentElement.setAttribute(
|
|
17
|
+
"dark-mode",
|
|
18
|
+
e.value.darkMode
|
|
19
|
+
);
|
|
17
20
|
},
|
|
18
21
|
{ deep: !0, immediate: !0 }
|
|
19
22
|
), r(() => {
|
package/dist/theme.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.es.js","sources":["../src/Theme.vue","../src/colors.js"],"sourcesContent":["<template>\n
|
|
1
|
+
{"version":3,"file":"theme.es.js","sources":["../src/Theme.vue","../src/colors.js"],"sourcesContent":["<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(\n \"dark-mode\",\n theme.value.darkMode,\n );\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":";;;;;;;AAaA,UAAMA,IAAQC,EAAI;AAAA,MACd,UAAU,OAAO,WAAW,8BAA8B,EAAE;AAAA,IAChE,CAAC;AAED,WACK,WAAW,8BAA8B,EACzC,iBAAiB,UAAUC,CAAc;AAE9C,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,MACIJ,EAAM;AAAA,MACN,MAAM;AACF,iBAAS,gBAAgB;AAAA,UACrB;AAAA,UACAA,EAAM,MAAM;AAAA,QACf;AAAA,MACJ;AAAA,MACD,EAAE,MAAM,IAAM,WAAW,GAAM;AAAA,IACnC,GAEAK,EAAgB,MAAM;AAClB,aACK,WAAW,8BAA8B,EACzC,oBAAoB,UAAUH,CAAc;AAAA,IACrD,CAAC;AAED,aAASA,EAAeI,GAAO;AAC3B,MAAKA,MAGLN,EAAM,MAAM,WAAWM,EAAM;AAAA,IACjC;AAEA,WAAAC,EAAQ,SAASP,CAAK;;;;ICjDTQ,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.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.umd.js","sources":["../src/Theme.vue","../src/colors.js"],"sourcesContent":["<template>\n
|
|
1
|
+
{"version":3,"file":"theme.umd.js","sources":["../src/Theme.vue","../src/colors.js"],"sourcesContent":["<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(\n \"dark-mode\",\n theme.value.darkMode,\n );\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":"6WAaA,MAAMA,EAAQC,EAAAA,IAAI,CACd,SAAU,OAAO,WAAW,8BAA8B,EAAE,OAChE,CAAC,EAED,OACK,WAAW,8BAA8B,EACzC,iBAAiB,SAAUC,CAAc,EAE9C,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,MACDJ,EAAM,MACN,IAAM,CACF,SAAS,gBAAgB,aACrB,YACAA,EAAM,MAAM,QACf,CACJ,EACD,CAAE,KAAM,GAAM,UAAW,EAAM,CACnC,EAEAK,EAAAA,gBAAgB,IAAM,CAClB,OACK,WAAW,8BAA8B,EACzC,oBAAoB,SAAUH,CAAc,CACrD,CAAC,EAED,SAASA,EAAeI,EAAO,CACtBA,IAGLN,EAAM,MAAM,SAAWM,EAAM,QACjC,CAEAC,OAAAA,EAAAA,QAAQ,QAASP,CAAK,6FCjDTQ,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,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gospore/theme",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.111",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Gospore",
|
|
6
6
|
"type": "module",
|
|
@@ -30,5 +30,5 @@
|
|
|
30
30
|
"unplugin-vue-macros": "^2.14.2",
|
|
31
31
|
"vite": "^6.1.0"
|
|
32
32
|
},
|
|
33
|
-
"gitHead": "
|
|
33
|
+
"gitHead": "dc65f48d33f0f8ef11869e239b0f04a6e07d0e9a"
|
|
34
34
|
}
|