@uninspired/cookie-banner 0.0.1 → 0.0.2
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/react/index.cjs +4089 -0
- package/dist/react/index.js +4072 -0
- package/dist/react/style.css +387 -0
- package/dist/script/index.cjs +45 -0
- package/dist/script/index.js +3112 -0
- package/dist/script/theme.css +94 -0
- package/package.json +28 -6
- package/dist/component.js +0 -4
- package/dist/index-BfHatbv4.js +0 -3653
- package/dist/script.js +0 -16
- /package/dist/{component.d.ts → react/index.d.ts} +0 -0
- /package/dist/{theme.css → react/theme.css} +0 -0
- /package/dist/{script.d.ts → script/index.d.ts} +0 -0
- /package/dist/{style.css → script/style.css} +0 -0
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
/* Colors */
|
|
3
|
+
/* Base */
|
|
4
|
+
--cb-color-neutral-0: rgb(255, 255, 255);
|
|
5
|
+
--cb-color-neutral-50: rgb(250, 250, 250);
|
|
6
|
+
--cb-color-neutral-100: rgb(245, 245, 245);
|
|
7
|
+
--cb-color-neutral-200: rgb(229, 229, 229);
|
|
8
|
+
--cb-color-neutral-300: rgb(212, 212, 212);
|
|
9
|
+
--cb-color-neutral-400: rgb(163, 163, 163);
|
|
10
|
+
--cb-color-neutral-500: rgb(115, 115, 115);
|
|
11
|
+
--cb-color-neutral-600: rgb(82, 82, 82);
|
|
12
|
+
--cb-color-neutral-700: rgb(64, 64, 64);
|
|
13
|
+
--cb-color-neutral-800: rgb(38, 38, 38);
|
|
14
|
+
--cb-color-neutral-900: rgb(23, 23, 23);
|
|
15
|
+
--cb-color-neutral-950: rgb(10, 10, 10);
|
|
16
|
+
|
|
17
|
+
--cb-color-brand-50: rgb(236, 253, 245);
|
|
18
|
+
--cb-color-brand-100: rgb(209, 250, 229);
|
|
19
|
+
--cb-color-brand-200: rgb(167, 243, 208);
|
|
20
|
+
--cb-color-brand-300: rgb(110, 231, 183);
|
|
21
|
+
--cb-color-brand-400: rgb(52, 211, 153);
|
|
22
|
+
--cb-color-brand-500: rgb(16, 185, 129);
|
|
23
|
+
--cb-color-brand-600: rgb(5, 150, 105);
|
|
24
|
+
--cb-color-brand-700: rgb(4, 120, 87);
|
|
25
|
+
--cb-color-brand-800: rgb(6, 95, 70);
|
|
26
|
+
--cb-color-brand-900: rgb(6, 78, 59);
|
|
27
|
+
|
|
28
|
+
--cb-space-base: 4px;
|
|
29
|
+
--cb-space-xs: calc(var(--cb-space-base) * 1);
|
|
30
|
+
--cb-space-sm: calc(var(--cb-space-base) * 2);
|
|
31
|
+
--cb-space-md: calc(var(--cb-space-base) * 4);
|
|
32
|
+
--cb-space-lg: calc(var(--cb-space-base) * 6);
|
|
33
|
+
--cb-space-xl: calc(var(--cb-space-base) * 12);
|
|
34
|
+
|
|
35
|
+
/* Typography */
|
|
36
|
+
--cb-font-family-body: "Nunito Sans", sans-serif;
|
|
37
|
+
--cb-font-size-body: 14px;
|
|
38
|
+
--cb-font-weight-body-normal: 400;
|
|
39
|
+
--cb-font-weight-body-bold: 500;
|
|
40
|
+
--cb-line-height-body: 20px;
|
|
41
|
+
--cb-letter-spacing-body: 0em;
|
|
42
|
+
|
|
43
|
+
--cb-font-family-caption: "Nunito Sans", sans-serif;
|
|
44
|
+
--cb-font-size-caption: 12px;
|
|
45
|
+
--cb-font-weight-caption-normal: 400;
|
|
46
|
+
--cb-font-weight-caption-bold: 500;
|
|
47
|
+
--cb-line-height-caption: 16px;
|
|
48
|
+
--cb-letter-spacing-caption: 0em;
|
|
49
|
+
|
|
50
|
+
/* Radius */
|
|
51
|
+
--cb-radius-base: 6px;
|
|
52
|
+
--cb-radius-sm: calc(var(--cb-radius-base) * 1);
|
|
53
|
+
--cb-radius-md: calc(var(--cb-radius-base) * 2);
|
|
54
|
+
--cb-radius-lg: calc(var(--cb-radius-base) * 3);
|
|
55
|
+
|
|
56
|
+
/* Shadow */
|
|
57
|
+
--cb-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
58
|
+
--cb-shadow-md:
|
|
59
|
+
0 4px 16px -2px rgb(0 0 0 / 0.08), 0 2px 4px -1px rgb(0 0 0 / 0.08);
|
|
60
|
+
--cb-shadow-lg:
|
|
61
|
+
0 12px 32px -4px rgb(0 0 0 / 0.08), 0 4px 8px -2px rgb(0 0 0 / 0.08);
|
|
62
|
+
|
|
63
|
+
/* Sizes */
|
|
64
|
+
--cb-size-banner-max-width: 448px;
|
|
65
|
+
--cb-size-settings-max-height: 448px;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
@media (prefers-color-scheme: dark) {
|
|
69
|
+
:root {
|
|
70
|
+
--cb-color-neutral-0: rgb(10, 10, 10);
|
|
71
|
+
--cb-color-neutral-50: rgb(23, 23, 23);
|
|
72
|
+
--cb-color-neutral-100: rgb(38, 38, 38);
|
|
73
|
+
--cb-color-neutral-200: rgb(64, 64, 64);
|
|
74
|
+
--cb-color-neutral-300: rgb(82, 82, 82);
|
|
75
|
+
--cb-color-neutral-400: rgb(115, 115, 115);
|
|
76
|
+
--cb-color-neutral-500: rgb(163, 163, 163);
|
|
77
|
+
--cb-color-neutral-600: rgb(212, 212, 212);
|
|
78
|
+
--cb-color-neutral-700: rgb(229, 229, 229);
|
|
79
|
+
--cb-color-neutral-800: rgb(245, 245, 245);
|
|
80
|
+
--cb-color-neutral-900: rgb(250, 250, 250);
|
|
81
|
+
--cb-color-neutral-950: rgb(255, 255, 255);
|
|
82
|
+
|
|
83
|
+
--cb-color-brand-50: rgb(15, 41, 30);
|
|
84
|
+
--cb-color-brand-100: rgb(17, 49, 35);
|
|
85
|
+
--cb-color-brand-200: rgb(19, 57, 41);
|
|
86
|
+
--cb-color-brand-300: rgb(22, 68, 48);
|
|
87
|
+
--cb-color-brand-400: rgb(27, 84, 58);
|
|
88
|
+
--cb-color-brand-500: rgb(35, 110, 74);
|
|
89
|
+
--cb-color-brand-600: rgb(48, 164, 108);
|
|
90
|
+
--cb-color-brand-700: rgb(60, 177, 121);
|
|
91
|
+
--cb-color-brand-800: rgb(76, 195, 138);
|
|
92
|
+
--cb-color-brand-900: rgb(229, 251, 235);
|
|
93
|
+
}
|
|
94
|
+
}
|
package/package.json
CHANGED
|
@@ -4,10 +4,23 @@
|
|
|
4
4
|
"author": "Chris Kolb <chris@uninspired.studio>",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"private": false,
|
|
7
|
-
"version": "0.0.
|
|
7
|
+
"version": "0.0.2",
|
|
8
8
|
"type": "module",
|
|
9
9
|
"exports": {
|
|
10
|
-
"
|
|
10
|
+
"./react": {
|
|
11
|
+
"types": "./dist/react/index.d.ts",
|
|
12
|
+
"import": "./dist/react/index.js",
|
|
13
|
+
"require": "./dist/react/index.cjs"
|
|
14
|
+
},
|
|
15
|
+
"./react/style.css": "./dist/react/style.css",
|
|
16
|
+
"./react/theme.css": "./dist/react/theme.css",
|
|
17
|
+
"./script": {
|
|
18
|
+
"types": "./dist/script/index.d.ts",
|
|
19
|
+
"import": "./dist/script/index.js",
|
|
20
|
+
"require": "./dist/script/index.cjs"
|
|
21
|
+
},
|
|
22
|
+
"./script/style.css": "./dist/script/style.css",
|
|
23
|
+
"./script/theme.css": "./dist/script/theme.css"
|
|
11
24
|
},
|
|
12
25
|
"files": [
|
|
13
26
|
"dist",
|
|
@@ -15,23 +28,32 @@
|
|
|
15
28
|
"README.md"
|
|
16
29
|
],
|
|
17
30
|
"scripts": {
|
|
18
|
-
"dev": "bunx --bun vite",
|
|
31
|
+
"dev": "bunx --bun vite -c vite.config.dev.ts",
|
|
32
|
+
"build:script": "bunx --bun vite build -c vite.config.script.ts",
|
|
33
|
+
"build:react": "bunx --bun vite build -c vite.config.react.ts",
|
|
19
34
|
"build:safe": "tsc -b && bunx --bun vite build",
|
|
20
|
-
"build": "
|
|
35
|
+
"build": "bun run build:script && bun run build:react",
|
|
21
36
|
"preview": "bunx --bun vite preview"
|
|
22
37
|
},
|
|
38
|
+
"peerDependencies": {
|
|
39
|
+
"react": "^19",
|
|
40
|
+
"react-dom": "^19"
|
|
41
|
+
},
|
|
23
42
|
"dependencies": {
|
|
24
43
|
"@radix-ui/react-accordion": "^1.2.12",
|
|
25
44
|
"@radix-ui/react-collapsible": "^1.1.12",
|
|
26
45
|
"@radix-ui/react-dialog": "^1.1.15",
|
|
27
46
|
"@radix-ui/react-switch": "^1.2.6",
|
|
28
47
|
"lucide-react": "^0.575.0",
|
|
29
|
-
"preact": "^10.
|
|
48
|
+
"preact": "^10.28.4",
|
|
30
49
|
"zod": "^4.3.6"
|
|
31
50
|
},
|
|
32
51
|
"devDependencies": {
|
|
33
|
-
"@preact/preset-vite": "^2.10.
|
|
52
|
+
"@preact/preset-vite": "^2.10.3",
|
|
53
|
+
"@types/bun": "^1.3.9",
|
|
34
54
|
"@types/node": "^24.10.1",
|
|
55
|
+
"@types/react": "^19",
|
|
56
|
+
"@types/react-dom": "^19",
|
|
35
57
|
"typescript": "~5.9.3",
|
|
36
58
|
"vite": "^7.3.1",
|
|
37
59
|
"vite-plugin-dts": "^4.5.4"
|
package/dist/component.js
DELETED