UNPKG

@c15t/react

Version:

Developer-first CMP for React: cookie banner, consent manager, preferences centre. GDPR ready with minimal setup and rich customization

c15t.com/docs/frameworks/react/quickstart

c15t/c15t

50 lines • 2.9 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
import type { ThemeValue } from '../../types/theme'; import type { AccordionContentCSSVariables, AccordionCSSVariables, AccordionIconCSSVariables, AccordionItemCSSVariables, AccordionTriggerCSSVariables } from '../shared/ui/accordion'; import type { SwitchCSSVariables, SwitchThumbCSSVariables, SwitchTrackCSSVariables } from '../shared/ui/switch'; /** * Configuration object for styling different parts of the ConsentManagerWidget component. * @public */ export type ConsentManagerWidgetTheme = Partial<{ /** @remarks Styles for the root container element */ 'widget.root': ThemeValue; /** @remarks Styles for the branding element */ 'widget.branding': ThemeValue; /** @remarks Styles for the footer element */ 'widget.footer': ThemeValue; /** @remarks Styles for the footer sub-group element */ 'widget.footer.sub-group': ThemeValue; /** @remarks Styles for the footer reject button element */ 'widget.footer.reject-button': ThemeValue; /** @remarks Styles for the footer accept button element */ 'widget.footer.accept-button': ThemeValue; /** @remarks Styles for the footer customize button element */ 'widget.footer.customize-button': ThemeValue; /** @remarks Styles for the footer save button element */ 'widget.footer.save-button': ThemeValue; /** @remarks Styles for the accordion element */ 'widget.accordion': ThemeValue<AccordionCSSVariables>; /** @remarks Styles for the accordion trigger element */ 'widget.accordion.trigger': ThemeValue<AccordionTriggerCSSVariables>; /** @remarks Styles for the accordion trigger inner element */ 'widget.accordion.trigger-inner': ThemeValue<AccordionTriggerCSSVariables>; /** @remarks Styles for the accordion item element */ 'widget.accordion.item': ThemeValue<AccordionItemCSSVariables>; /** @remarks Styles for the accordion icon element */ 'widget.accordion.icon': ThemeValue<AccordionIconCSSVariables>; /** @remarks Styles for the accordion arrow open element */ 'widget.accordion.arrow.open': ThemeValue<AccordionIconCSSVariables>; /** @remarks Styles for the accordion arrow close element */ 'widget.accordion.arrow.close': ThemeValue<AccordionIconCSSVariables>; /** @remarks Styles for the accordion content element */ 'widget.accordion.content': ThemeValue<AccordionContentCSSVariables>; /** @remarks Styles for the accordion content inner element */ 'widget.accordion.content-inner': ThemeValue<AccordionContentCSSVariables>; /** @remarks Styles for the switch element */ 'widget.switch': ThemeValue<SwitchCSSVariables>; /** @remarks Styles for the switch track element */ 'widget.switch.track': ThemeValue<SwitchTrackCSSVariables>; /** @remarks Styles for the switch thumb element */ 'widget.switch.thumb': ThemeValue<SwitchThumbCSSVariables>; }>; //# sourceMappingURL=theme.d.ts.map