Merge pull request #23 from materializecss/v2-dev

2.2.0

Author: wuda-io

.github/workflows/deploy.yml

@@ -2,32 +2,22 @@ name: Deploy
 on:
   push:
     branches:
-      - v2-dev
+      # - v2-dev
       - main
 jobs:
   build:
     name: Build
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout repo
-        uses: actions/checkout@v4
-      - name: Setup
-        uses: actions/setup-node@v3
       - uses: actions/checkout@v4
-      - uses: pnpm/action-setup@v2
-        with:
-          version: 8
-          run_install: |
-            - recursive: true
-              args: [--frozen-lockfile, --strict-peer-dependencies]
-            - args: [--global, prettier, typescript]
 
       - name: Build
         run: |
           git submodule init
           git submodule update
-          pnpm install
-          pnpm build
+          npm install -g pnpm
+          pnpm i
+          pnpm run build
 
       - name: Upload production-ready build files
         uses: actions/upload-artifact@v3

README.md

@@ -39,9 +39,10 @@ pnpm preview
 ### New Release (for Maintainers)
 
 - Execute the release process in the core package incl. releasing on npm
-- Update versions in **getting-started.html**, **partials/navbar.html**
-- Run docs locally and check manually
-- Make commit to dev (message: "chore: release 2.X.X")
-- Make PR in GitHub from dev -> main
-- Merge the PR
-- Party and spread the news via social media channels 🎉
+- Switch to branch **v2-dev** and also pull newest package in [packages/materialize]()
+- Update version string in **package.json**, **src/getting-started.html**, **partials/navbar.html**
+- Run docs locally and check manually with `pnpm dev`
+- Make commit to v2-dev (message: "chore: release 2.X.X")
+- Make PR from v2-dev -> main
+- Merge the PR (The deploy step to gh-pages should be executed)
+- Spread news via social media channels

config.materialize.js

@@ -4,8 +4,7 @@ export const config = {
       id: "index",
       url: "index.html",
       name: "Documentation",
-      description:
-        "Materialize is a modern responsive CSS framework based on Material Design by Google.",
+      description: "Materialize is a modern responsive CSS framework based on Material Design by Google.",
     },
     {
       id: "about",
@@ -17,18 +16,31 @@ export const config = {
       id: "gettingstarted",
       url: "getting-started.html",
       name: "Getting started",
-      description:
-        "Learn how to easily start using Materialize and integrate it into your project.",
+      description: "Learn how to easily start using Materialize and integrate it into your project.",
+    },
+    {
+      id: "color",
+      url: "color.html",
+      name: "Color",
+      description: "Materialize offers a lot of colors which can be used in your next project.",
+    },
+    {
+      id: "grid",
+      url: "grid.html",
+      name: "Grid",
+      description: "Use Materializes powerful grid system which uses CSS Grid to make formatting your web project easier and more comfortable.",
+    },
+    {
+      id: "helpers",
+      url: "helpers.html",
+      name: "Helpers",
+      description: "Get an overview of all helper classes for visibility and common css properties.",
     },
-    { id: "color", url: "color.html", name: "Color" },
-    { id: "grid", url: "grid.html", name: "Grid" },
-    { id: "helpers", url: "helpers.html", name: "Helpers" },
     {
       id: "mediacss",
       url: "media-css.html",
       name: "Media Styles",
-      description:
-        "Responsive images and videos ready to be seen on many devices.",
+      description: "Responsive images and videos ready to be seen on many devices.",
     },
     { id: "pulse", url: "pulse.html", name: "Pulse" },
     { id: "sass", url: "sass.html", name: "Sass" },
@@ -66,8 +78,7 @@ export const config = {
       id: "media",
       url: "media.html",
       name: "Media",
-      description:
-        "Use Box and Slider to present your media content in a cool way.",
+      description: "Use Box and Slider to present your media content in a cool way.",
     },
     { id: "modals", url: "modals.html", name: "Modals" },
     { id: "parallax", url: "parallax.html", name: "Parallax" },
@@ -80,7 +91,24 @@ export const config = {
     { id: "autocomplete", url: "autocomplete.html", name: "Autocomplete" },
     { id: "checkboxes", url: "checkboxes.html", name: "Checkboxes" },
     { id: "chips", url: "chips.html", name: "Chips" },
-    { id: "pickers", url: "pickers.html", name: "Pickers" },
+    {
+      id: "pickers",
+      url: "pickers.html",
+      name: "Pickers",
+      description: "Controlling inputs in a more easy way and send date and time along with your form.",
+    },
+    {
+      id: "datepicker",
+      url: "datepicker.html",
+      name: "Date Picker",
+      description: "Select single or multiple dates, ranges and more.",
+    },
+    {
+      id: "timepicker",
+      url: "timepicker.html",
+      name: "Time Picker",
+      description: "Select a single time with the support of the awesome Timepicker.",
+    },
     { id: "radiobuttons", url: "radio-buttons.html", name: "Radio Buttons" },
     { id: "range", url: "range.html", name: "Range" },
     { id: "select", url: "select.html", name: "Select" },
@@ -141,22 +169,14 @@ export const config = {
         { id: "tabs" },
         { id: "toasts" },
         { id: "tooltips" },
+        { id: "datepicker" },
+        { id: "timepicker" },
       ],
     },
     {
       name: "Forms",
       icon: "text_fields",
-      items: [
-        { id: "autocomplete" },
-        { id: "checkboxes" },
-        { id: "chips" },
-        { id: "pickers" },
-        { id: "radiobuttons" },
-        { id: "range" },
-        { id: "select" },
-        { id: "switches" },
-        { id: "textinputs" },
-      ],
+      items: [{ id: "autocomplete" }, { id: "checkboxes" }, { id: "chips" }, { id: "radiobuttons" }, { id: "range" }, { id: "select" }, { id: "switches" }, { id: "textinputs" }],
     },
     { id: "mobile", icon: "mobile_friendly" },
   ],

demo-page.html

@@ -5,20 +5,21 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build",
+    "build": "tsc && vite build && cp -r dist/version/latest/* dist && mv dist/version/latest dist/version/v2.2.0",
     "preview": "vite preview"
   },
   "dependencies": {
     "@material/material-color-utilities": "^0.2.7",
     "@materializecss/materialize": "workspace:*",
-    "glob": "^10.3.3",
-    "highlight.js": "^11.9.0",
-    "material-icons": "^1.13.8",
+    "glob": "^10.4.5",
+    "highlight.js": "^11.10.0",
+    "material-icons": "^1.13.12",
     "vite-plugin-handlebars": "^1.6.0"
   },
   "devDependencies": {
-    "sass": "^1.35.2",
-    "typescript": "^5.0.2",
-    "vite": "^4.4.5"
-  }
+    "sass": "^1.80.1",
+    "typescript": "^5.6.3",
+    "vite": "^4.5.5"
+  },
+  "packageManager": "[email protected]+sha512.22721b3a11f81661ae1ec68ce1a7b879425a1ca5b991c975b074ac220b187ce56c708fe5db69f4c962c989452eee76c82877f4ee80f474cebd61ee13461b6228"
 }