Issue #3491291 by mortona2k, g4mbini, fb-multimedia: [4.0.x-beta1] Rework...

components/alert/alert.twig

@@ -2,7 +2,7 @@
 {% set attributes = (variant != 'default') ? attributes.addClass('alert-' ~ variant) : attributes %}
 {% endif %}
 
-<div {{ attributes.addClass(['alert', 'not-prose']).setAttribute('role', 'alert') }}>
+<div {{ attributes.addClass('alert').setAttribute('role', 'alert') }}>
   {% if variant == 'success' %}
   <svg xmlns="http://www.w3.org/2000/svg" class="stroke-current shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
   {% elseif variant == 'info' %}

components/avatar/avatar.twig

-{% set attributes = attributes.addClass(['avatar', 'not-prose']) %}
+{% set attributes = attributes.addClass('avatar') %}
 
 {% if variant %}
 {% set attributes = (variant != 'default') ? attributes.addClass(variant) : attributes %}

components/breadcrumbs/breadcrumbs.twig

 {% if items %}
-{% set attributes = attributes.addClass('text-sm', 'breadcrumbs', 'not-prose') %}
+{% set attributes = attributes.addClass('text-sm', 'breadcrumbs') %}
 
 {% if max_width %}
     {% set attributes = attributes.addClass('max-w-xs') %}

components/browser_mockup/browser_mockup.twig

-{% set attributes = attributes.addClass('mockup-browser', 'not-prose') %}
+{% set attributes = attributes.addClass('mockup-browser') %}
 
 {% set toolbar_attributes = create_attribute().addClass('input') %}
 

components/button/button.twig

@@ -10,7 +10,6 @@
     square ? 'btn-square',
     circle ? 'btn-circle',
     _block ? 'btn-block',
-    'not-prose',
   ]
 %}
 

components/card/card.twig

-{% set attributes = attributes.addClass('card', 'not-prose') %}
+{% set attributes = attributes.addClass('card') %}
 
 {% if variant and variant != 'responsive' %}
   {% set attributes = (variant != 'default') ? attributes.addClass('card-' ~ variant) : attributes %}

components/carousel/carousel.twig

@@ -21,7 +21,7 @@
 {% endif %}
 
 {% if items %}
-  <div {{ attributes.addClass('carousel', 'not-prose') }}>
+  <div {{ attributes.addClass('carousel') }}>
   {% for item in items %}
     {% set item_id = carousel_id ~ '-item-' ~ loop.index %}
     <div {{ item_attributes.setAttribute('id', item_id) }}>
@@ -52,8 +52,8 @@
   {% elseif loop.last %}
     {% set next_id = carousel_id ~ '-item-1' %}
   {% endif %}
-  <a href="#{{ prev_id }}" class="btn btn-circle not-prose">❮</a>
-  <a href="#{{ next_id }}" class="btn btn-circle not-prose">❯</a>
+  <a href="#{{ prev_id }}" class="btn btn-circle">❮</a>
+  <a href="#{{ next_id }}" class="btn btn-circle">❯</a>
 </div>
 {% endmacro %}
 
@@ -61,7 +61,7 @@
 <div class="flex w-full justify-center gap-2 py-2">
 {% for item in items %}
   {% set item_id = carousel_id ~ '-item-' ~ loop.index %}
-  <a class="btn btn-xs not-prose" href="#{{ item_id }}">{{ loop.index }}</a>
+  <a class="btn btn-xs" href="#{{ item_id }}">{{ loop.index }}</a>
 {% endfor %}
 </div>
 {% endmacro %}

components/code_mockup/code_mockup.twig

-{% set attributes = attributes.addClass(['mockup-code', 'not-prose']) %}
+{% set attributes = attributes.addClass('mockup-code') %}
 
 <div {{ attributes }}>
 {{ lines }}

components/collapse/collapse.twig

@@ -22,7 +22,7 @@
   {% set attributes = attributes.addClass('collapse-close') %}
 {% endif %}
 
-{% set attributes = attributes.addClass('collapse', 'not-prose') %}
+{% set attributes = attributes.addClass('collapse') %}
 
 {% if details %}
   <details {{ attributes }}>

components/diff/diff.twig

-{% set attributes = attributes.addClass('diff', 'not-prose') %}
+{% set attributes = attributes.addClass('diff') %}
 
 <div {{ attributes }}>
   <div class="diff-item-1">

components/hero/hero.twig

-{% set attributes = attributes.addClass(['hero', 'not-prose']) %}
+{% set attributes = attributes.addClass(['hero']) %}
 
 {% set heading_level = heading_level|default(1) %}
 

components/link/link.twig

-{% set attributes = attributes.addClass('link', 'not-prose') %}
+{% set attributes = attributes.addClass('link') %}
 
 {% if variant %}
 {% set attributes = (variant != 'default') ? attributes.addClass('link-' ~ variant) : attributes %}

components/menu/menu.twig

@@ -3,7 +3,7 @@
   {% set attributes = attributes.addClass(variants) %}
 {% endif %}
 
-<ul {{ attributes.addClass('menu').addClass('not-prose') }}>
+<ul {{ attributes.addClass('menu') }}>
   {{ collapsible ? _self.menu_links_collapsible(items, collapsible) : _self.menu_links(items) }}
 </ul>
 

components/modal/modal.twig

@@ -3,7 +3,6 @@
     'modal',
     responsive ? 'modal-' ~ responsive,
     responsive ? 'sm:modal-middle',
-    'not-prose',
   ]
 %}
 

components/pagination/pagination.twig

 {% if items %}
-<div {{ attributes.addClass('join', 'not-prose') }}>
+<div {{ attributes.addClass('join') }}>
 {% for item in items %}
   {% set item_attributes = item.attributes|default(create_attribute()) %}
     {% if size %}

components/steps/steps.twig

-{% set attributes = attributes.addClass('steps', 'not-prose') %}
+{% set attributes = attributes.addClass('steps') %}
 
 {% if variant and variant != 'vertical_responsive' %}
   {% set attributes = (variant != 'default') ? attributes.addClass('steps-' ~ variant) : attributes %}

components/tab/tab.twig

-{% set link = active ? link|add_class('tab-active', 'not-prose') : link %}
+{% set link = active ? link|add_class('tab-active') : link %}
 
 {% for key, value in attributes %}
 {% set link = link|set_attribute(key, value) %}

components/table/table.twig

@@ -4,7 +4,7 @@
 
 {% set attributes = variant ? attributes.addClass('table-' ~ variant) : attributes %}
 
-<table{{ attributes.addClass('table', 'not-prose') }}>
+<table{{ attributes.addClass('table') }}>
 {% if header %}
   <thead>
     {{ header }}

components/timeline/timeline.twig

 {% set attributes = (variant != 'default') ? attributes.addClass('timeline-' ~ variant) : attributes %}
 
 {% if items %}
-<ul {{ attributes.addClass('timeline', 'not-prose') }}>
+<ul {{ attributes.addClass('timeline') }}>
 {% for item in items %}
   <li>
   {% if not loop.first %}

components/window_mockup/window_mockup.twig

-{% set attributes = attributes.addClass('mockup-window', 'not-prose') %}
+{% set attributes = attributes.addClass('mockup-window') %}
 
 <div {{ attributes }}>
   {{ content }}