@juit/vue-z 0.0.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/LICENSE.md +211 -0
- package/README.md +44 -0
- package/dist/globals.d.ts +139 -0
- package/dist/index.css +1 -0
- package/dist/index.d.ts +5124 -0
- package/dist/index.js +5383 -0
- package/dist/index.js.map +1 -0
- package/dist/index.scss +71 -0
- package/index.d.ts +11 -0
- package/index.js +32 -0
- package/package.json +61 -0
package/dist/index.scss
ADDED
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
@use 'sass:color';
|
|
2
|
+
|
|
3
|
+
@import 'quasar/src/css/index.sass';
|
|
4
|
+
@import 'quasar/src/css/flex-addon.sass';
|
|
5
|
+
@import '@quasar/extras/material-symbols-rounded/material-symbols-rounded.css';
|
|
6
|
+
|
|
7
|
+
// missing in "quasar.sass"
|
|
8
|
+
// - "$text", the text color of the page
|
|
9
|
+
// - "$page", the background color of the page
|
|
10
|
+
// - "$dark-text", the text color of the page in dark mode
|
|
11
|
+
// ... we only have "$dark-page", the background color of the page in dark mode
|
|
12
|
+
$text: $dark !default; // a bit nicer than #000 ???
|
|
13
|
+
$page: #fff !default;
|
|
14
|
+
$dark-text: #fff !default;
|
|
15
|
+
// $dark-page: #121212 !default; // already defined in "quasar.sass"
|
|
16
|
+
|
|
17
|
+
/* Root Definitions (SCSS => CSS variables) */
|
|
18
|
+
:root {
|
|
19
|
+
color: $text;
|
|
20
|
+
|
|
21
|
+
// colors for page and text
|
|
22
|
+
--q-text: #{$text};
|
|
23
|
+
--q-page: #{$page};
|
|
24
|
+
|
|
25
|
+
// weak shades (hues)
|
|
26
|
+
--q-hue: #{rgba($text, 0.025)};
|
|
27
|
+
--q-hue-primary: #{rgba($primary, 0.05)};
|
|
28
|
+
|
|
29
|
+
// medium shades
|
|
30
|
+
--q-shade: #{rgba($text, 0.05)};
|
|
31
|
+
--q-shade-primary: #{rgba($primary, 0.1)};
|
|
32
|
+
--q-shade-negative: #{rgba($negative, 0.1)};
|
|
33
|
+
--q-shade-warning: #{rgba($warning, 0.1)};
|
|
34
|
+
|
|
35
|
+
// strong shades (tints)
|
|
36
|
+
--q-tint: #{rgba($text, 0.2)};
|
|
37
|
+
--q-tint-primary: #{rgba($primary, 0.5)};
|
|
38
|
+
|
|
39
|
+
// borders
|
|
40
|
+
--q-border-color: #{$separator-color}; // alpha is .12
|
|
41
|
+
--q-border-active-color: #{rgba($separator-color, 0.36)}; // 0.12 => 0.24
|
|
42
|
+
--q-border-radius: #{$generic-border-radius};
|
|
43
|
+
|
|
44
|
+
.body--dark {
|
|
45
|
+
color: $dark-text;
|
|
46
|
+
|
|
47
|
+
// colors for page and text
|
|
48
|
+
--q-text: #{$dark-text};
|
|
49
|
+
--q-page: #{$dark-page};
|
|
50
|
+
|
|
51
|
+
// redefine only what's calculated from "$text" / "$separator-color"
|
|
52
|
+
--q-hue: #{rgba($dark-text, 0.025)};
|
|
53
|
+
--q-shade: #{rgba($dark-text, 0.05)};
|
|
54
|
+
--q-tint: #{rgba($dark-text, 0.20)};
|
|
55
|
+
--q-border-color: #{$separator-dark-color}; // alpha is .12
|
|
56
|
+
--q-border-active-color: #{rgba($separator-dark-color, 0.24)}; // 0.12 => 0.24
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
/* Utility Classes */
|
|
61
|
+
.text-page { color: var(--q-text) !important }
|
|
62
|
+
|
|
63
|
+
.bg-page { background-color: var(--q-page) !important }
|
|
64
|
+
.bg-hue { background-color: var(--q-hue) !important }
|
|
65
|
+
.bg-hue-primary { background-color: var(--q-hue-primary) !important }
|
|
66
|
+
.bg-shade { background-color: var(--q-shade) !important }
|
|
67
|
+
.bg-shade-primary { background-color: var(--q-shade-primary) !important }
|
|
68
|
+
.bg-shade-negative { background-color: var(--q-shade-negative) !important }
|
|
69
|
+
.bg-shade-warning { background-color: var(--q-shade-warning) !important }
|
|
70
|
+
.bg-tint { background-color: var(--q-tint) !important }
|
|
71
|
+
.bg-tint-primary { background-color: var(--q-tint-primary) !important }
|
package/index.d.ts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/* ========================================================================== *
|
|
2
|
+
* HACK WARNING *
|
|
3
|
+
* -------------------------------------------------------------------------- *
|
|
4
|
+
* Microsoft's "Api Extractor" will happily remove all "declare module 'vue'" *
|
|
5
|
+
* when bundling declaration files. So, we split this in two: we import (and *
|
|
6
|
+
* re-export untouched) our "globals.d.ts" file that auguments the Vue module *
|
|
7
|
+
* and then simply export the definition bundled by "Api Extractor". *
|
|
8
|
+
* ========================================================================== */
|
|
9
|
+
import './dist/globals'
|
|
10
|
+
export * from './dist/globals'
|
|
11
|
+
export * from './dist/index'
|
package/index.js
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/* ========================================================================== *
|
|
2
|
+
* GIGANTIC HACK WARNING *
|
|
3
|
+
* -------------------------------------------------------------------------- *
|
|
4
|
+
* We need to import the SCSS and generated CSS files here because if we let *
|
|
5
|
+
* SASS do its thing (and import the CSS in it with an @import statement), it *
|
|
6
|
+
* will simply generate an "@import" CSS statement atop of generated file: *
|
|
7
|
+
* *
|
|
8
|
+
* @import './dist/index.css'; *
|
|
9
|
+
* @import './lib/index.scss'; *
|
|
10
|
+
* *
|
|
11
|
+
* will generate the following *
|
|
12
|
+
* *
|
|
13
|
+
* @import './dist/index.css'; *
|
|
14
|
+
* :root { *
|
|
15
|
+
* ... the processed SCSS ... *
|
|
16
|
+
* } *
|
|
17
|
+
* *
|
|
18
|
+
* Then, when Vite picks this up, will prepend the CSS to the SCSS and we *
|
|
19
|
+
* won't be able to *override* the Quasar styles. *
|
|
20
|
+
* *
|
|
21
|
+
* So, we let Vite do its thing, and leverage its bundling capabilities to *
|
|
22
|
+
* *FIRST* do the Quasar SASS madness, and *AFTER* override the styles with *
|
|
23
|
+
* our own. *
|
|
24
|
+
* ========================================================================== */
|
|
25
|
+
|
|
26
|
+
// This must be *BEFORE* the import of the CSS file
|
|
27
|
+
import './dist/index.scss'
|
|
28
|
+
// This must be *AFTER* the import of the SCSS file
|
|
29
|
+
import './dist/index.css'
|
|
30
|
+
|
|
31
|
+
// Simple exports...
|
|
32
|
+
export * from './dist/index.js'
|
package/package.json
ADDED
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@juit/vue-z",
|
|
3
|
+
"description": "Widgets Libray for Juit GmbH",
|
|
4
|
+
"version": "0.0.0",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"exports": {
|
|
7
|
+
".": {
|
|
8
|
+
"types": "./index.d.ts",
|
|
9
|
+
"import": "./index.js"
|
|
10
|
+
}
|
|
11
|
+
},
|
|
12
|
+
"scripts": {
|
|
13
|
+
"build": "plug",
|
|
14
|
+
"dev": "vite -c vite.config.demo.ts"
|
|
15
|
+
},
|
|
16
|
+
"peerDependencies": {
|
|
17
|
+
"@juit/vue-i18n": "^0.2.5",
|
|
18
|
+
"@quasar/extras": "^1.16.17",
|
|
19
|
+
"quasar": "^2.18.1",
|
|
20
|
+
"vue": "^3.5.13",
|
|
21
|
+
"vue-router": "^4.5.0"
|
|
22
|
+
},
|
|
23
|
+
"devDependencies": {
|
|
24
|
+
"@microsoft/api-extractor": "^7.52.1",
|
|
25
|
+
"@plugjs/eslint": "^0.6.39",
|
|
26
|
+
"@plugjs/eslint-plugin": "^0.3.15",
|
|
27
|
+
"@plugjs/plug": "^0.6.39",
|
|
28
|
+
"@quasar/vite-plugin": "^1.9.0",
|
|
29
|
+
"@types/google.maps": "^3.58.1",
|
|
30
|
+
"@types/node": "<21",
|
|
31
|
+
"@vitejs/plugin-vue": "^5.2.1",
|
|
32
|
+
"eslint-plugin-vue": "^10.0.0",
|
|
33
|
+
"sass-embedded": "^1.85.1",
|
|
34
|
+
"typescript": "^5.8.2",
|
|
35
|
+
"vite": "^6.2.1",
|
|
36
|
+
"vue": "^3.5.13",
|
|
37
|
+
"vue-tsc": "^2.2.8"
|
|
38
|
+
},
|
|
39
|
+
"author": "Juit Developers <developers@juit.com>",
|
|
40
|
+
"license": "Apache-2.0",
|
|
41
|
+
"repository": {
|
|
42
|
+
"type": "git",
|
|
43
|
+
"url": "git+ssh://git@github.com/juitnow/juit-vue-z.git"
|
|
44
|
+
},
|
|
45
|
+
"keywords": [
|
|
46
|
+
"vue",
|
|
47
|
+
"vue.js",
|
|
48
|
+
"widgets"
|
|
49
|
+
],
|
|
50
|
+
"bugs": {
|
|
51
|
+
"url": "https://github.com/juitnow/juit-vue-z/issues"
|
|
52
|
+
},
|
|
53
|
+
"directories": {
|
|
54
|
+
"test": "test"
|
|
55
|
+
},
|
|
56
|
+
"files": [
|
|
57
|
+
"dist",
|
|
58
|
+
"index.d.ts",
|
|
59
|
+
"index.js"
|
|
60
|
+
]
|
|
61
|
+
}
|