fix: tailwind safelist

README.md

@@ -844,8 +844,8 @@ Below you can find a more complex example which is using multiple components and
 
 | Component                         | Description                    | Arguments                        |
 | --------------------------------- | ------------------------------ | -------------------------------- |
-| unfold/components/chart/bar.html  | Bar chart implementation       | class, data                      |
-| unfold/components/chart/line.html | Line chart implementation      | class, data                      |
+| unfold/components/chart/bar.html  | Bar chart implementation       | class, data, height, width       |
+| unfold/components/chart/line.html | Line chart implementation      | class, data, height, width       |
 | unfold/components/card.html       | Card component                 | class, title, footer, label      |
 | unfold/components/container.html  | Wrapper for settings max width | class                            |
 | unfold/components/flex.html       | Flex items                     | class, col                       |

src/unfold/templates/unfold/components/chart/bar.html

@@ -1,3 +1,3 @@
 <div class="relative w-full{% if class %} {{ class }}{% endif %}">
-  <canvas class="chart" data-type="bar" data-value="{{ data }}"></canvas>
+  <canvas class="chart" data-type="bar" data-value="{{ data }}" {% if width %}width="{{ width }}"{% endif %} {% if height %}height="{{ height }}"{% endif %}></canvas>
 </div>

src/unfold/templates/unfold/components/chart/line.html

@@ -1,3 +1,3 @@
 <div class="relative w-full{% if class %} {{ class }}{% endif %}">
-  <canvas class="chart" data-type="line" data-value="{{ data }}"></canvas>
+  <canvas class="chart" data-type="line" data-value="{{ data }}" {% if width %}width="{{ width }}"{% endif %} {% if height %}height="{{ height }}"{% endif %}></canvas>
 </div>

tailwind.config.js

@@ -62,19 +62,7 @@ module.exports = {
       variants: ["lg"],
     },
     {
-      pattern: /w-+/,
-      variants: ["lg"],
-    },
-    {
-      pattern: /h-+/,
-      variants: ["lg"],
-    },
-    {
-      pattern: /m(\w?)-+/,
-      variants: ["lg"],
-    },
-    {
-      pattern: /p(\w?)-+/,
+      pattern: /w-(1\/2|1\/3|2\/3|1\/4|2\/4|3\/4|1\/5|2\/5|3\/5|4\/5)/,
       variants: ["lg"],
     },
   ],