Componente: controller

classe button

styles: {
  web: { controller: { button: { ...props } } },
  mobile: { controller: { button: { ...props } } }
} 

---

Componente: card

classe container

styles: {
  web: { card: { container: { ...props } } },
  mobile: { card: { container: { ...props } } }
}

---

classe content

styles: {
  web: { card: { content: { ...props } } },
  mobile: { card: { content: { ...props } } }
}

---

classe textContainer

styles: {
  web: { card: { textContainer: { ...props } } },
  mobile: { card: { textContainer: { ...props } } }
}

---

classe titleRow

styles: {
  web: { card: { titleRow: { ...props } } },
  mobile: { card: { titleRow: { ...props } } }
}

---

classe title

styles: {
  web: { card: { title: { ...props } } },
  mobile: { card: { title: { ...props } } }
}

---

classe adoptLink

styles: {
  web: { card: { adoptLink: { ...props } } },
  mobile: { card: { adoptLink: { ...props } } }
}

---

classe textsRow

styles: {
  web: { card: { textsRow: { ...props } } },
  mobile: { card: { textsRow: { ...props } } }
}

---

classe textRowContent

styles: {
  web: { card: { textRowContent: { ...props } } },
  mobile: { card: { textRowContent: { ...props } } }
}

---

classe textRowLinks

styles: {
  web: { card: { textRowLinks: { ...props } } },
  mobile: { card: { textRowLinks: { ...props } } }
}

---

classe buttonsContainer

styles: {
  web: { card: { buttonsContainer: { ...props } } },
  mobile: { card: { buttonsContainer: { ...props } } }
}

---

classe preferencesButton ou classe rejectAllLink (CCPA)

styles: {
  web: { card: { preferencesButton: { ...props }, /* ou */ rejectAllLink: { ...props } } },
  mobile: { card: { preferencesButton: { ...props }, /* ou */ rejectAllLink: { ...props } } }
}

---

classe rejectAllButton

styles: {
  web: { card: { rejectAllButton: { ...props } } },
  mobile: { card: { rejectAllButton: { ...props } } }
}

---

classe acceptAllButton

styles: {
  web: { card: { acceptAllButton: { ...props } } },
  mobile: { card: { acceptAllButton: { ...props } } }
}

---

Componente: preferenceCard

classe panel

styles: {
  web: { preferenceCard: { panel: { ...props } } },
  mobile: { preferenceCard: { panel: { ...props } } }
}

---

classe title

styles: {
  web: { preferenceCard: { title: { ...props } } },
  mobile: { preferenceCard: { title: { ...props } } }
}

---

classe closePanel

styles: {
  web: { preferenceCard: { closePanel: { ...props } } },
  mobile: { preferenceCard: { closePanel: { ...props } } }
}

---

classe tagCategories

styles: {
  web: { preferenceCard: { tagCategories: { ...props } } },
  mobile: { preferenceCard: { tagCategories: { ...props } } }
}

---

classe cardFooter

styles: {
  web: { preferenceCard: { cardFooter: { ...props } } },
  mobile: { preferenceCard: { cardFooter: { ...props } } }
}

---

classe smallTextFooter

styles: {
  web: { preferenceCard: { smallTextFooter: { ...props } } },
  mobile: { preferenceCard: { smallTextFooter: { ...props } } }
}

---

classe buttonsContainer

styles: {
  web: { preferenceCard: { buttonsContainer: { ...props } } },
  mobile: { preferenceCard: { buttonsContainer: { ...props } } }
}

---

classe rejectButton

styles: {
  web: { preferenceCard: { rejectButton: { ...props } } },
  mobile: { preferenceCard: { rejectButton: { ...props } } }
}

---

classe acceptButton

styles: {
  web: { preferenceCard: { acceptButton: { ...props } } },
  mobile: { preferenceCard: { acceptButton: { ...props } } }
}

---

Componente: categories

classe category

styles: {
  web: { categories: { category: { ...props } } },
  mobile: { categories: { category: { ...props } } }
}

---

classe title

styles: {
  web: { categories: { title: { ...props } } },
  mobile: { categories: { title: { ...props } } }
}

---

classe description

styles: {
  web: { categories: { description: { ...props } } },
  mobile: { categories: { description: { ...props } } }
}

---

classe toogleShowTags

styles: {
  web: { categories: { toogleShowTags: { ...props } } },
  mobile: { categories: { toogleShowTags: { ...props } } }
}

---

classe tag

styles: {
  web: { categories: { tag: { ...props } } },
  mobile: { categories: { tag: { ...props } } }
}

---

classe tagTitleSection

styles: {
  web: { categories: { tagTitleSection: { ...props } } },
  mobile: { categories: { tagTitleSection: { ...props } } }
}

---

classe tagTitle

styles: {
  web: { categories: { tagTitle: { ...props } } },
  mobile: { categories: { tagTitle: { ...props } } }
}

---

classe tagCookieContainer

styles: {
  web: { categories: { tagCookieContainer: { ...props } } },
  mobile: { categories: { tagCookieContainer: { ...props } } }
}

---

classe tagCleanCacheLink

styles: {
  web: { categories: { tagCleanCacheLink: { ...props } } },
  mobile: { categories: { tagCleanCacheLink: { ...props } } }
}