@c15t/react 0.0.1-rc.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.md +595 -0
- package/README.md +55 -0
- package/dist/components/consent-manager-dialog/__tests__/styles.spec.cjs +223 -0
- package/dist/components/consent-manager-dialog/__tests__/styles.spec.d.ts +2 -0
- package/dist/components/consent-manager-dialog/__tests__/styles.spec.d.ts.map +1 -0
- package/dist/components/consent-manager-dialog/__tests__/styles.spec.js +188 -0
- package/dist/components/consent-manager-dialog/__tests__/utils.cjs +68 -0
- package/dist/components/consent-manager-dialog/__tests__/utils.d.ts +13 -0
- package/dist/components/consent-manager-dialog/__tests__/utils.d.ts.map +1 -0
- package/dist/components/consent-manager-dialog/__tests__/utils.js +34 -0
- package/dist/components/consent-manager-dialog/atoms/dialog-card.cjs +154 -0
- package/dist/components/consent-manager-dialog/atoms/dialog-card.d.ts +90 -0
- package/dist/components/consent-manager-dialog/atoms/dialog-card.d.ts.map +1 -0
- package/dist/components/consent-manager-dialog/atoms/dialog-card.js +95 -0
- package/dist/components/consent-manager-dialog/atoms/overlay.cjs +86 -0
- package/dist/components/consent-manager-dialog/atoms/overlay.d.ts +71 -0
- package/dist/components/consent-manager-dialog/atoms/overlay.d.ts.map +1 -0
- package/dist/components/consent-manager-dialog/atoms/overlay.js +37 -0
- package/dist/components/consent-manager-dialog/consent-manager-dialog.cjs +148 -0
- package/dist/components/consent-manager-dialog/consent-manager-dialog.d.ts +40 -0
- package/dist/components/consent-manager-dialog/consent-manager-dialog.d.ts.map +1 -0
- package/dist/components/consent-manager-dialog/consent-manager-dialog.js +100 -0
- package/dist/components/consent-manager-dialog/consent-manager-dialog.module.cjs +50 -0
- package/dist/components/consent-manager-dialog/consent-manager-dialog.module.js +16 -0
- package/dist/components/consent-manager-dialog/consent-manager-dialog_module.css +202 -0
- package/dist/components/consent-manager-dialog/index.cjs +51 -0
- package/dist/components/consent-manager-dialog/index.d.ts +4 -0
- package/dist/components/consent-manager-dialog/index.d.ts.map +1 -0
- package/dist/components/consent-manager-dialog/index.js +18 -0
- package/dist/components/consent-manager-dialog/theme.cjs +19 -0
- package/dist/components/consent-manager-dialog/theme.d.ts +19 -0
- package/dist/components/consent-manager-dialog/theme.d.ts.map +1 -0
- package/dist/components/consent-manager-dialog/theme.js +0 -0
- package/dist/components/consent-manager-widget/__tests__/styles.spec.cjs +228 -0
- package/dist/components/consent-manager-widget/__tests__/styles.spec.d.ts +2 -0
- package/dist/components/consent-manager-widget/__tests__/styles.spec.d.ts.map +1 -0
- package/dist/components/consent-manager-widget/__tests__/styles.spec.js +193 -0
- package/dist/components/consent-manager-widget/__tests__/utils.cjs +68 -0
- package/dist/components/consent-manager-widget/__tests__/utils.d.ts +13 -0
- package/dist/components/consent-manager-widget/__tests__/utils.d.ts.map +1 -0
- package/dist/components/consent-manager-widget/__tests__/utils.js +34 -0
- package/dist/components/consent-manager-widget/atoms/accordion.cjs +169 -0
- package/dist/components/consent-manager-widget/atoms/accordion.d.ts +57 -0
- package/dist/components/consent-manager-widget/atoms/accordion.d.ts.map +1 -0
- package/dist/components/consent-manager-widget/atoms/accordion.js +106 -0
- package/dist/components/consent-manager-widget/atoms/button.cjs +93 -0
- package/dist/components/consent-manager-widget/atoms/button.d.ts +27 -0
- package/dist/components/consent-manager-widget/atoms/button.d.ts.map +1 -0
- package/dist/components/consent-manager-widget/atoms/button.js +52 -0
- package/dist/components/consent-manager-widget/atoms/footer.cjs +74 -0
- package/dist/components/consent-manager-widget/atoms/footer.d.ts +15 -0
- package/dist/components/consent-manager-widget/atoms/footer.d.ts.map +1 -0
- package/dist/components/consent-manager-widget/atoms/footer.js +23 -0
- package/dist/components/consent-manager-widget/atoms/logo.cjs +101 -0
- package/dist/components/consent-manager-widget/atoms/logo.d.ts +8 -0
- package/dist/components/consent-manager-widget/atoms/logo.d.ts.map +1 -0
- package/dist/components/consent-manager-widget/atoms/logo.js +67 -0
- package/dist/components/consent-manager-widget/atoms/root.cjs +60 -0
- package/dist/components/consent-manager-widget/atoms/root.d.ts +82 -0
- package/dist/components/consent-manager-widget/atoms/root.d.ts.map +1 -0
- package/dist/components/consent-manager-widget/atoms/root.js +25 -0
- package/dist/components/consent-manager-widget/consent-manager-widget.cjs +96 -0
- package/dist/components/consent-manager-widget/consent-manager-widget.d.ts +44 -0
- package/dist/components/consent-manager-widget/consent-manager-widget.d.ts.map +1 -0
- package/dist/components/consent-manager-widget/consent-manager-widget.js +62 -0
- package/dist/components/consent-manager-widget/consent-manager-widget.module.cjs +61 -0
- package/dist/components/consent-manager-widget/consent-manager-widget.module.js +27 -0
- package/dist/components/consent-manager-widget/consent-manager-widget_module.css +337 -0
- package/dist/components/consent-manager-widget/index.cjs +69 -0
- package/dist/components/consent-manager-widget/index.d.ts +11 -0
- package/dist/components/consent-manager-widget/index.d.ts.map +1 -0
- package/dist/components/consent-manager-widget/index.js +36 -0
- package/dist/components/consent-manager-widget/theme.cjs +19 -0
- package/dist/components/consent-manager-widget/theme.d.ts +50 -0
- package/dist/components/consent-manager-widget/theme.d.ts.map +1 -0
- package/dist/components/consent-manager-widget/theme.js +0 -0
- package/dist/components/consent-manager-widget/types.cjs +19 -0
- package/dist/components/consent-manager-widget/types.d.ts +18 -0
- package/dist/components/consent-manager-widget/types.d.ts.map +1 -0
- package/dist/components/consent-manager-widget/types.js +0 -0
- package/dist/components/cookie-banner/__tests__/styles.spec.cjs +241 -0
- package/dist/components/cookie-banner/__tests__/styles.spec.d.ts +2 -0
- package/dist/components/cookie-banner/__tests__/styles.spec.d.ts.map +1 -0
- package/dist/components/cookie-banner/__tests__/styles.spec.js +206 -0
- package/dist/components/cookie-banner/__tests__/utils.cjs +67 -0
- package/dist/components/cookie-banner/__tests__/utils.d.ts +13 -0
- package/dist/components/cookie-banner/__tests__/utils.d.ts.map +1 -0
- package/dist/components/cookie-banner/__tests__/utils.js +33 -0
- package/dist/components/cookie-banner/atoms/overlay.cjs +89 -0
- package/dist/components/cookie-banner/atoms/overlay.d.ts +46 -0
- package/dist/components/cookie-banner/atoms/overlay.d.ts.map +1 -0
- package/dist/components/cookie-banner/atoms/overlay.js +40 -0
- package/dist/components/cookie-banner/atoms/root.cjs +132 -0
- package/dist/components/cookie-banner/atoms/root.d.ts +93 -0
- package/dist/components/cookie-banner/atoms/root.d.ts.map +1 -0
- package/dist/components/cookie-banner/atoms/root.js +83 -0
- package/dist/components/cookie-banner/components.cjs +186 -0
- package/dist/components/cookie-banner/components.d.ts +136 -0
- package/dist/components/cookie-banner/components.d.ts.map +1 -0
- package/dist/components/cookie-banner/components.js +121 -0
- package/dist/components/cookie-banner/cookie-banner.cjs +100 -0
- package/dist/components/cookie-banner/cookie-banner.d.ts +144 -0
- package/dist/components/cookie-banner/cookie-banner.d.ts.map +1 -0
- package/dist/components/cookie-banner/cookie-banner.js +66 -0
- package/dist/components/cookie-banner/cookie-banner.module.cjs +55 -0
- package/dist/components/cookie-banner/cookie-banner.module.js +21 -0
- package/dist/components/cookie-banner/cookie-banner_module.css +224 -0
- package/dist/components/cookie-banner/error-boundary.cjs +68 -0
- package/dist/components/cookie-banner/error-boundary.d.ts +56 -0
- package/dist/components/cookie-banner/error-boundary.d.ts.map +1 -0
- package/dist/components/cookie-banner/error-boundary.js +34 -0
- package/dist/components/cookie-banner/index.cjs +59 -0
- package/dist/components/cookie-banner/index.d.ts +52 -0
- package/dist/components/cookie-banner/index.d.ts.map +1 -0
- package/dist/components/cookie-banner/index.js +26 -0
- package/dist/components/cookie-banner/theme.cjs +19 -0
- package/dist/components/cookie-banner/theme.d.ts +71 -0
- package/dist/components/cookie-banner/theme.d.ts.map +1 -0
- package/dist/components/cookie-banner/theme.js +0 -0
- package/dist/components/shared/libs/polymorphic.cjs +19 -0
- package/dist/components/shared/libs/polymorphic.d.ts +15 -0
- package/dist/components/shared/libs/polymorphic.d.ts.map +1 -0
- package/dist/components/shared/libs/polymorphic.js +0 -0
- package/dist/components/shared/libs/recursive-clone-children.cjs +49 -0
- package/dist/components/shared/libs/recursive-clone-children.d.ts +14 -0
- package/dist/components/shared/libs/recursive-clone-children.d.ts.map +1 -0
- package/dist/components/shared/libs/recursive-clone-children.js +15 -0
- package/dist/components/shared/primitives/box.cjs +54 -0
- package/dist/components/shared/primitives/box.d.ts +47 -0
- package/dist/components/shared/primitives/box.d.ts.map +1 -0
- package/dist/components/shared/primitives/box.js +20 -0
- package/dist/components/shared/primitives/button.cjs +96 -0
- package/dist/components/shared/primitives/button.d.ts +207 -0
- package/dist/components/shared/primitives/button.d.ts.map +1 -0
- package/dist/components/shared/primitives/button.js +62 -0
- package/dist/components/shared/primitives/button.types.cjs +19 -0
- package/dist/components/shared/primitives/button.types.d.ts +35 -0
- package/dist/components/shared/primitives/button.types.d.ts.map +1 -0
- package/dist/components/shared/primitives/button.types.js +0 -0
- package/dist/components/shared/ui/accordion/accordion.cjs +219 -0
- package/dist/components/shared/ui/accordion/accordion.d.ts +44 -0
- package/dist/components/shared/ui/accordion/accordion.d.ts.map +1 -0
- package/dist/components/shared/ui/accordion/accordion.js +165 -0
- package/dist/components/shared/ui/accordion/accordion.module.cjs +49 -0
- package/dist/components/shared/ui/accordion/accordion.module.js +15 -0
- package/dist/components/shared/ui/accordion/accordion.types.cjs +19 -0
- package/dist/components/shared/ui/accordion/accordion.types.d.ts +74 -0
- package/dist/components/shared/ui/accordion/accordion.types.d.ts.map +1 -0
- package/dist/components/shared/ui/accordion/accordion.types.js +0 -0
- package/dist/components/shared/ui/accordion/accordion_module.css +197 -0
- package/dist/components/shared/ui/accordion/index.cjs +76 -0
- package/dist/components/shared/ui/accordion/index.d.ts +3 -0
- package/dist/components/shared/ui/accordion/index.d.ts.map +1 -0
- package/dist/components/shared/ui/accordion/index.js +2 -0
- package/dist/components/shared/ui/button/button.cjs +199 -0
- package/dist/components/shared/ui/button/button.d.ts +444 -0
- package/dist/components/shared/ui/button/button.d.ts.map +1 -0
- package/dist/components/shared/ui/button/button.js +149 -0
- package/dist/components/shared/ui/button/button.module.cjs +65 -0
- package/dist/components/shared/ui/button/button.module.js +31 -0
- package/dist/components/shared/ui/button/button.types.cjs +19 -0
- package/dist/components/shared/ui/button/button.types.d.ts +45 -0
- package/dist/components/shared/ui/button/button.types.d.ts.map +1 -0
- package/dist/components/shared/ui/button/button.types.js +0 -0
- package/dist/components/shared/ui/button/button_module.css +247 -0
- package/dist/components/shared/ui/button/index.cjs +76 -0
- package/dist/components/shared/ui/button/index.d.ts +3 -0
- package/dist/components/shared/ui/button/index.d.ts.map +1 -0
- package/dist/components/shared/ui/button/index.js +2 -0
- package/dist/components/shared/ui/icon.cjs +57 -0
- package/dist/components/shared/ui/icon.d.ts +8 -0
- package/dist/components/shared/ui/icon.d.ts.map +1 -0
- package/dist/components/shared/ui/icon.js +23 -0
- package/dist/components/shared/ui/logo.cjs +101 -0
- package/dist/components/shared/ui/logo.d.ts +8 -0
- package/dist/components/shared/ui/logo.d.ts.map +1 -0
- package/dist/components/shared/ui/logo.js +67 -0
- package/dist/components/shared/ui/switch/index.cjs +76 -0
- package/dist/components/shared/ui/switch/index.d.ts +3 -0
- package/dist/components/shared/ui/switch/index.d.ts.map +1 -0
- package/dist/components/shared/ui/switch/index.js +2 -0
- package/dist/components/shared/ui/switch/switch.cjs +95 -0
- package/dist/components/shared/ui/switch/switch.d.ts +24 -0
- package/dist/components/shared/ui/switch/switch.d.ts.map +1 -0
- package/dist/components/shared/ui/switch/switch.js +47 -0
- package/dist/components/shared/ui/switch/switch.module.cjs +45 -0
- package/dist/components/shared/ui/switch/switch.module.js +11 -0
- package/dist/components/shared/ui/switch/switch.types.cjs +19 -0
- package/dist/components/shared/ui/switch/switch.types.d.ts +34 -0
- package/dist/components/shared/ui/switch/switch.types.d.ts.map +1 -0
- package/dist/components/shared/ui/switch/switch.types.js +0 -0
- package/dist/components/shared/ui/switch/switch_module.css +183 -0
- package/dist/context/consent-manager-context.cjs +38 -0
- package/dist/context/consent-manager-context.d.ts +13 -0
- package/dist/context/consent-manager-context.d.ts.map +1 -0
- package/dist/context/consent-manager-context.js +4 -0
- package/dist/context/theme-context.cjs +40 -0
- package/dist/context/theme-context.d.ts +102 -0
- package/dist/context/theme-context.d.ts.map +1 -0
- package/dist/context/theme-context.js +5 -0
- package/dist/hooks/index.cjs +94 -0
- package/dist/hooks/index.d.ts +5 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/index.js +4 -0
- package/dist/hooks/use-consent-manager.cjs +45 -0
- package/dist/hooks/use-consent-manager.d.ts +61 -0
- package/dist/hooks/use-consent-manager.d.ts.map +1 -0
- package/dist/hooks/use-consent-manager.js +11 -0
- package/dist/hooks/use-focus-trap.cjs +76 -0
- package/dist/hooks/use-focus-trap.d.ts +15 -0
- package/dist/hooks/use-focus-trap.d.ts.map +1 -0
- package/dist/hooks/use-focus-trap.js +42 -0
- package/dist/hooks/use-scroll-lock.cjs +55 -0
- package/dist/hooks/use-scroll-lock.d.ts +26 -0
- package/dist/hooks/use-scroll-lock.d.ts.map +1 -0
- package/dist/hooks/use-scroll-lock.js +21 -0
- package/dist/hooks/use-theme.cjs +56 -0
- package/dist/hooks/use-theme.d.ts +2 -0
- package/dist/hooks/use-theme.d.ts.map +1 -0
- package/dist/hooks/use-theme.js +22 -0
- package/dist/hooks/use-translations.cjs +58 -0
- package/dist/hooks/use-translations.d.ts +29 -0
- package/dist/hooks/use-translations.d.ts.map +1 -0
- package/dist/hooks/use-translations.js +24 -0
- package/dist/index.cjs +101 -0
- package/dist/index.d.ts +16 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +12 -0
- package/dist/providers/consent-manager-provider.cjs +110 -0
- package/dist/providers/consent-manager-provider.d.ts +16 -0
- package/dist/providers/consent-manager-provider.d.ts.map +1 -0
- package/dist/providers/consent-manager-provider.js +76 -0
- package/dist/types/consent-manager.cjs +19 -0
- package/dist/types/consent-manager.d.ts +120 -0
- package/dist/types/consent-manager.d.ts.map +1 -0
- package/dist/types/consent-manager.js +0 -0
- package/dist/types/theme/index.cjs +76 -0
- package/dist/types/theme/index.d.ts +3 -0
- package/dist/types/theme/index.d.ts.map +1 -0
- package/dist/types/theme/index.js +2 -0
- package/dist/types/theme/style-keys.cjs +19 -0
- package/dist/types/theme/style-keys.d.ts +14 -0
- package/dist/types/theme/style-keys.d.ts.map +1 -0
- package/dist/types/theme/style-keys.js +0 -0
- package/dist/types/theme/style-types.cjs +19 -0
- package/dist/types/theme/style-types.d.ts +34 -0
- package/dist/types/theme/style-types.d.ts.map +1 -0
- package/dist/types/theme/style-types.js +0 -0
- package/dist/utils/cn.cjs +55 -0
- package/dist/utils/cn.d.ts +11 -0
- package/dist/utils/cn.d.ts.map +1 -0
- package/dist/utils/cn.js +6 -0
- package/dist/utils/merge-styles.cjs +62 -0
- package/dist/utils/merge-styles.d.ts +11 -0
- package/dist/utils/merge-styles.d.ts.map +1 -0
- package/dist/utils/merge-styles.js +28 -0
- package/dist/utils/translations.cjs +86 -0
- package/dist/utils/translations.d.ts +14 -0
- package/dist/utils/translations.d.ts.map +1 -0
- package/dist/utils/translations.js +50 -0
- package/dist/utils/use-styles.cjs +95 -0
- package/dist/utils/use-styles.d.ts +32 -0
- package/dist/utils/use-styles.d.ts.map +1 -0
- package/dist/utils/use-styles.js +61 -0
- package/package.json +90 -0
|
@@ -0,0 +1,224 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
isolation: isolate;
|
|
3
|
+
-webkit-text-size-adjust: 100%;
|
|
4
|
+
tab-size: 4;
|
|
5
|
+
--banner-border-radius-sm: .3125rem;
|
|
6
|
+
--banner-border-radius: 1.25rem;
|
|
7
|
+
--banner-max-width: 440px;
|
|
8
|
+
--banner-entry-animation: c15t-enter-OSOPL .15s ease-out;
|
|
9
|
+
--banner-exit-animation: c15t-exit-PbMtf .15s ease-out;
|
|
10
|
+
--banner-border-width: 1px;
|
|
11
|
+
--banner-shadow: 0 16px 32px -12px #0e121b1a;
|
|
12
|
+
--banner-shadow-dark: 0 16px 32px -12px #0e121b1a;
|
|
13
|
+
--banner-background-color: #fff;
|
|
14
|
+
--banner-background-color-dark: hsl(0 0% 9.02);
|
|
15
|
+
--banner-footer-background-color: #f7f7f7;
|
|
16
|
+
--banner-footer-background-color-dark: #1c1c1c;
|
|
17
|
+
--banner-text-color: hsl(0 0% 9.02);
|
|
18
|
+
--banner-text-color-dark: #e6e6e6;
|
|
19
|
+
--banner-border-color: #ebebeb;
|
|
20
|
+
--banner-border-color-dark: #333;
|
|
21
|
+
--banner-title-color: hsl(0 0% 9.02);
|
|
22
|
+
--banner-title-color-dark: #e6e6e6;
|
|
23
|
+
--banner-description-color: #5c5c5c;
|
|
24
|
+
--banner-description-color-dark: #999;
|
|
25
|
+
--banner-overlay-background-color: #00000080;
|
|
26
|
+
--banner-overlay-background-color-dark: #00000080;
|
|
27
|
+
font-family: system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
|
|
28
|
+
line-height: 1.15;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.c15t-root-tnx7V {
|
|
32
|
+
z-index: 999999998;
|
|
33
|
+
flex-direction: column;
|
|
34
|
+
width: 100%;
|
|
35
|
+
padding: 1rem;
|
|
36
|
+
display: flex;
|
|
37
|
+
position: fixed;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
@media (width >= 640px) {
|
|
41
|
+
.c15t-root-tnx7V {
|
|
42
|
+
width: auto;
|
|
43
|
+
padding: 1.5rem;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.c15t-bottomLeft-wv7ez {
|
|
48
|
+
bottom: 0;
|
|
49
|
+
left: 0;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.c15t-bottomRight-Oibp8 {
|
|
53
|
+
bottom: 0;
|
|
54
|
+
right: 0;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.c15t-topLeft-JJ9D6 {
|
|
58
|
+
top: 0;
|
|
59
|
+
left: 0;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.c15t-topRight-A6dOV {
|
|
63
|
+
top: 0;
|
|
64
|
+
right: 0;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.c15t-card-MOqQY {
|
|
68
|
+
width: 100%;
|
|
69
|
+
max-width: var(--banner-max-width);
|
|
70
|
+
border-radius: var(--banner-border-radius);
|
|
71
|
+
border-width: var(--banner-border-width);
|
|
72
|
+
border-color: var(--banner-border-color);
|
|
73
|
+
background-color: var(--banner-background-color);
|
|
74
|
+
box-shadow: var(--banner-shadow);
|
|
75
|
+
position: relative;
|
|
76
|
+
overflow: hidden;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.dark .c15t-card-MOqQY {
|
|
80
|
+
background-color: var(--banner-background-color-dark);
|
|
81
|
+
border-color: var(--banner-border-color-dark);
|
|
82
|
+
box-shadow: var(--banner-shadow-dark);
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.c15t-card-MOqQY[data-state="open"] {
|
|
86
|
+
animation: var(--banner-entry-animation);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.c15t-card-MOqQY[data-state="closed"] {
|
|
90
|
+
animation: var(--banner-exit-animation);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.c15t-card-MOqQY > :not([hidden]) ~ :not([hidden]) {
|
|
94
|
+
border-top-width: var(--banner-border-width);
|
|
95
|
+
border-color: var(--banner-border-color);
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.dark .c15t-card-MOqQY > :not([hidden]) ~ :not([hidden]) {
|
|
99
|
+
border-color: var(--banner-border-color-dark);
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.c15t-card-MOqQY:focus {
|
|
103
|
+
outline-offset: 2px;
|
|
104
|
+
outline: none;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
@keyframes c15t-enter-OSOPL {
|
|
108
|
+
from {
|
|
109
|
+
opacity: 0;
|
|
110
|
+
transform: scale(.95);
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
to {
|
|
114
|
+
opacity: 1;
|
|
115
|
+
transform: scale(1);
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
@keyframes c15t-exit-PbMtf {
|
|
120
|
+
from {
|
|
121
|
+
opacity: 1;
|
|
122
|
+
transform: scale(1);
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
to {
|
|
126
|
+
opacity: 0;
|
|
127
|
+
transform: scale(.95);
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.c15t-rejectButton-qP3hZ, .c15t-acceptButton-zReyG, .c15t-customizeButton-ZjdG0 {
|
|
132
|
+
width: 100%;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
@media (width >= 640px) {
|
|
136
|
+
.c15t-rejectButton-qP3hZ, .c15t-acceptButton-zReyG, .c15t-customizeButton-ZjdG0 {
|
|
137
|
+
width: auto;
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.c15t-header-X6bpE {
|
|
142
|
+
color: var(--banner-text-color);
|
|
143
|
+
flex-direction: column;
|
|
144
|
+
padding: 1rem;
|
|
145
|
+
display: flex;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.dark .c15t-header-X6bpE {
|
|
149
|
+
color: var(--banner-text-color-dark);
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
@media (width >= 640px) {
|
|
153
|
+
.c15t-header-X6bpE {
|
|
154
|
+
padding: 1.5rem;
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
.c15t-header-X6bpE > :not([hidden]) ~ :not([hidden]) {
|
|
159
|
+
--banner-space-y-reverse: 0;
|
|
160
|
+
margin-top: calc(.5rem * calc(1 - var(--banner-space-y-reverse)));
|
|
161
|
+
margin-bottom: calc(.5rem * var(--banner-space-y-reverse));
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
.c15t-footer-wS150 {
|
|
165
|
+
background-color: var(--banner-footer-background-color);
|
|
166
|
+
flex-direction: column;
|
|
167
|
+
justify-content: space-between;
|
|
168
|
+
gap: .75rem;
|
|
169
|
+
padding: 1rem 1.25rem;
|
|
170
|
+
display: flex;
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
.dark .c15t-footer-wS150 {
|
|
174
|
+
background-color: var(--banner-footer-background-color-dark);
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
@media (width >= 640px) {
|
|
178
|
+
.c15t-footer-wS150 {
|
|
179
|
+
flex-direction: row;
|
|
180
|
+
}
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
.c15t-footerSubGroup-HbTp3 {
|
|
184
|
+
flex-direction: row;
|
|
185
|
+
justify-content: space-between;
|
|
186
|
+
gap: 1rem;
|
|
187
|
+
display: flex;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
.c15t-description-jP5LU {
|
|
191
|
+
letter-spacing: -.006em;
|
|
192
|
+
color: var(--banner-description-color);
|
|
193
|
+
font-size: .875rem;
|
|
194
|
+
font-weight: 400;
|
|
195
|
+
line-height: 1.25rem;
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
.dark .c15t-description-jP5LU {
|
|
199
|
+
color: var(--banner-description-color-dark);
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
.c15t-title-qr_tp {
|
|
203
|
+
letter-spacing: -.011em;
|
|
204
|
+
color: var(--banner-title-color);
|
|
205
|
+
font-size: 1rem;
|
|
206
|
+
font-weight: 500;
|
|
207
|
+
line-height: 1.5rem;
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
.dark .c15t-title-qr_tp {
|
|
211
|
+
color: var(--banner-title-color-dark);
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
.c15t-overlay-Y8QYV {
|
|
215
|
+
background-color: var(--banner-overlay-background-color);
|
|
216
|
+
z-index: 999999997;
|
|
217
|
+
position: fixed;
|
|
218
|
+
inset: 0;
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
.dark .c15t-overlay-Y8QYV {
|
|
222
|
+
background-color: var(--banner-overlay-background-color-dark);
|
|
223
|
+
}
|
|
224
|
+
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";
|
|
3
|
+
var __webpack_require__ = {};
|
|
4
|
+
(()=>{
|
|
5
|
+
__webpack_require__.d = function(exports1, definition) {
|
|
6
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: definition[key]
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
})();
|
|
12
|
+
(()=>{
|
|
13
|
+
__webpack_require__.o = function(obj, prop) {
|
|
14
|
+
return Object.prototype.hasOwnProperty.call(obj, prop);
|
|
15
|
+
};
|
|
16
|
+
})();
|
|
17
|
+
(()=>{
|
|
18
|
+
__webpack_require__.r = function(exports1) {
|
|
19
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
20
|
+
value: 'Module'
|
|
21
|
+
});
|
|
22
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
23
|
+
value: true
|
|
24
|
+
});
|
|
25
|
+
};
|
|
26
|
+
})();
|
|
27
|
+
var __webpack_exports__ = {};
|
|
28
|
+
__webpack_require__.r(__webpack_exports__);
|
|
29
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
30
|
+
ErrorBoundary: ()=>ErrorBoundary
|
|
31
|
+
});
|
|
32
|
+
const external_react_namespaceObject = require("react");
|
|
33
|
+
class ErrorBoundary extends external_react_namespaceObject.Component {
|
|
34
|
+
constructor(props){
|
|
35
|
+
super(props);
|
|
36
|
+
this.state = {
|
|
37
|
+
hasError: false,
|
|
38
|
+
error: null,
|
|
39
|
+
errorInfo: null
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
static getDerivedStateFromError(error) {
|
|
43
|
+
return {
|
|
44
|
+
hasError: true,
|
|
45
|
+
error,
|
|
46
|
+
errorInfo: null
|
|
47
|
+
};
|
|
48
|
+
}
|
|
49
|
+
componentDidCatch(error, errorInfo) {
|
|
50
|
+
this.setState({
|
|
51
|
+
error,
|
|
52
|
+
errorInfo
|
|
53
|
+
});
|
|
54
|
+
console.error('Uncaught error:', error, errorInfo);
|
|
55
|
+
}
|
|
56
|
+
render() {
|
|
57
|
+
if (this.state.hasError) {
|
|
58
|
+
if ('function' == typeof this.props.fallback) return this.props.fallback(this.state.error, this.state.errorInfo);
|
|
59
|
+
return this.props.fallback;
|
|
60
|
+
}
|
|
61
|
+
return this.props.children;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
var __webpack_export_target__ = exports;
|
|
65
|
+
for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
66
|
+
if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
|
|
67
|
+
value: true
|
|
68
|
+
});
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { Component, type ErrorInfo, type ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Props for the ErrorBoundary component.
|
|
4
|
+
*
|
|
5
|
+
* @public
|
|
6
|
+
*/
|
|
7
|
+
interface ErrorBoundaryProps {
|
|
8
|
+
/** @remarks React elements to be rendered within the boundary */
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
/**
|
|
11
|
+
* UI to display when an error occurs.
|
|
12
|
+
*
|
|
13
|
+
* @remarks
|
|
14
|
+
* Can be either a React node or a function that receives error details and returns a React node.
|
|
15
|
+
* When provided as a function, it receives the error object and error info as arguments.
|
|
16
|
+
*/
|
|
17
|
+
fallback: ReactNode | ((error: Error, errorInfo: ErrorInfo) => ReactNode);
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Internal state for the ErrorBoundary component.
|
|
21
|
+
*
|
|
22
|
+
* @internal
|
|
23
|
+
*/
|
|
24
|
+
interface ErrorBoundaryState {
|
|
25
|
+
/** @remarks Flag indicating if an error has been caught */
|
|
26
|
+
hasError: boolean;
|
|
27
|
+
/** @remarks The caught error object, if any */
|
|
28
|
+
error: Error | null;
|
|
29
|
+
/** @remarks Additional details about the error context */
|
|
30
|
+
errorInfo: ErrorInfo | null;
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* A React component that catches JavaScript errors in its child component tree.
|
|
34
|
+
*
|
|
35
|
+
* @remarks
|
|
36
|
+
* This boundary component provides error isolation and fallback UI rendering
|
|
37
|
+
* when errors occur in its child components. It prevents the entire app from
|
|
38
|
+
* crashing and allows graceful error handling.
|
|
39
|
+
*
|
|
40
|
+
* @example
|
|
41
|
+
* ```tsx
|
|
42
|
+
* <ErrorBoundary fallback={<ErrorMessage />}>
|
|
43
|
+
* <ComponentThatMayError />
|
|
44
|
+
* </ErrorBoundary>
|
|
45
|
+
* ```
|
|
46
|
+
*
|
|
47
|
+
* @public
|
|
48
|
+
*/
|
|
49
|
+
export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
|
|
50
|
+
constructor(props: ErrorBoundaryProps);
|
|
51
|
+
static getDerivedStateFromError(error: Error): ErrorBoundaryState;
|
|
52
|
+
componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
|
|
53
|
+
render(): ReactNode;
|
|
54
|
+
}
|
|
55
|
+
export {};
|
|
56
|
+
//# sourceMappingURL=error-boundary.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../../src/components/cookie-banner/error-boundary.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE;;;;GAIG;AACH,UAAU,kBAAkB;IAC3B,iEAAiE;IACjE,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;;OAMG;IACH,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,SAAS,CAAC,CAAC;CAC1E;AAED;;;;GAIG;AACH,UAAU,kBAAkB;IAC3B,2DAA2D;IAC3D,QAAQ,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,0DAA0D;IAC1D,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,qBAAa,aAAc,SAAQ,SAAS,CAC3C,kBAAkB,EAClB,kBAAkB,CAClB;gBACY,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB;IAIjE,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAOpD,MAAM;CAWN"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
+
class ErrorBoundary extends __WEBPACK_EXTERNAL_MODULE_react__.Component {
|
|
4
|
+
constructor(props){
|
|
5
|
+
super(props);
|
|
6
|
+
this.state = {
|
|
7
|
+
hasError: false,
|
|
8
|
+
error: null,
|
|
9
|
+
errorInfo: null
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
static getDerivedStateFromError(error) {
|
|
13
|
+
return {
|
|
14
|
+
hasError: true,
|
|
15
|
+
error,
|
|
16
|
+
errorInfo: null
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
componentDidCatch(error, errorInfo) {
|
|
20
|
+
this.setState({
|
|
21
|
+
error,
|
|
22
|
+
errorInfo
|
|
23
|
+
});
|
|
24
|
+
console.error('Uncaught error:', error, errorInfo);
|
|
25
|
+
}
|
|
26
|
+
render() {
|
|
27
|
+
if (this.state.hasError) {
|
|
28
|
+
if ('function' == typeof this.props.fallback) return this.props.fallback(this.state.error, this.state.errorInfo);
|
|
29
|
+
return this.props.fallback;
|
|
30
|
+
}
|
|
31
|
+
return this.props.children;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
export { ErrorBoundary };
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = function(exports1, definition) {
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = function(obj, prop) {
|
|
13
|
+
return Object.prototype.hasOwnProperty.call(obj, prop);
|
|
14
|
+
};
|
|
15
|
+
})();
|
|
16
|
+
(()=>{
|
|
17
|
+
__webpack_require__.r = function(exports1) {
|
|
18
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
19
|
+
value: 'Module'
|
|
20
|
+
});
|
|
21
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
22
|
+
value: true
|
|
23
|
+
});
|
|
24
|
+
};
|
|
25
|
+
})();
|
|
26
|
+
var __webpack_exports__ = {};
|
|
27
|
+
__webpack_require__.r(__webpack_exports__);
|
|
28
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
29
|
+
CookieBannerFooterSubGroup: ()=>external_components_cjs_namespaceObject.CookieBannerFooterSubGroup,
|
|
30
|
+
CookieBannerRoot: ()=>root_cjs_namespaceObject.CookieBannerRoot,
|
|
31
|
+
CustomizeButton: ()=>external_components_cjs_namespaceObject.CustomizeButton,
|
|
32
|
+
CookieBannerRejectButton: ()=>external_components_cjs_namespaceObject.CookieBannerRejectButton,
|
|
33
|
+
CookieBannerCustomizeButton: ()=>external_components_cjs_namespaceObject.CookieBannerCustomizeButton,
|
|
34
|
+
Footer: ()=>external_components_cjs_namespaceObject.Footer,
|
|
35
|
+
Header: ()=>external_components_cjs_namespaceObject.Header,
|
|
36
|
+
Overlay: ()=>overlay_cjs_namespaceObject.Overlay,
|
|
37
|
+
CookieBannerFooter: ()=>external_components_cjs_namespaceObject.CookieBannerFooter,
|
|
38
|
+
CookieBannerHeader: ()=>external_components_cjs_namespaceObject.CookieBannerHeader,
|
|
39
|
+
CookieBannerDescription: ()=>external_components_cjs_namespaceObject.CookieBannerDescription,
|
|
40
|
+
RejectButton: ()=>external_components_cjs_namespaceObject.RejectButton,
|
|
41
|
+
FooterSubGroup: ()=>external_components_cjs_namespaceObject.FooterSubGroup,
|
|
42
|
+
Title: ()=>external_components_cjs_namespaceObject.Title,
|
|
43
|
+
CookieBannerAcceptButton: ()=>external_components_cjs_namespaceObject.CookieBannerAcceptButton,
|
|
44
|
+
CookieBannerOverlay: ()=>overlay_cjs_namespaceObject.CookieBannerOverlay,
|
|
45
|
+
Root: ()=>root_cjs_namespaceObject.Root,
|
|
46
|
+
Description: ()=>external_components_cjs_namespaceObject.Description,
|
|
47
|
+
Card: ()=>external_components_cjs_namespaceObject.Card,
|
|
48
|
+
AcceptButton: ()=>external_components_cjs_namespaceObject.AcceptButton,
|
|
49
|
+
CookieBannerCard: ()=>external_components_cjs_namespaceObject.CookieBannerCard,
|
|
50
|
+
CookieBannerTitle: ()=>external_components_cjs_namespaceObject.CookieBannerTitle
|
|
51
|
+
});
|
|
52
|
+
const overlay_cjs_namespaceObject = require("./atoms/overlay.cjs");
|
|
53
|
+
const root_cjs_namespaceObject = require("./atoms/root.cjs");
|
|
54
|
+
const external_components_cjs_namespaceObject = require("./components.cjs");
|
|
55
|
+
var __webpack_export_target__ = exports;
|
|
56
|
+
for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
57
|
+
if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
|
|
58
|
+
value: true
|
|
59
|
+
});
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { CookieBannerOverlay, Overlay } from './atoms/overlay';
|
|
2
|
+
import { CookieBannerRoot, Root } from './atoms/root';
|
|
3
|
+
import { AcceptButton, Card, CookieBannerAcceptButton, CookieBannerCard, CookieBannerCustomizeButton, CookieBannerDescription, CookieBannerFooter, CookieBannerFooterSubGroup, CookieBannerHeader, CookieBannerRejectButton, CookieBannerTitle, CustomizeButton, Description, Footer, FooterSubGroup, Header, RejectButton, Title } from './components';
|
|
4
|
+
/**
|
|
5
|
+
* Enhanced CookieBanner component with compound components attached.
|
|
6
|
+
*
|
|
7
|
+
* @remarks
|
|
8
|
+
* This is the main export that provides access to all CookieBanner components.
|
|
9
|
+
* It follows the compound components pattern, allowing for flexible composition
|
|
10
|
+
* of the banner's parts.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* Basic usage:
|
|
14
|
+
* ```tsx
|
|
15
|
+
* import CookieBanner from '@your-org/elements';
|
|
16
|
+
*
|
|
17
|
+
* function App() {
|
|
18
|
+
* return (
|
|
19
|
+
* <CookieBanner
|
|
20
|
+
* title="Privacy Notice"
|
|
21
|
+
* description="We use cookies to enhance your experience."
|
|
22
|
+
* />
|
|
23
|
+
* );
|
|
24
|
+
* }
|
|
25
|
+
* ```
|
|
26
|
+
*
|
|
27
|
+
* @example
|
|
28
|
+
* Using compound components:
|
|
29
|
+
* ```tsx
|
|
30
|
+
* import CookieBanner from '@your-org/elements';
|
|
31
|
+
*
|
|
32
|
+
* function App() {
|
|
33
|
+
* return (
|
|
34
|
+
* <CookieBanner.Root>
|
|
35
|
+
* <CookieBanner.Content>
|
|
36
|
+
* <CookieBanner.Title>Cookie Settings</CookieBanner.Title>
|
|
37
|
+
* <CookieBanner.Description>
|
|
38
|
+
* Please choose your cookie preferences
|
|
39
|
+
* </CookieBanner.Description>
|
|
40
|
+
* <CookieBanner.Actions>
|
|
41
|
+
* <CookieBanner.RejectButton>Decline</CookieBanner.RejectButton>
|
|
42
|
+
* <CookieBanner.CustomizeButton>Customize</CookieBanner.CustomizeButton>
|
|
43
|
+
* <CookieBanner.AcceptButton>Accept All</CookieBanner.AcceptButton>
|
|
44
|
+
* </CookieBanner.Actions>
|
|
45
|
+
* </CookieBanner.Content>
|
|
46
|
+
* </CookieBanner.Root>
|
|
47
|
+
* );
|
|
48
|
+
* }
|
|
49
|
+
*/
|
|
50
|
+
export { CookieBannerTitle, CookieBannerAcceptButton, CookieBannerCard, CookieBannerCustomizeButton, CookieBannerDescription, CookieBannerFooter, CookieBannerFooterSubGroup, CookieBannerHeader, CookieBannerOverlay, CookieBannerRejectButton, CookieBannerRoot, AcceptButton, Card, CustomizeButton, Description, Footer, FooterSubGroup, Header, Overlay, RejectButton, Root, Title, };
|
|
51
|
+
export type { CookieBannerTheme } from './theme';
|
|
52
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/cookie-banner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EACN,YAAY,EACZ,IAAI,EACJ,wBAAwB,EACxB,gBAAgB,EAChB,2BAA2B,EAC3B,uBAAuB,EACvB,kBAAkB,EAClB,0BAA0B,EAC1B,kBAAkB,EAClB,wBAAwB,EACxB,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,MAAM,EACN,cAAc,EACd,MAAM,EACN,YAAY,EACZ,KAAK,EACL,MAAM,cAAc,CAAC;AAEtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AAEH,OAAO,EACN,iBAAiB,EACjB,wBAAwB,EACxB,gBAAgB,EAChB,2BAA2B,EAC3B,uBAAuB,EACvB,kBAAkB,EAClB,0BAA0B,EAC1B,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,EACxB,gBAAgB,EAChB,YAAY,EACZ,IAAI,EACJ,eAAe,EACf,WAAW,EACX,MAAM,EACN,cAAc,EACd,MAAM,EACN,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,KAAK,GACL,CAAC;AACF,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE__atoms_overlay_js_ae5a4e71__ from "./atoms/overlay.js";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE__atoms_root_js_8443a91f__ from "./atoms/root.js";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__ from "./components.js";
|
|
4
|
+
var __webpack_exports__AcceptButton = __WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.AcceptButton;
|
|
5
|
+
var __webpack_exports__Card = __WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.Card;
|
|
6
|
+
var __webpack_exports__CookieBannerAcceptButton = __WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.CookieBannerAcceptButton;
|
|
7
|
+
var __webpack_exports__CookieBannerCard = __WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.CookieBannerCard;
|
|
8
|
+
var __webpack_exports__CookieBannerCustomizeButton = __WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.CookieBannerCustomizeButton;
|
|
9
|
+
var __webpack_exports__CookieBannerDescription = __WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.CookieBannerDescription;
|
|
10
|
+
var __webpack_exports__CookieBannerFooter = __WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.CookieBannerFooter;
|
|
11
|
+
var __webpack_exports__CookieBannerFooterSubGroup = __WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.CookieBannerFooterSubGroup;
|
|
12
|
+
var __webpack_exports__CookieBannerHeader = __WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.CookieBannerHeader;
|
|
13
|
+
var __webpack_exports__CookieBannerOverlay = __WEBPACK_EXTERNAL_MODULE__atoms_overlay_js_ae5a4e71__.CookieBannerOverlay;
|
|
14
|
+
var __webpack_exports__CookieBannerRejectButton = __WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.CookieBannerRejectButton;
|
|
15
|
+
var __webpack_exports__CookieBannerRoot = __WEBPACK_EXTERNAL_MODULE__atoms_root_js_8443a91f__.CookieBannerRoot;
|
|
16
|
+
var __webpack_exports__CookieBannerTitle = __WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.CookieBannerTitle;
|
|
17
|
+
var __webpack_exports__CustomizeButton = __WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.CustomizeButton;
|
|
18
|
+
var __webpack_exports__Description = __WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.Description;
|
|
19
|
+
var __webpack_exports__Footer = __WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.Footer;
|
|
20
|
+
var __webpack_exports__FooterSubGroup = __WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.FooterSubGroup;
|
|
21
|
+
var __webpack_exports__Header = __WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.Header;
|
|
22
|
+
var __webpack_exports__Overlay = __WEBPACK_EXTERNAL_MODULE__atoms_overlay_js_ae5a4e71__.Overlay;
|
|
23
|
+
var __webpack_exports__RejectButton = __WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.RejectButton;
|
|
24
|
+
var __webpack_exports__Root = __WEBPACK_EXTERNAL_MODULE__atoms_root_js_8443a91f__.Root;
|
|
25
|
+
var __webpack_exports__Title = __WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.Title;
|
|
26
|
+
export { __webpack_exports__AcceptButton as AcceptButton, __webpack_exports__Card as Card, __webpack_exports__CookieBannerAcceptButton as CookieBannerAcceptButton, __webpack_exports__CookieBannerCard as CookieBannerCard, __webpack_exports__CookieBannerCustomizeButton as CookieBannerCustomizeButton, __webpack_exports__CookieBannerDescription as CookieBannerDescription, __webpack_exports__CookieBannerFooter as CookieBannerFooter, __webpack_exports__CookieBannerFooterSubGroup as CookieBannerFooterSubGroup, __webpack_exports__CookieBannerHeader as CookieBannerHeader, __webpack_exports__CookieBannerOverlay as CookieBannerOverlay, __webpack_exports__CookieBannerRejectButton as CookieBannerRejectButton, __webpack_exports__CookieBannerRoot as CookieBannerRoot, __webpack_exports__CookieBannerTitle as CookieBannerTitle, __webpack_exports__CustomizeButton as CustomizeButton, __webpack_exports__Description as Description, __webpack_exports__Footer as Footer, __webpack_exports__FooterSubGroup as FooterSubGroup, __webpack_exports__Header as Header, __webpack_exports__Overlay as Overlay, __webpack_exports__RejectButton as RejectButton, __webpack_exports__Root as Root, __webpack_exports__Title as Title };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.r = function(exports1) {
|
|
5
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
6
|
+
value: 'Module'
|
|
7
|
+
});
|
|
8
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
9
|
+
value: true
|
|
10
|
+
});
|
|
11
|
+
};
|
|
12
|
+
})();
|
|
13
|
+
var __webpack_exports__ = {};
|
|
14
|
+
__webpack_require__.r(__webpack_exports__);
|
|
15
|
+
var __webpack_export_target__ = exports;
|
|
16
|
+
for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
17
|
+
if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
|
|
18
|
+
value: true
|
|
19
|
+
});
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import type { ButtonCSSVariables } from '../../components/shared/ui/button';
|
|
2
|
+
import type { ThemeValue } from '../../types/theme';
|
|
3
|
+
/**
|
|
4
|
+
* Configuration object for styling different parts of the CookieBanner component.
|
|
5
|
+
* @public
|
|
6
|
+
*/
|
|
7
|
+
export type CookieBannerTheme = Partial<{
|
|
8
|
+
/** @remarks Styles for the root container element */
|
|
9
|
+
'banner.root': ThemeValue;
|
|
10
|
+
/** @remarks Styles for the card element */
|
|
11
|
+
'banner.card': ThemeValue<CardCSSVariables>;
|
|
12
|
+
/** @remarks Styles for the main content wrapper */
|
|
13
|
+
'banner.header.root': ThemeValue<HeaderCSSVariables>;
|
|
14
|
+
/** @remarks Styles for the banner title */
|
|
15
|
+
'banner.header.title': ThemeValue<TitleCSSVariables>;
|
|
16
|
+
/** @remarks Styles for the banner description text */
|
|
17
|
+
'banner.header.description': ThemeValue<DescriptionCSSVariables>;
|
|
18
|
+
/** @remarks Styles for the footer container */
|
|
19
|
+
'banner.footer': ThemeValue<FooterCSSVariables>;
|
|
20
|
+
/** @remarks Styles for the footer sub-group element */
|
|
21
|
+
'banner.footer.sub-group': ThemeValue;
|
|
22
|
+
/** @remarks Styles for the footer reject button element */
|
|
23
|
+
'banner.footer.reject-button': ThemeValue<ButtonCSSVariables>;
|
|
24
|
+
/** @remarks Styles for the footer customize button element */
|
|
25
|
+
'banner.footer.customize-button': ThemeValue<ButtonCSSVariables>;
|
|
26
|
+
/** @remarks Styles for the footer accept button element */
|
|
27
|
+
'banner.footer.accept-button': ThemeValue<ButtonCSSVariables>;
|
|
28
|
+
/** @remarks Styles for the overlay element */
|
|
29
|
+
'banner.overlay': ThemeValue<OverlayCSSVariables>;
|
|
30
|
+
}>;
|
|
31
|
+
/** Card component CSS variables */
|
|
32
|
+
type CardCSSVariables = {
|
|
33
|
+
'--banner-max-width': string;
|
|
34
|
+
'--banner-border-radius': string;
|
|
35
|
+
'--banner-border-width': string;
|
|
36
|
+
'--banner-border-color': string;
|
|
37
|
+
'--banner-border-color-dark': string;
|
|
38
|
+
'--banner-background-color': string;
|
|
39
|
+
'--banner-background-color-dark': string;
|
|
40
|
+
'--banner-shadow': string;
|
|
41
|
+
'--banner-shadow-dark': string;
|
|
42
|
+
'--banner-entry-animation': string;
|
|
43
|
+
'--banner-exit-animation': string;
|
|
44
|
+
};
|
|
45
|
+
/** Header component CSS variables */
|
|
46
|
+
type HeaderCSSVariables = {
|
|
47
|
+
'--banner-text-color': string;
|
|
48
|
+
'--banner-text-color-dark': string;
|
|
49
|
+
};
|
|
50
|
+
/** Title component CSS variables */
|
|
51
|
+
type TitleCSSVariables = {
|
|
52
|
+
'--banner-title-color': string;
|
|
53
|
+
'--banner-title-color-dark': string;
|
|
54
|
+
};
|
|
55
|
+
/** Description component CSS variables */
|
|
56
|
+
type DescriptionCSSVariables = {
|
|
57
|
+
'--banner-description-color': string;
|
|
58
|
+
'--banner-description-color-dark': string;
|
|
59
|
+
};
|
|
60
|
+
/** Footer component CSS variables */
|
|
61
|
+
type FooterCSSVariables = {
|
|
62
|
+
'--banner-footer-background-color': string;
|
|
63
|
+
'--banner-footer-background-color-dark': string;
|
|
64
|
+
};
|
|
65
|
+
/** Overlay component CSS variables */
|
|
66
|
+
type OverlayCSSVariables = {
|
|
67
|
+
'--banner-overlay-background-color': string;
|
|
68
|
+
'--banner-overlay-background-color-dark': string;
|
|
69
|
+
};
|
|
70
|
+
export {};
|
|
71
|
+
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/components/cookie-banner/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IACvC,qDAAqD;IACrD,aAAa,EAAE,UAAU,CAAC;IAC1B,2CAA2C;IAC3C,aAAa,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC5C,mDAAmD;IACnD,oBAAoB,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACrD,2CAA2C;IAC3C,qBAAqB,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACrD,sDAAsD;IACtD,2BAA2B,EAAE,UAAU,CAAC,uBAAuB,CAAC,CAAC;IACjE,+CAA+C;IAC/C,eAAe,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAChD,uDAAuD;IACvD,yBAAyB,EAAE,UAAU,CAAC;IACtC,2DAA2D;IAC3D,6BAA6B,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAC9D,8DAA8D;IAC9D,gCAAgC,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACjE,2DAA2D;IAC3D,6BAA6B,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAC9D,8CAA8C;IAC9C,gBAAgB,EAAE,UAAU,CAAC,mBAAmB,CAAC,CAAC;CAClD,CAAC,CAAC;AAEH,mCAAmC;AACnC,KAAK,gBAAgB,GAAG;IACvB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,wBAAwB,EAAE,MAAM,CAAC;IACjC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,4BAA4B,EAAE,MAAM,CAAC;IACrC,2BAA2B,EAAE,MAAM,CAAC;IACpC,gCAAgC,EAAE,MAAM,CAAC;IACzC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,0BAA0B,EAAE,MAAM,CAAC;IACnC,yBAAyB,EAAE,MAAM,CAAC;CAClC,CAAC;AAEF,qCAAqC;AACrC,KAAK,kBAAkB,GAAG;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,0BAA0B,EAAE,MAAM,CAAC;CACnC,CAAC;AAEF,oCAAoC;AACpC,KAAK,iBAAiB,GAAG;IACxB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,2BAA2B,EAAE,MAAM,CAAC;CACpC,CAAC;AAEF,0CAA0C;AAC1C,KAAK,uBAAuB,GAAG;IAC9B,4BAA4B,EAAE,MAAM,CAAC;IACrC,iCAAiC,EAAE,MAAM,CAAC;CAC1C,CAAC;AAEF,qCAAqC;AACrC,KAAK,kBAAkB,GAAG;IACzB,kCAAkC,EAAE,MAAM,CAAC;IAC3C,uCAAuC,EAAE,MAAM,CAAC;CAChD,CAAC;AAEF,sCAAsC;AACtC,KAAK,mBAAmB,GAAG;IAC1B,mCAAmC,EAAE,MAAM,CAAC;IAC5C,wCAAwC,EAAE,MAAM,CAAC;CACjD,CAAC"}
|
|
File without changes
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.r = function(exports1) {
|
|
5
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
6
|
+
value: 'Module'
|
|
7
|
+
});
|
|
8
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
9
|
+
value: true
|
|
10
|
+
});
|
|
11
|
+
};
|
|
12
|
+
})();
|
|
13
|
+
var __webpack_exports__ = {};
|
|
14
|
+
__webpack_require__.r(__webpack_exports__);
|
|
15
|
+
var __webpack_export_target__ = exports;
|
|
16
|
+
for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
17
|
+
if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
|
|
18
|
+
value: true
|
|
19
|
+
});
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { ComponentPropsWithRef, ComponentPropsWithoutRef, ElementType, PropsWithChildren, ReactNode } from 'react';
|
|
2
|
+
type AsProp<T extends ElementType> = {
|
|
3
|
+
as?: T;
|
|
4
|
+
};
|
|
5
|
+
type PropsToOmit<T extends ElementType, P> = keyof (AsProp<T> & P);
|
|
6
|
+
type PolymorphicComponentProp<T extends ElementType, Props extends Record<string, unknown> = Record<string, unknown>> = PropsWithChildren<Props & AsProp<T>> & Omit<ComponentPropsWithoutRef<T>, PropsToOmit<T, Props>>;
|
|
7
|
+
export type PolymorphicRef<T extends ElementType> = ComponentPropsWithRef<T>['ref'];
|
|
8
|
+
type PolymorphicComponentPropWithRef<T extends ElementType, Props extends Record<string, unknown> = Record<string, unknown>> = PolymorphicComponentProp<T, Props> & {
|
|
9
|
+
ref?: PolymorphicRef<T>;
|
|
10
|
+
};
|
|
11
|
+
export type PolymorphicComponentPropsWithRef<T extends ElementType, P extends Record<string, unknown> = Record<string, unknown>> = PolymorphicComponentPropWithRef<T, P>;
|
|
12
|
+
export type PolymorphicComponentProps<T extends ElementType, P extends Record<string, unknown> = Record<string, unknown>> = PolymorphicComponentProp<T, P>;
|
|
13
|
+
export type PolymorphicComponent<P extends Record<string, unknown>> = <T extends ElementType>(props: PolymorphicComponentPropsWithRef<T, P>) => ReactNode;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=polymorphic.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"polymorphic.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/libs/polymorphic.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,qBAAqB,EACrB,wBAAwB,EACxB,WAAW,EACX,iBAAiB,EACjB,SAAS,EACT,MAAM,OAAO,CAAC;AAEf,KAAK,MAAM,CAAC,CAAC,SAAS,WAAW,IAAI;IACpC,EAAE,CAAC,EAAE,CAAC,CAAC;CACP,CAAC;AAEF,KAAK,WAAW,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAEnE,KAAK,wBAAwB,CAC5B,CAAC,SAAS,WAAW,EACrB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC5D,iBAAiB,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,GACvC,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAE1D,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAC/C,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAEjC,KAAK,+BAA+B,CACnC,CAAC,SAAS,WAAW,EACrB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC5D,wBAAwB,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC;AAErE,MAAM,MAAM,gCAAgC,CAC3C,CAAC,SAAS,WAAW,EACrB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IACxD,+BAA+B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE1C,MAAM,MAAM,yBAAyB,CACpC,CAAC,SAAS,WAAW,EACrB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IACxD,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEnC,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CACrE,CAAC,SAAS,WAAW,EAErB,KAAK,EAAE,gCAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,KACzC,SAAS,CAAC"}
|