update html version

Author: sajadevo

README.md

@@ -22,7 +22,7 @@
     <img src="https://img.shields.io/npm/dt/@material-tailwind/html.svg" alt="Total Downloads">
   </a>
   <a href="https://github.com/creativetimofficial/material-tailwind/releases">
-    <img src="https://img.shields.io/badge/version-1.2.1-blue.svg" alt="Version" />
+    <img src="https://img.shields.io/badge/version-1.2.3-blue.svg" alt="Version" />
   </a>
 </p>
 

packages/material-tailwind-html/README.md

@@ -8,7 +8,7 @@
     <img src="https://img.shields.io/npm/dt/@material-tailwind/html.svg" alt="Total Downloads">
   </a>
   <a href="https://github.com/creativetimofficial/material-tailwind/releases">
-    <img src="https://img.shields.io/badge/version-1.2.1-blue.svg" alt="Version" />
+    <img src="https://img.shields.io/badge/version-1.2.3-blue.svg" alt="Version" />
   </a>
   <a href="https://www.material-tailwind.com/docs/html/license">
     <img src="https://img.shields.io/badge/license-MIT-blue" alt="Licenese">

packages/material-tailwind-html/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@material-tailwind/html",
   "homepage": "https://material-tailwind.com",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "description": "@material-tailwind/html is an easy-to-use components library for Tailwind CSS inspired by Material Design.",
   "repository": "https://github.com/creativetimofficial/material-tailwind",
   "license": "MIT",

packages/material-tailwind-html/theme/components/hr/index.js

@@ -1,18 +1,20 @@
 const hr = (theme) => ({
-  "hr": {
+  hr: {
     height: theme("spacing.px"),
     opacity: theme("opacity.25"),
     borderTopWidth: theme("spacing.0"),
 
-    "&.horizontal" : {
+    "&.horizontal": {
       backgroundColor: theme("colors.transparent"),
 
       "&.dark": {
-        backgroundImage: "linear-gradient(theme('rotate.90'), theme('colors.transparent'), rgba(0,0,0,.4), theme('colors.transparent'))"
+        backgroundImage:
+          "linear-gradient(theme('rotate.90'), theme('colors.transparent'), rgba(0,0,0,.4), theme('colors.transparent'))",
       },
       "&.light": {
-        backgroundImage: "linear-gradient(theme('rotate.90'), hsla(0,0%,100%,0), theme('colors.white'), hsla(0,0%,100%,0))"
-      }
+        backgroundImage:
+          "linear-gradient(theme('rotate.90'), hsla(0,0%,100%,0), theme('colors.white'), hsla(0,0%,100%,0))",
+      },
     },
 
     "&.vertical": {
@@ -22,16 +24,18 @@ const hr = (theme) => ({
       right: theme("spacing.0"),
       top: theme("spacing.0"),
       width: theme("spacing.px"),
-    
+
       "&.light": {
-        backgroundImage: "background-image: linear-gradient(theme('rotate.90'), hsla(0,0%,100%,0), theme('colors.white'), hsla(0,0%,100%,0))"
+        backgroundImage:
+          "linear-gradient(theme('rotate.90'), hsla(0,0%,100%,0), theme('colors.white'), hsla(0,0%,100%,0))",
       },
-    
+
       "&.dark": {
-        backgroundImage: "linear-gradient(theme('rotate.90'), theme('colors.transparent'), rgba(0,0,0,.4), theme('colors.transparent'))"
-      }
-    }
-  }
+        backgroundImage:
+          "linear-gradient(theme('rotate.90'), theme('colors.transparent'), rgba(0,0,0,.4), theme('colors.transparent'))",
+      },
+    },
+  },
 });
 
 module.exports.hr = hr;

packages/material-tailwind-html/utils/withMT.js

@@ -46,7 +46,7 @@ const materialTailwindConfig = {
     colors,
     fontFamily: typography,
     boxShadow: shadows,
-    screens: breakpoints
+    screens: breakpoints,
   },
   plugins: [
     plugin(function ({ addComponents, theme }) {
@@ -77,8 +77,8 @@ const materialTailwindConfig = {
       addComponents(toggle(theme));
       addComponents(tooltip(theme));
       addComponents(typo(theme));
-    })
-  ]
+    }),
+  ],
 };
 
 /**