@c15t/react 0.0.1-rc.3 → 0.0.1-rc.4
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/common/components/consent-manager-provider.cjs +8 -4
- package/dist/common/components/consent-manager-provider.d.ts.map +1 -1
- package/dist/common/components/consent-manager-provider.js +8 -4
- package/dist/common/hooks/use-consent-manager.d.ts +38 -1
- package/dist/common/hooks/use-consent-manager.d.ts.map +1 -1
- package/dist/common/utils/theme.cjs +2 -1
- package/dist/common/utils/theme.d.ts.map +1 -1
- package/dist/common/utils/theme.js +2 -1
- package/dist/consent-manager-dialog/consent-manager-dialog.css +8 -1
- package/dist/consent-manager-widget/atoms/accordion.d.ts +2 -2
- package/dist/consent-manager-widget/atoms/accordion.d.ts.map +1 -1
- package/dist/consent-manager-widget/consent-manager-widget.css +22 -0
- package/dist/cookie-banner/cookie-banner.css +5 -7
- package/dist/primitives/button.cjs +1 -1
- package/dist/primitives/button.js +1 -1
- package/dist/theme/context.d.ts +2 -2
- package/dist/theme/context.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -34,7 +34,7 @@ const external_c15t_namespaceObject = require("c15t");
|
|
|
34
34
|
const external_react_namespaceObject = require("react");
|
|
35
35
|
const consent_manager_context_cjs_namespaceObject = require("../context/consent-manager-context.cjs");
|
|
36
36
|
const translations_cjs_namespaceObject = require("../utils/translations.cjs");
|
|
37
|
-
function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceSettings, namespace = '
|
|
37
|
+
function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceSettings, namespace = 'c15tStore', noStyle = false, translationConfig, trackingBlockerConfig }) {
|
|
38
38
|
const preparedTranslationConfig = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
39
39
|
const mergedConfig = (0, translations_cjs_namespaceObject.mergeTranslationConfigs)(external_c15t_namespaceObject.defaultTranslationConfig, translationConfig);
|
|
40
40
|
const defaultLanguage = (0, translations_cjs_namespaceObject.detectBrowserLanguage)(mergedConfig.translations, mergedConfig.defaultLanguage, mergedConfig.disableAutoLanguageSwitch);
|
|
@@ -50,17 +50,20 @@ function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceS
|
|
|
50
50
|
trackingBlockerConfig
|
|
51
51
|
});
|
|
52
52
|
store.getState().setTranslationConfig(preparedTranslationConfig);
|
|
53
|
+
store.getState().setNoStyle(noStyle);
|
|
53
54
|
return store;
|
|
54
55
|
}, [
|
|
55
56
|
namespace,
|
|
56
57
|
preparedTranslationConfig,
|
|
57
|
-
trackingBlockerConfig
|
|
58
|
+
trackingBlockerConfig,
|
|
59
|
+
noStyle
|
|
58
60
|
]);
|
|
59
61
|
const [state, setState] = (0, external_react_namespaceObject.useState)(store.getState());
|
|
60
62
|
(0, external_react_namespaceObject.useEffect)(()=>{
|
|
61
|
-
const { setGdprTypes, setComplianceSetting, setDetectedCountry } = store.getState();
|
|
63
|
+
const { setGdprTypes, setComplianceSetting, setDetectedCountry, setNoStyle } = store.getState();
|
|
62
64
|
if (initialGdprTypes) setGdprTypes(initialGdprTypes);
|
|
63
65
|
if (initialComplianceSettings) for (const [region, settings] of Object.entries(initialComplianceSettings))setComplianceSetting(region, settings);
|
|
66
|
+
setNoStyle(noStyle);
|
|
64
67
|
const country = document.querySelector('meta[name="user-country"]')?.getAttribute('content') || 'US';
|
|
65
68
|
setDetectedCountry(country);
|
|
66
69
|
const unsubscribe = store.subscribe((newState)=>{
|
|
@@ -72,7 +75,8 @@ function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceS
|
|
|
72
75
|
}, [
|
|
73
76
|
store,
|
|
74
77
|
initialGdprTypes,
|
|
75
|
-
initialComplianceSettings
|
|
78
|
+
initialComplianceSettings,
|
|
79
|
+
noStyle
|
|
76
80
|
]);
|
|
77
81
|
const contextValue = (0, external_react_namespaceObject.useMemo)(()=>({
|
|
78
82
|
state,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consent-manager-provider.d.ts","sourceRoot":"","sources":["../../../src/common/components/consent-manager-provider.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAM5E;;;;;;;;;;;;GAYG;AACH,wBAAgB,sBAAsB,CAAC,EACtC,QAAQ,EACR,gBAAgB,EAChB,yBAAyB,EACzB,
|
|
1
|
+
{"version":3,"file":"consent-manager-provider.d.ts","sourceRoot":"","sources":["../../../src/common/components/consent-manager-provider.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAM5E;;;;;;;;;;;;GAYG;AACH,wBAAgB,sBAAsB,CAAC,EACtC,QAAQ,EACR,gBAAgB,EAChB,yBAAyB,EACzB,SAAuB,EACvB,OAAe,EACf,iBAAiB,EACjB,qBAAqB,GACrB,EAAE,2BAA2B,2CAwF7B"}
|
|
@@ -4,7 +4,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_c15t__ from "c15t";
|
|
|
4
4
|
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
5
5
|
import * as __WEBPACK_EXTERNAL_MODULE__context_consent_manager_context_js_ee8f06d2__ from "../context/consent-manager-context.js";
|
|
6
6
|
import * as __WEBPACK_EXTERNAL_MODULE__utils_translations_js_c2629c1f__ from "../utils/translations.js";
|
|
7
|
-
function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceSettings, namespace = '
|
|
7
|
+
function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceSettings, namespace = 'c15tStore', noStyle = false, translationConfig, trackingBlockerConfig }) {
|
|
8
8
|
const preparedTranslationConfig = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
|
|
9
9
|
const mergedConfig = (0, __WEBPACK_EXTERNAL_MODULE__utils_translations_js_c2629c1f__.mergeTranslationConfigs)(__WEBPACK_EXTERNAL_MODULE_c15t__.defaultTranslationConfig, translationConfig);
|
|
10
10
|
const defaultLanguage = (0, __WEBPACK_EXTERNAL_MODULE__utils_translations_js_c2629c1f__.detectBrowserLanguage)(mergedConfig.translations, mergedConfig.defaultLanguage, mergedConfig.disableAutoLanguageSwitch);
|
|
@@ -20,17 +20,20 @@ function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceS
|
|
|
20
20
|
trackingBlockerConfig
|
|
21
21
|
});
|
|
22
22
|
store.getState().setTranslationConfig(preparedTranslationConfig);
|
|
23
|
+
store.getState().setNoStyle(noStyle);
|
|
23
24
|
return store;
|
|
24
25
|
}, [
|
|
25
26
|
namespace,
|
|
26
27
|
preparedTranslationConfig,
|
|
27
|
-
trackingBlockerConfig
|
|
28
|
+
trackingBlockerConfig,
|
|
29
|
+
noStyle
|
|
28
30
|
]);
|
|
29
31
|
const [state, setState] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(store.getState());
|
|
30
32
|
(0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
|
|
31
|
-
const { setGdprTypes, setComplianceSetting, setDetectedCountry } = store.getState();
|
|
33
|
+
const { setGdprTypes, setComplianceSetting, setDetectedCountry, setNoStyle } = store.getState();
|
|
32
34
|
if (initialGdprTypes) setGdprTypes(initialGdprTypes);
|
|
33
35
|
if (initialComplianceSettings) for (const [region, settings] of Object.entries(initialComplianceSettings))setComplianceSetting(region, settings);
|
|
36
|
+
setNoStyle(noStyle);
|
|
34
37
|
const country = document.querySelector('meta[name="user-country"]')?.getAttribute('content') || 'US';
|
|
35
38
|
setDetectedCountry(country);
|
|
36
39
|
const unsubscribe = store.subscribe((newState)=>{
|
|
@@ -42,7 +45,8 @@ function ConsentManagerProvider({ children, initialGdprTypes, initialComplianceS
|
|
|
42
45
|
}, [
|
|
43
46
|
store,
|
|
44
47
|
initialGdprTypes,
|
|
45
|
-
initialComplianceSettings
|
|
48
|
+
initialComplianceSettings,
|
|
49
|
+
noStyle
|
|
46
50
|
]);
|
|
47
51
|
const contextValue = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
|
|
48
52
|
state,
|
|
@@ -16,5 +16,42 @@
|
|
|
16
16
|
* @returns Combined state and methods for consent management
|
|
17
17
|
* @public
|
|
18
18
|
*/
|
|
19
|
-
export declare function useConsentManager():
|
|
19
|
+
export declare function useConsentManager(): {
|
|
20
|
+
consents: import("c15t").ConsentState;
|
|
21
|
+
consentInfo: {
|
|
22
|
+
time: number;
|
|
23
|
+
type: "all" | "custom" | "necessary";
|
|
24
|
+
} | null;
|
|
25
|
+
showPopup: boolean;
|
|
26
|
+
gdprTypes: import("c15t").AllConsentNames[];
|
|
27
|
+
isPrivacyDialogOpen: boolean;
|
|
28
|
+
complianceSettings: Record<import("c15t").ComplianceRegion, import("c15t").ComplianceSettings>;
|
|
29
|
+
callbacks: import("c15t").Callbacks;
|
|
30
|
+
detectedCountry: string;
|
|
31
|
+
privacySettings: import("c15t").PrivacySettings;
|
|
32
|
+
translationConfig: import("c15t").TranslationConfig;
|
|
33
|
+
noStyle?: boolean;
|
|
34
|
+
setTranslationConfig: (config: import("c15t").TranslationConfig) => void;
|
|
35
|
+
setNoStyle: (noStyle: boolean) => void;
|
|
36
|
+
includeNonDisplayedConsents: boolean;
|
|
37
|
+
consentTypes: import("c15t").ConsentType[];
|
|
38
|
+
setConsent: (name: import("c15t").AllConsentNames, value: boolean) => void;
|
|
39
|
+
setShowPopup: (show: boolean, force?: boolean) => void;
|
|
40
|
+
setIsPrivacyDialogOpen: (isOpen: boolean) => void;
|
|
41
|
+
saveConsents: (type: "all" | "custom" | "necessary") => void;
|
|
42
|
+
resetConsents: () => void;
|
|
43
|
+
setGdprTypes: (types: import("c15t").AllConsentNames[]) => void;
|
|
44
|
+
setComplianceSetting: (region: import("c15t").ComplianceRegion, settings: Partial<import("c15t").ComplianceSettings>) => void;
|
|
45
|
+
resetComplianceSettings: () => void;
|
|
46
|
+
setCallback: (name: keyof import("c15t").Callbacks, callback: import("c15t").CallbackFunction | undefined) => void;
|
|
47
|
+
setDetectedCountry: (country: string) => void;
|
|
48
|
+
getDisplayedConsents: () => typeof import("c15t").consentTypes;
|
|
49
|
+
hasConsented: () => boolean;
|
|
50
|
+
clearAllData: () => void;
|
|
51
|
+
updateConsentMode: () => void;
|
|
52
|
+
setPrivacySettings: (settings: Partial<import("c15t").PrivacySettings>) => void;
|
|
53
|
+
getEffectiveConsents: () => import("c15t").ConsentState;
|
|
54
|
+
hasConsentFor: (consentType: import("c15t").AllConsentNames) => boolean;
|
|
55
|
+
setIncludeNonDisplayedConsents: (include: boolean) => void;
|
|
56
|
+
};
|
|
20
57
|
//# sourceMappingURL=use-consent-manager.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-consent-manager.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-consent-manager.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,iBAAiB,
|
|
1
|
+
{"version":3,"file":"use-consent-manager.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-consent-manager.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,iBAAiB;;;;;;;;;;;;;;;;;;;;uCAc0uE,CAAC;;;;;;;;;;;;;;;;;EAD3wE"}
|
|
@@ -35,7 +35,8 @@ function createThemeContextValue(consentManager, themeProps) {
|
|
|
35
35
|
});
|
|
36
36
|
const result = Object.assign(fn, {
|
|
37
37
|
...consentManager,
|
|
38
|
-
...themeProps
|
|
38
|
+
...themeProps,
|
|
39
|
+
noStyle: themeProps.noStyle ?? consentManager.noStyle
|
|
39
40
|
});
|
|
40
41
|
if ('function' != typeof result || !('theme' in result)) throw new Error('Invalid theme context value');
|
|
41
42
|
return result;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/common/utils/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,MAAM,CAAC;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,UAAU,4BACT,SAAQ,mBAAmB,EAC1B,iBAAiB;IAClB,IAAI,mBAAmB,GAAG,iBAAiB,CAAC;CAC5C;AAED,wBAAgB,uBAAuB,CACtC,cAAc,EAAE,mBAAmB,EACnC,UAAU,EAAE,iBAAiB,GAC3B,4BAA4B,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/common/utils/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,MAAM,CAAC;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,UAAU,4BACT,SAAQ,mBAAmB,EAC1B,iBAAiB;IAClB,IAAI,mBAAmB,GAAG,iBAAiB,CAAC;CAC5C;AAED,wBAAgB,uBAAuB,CACtC,cAAc,EAAE,mBAAmB,EACnC,UAAU,EAAE,iBAAiB,GAC3B,4BAA4B,CAe9B"}
|
|
@@ -5,7 +5,8 @@ function createThemeContextValue(consentManager, themeProps) {
|
|
|
5
5
|
});
|
|
6
6
|
const result = Object.assign(fn, {
|
|
7
7
|
...consentManager,
|
|
8
|
-
...themeProps
|
|
8
|
+
...themeProps,
|
|
9
|
+
noStyle: themeProps.noStyle ?? consentManager.noStyle
|
|
9
10
|
});
|
|
10
11
|
if ('function' != typeof result || !('theme' in result)) throw new Error('Invalid theme context value');
|
|
11
12
|
return result;
|
|
@@ -8,9 +8,16 @@
|
|
|
8
8
|
background: none;
|
|
9
9
|
border: 0;
|
|
10
10
|
margin: 0;
|
|
11
|
-
padding:
|
|
11
|
+
padding: 1rem;
|
|
12
12
|
font-family: system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
|
|
13
13
|
line-height: 1.15;
|
|
14
|
+
|
|
15
|
+
@media (width >= 640px) {
|
|
16
|
+
& {
|
|
17
|
+
width: auto;
|
|
18
|
+
padding: 1.5rem;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
14
21
|
}
|
|
15
22
|
|
|
16
23
|
.c15t-consent-manager-dialog-card .c15t-consent-manager-widget-branding {
|
|
@@ -38,7 +38,7 @@ declare const ConsentManagerWidgetSwitch: import("react").ForwardRefExoticCompon
|
|
|
38
38
|
* </ConsentManagerWidgetAccordion>
|
|
39
39
|
* ```
|
|
40
40
|
*/
|
|
41
|
-
declare const ConsentManagerWidgetAccordionItems: () =>
|
|
41
|
+
declare const ConsentManagerWidgetAccordionItems: () => import("react/jsx-runtime").JSX.Element[];
|
|
42
42
|
declare const ConsentManagerWidgetAccordionItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-accordion").AccordionItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("../../theme").ExtendThemeKeys & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
43
43
|
declare const AccordionTriggerInner: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-accordion").AccordionTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("../../theme").ExtendThemeKeys & import("react").RefAttributes<HTMLButtonElement>>;
|
|
44
44
|
declare const AccordionTrigger: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -51,7 +51,7 @@ declare const AccordionContent: import("react").ForwardRefExoticComponent<Omit<i
|
|
|
51
51
|
declare const AccordionArrow: typeof RadixAccordion.Arrow;
|
|
52
52
|
declare const Accordion: import("react").ForwardRefExoticComponent<(ComponentPropsWithoutRef<import("react").ForwardRefExoticComponent<(import("@radix-ui/react-accordion").AccordionSingleProps | import("@radix-ui/react-accordion").AccordionMultipleProps) & import("react").RefAttributes<HTMLDivElement>>> & import("../../theme").ExtendThemeKeys) & import("react").RefAttributes<HTMLDivElement>>;
|
|
53
53
|
declare const Switch: import("react").ForwardRefExoticComponent<RadixSwitch.SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
54
|
-
declare const AccordionItems: () =>
|
|
54
|
+
declare const AccordionItems: () => import("react/jsx-runtime").JSX.Element[];
|
|
55
55
|
declare const AccordionItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-accordion").AccordionItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("../../theme").ExtendThemeKeys & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
56
56
|
export { ConsentManagerWidgetAccordionTrigger, ConsentManagerWidgetAccordionTriggerInner, ConsentManagerWidgetAccordionContent, ConsentManagerWidgetAccordionArrow, ConsentManagerWidgetAccordion, ConsentManagerWidgetSwitch, ConsentManagerWidgetAccordionItems, ConsentManagerWidgetAccordionItem, AccordionTrigger, AccordionTriggerInner, AccordionContent, AccordionArrow, Accordion, Switch, AccordionItems, AccordionItem, };
|
|
57
57
|
//# sourceMappingURL=accordion.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/consent-manager-widget/atoms/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EACN,KAAK,wBAAwB,EAK7B,MAAM,OAAO,CAAC;AAGf,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,cAAc,MAAM,+BAA+B,CAAC;AAChE,OAAO,KAAK,WAAW,MAAM,4BAA4B,CAAC;AAE1D;;;;;;;GAOG;AACH,QAAA,MAAM,oCAAoC,qGAcxC,CAAC;AAEH,QAAA,MAAM,yCAAyC,iQAAyB,CAAC;AACzE,QAAA,MAAM,oCAAoC;;;;;kDAAyB,CAAC;AACpE,QAAA,MAAM,kCAAkC,6BAAuB,CAAC;AAChE,QAAA,MAAM,6BAA6B,mXAAsB,CAAC;AAC1D,QAAA,MAAM,0BAA0B,uHAAmB,CAAC;AAEpD;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,kCAAkC,
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/consent-manager-widget/atoms/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EACN,KAAK,wBAAwB,EAK7B,MAAM,OAAO,CAAC;AAGf,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,cAAc,MAAM,+BAA+B,CAAC;AAChE,OAAO,KAAK,WAAW,MAAM,4BAA4B,CAAC;AAE1D;;;;;;;GAOG;AACH,QAAA,MAAM,oCAAoC,qGAcxC,CAAC;AAEH,QAAA,MAAM,yCAAyC,iQAAyB,CAAC;AACzE,QAAA,MAAM,oCAAoC;;;;;kDAAyB,CAAC;AACpE,QAAA,MAAM,kCAAkC,6BAAuB,CAAC;AAChE,QAAA,MAAM,6BAA6B,mXAAsB,CAAC;AAC1D,QAAA,MAAM,0BAA0B,uHAAmB,CAAC;AAEpD;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,kCAAkC,iDAgEvC,CAAC;AAEF,QAAA,MAAM,iCAAiC,qTAKrC,CAAC;AAEH,QAAA,MAAM,qBAAqB,iQAA4C,CAAC;AACxE,QAAA,MAAM,gBAAgB,qGAAuC,CAAC;AAC9D,QAAA,MAAM,gBAAgB;;;;;kDAAuC,CAAC;AAC9D,QAAA,MAAM,cAAc,6BAAqC,CAAC;AAC1D,QAAA,MAAM,SAAS,mXAAgC,CAAC;AAChD,QAAA,MAAM,MAAM,uHAA6B,CAAC;AAC1C,QAAA,MAAM,cAAc,iDAAqC,CAAC;AAC1D,QAAA,MAAM,aAAa,qTAAoC,CAAC;AAExD,OAAO,EACN,oCAAoC,EACpC,yCAAyC,EACzC,oCAAoC,EACpC,kCAAkC,EAClC,6BAA6B,EAC7B,0BAA0B,EAC1B,kCAAkC,EAClC,iCAAiC,EACjC,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,MAAM,EACN,cAAc,EACd,aAAa,GACb,CAAC"}
|
|
@@ -38,6 +38,12 @@
|
|
|
38
38
|
gap: 1rem;
|
|
39
39
|
display: flex;
|
|
40
40
|
|
|
41
|
+
@media (width <= 640px) {
|
|
42
|
+
& {
|
|
43
|
+
flex-direction: column;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
41
47
|
@media (width >= 640px) {
|
|
42
48
|
& {
|
|
43
49
|
flex-direction: row;
|
|
@@ -50,6 +56,22 @@
|
|
|
50
56
|
justify-content: space-between;
|
|
51
57
|
gap: 1rem;
|
|
52
58
|
display: flex;
|
|
59
|
+
|
|
60
|
+
@media (width <= 640px) {
|
|
61
|
+
& {
|
|
62
|
+
width: 100%;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.c15t-consent-manager-widget-footer-sub-group .c15t-button {
|
|
68
|
+
width: auto;
|
|
69
|
+
|
|
70
|
+
@media (width <= 640px) {
|
|
71
|
+
&, &:last-child:not(:only-child) {
|
|
72
|
+
width: 100%;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
53
75
|
}
|
|
54
76
|
|
|
55
77
|
.c15t-consent-manager-widget-branding {
|
|
@@ -186,20 +186,18 @@
|
|
|
186
186
|
justify-content: space-between;
|
|
187
187
|
gap: 1rem;
|
|
188
188
|
display: flex;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
.c15t-cookie-banner-footer-sub-group .c15t-button {
|
|
192
|
+
width: auto;
|
|
189
193
|
|
|
190
194
|
@media (width <= 640px) {
|
|
191
195
|
& {
|
|
192
|
-
|
|
196
|
+
width: 100%;
|
|
193
197
|
}
|
|
194
198
|
}
|
|
195
199
|
}
|
|
196
200
|
|
|
197
|
-
@media (width <= 640px) {
|
|
198
|
-
.c15t-cookie-banner-reject-button, .c15t-cookie-banner-customize-button {
|
|
199
|
-
width: 100%;
|
|
200
|
-
}
|
|
201
|
-
}
|
|
202
|
-
|
|
203
201
|
.c15t-cookie-banner-description {
|
|
204
202
|
letter-spacing: -.006em;
|
|
205
203
|
color: var(--c15t-cookie-banner-description-color);
|
package/dist/theme/context.d.ts
CHANGED
|
@@ -65,7 +65,7 @@ export type ThemeContextValue<Theme = unknown> = {
|
|
|
65
65
|
*
|
|
66
66
|
* @public
|
|
67
67
|
*/
|
|
68
|
-
export declare const ThemeContext: import("react").Context<
|
|
68
|
+
export declare const ThemeContext: import("react").Context<(import("c15t").PrivacyConsentState & (() => import("c15t").PrivacyConsentState) & ThemeContextValue<unknown>) | null>;
|
|
69
69
|
/**
|
|
70
70
|
* Hook to access the current theme context.
|
|
71
71
|
*
|
|
@@ -92,5 +92,5 @@ export declare const ThemeContext: import("react").Context<any>;
|
|
|
92
92
|
* @returns The current theme context value
|
|
93
93
|
* @public
|
|
94
94
|
*/
|
|
95
|
-
export declare const useThemeContext: () =>
|
|
95
|
+
export declare const useThemeContext: () => import("c15t").PrivacyConsentState & (() => import("c15t").PrivacyConsentState) & ThemeContextValue<unknown>;
|
|
96
96
|
//# sourceMappingURL=context.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/theme/context.tsx"],"names":[],"mappings":"AAWA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,MAAM,iBAAiB,CAAC,KAAK,GAAG,OAAO,IAAI;IAChD;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAEvB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/theme/context.tsx"],"names":[],"mappings":"AAWA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,MAAM,iBAAiB,CAAC,KAAK,GAAG,OAAO,IAAI;IAChD;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAEvB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,YAAY,gJAElB,CAAC;AAER;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,eAAe,oHAM3B,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@c15t/react",
|
|
3
|
-
"version": "0.0.1-rc.
|
|
3
|
+
"version": "0.0.1-rc.4",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"motion": "^12.4.2",
|
|
47
47
|
"tailwind-variants": "^0.3.1",
|
|
48
48
|
"zustand": "^5.0.3",
|
|
49
|
-
"c15t": "0.0.1-rc.
|
|
49
|
+
"c15t": "0.0.1-rc.4"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
52
|
"@c15t/typescript-config": "0.0.1-beta.1"
|