fix: templates and update dependencies

materializecss · Nov 13, 2024 · 74bef8e · 74bef8e
1 parent 3147f4d
commit 74bef8e
Show file tree

Hide file tree

Showing 4 changed files with 48 additions and 129 deletions.
diff --git a/packages/materialize b/packages/materialize
diff --git a/src/public/templates/parallax-template/css/style.css b/src/public/templates/parallax-template/css/style.css
@@ -7,10 +7,6 @@ nav .brand-logo {
   width: 90%;
 }
 
-h1 {
-  color: #4db6ac;
-}
-
 h2 {
   color: #795548;
 }
@@ -27,7 +23,7 @@ p {
   min-height: 380px;
   line-height: 0;
   height: auto;
-  color: rgba(255,255,255,.9);
+  color: rgba(255, 255, 255, 0.9);
 }
 
 .parallax-container .section {
@@ -56,4 +52,4 @@ p {
 
 .page-footer a {
   color: white;
-}
+}
diff --git a/src/public/templates/parallax-template/preview.html b/src/public/templates/parallax-template/preview.html
@@ -6,19 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Parallax Template - Materialize</title>
     <!-- Compiled and minified CSS -->
-    <link
-      rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/@materializecss/materialize/dist/css/materialize.min.css"
-    />
-    <link
-      href="https://fonts.googleapis.com/icon?family=Material+Icons"
-      rel="stylesheet"
-    />
-    <link
-      href="css/style.css"
-      rel="stylesheet"
-      media="screen,projection"
-    />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@materializecss/materialize/dist/css/materialize.min.css" />
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
+    <link href="css/style.css" rel="stylesheet" media="screen,projection" />
   </head>
   <body>
     <nav class="white" role="navigation">
@@ -27,36 +17,25 @@
         <ul class="right hide-on-med-and-down">
           <li><a href="#">Navbar Link</a></li>
         </ul>
-
         <ul id="nav-mobile" class="sidenav">
           <li><a href="#">Navbar Link</a></li>
         </ul>
-        <a href="#" data-target="nav-mobile" class="sidenav-trigger"
-          ><i class="material-icons">menu</i></a
-        >
+        <a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>
       </div>
     </nav>
 
     <div id="index-banner" class="parallax-container">
       <div class="section">
         <div class="container">
-          <br><br>
-          <h1 class="header center-align">Parallax Template</h1>
+          <br /><br />
+          <h1 class="header center-align primary-text">Parallax Template</h1>
           <div class="row center-align">
-            <h5 class="header col s12">
-              A modern responsive front-end framework based on Material Design
-            </h5>
+            <h5 class="header col s12">A modern responsive front-end framework based on Material Design</h5>
           </div>
-          <div class="row center-align">
-            <a
-              href="https://materializeweb.com"
-              target="_blank"
-              rel="noopener noreferrer"
-              class="btn-large waves-effect waves-light teal lighten-1"
-              >Get Started</a
-            >
+          <div class="center-align mt-5">
+            <a href="https://materializeweb.com" target="_blank" rel="noopener noreferrer" class="btn-large tonal waves-effect waves-light">Get Started</a>
           </div>
-          <br><br>
+          <br /><br />
         </div>
       </div>
       <div class="parallax">
@@ -75,10 +54,8 @@ <h2 class="center-align">
               <h5 class="center-align">Speeds up development</h5>
 
               <p>
-                We did most of the heavy lifting for you to provide a default
-                stylings that incorporate our custom components. Additionally,
-                we refined animations and transitions to provide a smoother
-                experience for developers.
+                We did most of the heavy lifting for you to provide a default stylings that incorporate our custom components. Additionally, we refined animations and transitions
+                to provide a smoother experience for developers.
               </p>
             </div>
           </div>
@@ -89,13 +66,9 @@ <h2 class="center-align">
                 <i class="medium material-icons">group</i>
               </h2>
               <h5 class="center-align">User Experience Focused</h5>
-
               <p>
-                By utilizing elements and principles of Material Design, we were
-                able to create a framework that incorporates components and
-                animations that provide more feedback to users. Additionally, a
-                single underlying responsive system across all platforms allow
-                for a more unified user experience.
+                By utilizing elements and principles of Material Design, we were able to create a framework that incorporates components and animations that provide more feedback
+                to users. Additionally, a single underlying responsive system across all platforms allow for a more unified user experience.
               </p>
             </div>
           </div>
@@ -106,12 +79,9 @@ <h2 class="center-align">
                 <i class="medium material-icons">settings</i>
               </h2>
               <h5 class="center-align">Easy to work with</h5>
-
               <p>
-                We have provided detailed documentation as well as specific code
-                examples to help new users get started. We are also always open
-                to feedback and can answer any questions a user may have about
-                Materialize.
+                We have provided detailed documentation as well as specific code examples to help new users get started. We are also always open to feedback and can answer any
+                questions a user may have about Materialize.
               </p>
             </div>
           </div>
@@ -123,9 +93,7 @@ <h5 class="center-align">Easy to work with</h5>
       <div class="section">
         <div class="container">
           <div class="row center-align">
-            <h5 class="header col s12">
-              A modern responsive front-end framework based on Material Design
-            </h5>
+            <h5 class="header col s12">A modern responsive front-end framework based on Material Design</h5>
           </div>
         </div>
       </div>
@@ -140,16 +108,10 @@ <h5 class="header col s12">
           <div class="col s12 center-align">
             <h4>Contact Us</h4>
             <p class="left-align">
-              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
-              scelerisque id nunc nec volutpat. Etiam pellentesque tristique
-              arcu, non consequat magna fermentum ac. Cras ut ultricies eros.
-              Maecenas eros justo, ullamcorper a sapien id, viverra ultrices
-              eros. Morbi sem neque, posuere et pretium eget, bibendum
-              sollicitudin lacus. Aliquam eleifend sollicitudin diam, eu mattis
-              nisl maximus sed. Nulla imperdiet semper molestie. Morbi massa
-              odio, condimentum sed ipsum ac, gravida ultrices erat. Nullam eget
-              dignissim mauris, non tristique erat. Vestibulum ante ipsum primis
-              in faucibus orci luctus et ultrices posuere cubilia Curae;
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam scelerisque id nunc nec volutpat. Etiam pellentesque tristique arcu, non consequat magna fermentum ac.
+              Cras ut ultricies eros. Maecenas eros justo, ullamcorper a sapien id, viverra ultrices eros. Morbi sem neque, posuere et pretium eget, bibendum sollicitudin lacus.
+              Aliquam eleifend sollicitudin diam, eu mattis nisl maximus sed. Nulla imperdiet semper molestie. Morbi massa odio, condimentum sed ipsum ac, gravida ultrices erat.
+              Nullam eget dignissim mauris, non tristique erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
             </p>
           </div>
         </div>
@@ -160,9 +122,7 @@ <h4>Contact Us</h4>
       <div class="section">
         <div class="container">
           <div class="row center-align">
-            <h5 class="header col s12">
-              A modern responsive front-end framework based on Material Design
-            </h5>
+            <h5 class="header col s12">A modern responsive front-end framework based on Material Design</h5>
           </div>
         </div>
       </div>
@@ -171,15 +131,14 @@ <h5 class="header col s12">
       </div>
     </div>
 
-    <footer class="page-footer teal">
+    <footer class="page-footer">
       <div class="container">
         <div class="row">
           <div class="col l6 s12">
             <h5>Company Bio</h5>
             <p>
-              We are a team of college students working on this project like
-              it's our full time job. Any amount would help support and continue
-              development on this project and is greatly appreciated.
+              We are a team of college students working on this project like it's our full time job. Any amount would help support and continue development on this project and is
+              greatly appreciated.
             </p>
           </div>
           <div class="col l3 s12">
@@ -205,13 +164,7 @@ <h5>Connect</h5>
       <div class="footer-copyright">
         <div class="container">
           Made by
-          <a
-            style="color: #bcaaa4;"
-            href="https://materializeweb.com"
-            target="_blank"
-            rel="noopener noreferrer"
-            >Materialize</a
-          >
+          <a style="color: #bcaaa4" href="https://materializeweb.com" target="_blank" rel="noopener noreferrer">Materialize</a>
         </div>
       </div>
     </footer>
@@ -221,4 +174,4 @@ <h5>Connect</h5>
       M.AutoInit();
     </script>
   </body>
-</html>
+</html>
diff --git a/src/public/templates/starter-template/preview.html b/src/public/templates/starter-template/preview.html
@@ -6,14 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Starter Template - Materialize</title>
     <!-- Compiled and minified CSS -->
-    <link
-      rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/@materializecss/materialize/dist/css/materialize.min.css"
-    />
-    <link
-      href="https://fonts.googleapis.com/icon?family=Material+Icons"
-      rel="stylesheet"
-    />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@materializecss/materialize/dist/css/materialize.min.css" />
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
     <link href="css/style.css" rel="stylesheet" media="screen,projection" />
   </head>
   <body>
@@ -27,30 +21,20 @@
         <ul id="nav-mobile" class="sidenav">
           <li><a href="#">Navbar Link</a></li>
         </ul>
-        <a href="#" data-target="nav-mobile" class="sidenav-trigger"
-          ><i class="material-icons menu">menu</i></a
-        >
+        <a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons menu">menu</i></a>
       </div>
     </nav>
     <div class="section">
       <div class="container">
-        <br><br>
+        <br /><br />
         <h1 class="header center-align">Starter Template</h1>
         <div class="row center-align">
-          <h5 class="header col s12">
-            A modern responsive front-end framework based on Material Design
-          </h5>
+          <h5 class="header col s12">A modern responsive front-end framework based on Material Design</h5>
         </div>
-        <div class="row center-align">
-          <a
-            href="https://materializeweb.com/getting-started.html"
-            class="btn-large waves-effect waves-light orange"
-            target="_blank"
-            rel="noopener noreferrer"
-            >Get Started</a
-          >
+        <div class="mt-5 center-align">
+          <a href="https://materializeweb.com/getting-started.html" class="btn-large waves-effect waves-light orange" target="_blank" rel="noopener noreferrer">Get Started</a>
         </div>
-        <br><br>
+        <br /><br />
       </div>
     </div>
 
@@ -64,10 +48,8 @@ <h2 class="center-align">
             <h5 class="center-align">Speeds up development</h5>
 
             <p>
-              We did most of the heavy lifting for you to provide a default
-              stylings that incorporate our custom components. Additionally, we
-              refined animations and transitions to provide a smoother
-              experience for developers.
+              We did most of the heavy lifting for you to provide a default stylings that incorporate our custom components. Additionally, we refined animations and transitions to
+              provide a smoother experience for developers.
             </p>
           </div>
 
@@ -78,11 +60,8 @@ <h2 class="center-align">
             <h5 class="center-align">User Experience Focused</h5>
 
             <p>
-              By utilizing elements and principles of Material Design, we were
-              able to create a framework that incorporates components and
-              animations that provide more feedback to users. Additionally, a
-              single underlying responsive system across all platforms allow for
-              a more unified user experience.
+              By utilizing elements and principles of Material Design, we were able to create a framework that incorporates components and animations that provide more feedback to
+              users. Additionally, a single underlying responsive system across all platforms allow for a more unified user experience.
             </p>
           </div>
 
@@ -93,15 +72,13 @@ <h2 class="center-align">
             <h5 class="center-align">Easy to work with</h5>
 
             <p>
-              We have provided detailed documentation as well as specific code
-              examples to help new users get started. We are also always open to
-              feedback and can answer any questions a user may have about
-              Materialize.
+              We have provided detailed documentation as well as specific code examples to help new users get started. We are also always open to feedback and can answer any
+              questions a user may have about Materialize.
             </p>
           </div>
         </div>
       </div>
-      <br><br>
+      <br /><br />
     </div>
 
     <footer class="page-footer orange">
@@ -110,9 +87,8 @@ <h5 class="center-align">Easy to work with</h5>
           <div class="col l6 s12">
             <h5>Company Bio</h5>
             <p>
-              We are a team of college students working on this project like
-              it's our full time job. Any amount would help support and continue
-              development on this project and is greatly appreciated.
+              We are a team of college students working on this project like it's our full time job. Any amount would help support and continue development on this project and is
+              greatly appreciated.
             </p>
           </div>
           <div class="col l3 s12">
@@ -138,13 +114,7 @@ <h5>Connect</h5>
       <div class="footer-copyright">
         <div class="container">
           Made by
-          <a
-            class="us"
-            href="https://materializeweb.com"
-            target="_blank"
-            rel="noopener noreferrer"
-            >Materialize</a
-          >
+          <a class="us" href="https://materializeweb.com" target="_blank" rel="noopener noreferrer">Materialize</a>
         </div>
       </div>
     </footer>
+0 −26		.eslintrc
+1 −1		.github/workflows/nightly.yml
+1 −0		.gitignore
+1 −1		.prettierrc
+0 −8,711		dist/css/materialize.css
+0 −8		dist/css/materialize.min.css
+0 −1		dist/css/materialize.min.css.map
+0 −7,593		dist/js/materialize.cjs.js
+0 −2,333		dist/js/materialize.d.ts
+0 −7,598		dist/js/materialize.js
+0 −6		dist/js/materialize.min.js
+0 −7,563		dist/js/materialize.mjs
+35 −0		eslint.config.mjs
+1,518 −306		package-lock.json
+10 −4		package.json
+3 −0		sass/components/_chips.scss
+33 −8		sass/components/_timepicker.scss
+24 −1		sass/components/forms/_input-fields.scss
+33 −3		src/datepicker.ts
+6 −1		src/dropdown.ts
+61 −39		src/index.ts
+27 −3		src/sidenav.ts
+54 −29		src/timepicker.ts