From 319070d61985d5f7e17d51691c84ce703e41dc77 Mon Sep 17 00:00:00 2001 From: Justin Taylor <709905+kydreth@users.noreply.github.com> Date: Sun, 15 Mar 2020 21:26:24 -0400 Subject: [PATCH 01/19] Update NextJS+React+ReactDOM --- package.json | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/package.json b/package.json index aec2dff0..2335daa4 100644 --- a/package.json +++ b/package.json @@ -38,7 +38,7 @@ "@zeit/next-sass": "1.0.1", "classnames": "2.2.6", "moment": "2.24.0", - "next": "9.0.5", + "next": "^9.3.0", "next-compose-plugins": "2.2.0", "next-images": "1.1.2", "nextjs-redirect": "1.0.2", @@ -46,9 +46,9 @@ "nouislider": "14.0.2", "path": "0.12.7", "prop-types": "15.7.2", - "react": "16.9.0", + "react": "^16.13.0", "react-datetime": "2.16.3", - "react-dom": "16.9.0", + "react-dom": "^16.13.0", "react-slick": "0.25.2", "react-swipeable-views": "0.13.3", "styled-components": "4.3.2", From 73e6aef741c294b67e578d73a5ff942b4a99be51 Mon Sep 17 00:00:00 2001 From: Justin Taylor <709905+kydreth@users.noreply.github.com> Date: Sun, 22 Mar 2020 09:46:10 -0400 Subject: [PATCH 02/19] Updated hardcoded-values to variables, added fn for rgba --- assets/jss/nextjs-material-kit.js | 32 +++++++++++++++---- .../components/buttonStyle.js | 25 ++++++++------- .../components/headerStyle.js | 13 ++++---- .../components/navPillsStyle.js | 13 ++++---- .../components/paginationStyle.js | 27 ++++++++++++---- 5 files changed, 74 insertions(+), 36 deletions(-) diff --git a/assets/jss/nextjs-material-kit.js b/assets/jss/nextjs-material-kit.js index e6dff15b..51b27072 100644 --- a/assets/jss/nextjs-material-kit.js +++ b/assets/jss/nextjs-material-kit.js @@ -18,6 +18,25 @@ // // // Variables - Styles that are used on more than one component // ############################# +const hexColorToRGB = function(hexColor) { + let detectShorthand = /^#?([a-f\d])([a-f\d])([a-f\d])$/i; // #000 vs #000000 + hexColor = hexColor.replace(detectShorthand, function(m, r, g, b) { + return r + r + g + g + b + b; + }); + + const hex_array = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hexColor); // #000000 to #ffffff + return hex_array ? { + r: parseInt(hex_array[1], 16), // 0-255 + g: parseInt(hex_array[2], 16), // 0-255 + b: parseInt(hex_array[3], 16) // 0-255 + } : null; +} + +const hexToRGBAlpha = function(hexColor, alpha) { + let rgb = hexColorToRGB(hexColor); + return `rgba(${rgb.r},${rgb.g},${rgb.b},${alpha})` +} + const drawerWidth = 260; const transition = { @@ -79,27 +98,27 @@ const grayColor = "#999999"; const primaryBoxShadow = { boxShadow: - "0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2)" + `0 12px 20px -10px ${hexToRGBAlpha(primaryColor, 0.28)}, 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px ${hexToRGBAlpha(primaryColor, 0.2)}` }; const infoBoxShadow = { boxShadow: - "0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2)" + `0 12px 20px -10px ${hexToRGBAlpha(infoColor, 0.28)}, 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px ${hexToRGBAlpha(infoColor, 0.2)}` }; const successBoxShadow = { boxShadow: - "0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2)" + `0 12px 20px -10px ${hexToRGBAlpha(successColor, 0.28)}, 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px ${hexToRGBAlpha(successColor, 0.2)}` }; const warningBoxShadow = { boxShadow: - "0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2)" + `0 12px 20px -10px ${hexToRGBAlpha(warningColor, 0.28)}, 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px ${hexToRGBAlpha(warningColor, 0.2)}` }; const dangerBoxShadow = { boxShadow: - "0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2)" + `0 12px 20px -10px ${hexToRGBAlpha(dangerColor, 0.28)}, 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px ${hexToRGBAlpha(dangerColor, 0.2)}` }; const roseBoxShadow = { boxShadow: - "0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4)" + `0 4px 20px 0px ${hexToRGBAlpha('#000', 0.14)}, 0 7px 10px -5px ${hexToRGBAlpha(roseColor, 0.4)}` }; const warningCardHeader = { @@ -180,6 +199,7 @@ const cardSubtitle = { }; export { + hexToRGBAlpha, //variables drawerWidth, transition, diff --git a/assets/jss/nextjs-material-kit/components/buttonStyle.js b/assets/jss/nextjs-material-kit/components/buttonStyle.js index 98bd6af7..919f2845 100644 --- a/assets/jss/nextjs-material-kit/components/buttonStyle.js +++ b/assets/jss/nextjs-material-kit/components/buttonStyle.js @@ -1,4 +1,5 @@ import { + hexToRGBAlpha, grayColor, roseColor, primaryColor, @@ -77,61 +78,61 @@ const buttonStyle = { primary: { backgroundColor: primaryColor, boxShadow: - "0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12)", + `0 2px 2px 0 ${hexToRGBAlpha(primaryColor, 0.14)}, 0 3px 1px -2px ${hexToRGBAlpha(primaryColor, 0.2)}, 0 1px 5px 0 ${hexToRGBAlpha(primaryColor, 0.12)}`, "&:hover,&:focus": { backgroundColor: primaryColor, boxShadow: - "0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2)" + `0 14px 26px -12px ${hexToRGBAlpha(primaryColor, 0.42)}, 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px ${hexToRGBAlpha(primaryColor, 0.2)}` } }, info: { backgroundColor: infoColor, boxShadow: - "0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12)", + `0 2px 2px 0 ${hexToRGBAlpha(infoColor, 0.14)}, 0 3px 1px -2px ${hexToRGBAlpha(infoColor, 0.2)}, 0 1px 5px 0 ${hexToRGBAlpha(infoColor, 0.12)}`, "&:hover,&:focus": { backgroundColor: infoColor, boxShadow: - "0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2)" + `0 14px 26px -12px ${hexToRGBAlpha(infoColor, 0.42)}, 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px ${hexToRGBAlpha(infoColor, 0.2)}` } }, success: { backgroundColor: successColor, boxShadow: - "0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12)", + `0 2px 2px 0 ${hexToRGBAlpha(successColor, 0.14)}, 0 3px 1px -2px ${hexToRGBAlpha(successColor, 0.2)}, 0 1px 5px 0 ${hexToRGBAlpha(successColor, 0.12)}`, "&:hover,&:focus": { backgroundColor: successColor, boxShadow: - "0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2)" + `0 14px 26px -12px ${hexToRGBAlpha(successColor, 0.42)}, 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px ${hexToRGBAlpha(successColor, 0.2)}` } }, warning: { backgroundColor: warningColor, boxShadow: - "0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12)", + `0 2px 2px 0 ${hexToRGBAlpha(warningColor, 0.14)}, 0 3px 1px -2px ${hexToRGBAlpha(warningColor, 0.2)}, 0 1px 5px 0 ${hexToRGBAlpha(warningColor, 0.12)}`, "&:hover,&:focus": { backgroundColor: warningColor, boxShadow: - "0 14px 26px -12px rgba(255, 152, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2)" + `0 14px 26px -12px ${hexToRGBAlpha(warningColor, 0.42)}, 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px ${hexToRGBAlpha(warningColor, 0.2)}` } }, danger: { backgroundColor: dangerColor, boxShadow: - "0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12)", + `0 2px 2px 0 ${hexToRGBAlpha(dangerColor, 0.14)}, 0 3px 1px -2px ${hexToRGBAlpha(dangerColor, 0.2)}, 0 1px 5px 0 ${hexToRGBAlpha(dangerColor, 0.12)}`, "&:hover,&:focus": { backgroundColor: dangerColor, boxShadow: - "0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2)" + `0 14px 26px -12px ${hexToRGBAlpha(dangerColor, 0.42)}, 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px ${hexToRGBAlpha(dangerColor, 0.2)}` } }, rose: { backgroundColor: roseColor, boxShadow: - "0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12)", + `0 2px 2px 0 ${hexToRGBAlpha(primaryColor, 0.14)}, 0 3px 1px -2px ${hexToRGBAlpha(primaryColor, 0.2)}, 0 1px 5px 0 ${hexToRGBAlpha(primaryColor, 0.12)}`, "&:hover,&:focus": { backgroundColor: roseColor, boxShadow: - "0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2)" + `0 14px 26px -12px ${hexToRGBAlpha(primaryColor, 0.42)}, 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px ${hexToRGBAlpha(primaryColor, 0.2)}` } }, white: { diff --git a/assets/jss/nextjs-material-kit/components/headerStyle.js b/assets/jss/nextjs-material-kit/components/headerStyle.js index 494ddd8d..5b040d10 100644 --- a/assets/jss/nextjs-material-kit/components/headerStyle.js +++ b/assets/jss/nextjs-material-kit/components/headerStyle.js @@ -1,5 +1,6 @@ import { container, + hexToRGBAlpha, defaultFont, primaryColor, infoColor, @@ -72,37 +73,37 @@ const headerStyle = { backgroundColor: primaryColor, color: "#FFFFFF", boxShadow: - "0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(156, 39, 176, 0.46)" + `0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px ${hexToRGBAlpha(primaryColor, 0.46)}` }, info: { backgroundColor: infoColor, color: "#FFFFFF", boxShadow: - "0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(0, 188, 212, 0.46)" + `0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px ${hexToRGBAlpha(infoColor, 0.46)}` }, success: { backgroundColor: successColor, color: "#FFFFFF", boxShadow: - "0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(76, 175, 80, 0.46)" + `0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px ${hexToRGBAlpha(successColor, 0.46)}` }, warning: { backgroundColor: warningColor, color: "#FFFFFF", boxShadow: - "0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(255, 152, 0, 0.46)" + `0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px ${hexToRGBAlpha(warningColor, 0.46)}` }, danger: { backgroundColor: dangerColor, color: "#FFFFFF", boxShadow: - "0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(244, 67, 54, 0.46)" + `0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px ${hexToRGBAlpha(dangerColor, 0.46)}` }, rose: { backgroundColor: roseColor, color: "#FFFFFF", boxShadow: - "0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(233, 30, 99, 0.46)" + `0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px ${hexToRGBAlpha(roseColor, 0.46)}` }, transparent: { backgroundColor: "transparent !important", diff --git a/assets/jss/nextjs-material-kit/components/navPillsStyle.js b/assets/jss/nextjs-material-kit/components/navPillsStyle.js index 9682dd39..8b656cfd 100644 --- a/assets/jss/nextjs-material-kit/components/navPillsStyle.js +++ b/assets/jss/nextjs-material-kit/components/navPillsStyle.js @@ -1,4 +1,5 @@ import { + hexToRGBAlpha, roseColor, primaryColor, infoColor, @@ -78,7 +79,7 @@ const navPillsStyle = theme => ({ color: "#FFFFFF", backgroundColor: primaryColor, boxShadow: - "0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4)" + `0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px ${hexToRGBAlpha(primaryColor, 0.4)}` } }, info: { @@ -86,7 +87,7 @@ const navPillsStyle = theme => ({ color: "#FFFFFF", backgroundColor: infoColor, boxShadow: - "0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4)" + `0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px ${hexToRGBAlpha(infoColor, 0.4)}` } }, success: { @@ -94,7 +95,7 @@ const navPillsStyle = theme => ({ color: "#FFFFFF", backgroundColor: successColor, boxShadow: - "0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12)" + `0 2px 2px 0 ${hexToRGBAlpha(successColor, 0.14)}, 0 3px 1px -2px ${hexToRGBAlpha(successColor, 0.2)}, 0 1px 5px 0 ${hexToRGBAlpha(successColor, 0.12)}` } }, warning: { @@ -102,7 +103,7 @@ const navPillsStyle = theme => ({ color: "#FFFFFF", backgroundColor: warningColor, boxShadow: - "0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4)" + `0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px ${hexToRGBAlpha(warningColor, 0.4)}` } }, danger: { @@ -110,7 +111,7 @@ const navPillsStyle = theme => ({ color: "#FFFFFF", backgroundColor: dangerColor, boxShadow: - "0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4)" + `0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px ${hexToRGBAlpha(dangerColor, 0.4)}` } }, rose: { @@ -118,7 +119,7 @@ const navPillsStyle = theme => ({ color: "#FFFFFF", backgroundColor: roseColor, boxShadow: - "0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4)" + `0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px ${hexToRGBAlpha(roseColor, 0.4)}` } }, alignCenter: { diff --git a/assets/jss/nextjs-material-kit/components/paginationStyle.js b/assets/jss/nextjs-material-kit/components/paginationStyle.js index ac8b5a37..8ea11bea 100644 --- a/assets/jss/nextjs-material-kit/components/paginationStyle.js +++ b/assets/jss/nextjs-material-kit/components/paginationStyle.js @@ -1,10 +1,12 @@ import { + hexToRGBAlpha, grayColor, primaryColor, infoColor, successColor, warningColor, - dangerColor + dangerColor, + roseColor } from "assets/jss/nextjs-material-kit.js"; const paginationStyle = { @@ -57,7 +59,7 @@ const paginationStyle = { borderColor: primaryColor, color: "#FFFFFF", boxShadow: - "0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2)" + `0 4px 5px 0 ${hexToRGBAlpha(primaryColor, 0.14)}, 0 1px 10px 0 ${hexToRGBAlpha(primaryColor, 0.12)}, 0 2px 4px -1px ${hexToRGBAlpha(primaryColor, 0.2)}` }, "&:hover,&:focus": { zIndex: "2", @@ -70,7 +72,7 @@ const paginationStyle = { borderColor: infoColor, color: "#FFFFFF", boxShadow: - "0 4px 5px 0 rgba(0, 188, 212, 0.14), 0 1px 10px 0 rgba(0, 188, 212, 0.12), 0 2px 4px -1px rgba(0, 188, 212, 0.2)" + `0 4px 5px 0 ${hexToRGBAlpha(infoColor, 0.14)}, 0 1px 10px 0 ${hexToRGBAlpha(infoColor, 0.12)}, 0 2px 4px -1px ${hexToRGBAlpha(infoColor, 0.2)}` }, "&:hover,&:focus": { zIndex: "2", @@ -83,7 +85,7 @@ const paginationStyle = { borderColor: successColor, color: "#FFFFFF", boxShadow: - "0 4px 5px 0 rgba(76, 175, 80, 0.14), 0 1px 10px 0 rgba(76, 175, 80, 0.12), 0 2px 4px -1px rgba(76, 175, 80, 0.2)" + `0 4px 5px 0 ${hexToRGBAlpha(successColor, 0.14)}, 0 1px 10px 0 ${hexToRGBAlpha(successColor, 0.12)}, 0 2px 4px -1px ${hexToRGBAlpha(successColor, 0.2)}` }, "&:hover,&:focus": { zIndex: "2", @@ -96,7 +98,7 @@ const paginationStyle = { borderColor: warningColor, color: "#FFFFFF", boxShadow: - "0 4px 5px 0 rgba(255, 152, 0, 0.14), 0 1px 10px 0 rgba(255, 152, 0, 0.12), 0 2px 4px -1px rgba(255, 152, 0, 0.2)" + `0 4px 5px 0 ${hexToRGBAlpha(warningColor, 0.14)}, 0 1px 10px 0 ${hexToRGBAlpha(warningColor, 0.12)}, 0 2px 4px -1px ${hexToRGBAlpha(warningColor, 0.2)}` }, "&:hover,&:focus": { zIndex: "2", @@ -109,7 +111,20 @@ const paginationStyle = { borderColor: dangerColor, color: "#FFFFFF", boxShadow: - "0 4px 5px 0 rgba(244, 67, 54, 0.14), 0 1px 10px 0 rgba(244, 67, 54, 0.12), 0 2px 4px -1px rgba(244, 67, 54, 0.2)" + `0 4px 5px 0 ${hexToRGBAlpha(dangerColor, 0.14)}, 0 1px 10px 0 ${hexToRGBAlpha(dangerColor, 0.12)}, 0 2px 4px -1px ${hexToRGBAlpha(dangerColor, 0.2)}` + }, + "&:hover,&:focus": { + zIndex: "2", + cursor: "default" + } + }, + rose: { + "&,&:hover,&:focus": { + backgroundColor: roseColor, + borderColor: roseColor, + color: "#FFFFFF", + boxShadow: + `0 4px 5px 0 ${hexToRGBAlpha(roseColor, 0.14)}, 0 1px 10px 0 ${hexToRGBAlpha(roseColor, 0.12)}, 0 2px 4px -1px ${hexToRGBAlpha(roseColor, 0.2)}` }, "&:hover,&:focus": { zIndex: "2", From 82b44abe9acaebb39e53705ed7bde046e72d9b46 Mon Sep 17 00:00:00 2001 From: EINazare Date: Fri, 8 May 2020 09:27:41 +0300 Subject: [PATCH 03/19] docs: add updates changelog --- CHANGELOG.md | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index f3e6637c..6d4736e7 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,25 @@ # Change Log +## [1.1.0] 2020-05-08 +### Bug fixing + +### Major style changes + +### Deleted components + +### Added components + +### Deleted dependencies + +### Added dependencies + +### Updated dependencies +``` + +``` +### Warning +_If needed_ + ## [1.0.0] 2019-09-13 ### Original Release - Started project with NextJS From 11645a73308855ff3ac16780ae7316cb12517a26 Mon Sep 17 00:00:00 2001 From: EINazare Date: Fri, 8 May 2020 09:48:56 +0300 Subject: [PATCH 04/19] feature: update all packages --- package.json | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/package.json b/package.json index aec2dff0..9c7476c9 100644 --- a/package.json +++ b/package.json @@ -33,25 +33,25 @@ }, "homepage": "https://demos.creative-tim.com/nextjs-material-kit", "dependencies": { - "@material-ui/core": "4.3.2", - "@material-ui/icons": "4.2.1", + "@material-ui/core": "4.9.13", + "@material-ui/icons": "4.9.1", "@zeit/next-sass": "1.0.1", "classnames": "2.2.6", - "moment": "2.24.0", - "next": "9.0.5", + "moment": "2.25.3", + "next": "9.3.6", "next-compose-plugins": "2.2.0", - "next-images": "1.1.2", - "nextjs-redirect": "1.0.2", - "node-sass": "4.12.0", - "nouislider": "14.0.2", + "next-images": "1.3.1", + "nextjs-redirect": "2.0.2", + "node-sass": "4.14.1", + "nouislider": "14.4.0", "path": "0.12.7", "prop-types": "15.7.2", - "react": "16.9.0", + "react": "16.13.1", "react-datetime": "2.16.3", - "react-dom": "16.9.0", + "react-dom": "16.13.1", "react-slick": "0.25.2", - "react-swipeable-views": "0.13.3", - "styled-components": "4.3.2", - "webpack": "4.39.3" + "react-swipeable-views": "0.13.9", + "styled-components": "5.1.0", + "webpack": "4.43.0" } } From 7baa05068cfe5ff27c45188250174f2d80429d71 Mon Sep 17 00:00:00 2001 From: EINazare Date: Fri, 8 May 2020 09:49:07 +0300 Subject: [PATCH 05/19] docs: add changes to changelog --- CHANGELOG.md | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 6d4736e7..c3e292ab 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -15,7 +15,19 @@ ### Updated dependencies ``` - +@material-ui/core 4.3.2 → 4.9.13 +@material-ui/icons 4.2.1 → 4.9.1 +moment 2.24.0 → 2.25.3 +next 9.0.5 → 9.3.6 +next-images 1.1.2 → 1.3.1 +nextjs-redirect 1.0.2 → 2.0.2 +node-sass 4.12.0 → 4.14.1 +nouislider 14.0.2 → 14.4.0 +react 16.9.0 → 16.13.1 +react-dom 16.9.0 → 16.13.1 +react-swipeable-views 0.13.3 → 0.13.9 +styled-components 4.3.2 → 5.1.0 +webpack 4.39.3 → 4.43.0 ``` ### Warning _If needed_ From 74174e3557d4ad272151f9cb810a3319f46abb96 Mon Sep 17 00:00:00 2001 From: EINazare Date: Fri, 8 May 2020 09:57:50 +0300 Subject: [PATCH 06/19] refactor: change section downloads --- pages-sections/Components-Sections/SectionDownload.js | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/pages-sections/Components-Sections/SectionDownload.js b/pages-sections/Components-Sections/SectionDownload.js index 1a32e2ff..ede49789 100644 --- a/pages-sections/Components-Sections/SectionDownload.js +++ b/pages-sections/Components-Sections/SectionDownload.js @@ -51,21 +51,20 @@ export default function SectionDownload() {

Want more?

- Comming soon{" "} + We've just launched{" "} e.preventDefault()}> NextJS Material Kit PRO{" "} - .It will have a huge number of components, sections and example - pages. You Could Start Your Development With A Badass Material-UI - and NexJS inspired by Material Design. + .It has a huge number of components, sections and example + pages. Start Your Development With A Badass Material-UI + and NexJS Kit inspired by Material Design.

+