vrembem 4.0.0-next.0 → 4.0.0-next.10
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 +21 -0
- package/README.md +4 -8
- package/dev/index.css +4388 -2767
- package/dev/index.css.map +1 -1
- package/dev/index.js +985 -1002
- package/dev/index.js.map +1 -1
- package/dev/index.umd.cjs +946 -963
- package/dev/index.umd.cjs.map +1 -1
- package/dev/root.css +197 -0
- package/dev/root.css.map +1 -0
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.js +1233 -1253
- package/dist/index.js.map +1 -1
- package/dist/index.umd.cjs +6 -2
- package/dist/index.umd.cjs.map +1 -1
- package/dist/root.css +1 -0
- package/dist/root.css.map +1 -0
- package/index.js +4 -6
- package/index.scss +1 -4
- package/package.json +37 -29
- package/root.scss +1 -0
package/dist/root.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--vb-primary-hs:152deg 60%;--vb-primary:var(--vb-primary-50);--vb-primary-0:hsl(var(--vb-primary-hs) 0%);--vb-primary-5:hsl(var(--vb-primary-hs) 5%);--vb-primary-10:hsl(var(--vb-primary-hs) 10%);--vb-primary-12:hsl(var(--vb-primary-hs) 12%);--vb-primary-15:hsl(var(--vb-primary-hs) 15%);--vb-primary-20:hsl(var(--vb-primary-hs) 20%);--vb-primary-30:hsl(var(--vb-primary-hs) 30%);--vb-primary-40:hsl(var(--vb-primary-hs) 40%);--vb-primary-50:hsl(var(--vb-primary-hs) 50%);--vb-primary-60:hsl(var(--vb-primary-hs) 60%);--vb-primary-70:hsl(var(--vb-primary-hs) 70%);--vb-primary-80:hsl(var(--vb-primary-hs) 80%);--vb-primary-90:hsl(var(--vb-primary-hs) 90%);--vb-primary-95:hsl(var(--vb-primary-hs) 95%);--vb-primary-98:hsl(var(--vb-primary-hs) 98%);--vb-primary-100:hsl(var(--vb-primary-hs) 100%);--vb-secondary-hs:214deg 50%;--vb-secondary:var(--vb-secondary-50);--vb-secondary-0:hsl(var(--vb-secondary-hs) 0%);--vb-secondary-5:hsl(var(--vb-secondary-hs) 5%);--vb-secondary-10:hsl(var(--vb-secondary-hs) 10%);--vb-secondary-12:hsl(var(--vb-secondary-hs) 12%);--vb-secondary-15:hsl(var(--vb-secondary-hs) 15%);--vb-secondary-20:hsl(var(--vb-secondary-hs) 20%);--vb-secondary-30:hsl(var(--vb-secondary-hs) 30%);--vb-secondary-40:hsl(var(--vb-secondary-hs) 40%);--vb-secondary-50:hsl(var(--vb-secondary-hs) 50%);--vb-secondary-60:hsl(var(--vb-secondary-hs) 60%);--vb-secondary-70:hsl(var(--vb-secondary-hs) 70%);--vb-secondary-80:hsl(var(--vb-secondary-hs) 80%);--vb-secondary-90:hsl(var(--vb-secondary-hs) 90%);--vb-secondary-95:hsl(var(--vb-secondary-hs) 95%);--vb-secondary-98:hsl(var(--vb-secondary-hs) 98%);--vb-secondary-100:hsl(var(--vb-secondary-hs) 100%);--vb-neutral-hs:214deg 20%;--vb-neutral:var(--vb-neutral-50);--vb-neutral-0:hsl(var(--vb-neutral-hs) 0%);--vb-neutral-5:hsl(var(--vb-neutral-hs) 5%);--vb-neutral-10:hsl(var(--vb-neutral-hs) 10%);--vb-neutral-12:hsl(var(--vb-neutral-hs) 12%);--vb-neutral-15:hsl(var(--vb-neutral-hs) 15%);--vb-neutral-20:hsl(var(--vb-neutral-hs) 20%);--vb-neutral-30:hsl(var(--vb-neutral-hs) 30%);--vb-neutral-40:hsl(var(--vb-neutral-hs) 40%);--vb-neutral-50:hsl(var(--vb-neutral-hs) 50%);--vb-neutral-60:hsl(var(--vb-neutral-hs) 60%);--vb-neutral-70:hsl(var(--vb-neutral-hs) 70%);--vb-neutral-80:hsl(var(--vb-neutral-hs) 80%);--vb-neutral-90:hsl(var(--vb-neutral-hs) 90%);--vb-neutral-95:hsl(var(--vb-neutral-hs) 95%);--vb-neutral-98:hsl(var(--vb-neutral-hs) 98%);--vb-neutral-100:hsl(var(--vb-neutral-hs) 100%);--vb-important-hs:0deg 80%;--vb-important:var(--vb-important-50);--vb-important-0:hsl(var(--vb-important-hs) 0%);--vb-important-5:hsl(var(--vb-important-hs) 5%);--vb-important-10:hsl(var(--vb-important-hs) 10%);--vb-important-12:hsl(var(--vb-important-hs) 12%);--vb-important-15:hsl(var(--vb-important-hs) 15%);--vb-important-20:hsl(var(--vb-important-hs) 20%);--vb-important-30:hsl(var(--vb-important-hs) 30%);--vb-important-40:hsl(var(--vb-important-hs) 40%);--vb-important-50:hsl(var(--vb-important-hs) 50%);--vb-important-60:hsl(var(--vb-important-hs) 60%);--vb-important-70:hsl(var(--vb-important-hs) 70%);--vb-important-80:hsl(var(--vb-important-hs) 80%);--vb-important-90:hsl(var(--vb-important-hs) 90%);--vb-important-95:hsl(var(--vb-important-hs) 95%);--vb-important-98:hsl(var(--vb-important-hs) 98%);--vb-important-100:hsl(var(--vb-important-hs) 100%)}:root,.vb-theme-root,.vb-theme-light{--vb-background:var(--vb-neutral-100);--vb-background-dark:var(--vb-neutral-98);--vb-background-darker:var(--vb-neutral-95);--vb-background-alt:hsl(var(--vb-secondary-hs) 60% / 10%);--vb-background-hover:rgba(0, 0, 0, 0.05);--vb-background-focus:rgba(0, 0, 0, 0.05);--vb-background-active:rgba(0, 0, 0, 0.1);--vb-foreground:var(--vb-neutral-20);--vb-foreground-light:var(--vb-neutral-40);--vb-foreground-lighter:var(--vb-neutral-60);--vb-foreground-alt:var(--vb-secondary-50);--vb-border-color:rgba(0, 0, 0, 0.1);--vb-border-color-dark:rgba(0, 0, 0, 0.2);--vb-border-color-darker:rgba(0, 0, 0, 0.3);--vb-shadow-color:hsl(var(--vb-neutral-hs) 20% / 20%);--vb-focus-visible:var(--vb-primary-50);color-scheme:light}@media(prefers-color-scheme: dark){:root,.vb-theme-root{--vb-background:var(--vb-neutral-10);--vb-background-dark:var(--vb-neutral-12);--vb-background-darker:var(--vb-neutral-15);--vb-background-alt:hsl(var(--vb-secondary-hs) 70% / 10%);--vb-background-hover:rgba(255, 255, 255, 0.05);--vb-background-focus:rgba(255, 255, 255, 0.05);--vb-background-active:rgba(255, 255, 255, 0.01);--vb-foreground:var(--vb-neutral-90);--vb-foreground-light:var(--vb-neutral-70);--vb-foreground-lighter:var(--vb-neutral-50);--vb-foreground-alt:var(--vb-secondary-60);--vb-border-color:rgba(255, 255, 255, 0.1);--vb-border-color-dark:rgba(255, 255, 255, 0.2);--vb-border-color-darker:rgba(255, 255, 255, 0.3);--vb-shadow-color:hsl(var(--vb-neutral-hs) 0% / 20%);--vb-focus-visible:var(--vb-primary-50);color-scheme:dark}}.vb-theme-dark{--vb-background:var(--vb-neutral-10);--vb-background-dark:var(--vb-neutral-12);--vb-background-darker:var(--vb-neutral-15);--vb-background-alt:hsl(var(--vb-secondary-hs) 70% / 10%);--vb-background-hover:rgba(255, 255, 255, 0.05);--vb-background-focus:rgba(255, 255, 255, 0.05);--vb-background-active:rgba(255, 255, 255, 0.01);--vb-foreground:var(--vb-neutral-90);--vb-foreground-light:var(--vb-neutral-70);--vb-foreground-lighter:var(--vb-neutral-50);--vb-foreground-alt:var(--vb-secondary-60);--vb-border-color:rgba(255, 255, 255, 0.1);--vb-border-color-dark:rgba(255, 255, 255, 0.2);--vb-border-color-darker:rgba(255, 255, 255, 0.3);--vb-shadow-color:hsl(var(--vb-neutral-hs) 0% / 20%);--vb-focus-visible:var(--vb-primary-50);color-scheme:dark}:root{--vb-prefix:vb-;--vb-breakpoint-xs:480px;--vb-breakpoint-sm:620px;--vb-breakpoint-md:760px;--vb-breakpoint-lg:990px;--vb-breakpoint-xl:1380px;--vb-gap:1em;--vb-gap-none:0;--vb-gap-xs:0.25em;--vb-gap-sm:0.5em;--vb-gap-md:1em;--vb-gap-lg:1.5em;--vb-gap-xl:2em;--vb-border:1px solid var(--vb-border-color);--vb-border-width:1px;--vb-border-style:solid;--vb-border-dark:1px solid var(--vb-border-color-dark);--vb-border-darker:1px solid var(--vb-border-color-darker);--vb-border-radius:0.25rem;--vb-border-radius-lg:0.5rem;--vb-border-radius-circle:9999px;--vb-box-shadow:0 2px 6px var(--vb-shadow-color);--vb-box-shadow-1:0 1px 3px var(--vb-shadow-color);--vb-box-shadow-2:0 2px 6px var(--vb-shadow-color);--vb-box-shadow-3:0 4px 12px var(--vb-shadow-color);--vb-box-shadow-4:0 8px 18px var(--vb-shadow-color);--vb-box-shadow-5:0 12px 24px var(--vb-shadow-color);--vb-font-family:blinkmacsystemfont, -apple-system, system-ui, Segoe UI, Roboto, Helvetica Neue, arial, sans-serif;--vb-font-family-sans:blinkmacsystemfont, -apple-system, system-ui, Segoe UI, Roboto, Helvetica Neue, arial, sans-serif;--vb-font-family-serif:constantia, Lucida Bright, lucidabright, Lucida Serif, lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, georgia, serif;--vb-font-family-mono:sfmono-regular, menlo, monaco, consolas, Liberation Mono, Courier New, monospace;--vb-font-size:16px;--vb-font-size-sm:0.875rem;--vb-font-size-lg:1.125rem;--vb-line-height:1.625;--vb-line-height-sm:1.5;--vb-line-height-lg:1.875;--vb-font-weight-thin:100;--vb-font-weight-extra-light:200;--vb-font-weight-light:300;--vb-font-weight-regular:400;--vb-font-weight-medium:500;--vb-font-weight-semi-bold:600;--vb-font-weight-bold:700;--vb-font-weight-extra-bold:800;--vb-font-weight-black:900;--vb-form-control-padding:0.5em 1em;--vb-form-control-padding-sm:0.25em 0.75em;--vb-form-control-padding-lg:0.648rem 1.5rem;--vb-form-control-size:2.5rem;--vb-form-control-size-sm:1.875rem;--vb-form-control-size-lg:3.125rem;--vb-transition-duration:0.3s;--vb-transition-duration-short:0.15s;--vb-transition-duration-long:0.6s;--vb-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}/*# sourceMappingURL=root.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../node_modules/@vrembem/core/src/scss/modules/_palette.scss","../../../node_modules/@vrembem/core/src/scss/modules/_css.scss","../../../node_modules/@vrembem/core/src/scss/modules/_theme.scss","../../../node_modules/@vrembem/core/src/scss/root/variables.scss"],"names":[],"mappings":"AA6IE,MC/CI,svGCiJJ,qCDjJI,qrBC+HF,mBAgCE,mCAVJ,qBDrJI,wtBC+HF,mBAyCE,eDxKA,wtBC+HF,kBC3NJ,MF4FM","file":"root.css"}
|
package/index.js
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
import * as core from
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import Popover from '@vrembem/popover';
|
|
1
|
+
import * as core from "@vrembem/core";
|
|
2
|
+
import Drawer from "@vrembem/drawer";
|
|
3
|
+
import Modal from "@vrembem/modal";
|
|
4
|
+
import Popover from "@vrembem/popover";
|
|
6
5
|
|
|
7
6
|
export {
|
|
8
7
|
core,
|
|
9
|
-
Checkbox,
|
|
10
8
|
Drawer,
|
|
11
9
|
Modal,
|
|
12
10
|
Popover
|
package/index.scss
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
@forward "@vrembem/core/root";
|
|
2
1
|
@forward "@vrembem/core" as core-*;
|
|
3
2
|
@forward "@vrembem/base" as base-*;
|
|
4
3
|
@forward "@vrembem/button" as button-*;
|
|
@@ -6,12 +5,10 @@
|
|
|
6
5
|
@forward "@vrembem/checkbox" as checkbox-*;
|
|
7
6
|
@forward "@vrembem/dialog" as dialog-*;
|
|
8
7
|
@forward "@vrembem/drawer" as drawer-*;
|
|
8
|
+
@forward "@vrembem/flex" as flex-*;
|
|
9
9
|
@forward "@vrembem/grid" as grid-*;
|
|
10
10
|
@forward "@vrembem/icon" as icon-*;
|
|
11
|
-
@forward "@vrembem/icon-action" as icon-action-*;
|
|
12
11
|
@forward "@vrembem/input" as input-*;
|
|
13
|
-
@forward "@vrembem/level" as level-*;
|
|
14
|
-
@forward "@vrembem/media" as media-*;
|
|
15
12
|
@forward "@vrembem/menu" as menu-*;
|
|
16
13
|
@forward "@vrembem/modal" as modal-*;
|
|
17
14
|
@forward "@vrembem/notice" as notice-*;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vrembem",
|
|
3
3
|
"description": "A component library based on the BEM methodology.",
|
|
4
|
-
"version": "4.0.0-next.
|
|
4
|
+
"version": "4.0.0-next.10",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"keywords": [
|
|
@@ -15,7 +15,12 @@
|
|
|
15
15
|
".": {
|
|
16
16
|
"import": "./dist/index.js",
|
|
17
17
|
"require": "./dist/index.umd.cjs"
|
|
18
|
-
}
|
|
18
|
+
},
|
|
19
|
+
"./css": "./dist/index.css",
|
|
20
|
+
"./scss": "./index.scss",
|
|
21
|
+
"./dev": "./dev/index.css",
|
|
22
|
+
"./dist": "./dist/index.css",
|
|
23
|
+
"./root": "./root.scss"
|
|
19
24
|
},
|
|
20
25
|
"unpkg": "dist/index.umd.cjs",
|
|
21
26
|
"sass": "index.scss",
|
|
@@ -24,11 +29,12 @@
|
|
|
24
29
|
"dev",
|
|
25
30
|
"dist",
|
|
26
31
|
"index.js",
|
|
27
|
-
"index.scss"
|
|
32
|
+
"index.scss",
|
|
33
|
+
"root.scss"
|
|
28
34
|
],
|
|
29
35
|
"scripts": {
|
|
30
36
|
"serve": "vite",
|
|
31
|
-
"build": "npm-run-all clean styles scripts",
|
|
37
|
+
"build": "npm-run-all clean styles root scripts",
|
|
32
38
|
"clean": "del dev && del dist",
|
|
33
39
|
"scripts": "npm-run-all scripts:dev scripts:dist",
|
|
34
40
|
"scripts:dev": "vite build --outDir dev --minify false",
|
|
@@ -36,9 +42,13 @@
|
|
|
36
42
|
"styles": "npm-run-all styles:dev styles:dist",
|
|
37
43
|
"styles:dev": "sass index.scss dev/index.css --load-path=../../node_modules",
|
|
38
44
|
"styles:dist": "sass index.scss dist/index.css --load-path=../../node_modules --style=compressed",
|
|
39
|
-
"
|
|
45
|
+
"root": "npm-run-all root:dev root:dist",
|
|
46
|
+
"root:dev": "sass root.scss dev/root.css --load-path=../../node_modules",
|
|
47
|
+
"root:dist": "sass root.scss dist/root.css --load-path=../../node_modules --style=compressed",
|
|
48
|
+
"watch": "concurrently --kill-others 'npm run watch:scripts' 'npm run watch:styles' 'npm run watch:root'",
|
|
40
49
|
"watch:scripts": "concurrently 'npm run scripts:dev -- --watch' 'npm run scripts:dist -- --watch'",
|
|
41
|
-
"watch:styles": "concurrently 'npm run styles:dev -- --watch' 'npm run styles:dist -- --watch'"
|
|
50
|
+
"watch:styles": "concurrently 'npm run styles:dev -- --watch' 'npm run styles:dist -- --watch'",
|
|
51
|
+
"watch:root": "concurrently 'npm run root:dev -- --watch' 'npm run root:dist -- --watch'"
|
|
42
52
|
},
|
|
43
53
|
"repository": {
|
|
44
54
|
"type": "git",
|
|
@@ -47,31 +57,29 @@
|
|
|
47
57
|
},
|
|
48
58
|
"homepage": "https://github.com/sebnitu/vrembem#readme",
|
|
49
59
|
"dependencies": {
|
|
50
|
-
"@vrembem/base": "^4.0.0-next.
|
|
51
|
-
"@vrembem/button": "^4.0.0-next.
|
|
52
|
-
"@vrembem/card": "^4.0.0-next.
|
|
53
|
-
"@vrembem/checkbox": "^4.0.0-next.
|
|
54
|
-
"@vrembem/core": "^4.0.0-next.
|
|
55
|
-
"@vrembem/dialog": "^4.0.0-next.
|
|
56
|
-
"@vrembem/drawer": "^4.0.0-next.
|
|
57
|
-
"@vrembem/
|
|
58
|
-
"@vrembem/
|
|
59
|
-
"@vrembem/icon
|
|
60
|
-
"@vrembem/input": "^4.0.0-next.
|
|
61
|
-
"@vrembem/
|
|
62
|
-
"@vrembem/
|
|
63
|
-
"@vrembem/
|
|
64
|
-
"@vrembem/
|
|
65
|
-
"@vrembem/
|
|
66
|
-
"@vrembem/
|
|
67
|
-
"@vrembem/
|
|
68
|
-
"@vrembem/
|
|
69
|
-
"@vrembem/
|
|
70
|
-
"@vrembem/table": "^4.0.0-next.0",
|
|
71
|
-
"@vrembem/utility": "^4.0.0-next.0"
|
|
60
|
+
"@vrembem/base": "^4.0.0-next.10",
|
|
61
|
+
"@vrembem/button": "^4.0.0-next.10",
|
|
62
|
+
"@vrembem/card": "^4.0.0-next.10",
|
|
63
|
+
"@vrembem/checkbox": "^4.0.0-next.10",
|
|
64
|
+
"@vrembem/core": "^4.0.0-next.10",
|
|
65
|
+
"@vrembem/dialog": "^4.0.0-next.10",
|
|
66
|
+
"@vrembem/drawer": "^4.0.0-next.10",
|
|
67
|
+
"@vrembem/flex": "^4.0.0-next.10",
|
|
68
|
+
"@vrembem/grid": "^4.0.0-next.10",
|
|
69
|
+
"@vrembem/icon": "^4.0.0-next.10",
|
|
70
|
+
"@vrembem/input": "^4.0.0-next.10",
|
|
71
|
+
"@vrembem/menu": "^4.0.0-next.10",
|
|
72
|
+
"@vrembem/modal": "^4.0.0-next.10",
|
|
73
|
+
"@vrembem/notice": "^4.0.0-next.10",
|
|
74
|
+
"@vrembem/popover": "^4.0.0-next.10",
|
|
75
|
+
"@vrembem/radio": "^4.0.0-next.10",
|
|
76
|
+
"@vrembem/section": "^4.0.0-next.10",
|
|
77
|
+
"@vrembem/switch": "^4.0.0-next.10",
|
|
78
|
+
"@vrembem/table": "^4.0.0-next.10",
|
|
79
|
+
"@vrembem/utility": "^4.0.0-next.10"
|
|
72
80
|
},
|
|
73
81
|
"publishConfig": {
|
|
74
82
|
"access": "public"
|
|
75
83
|
},
|
|
76
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "56fe03285fa24f935e0b72836480c284c332b904"
|
|
77
85
|
}
|
package/root.scss
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@forward "@vrembem/core/root";
|