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.
Files changed (22) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +4 -8
  3. package/dev/index.css +4388 -2767
  4. package/dev/index.css.map +1 -1
  5. package/dev/index.js +985 -1002
  6. package/dev/index.js.map +1 -1
  7. package/dev/index.umd.cjs +946 -963
  8. package/dev/index.umd.cjs.map +1 -1
  9. package/dev/root.css +197 -0
  10. package/dev/root.css.map +1 -0
  11. package/dist/index.css +1 -1
  12. package/dist/index.css.map +1 -1
  13. package/dist/index.js +1233 -1253
  14. package/dist/index.js.map +1 -1
  15. package/dist/index.umd.cjs +6 -2
  16. package/dist/index.umd.cjs.map +1 -1
  17. package/dist/root.css +1 -0
  18. package/dist/root.css.map +1 -0
  19. package/index.js +4 -6
  20. package/index.scss +1 -4
  21. package/package.json +37 -29
  22. package/root.scss +1 -0
package/dev/root.css ADDED
@@ -0,0 +1,197 @@
1
+ :root {
2
+ --vb-primary-hs: 152deg 60%;
3
+ --vb-primary: var(--vb-primary-50);
4
+ --vb-primary-0: hsl(var(--vb-primary-hs) 0%);
5
+ --vb-primary-5: hsl(var(--vb-primary-hs) 5%);
6
+ --vb-primary-10: hsl(var(--vb-primary-hs) 10%);
7
+ --vb-primary-12: hsl(var(--vb-primary-hs) 12%);
8
+ --vb-primary-15: hsl(var(--vb-primary-hs) 15%);
9
+ --vb-primary-20: hsl(var(--vb-primary-hs) 20%);
10
+ --vb-primary-30: hsl(var(--vb-primary-hs) 30%);
11
+ --vb-primary-40: hsl(var(--vb-primary-hs) 40%);
12
+ --vb-primary-50: hsl(var(--vb-primary-hs) 50%);
13
+ --vb-primary-60: hsl(var(--vb-primary-hs) 60%);
14
+ --vb-primary-70: hsl(var(--vb-primary-hs) 70%);
15
+ --vb-primary-80: hsl(var(--vb-primary-hs) 80%);
16
+ --vb-primary-90: hsl(var(--vb-primary-hs) 90%);
17
+ --vb-primary-95: hsl(var(--vb-primary-hs) 95%);
18
+ --vb-primary-98: hsl(var(--vb-primary-hs) 98%);
19
+ --vb-primary-100: hsl(var(--vb-primary-hs) 100%);
20
+ --vb-secondary-hs: 214deg 50%;
21
+ --vb-secondary: var(--vb-secondary-50);
22
+ --vb-secondary-0: hsl(var(--vb-secondary-hs) 0%);
23
+ --vb-secondary-5: hsl(var(--vb-secondary-hs) 5%);
24
+ --vb-secondary-10: hsl(var(--vb-secondary-hs) 10%);
25
+ --vb-secondary-12: hsl(var(--vb-secondary-hs) 12%);
26
+ --vb-secondary-15: hsl(var(--vb-secondary-hs) 15%);
27
+ --vb-secondary-20: hsl(var(--vb-secondary-hs) 20%);
28
+ --vb-secondary-30: hsl(var(--vb-secondary-hs) 30%);
29
+ --vb-secondary-40: hsl(var(--vb-secondary-hs) 40%);
30
+ --vb-secondary-50: hsl(var(--vb-secondary-hs) 50%);
31
+ --vb-secondary-60: hsl(var(--vb-secondary-hs) 60%);
32
+ --vb-secondary-70: hsl(var(--vb-secondary-hs) 70%);
33
+ --vb-secondary-80: hsl(var(--vb-secondary-hs) 80%);
34
+ --vb-secondary-90: hsl(var(--vb-secondary-hs) 90%);
35
+ --vb-secondary-95: hsl(var(--vb-secondary-hs) 95%);
36
+ --vb-secondary-98: hsl(var(--vb-secondary-hs) 98%);
37
+ --vb-secondary-100: hsl(var(--vb-secondary-hs) 100%);
38
+ --vb-neutral-hs: 214deg 20%;
39
+ --vb-neutral: var(--vb-neutral-50);
40
+ --vb-neutral-0: hsl(var(--vb-neutral-hs) 0%);
41
+ --vb-neutral-5: hsl(var(--vb-neutral-hs) 5%);
42
+ --vb-neutral-10: hsl(var(--vb-neutral-hs) 10%);
43
+ --vb-neutral-12: hsl(var(--vb-neutral-hs) 12%);
44
+ --vb-neutral-15: hsl(var(--vb-neutral-hs) 15%);
45
+ --vb-neutral-20: hsl(var(--vb-neutral-hs) 20%);
46
+ --vb-neutral-30: hsl(var(--vb-neutral-hs) 30%);
47
+ --vb-neutral-40: hsl(var(--vb-neutral-hs) 40%);
48
+ --vb-neutral-50: hsl(var(--vb-neutral-hs) 50%);
49
+ --vb-neutral-60: hsl(var(--vb-neutral-hs) 60%);
50
+ --vb-neutral-70: hsl(var(--vb-neutral-hs) 70%);
51
+ --vb-neutral-80: hsl(var(--vb-neutral-hs) 80%);
52
+ --vb-neutral-90: hsl(var(--vb-neutral-hs) 90%);
53
+ --vb-neutral-95: hsl(var(--vb-neutral-hs) 95%);
54
+ --vb-neutral-98: hsl(var(--vb-neutral-hs) 98%);
55
+ --vb-neutral-100: hsl(var(--vb-neutral-hs) 100%);
56
+ --vb-important-hs: 0deg 80%;
57
+ --vb-important: var(--vb-important-50);
58
+ --vb-important-0: hsl(var(--vb-important-hs) 0%);
59
+ --vb-important-5: hsl(var(--vb-important-hs) 5%);
60
+ --vb-important-10: hsl(var(--vb-important-hs) 10%);
61
+ --vb-important-12: hsl(var(--vb-important-hs) 12%);
62
+ --vb-important-15: hsl(var(--vb-important-hs) 15%);
63
+ --vb-important-20: hsl(var(--vb-important-hs) 20%);
64
+ --vb-important-30: hsl(var(--vb-important-hs) 30%);
65
+ --vb-important-40: hsl(var(--vb-important-hs) 40%);
66
+ --vb-important-50: hsl(var(--vb-important-hs) 50%);
67
+ --vb-important-60: hsl(var(--vb-important-hs) 60%);
68
+ --vb-important-70: hsl(var(--vb-important-hs) 70%);
69
+ --vb-important-80: hsl(var(--vb-important-hs) 80%);
70
+ --vb-important-90: hsl(var(--vb-important-hs) 90%);
71
+ --vb-important-95: hsl(var(--vb-important-hs) 95%);
72
+ --vb-important-98: hsl(var(--vb-important-hs) 98%);
73
+ --vb-important-100: hsl(var(--vb-important-hs) 100%);
74
+ }
75
+
76
+ :root, .vb-theme-root, .vb-theme-light {
77
+ --vb-background: var(--vb-neutral-100);
78
+ --vb-background-dark: var(--vb-neutral-98);
79
+ --vb-background-darker: var(--vb-neutral-95);
80
+ --vb-background-alt: hsl(var(--vb-secondary-hs) 60% / 10%);
81
+ --vb-background-hover: rgba(0, 0, 0, 0.05);
82
+ --vb-background-focus: rgba(0, 0, 0, 0.05);
83
+ --vb-background-active: rgba(0, 0, 0, 0.1);
84
+ --vb-foreground: var(--vb-neutral-20);
85
+ --vb-foreground-light: var(--vb-neutral-40);
86
+ --vb-foreground-lighter: var(--vb-neutral-60);
87
+ --vb-foreground-alt: var(--vb-secondary-50);
88
+ --vb-border-color: rgba(0, 0, 0, 0.1);
89
+ --vb-border-color-dark: rgba(0, 0, 0, 0.2);
90
+ --vb-border-color-darker: rgba(0, 0, 0, 0.3);
91
+ --vb-shadow-color: hsl(var(--vb-neutral-hs) 20% / 20%);
92
+ --vb-focus-visible: var(--vb-primary-50);
93
+ color-scheme: light;
94
+ }
95
+
96
+ @media (prefers-color-scheme: dark) {
97
+ :root, .vb-theme-root {
98
+ --vb-background: var(--vb-neutral-10);
99
+ --vb-background-dark: var(--vb-neutral-12);
100
+ --vb-background-darker: var(--vb-neutral-15);
101
+ --vb-background-alt: hsl(var(--vb-secondary-hs) 70% / 10%);
102
+ --vb-background-hover: rgba(255, 255, 255, 0.05);
103
+ --vb-background-focus: rgba(255, 255, 255, 0.05);
104
+ --vb-background-active: rgba(255, 255, 255, 0.01);
105
+ --vb-foreground: var(--vb-neutral-90);
106
+ --vb-foreground-light: var(--vb-neutral-70);
107
+ --vb-foreground-lighter: var(--vb-neutral-50);
108
+ --vb-foreground-alt: var(--vb-secondary-60);
109
+ --vb-border-color: rgba(255, 255, 255, 0.1);
110
+ --vb-border-color-dark: rgba(255, 255, 255, 0.2);
111
+ --vb-border-color-darker: rgba(255, 255, 255, 0.3);
112
+ --vb-shadow-color: hsl(var(--vb-neutral-hs) 0% / 20%);
113
+ --vb-focus-visible: var(--vb-primary-50);
114
+ color-scheme: dark;
115
+ }
116
+ }
117
+
118
+ .vb-theme-dark {
119
+ --vb-background: var(--vb-neutral-10);
120
+ --vb-background-dark: var(--vb-neutral-12);
121
+ --vb-background-darker: var(--vb-neutral-15);
122
+ --vb-background-alt: hsl(var(--vb-secondary-hs) 70% / 10%);
123
+ --vb-background-hover: rgba(255, 255, 255, 0.05);
124
+ --vb-background-focus: rgba(255, 255, 255, 0.05);
125
+ --vb-background-active: rgba(255, 255, 255, 0.01);
126
+ --vb-foreground: var(--vb-neutral-90);
127
+ --vb-foreground-light: var(--vb-neutral-70);
128
+ --vb-foreground-lighter: var(--vb-neutral-50);
129
+ --vb-foreground-alt: var(--vb-secondary-60);
130
+ --vb-border-color: rgba(255, 255, 255, 0.1);
131
+ --vb-border-color-dark: rgba(255, 255, 255, 0.2);
132
+ --vb-border-color-darker: rgba(255, 255, 255, 0.3);
133
+ --vb-shadow-color: hsl(var(--vb-neutral-hs) 0% / 20%);
134
+ --vb-focus-visible: var(--vb-primary-50);
135
+ color-scheme: dark;
136
+ }
137
+
138
+ :root {
139
+ --vb-prefix: vb-;
140
+ --vb-breakpoint-xs: 480px;
141
+ --vb-breakpoint-sm: 620px;
142
+ --vb-breakpoint-md: 760px;
143
+ --vb-breakpoint-lg: 990px;
144
+ --vb-breakpoint-xl: 1380px;
145
+ --vb-gap: 1em;
146
+ --vb-gap-none: 0;
147
+ --vb-gap-xs: 0.25em;
148
+ --vb-gap-sm: 0.5em;
149
+ --vb-gap-md: 1em;
150
+ --vb-gap-lg: 1.5em;
151
+ --vb-gap-xl: 2em;
152
+ --vb-border: 1px solid var(--vb-border-color);
153
+ --vb-border-width: 1px;
154
+ --vb-border-style: solid;
155
+ --vb-border-dark: 1px solid var(--vb-border-color-dark);
156
+ --vb-border-darker: 1px solid var(--vb-border-color-darker);
157
+ --vb-border-radius: 0.25rem;
158
+ --vb-border-radius-lg: 0.5rem;
159
+ --vb-border-radius-circle: 9999px;
160
+ --vb-box-shadow: 0 2px 6px var(--vb-shadow-color);
161
+ --vb-box-shadow-1: 0 1px 3px var(--vb-shadow-color);
162
+ --vb-box-shadow-2: 0 2px 6px var(--vb-shadow-color);
163
+ --vb-box-shadow-3: 0 4px 12px var(--vb-shadow-color);
164
+ --vb-box-shadow-4: 0 8px 18px var(--vb-shadow-color);
165
+ --vb-box-shadow-5: 0 12px 24px var(--vb-shadow-color);
166
+ --vb-font-family: blinkmacsystemfont, -apple-system, system-ui, Segoe UI, Roboto, Helvetica Neue, arial, sans-serif;
167
+ --vb-font-family-sans: blinkmacsystemfont, -apple-system, system-ui, Segoe UI, Roboto, Helvetica Neue, arial, sans-serif;
168
+ --vb-font-family-serif: constantia, Lucida Bright, lucidabright, Lucida Serif, lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, georgia, serif;
169
+ --vb-font-family-mono: sfmono-regular, menlo, monaco, consolas, Liberation Mono, Courier New, monospace;
170
+ --vb-font-size: 16px;
171
+ --vb-font-size-sm: 0.875rem;
172
+ --vb-font-size-lg: 1.125rem;
173
+ --vb-line-height: 1.625;
174
+ --vb-line-height-sm: 1.5;
175
+ --vb-line-height-lg: 1.875;
176
+ --vb-font-weight-thin: 100;
177
+ --vb-font-weight-extra-light: 200;
178
+ --vb-font-weight-light: 300;
179
+ --vb-font-weight-regular: 400;
180
+ --vb-font-weight-medium: 500;
181
+ --vb-font-weight-semi-bold: 600;
182
+ --vb-font-weight-bold: 700;
183
+ --vb-font-weight-extra-bold: 800;
184
+ --vb-font-weight-black: 900;
185
+ --vb-form-control-padding: 0.5em 1em;
186
+ --vb-form-control-padding-sm: 0.25em 0.75em;
187
+ --vb-form-control-padding-lg: 0.648rem 1.5rem;
188
+ --vb-form-control-size: 2.5rem;
189
+ --vb-form-control-size-sm: 1.875rem;
190
+ --vb-form-control-size-lg: 3.125rem;
191
+ --vb-transition-duration: 0.3s;
192
+ --vb-transition-duration-short: 0.15s;
193
+ --vb-transition-duration-long: 0.6s;
194
+ --vb-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
195
+ }
196
+
197
+ /*# sourceMappingURL=root.css.map */
package/dev/root.css.map ADDED
@@ -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;EC/CI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ACiJJ;EDjJI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EC+HF;;;AAgCE;EAVJ;IDrJI;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IC+HF;;;;AAyCE;EDxKA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EC+HF;;;AC3NJ;EF4FM;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","file":"root.css"}