V2.x

CHANGELOG.md

@@ -2,6 +2,12 @@
 
 All notable changes to `react-cookify` will be documented in this file.
 
+## v2.1.7 - 2023-02-25
+
+* Deleted preview text in Readme
+* Changed the type of TableTypesType desc by adding JSX.Element to it
+* Changed the HTML Element from p to div to match the above change
+
 ## v2.1.4 - 2023-02-14
 
 * Fixed stupid mistake with wrong version number

README.md

@@ -11,9 +11,6 @@ This React library provides a customizable, simple to use and also a headless so
 
 How to handle GDPR correctly can be found on [Cookies, the GDPR, and the ePrivacy Directive](https://gdpr.eu/cookies).
 
-## Preview
-View and test how Cookify works in either [Bootstrap](https://jersyfi.github.io/cookify/test/preview/bootstrap.html) or [Tailwind CSS](https://jersyfi.github.io/cookify/test/preview/tailwindcss.html).
-
 ## Documentation
 react-cookify is essentially a set of npm packages.
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-cookify",
-  "version": "2.1.4",
+  "version": "2.1.7",
   "description": "Simple, customizable open source cookie consent banner for GDPR law",
   "scripts": {
     "lint": "eslint src/**/*.{js,jsx,ts,tsx,json}",

src/components/consent/detail/body/collapsible.tsx

@@ -65,7 +65,7 @@ export const Collapsible: React.FC<ConsentDetailBodyCollapsibleProps> = ({
 			>
 				<div className="bg-[var(--c-c-extend-bg-color)] rounded-b-[var(--c-c-extend-border-radius)] border-x-2 border-b-2 border-[var(--c-c-extend-border-color)] overflow-hidden text-[var(--c-c-extend-text-color)]">
 					<div className="p-3">
-						<p>{type.desc}</p>
+						<div>{type.desc}</div>
 					</div>
 
 					{_this.body?.length > 0 && (

src/components/consent/detail/detail.tsx

@@ -13,7 +13,10 @@ export const Detail: React.FC<ConsentDetailProps> = ({
 }) => {
 	return (
 		<Wrapper
-			className={'fixed inset-0 z-10 bg-[var(--c-bg-overlay-color)]' + (show ? '' : ' hidden')}
+			className={
+				'fixed inset-0 z-10 bg-[var(--c-bg-overlay-color)]' +
+				(show ? '' : ' hidden')
+			}
 		>
 			<Header title={content.title} support={support} />
 

src/components/consent/info/info.tsx

@@ -14,7 +14,8 @@ export const Info: React.FC<ConsentInfoProps> = ({
 	return (
 		<Wrapper
 			className={
-				(force && 'fixed inset-0 z-10 bg-[var(--c-bg-overlay-color)]') + (show ? '' : ' hidden')
+				(force && 'fixed inset-0 z-10 bg-[var(--c-bg-overlay-color)]') +
+				(show ? '' : ' hidden')
 			}
 		>
 			<div>

src/types.ts

@@ -136,7 +136,7 @@ type TableType = {
 export type TableTypesType = {
 	for: string
 	title: string
-	desc: string
+	desc: string | JSX.Element
 	body?: TableRowType[]
 }