@weahead/consent-manager

Consent Manager

Props available for the modal

• analyticsLabel | Optional string used as label next to the analytics checkbox
  • Will default to "Cookies för analys och utveckling"
• approveAllLabel | Optional string used as title for the approve all cookies button
  • Will default to "Godkänn alla"
• approveLabel | Optional string used as title for approve selection of cookies button
  • Will default to "Godkänn val"
• content | Required string used as information content when CMP modal is showing
• externalLabel | Optional string used as label next to the external cookies checkbox
  • Will default to "Cookies för externt innehåll/teknik (t.ex. sociala medier, ljud, video)"
• functionLabel | Optional string used as label next to the functional cookies checkbox
  • Will default to "Nödvändiga cookies, tekniker och funktioner"
• moreSettingsLabel | Optional string used as title for the more options button to handle selection of cookies
  • Will default to "Fler inställningar"
• settingsContent | Required string used as content in CMP modal when handling selection of cookies
• title | Optional string used as title on the modal
  • Will default to "Vi använder cookies"

Control the styling of the modal by declaring these CSS-variables (--cmp-theme-...)

Colors

• --cmp-background: var(--cmp-theme-background, #f8f8f8);
• --cmp-black: var(--cmp-theme-black, #000);
• --cmp-disabled: var(--cmp-theme-disabled, #b8b7bf);
• --cmp-disabled-background: var(--cmp-theme-disabled-background, #e0dfe3);
• --cmp-link: var(--cmp-theme-link, #2daf9c);
• --cmp-primary: var(--cmp-theme-primary, #224);
• --cmp-primary-background: var(--cmp-theme-primary-background, #6449da);
• --cmp-secondary: var(--cmp-theme-secondary, #6449da);
• --cmp-secondary-background: var(--cmp-theme-secondary-background, #FFF);
• --cmp-selected: var(--cmp-theme-selected, #2daf9c);
• --cmp-white: var(--cmp-theme-white, #FFF);

Fontfamily

• --cmp-ff: var(--cmp-theme-ff, Arial, Georgia, sans-serif);
• --cmp-ff-secondary: var(--cmp-theme-ff-secondary, "Times New Roman", Georgia, sans-serif);

Fontsize/Spacing

• --cmp-xsmall: var(--cmp-theme-xsmall, 1.2rem);
• --cmp-smaller: var(--cmp-theme-smaller, 1.4rem);
• --cmp-small: var(--cmp-theme-small, 1.6rem);
• --cmp-large: var(--cmp-theme-large, 2.2rem);

Fontweight

• --cmp-bold: var(--cmp-theme-bold, 700);