@spaziodati/atoka-design-system 2.1.2 → 2.1.5

package/package.json

@@ -1,10 +1,10 @@
 {
     "name": "@spaziodati/atoka-design-system",
-    "version": "2.1.2",
+    "version": "2.1.5",
     "description": "",
     "scripts": {
-        "storybook": "start-storybook -p 6006 -s public --quiet",
-        "deploy-storybook": "npm run imprint-version && build-storybook -s public -c .storybook -o .out --quiet && s3-deploy '.out/**' --cwd '.out/' --region eu-west-1 --bucket design-system.atoka.io",
+        "storybook": "start-storybook -p 6006 --quiet",
+        "deploy-storybook": "npm run imprint-version && build-storybook -c .storybook -o .out --quiet && s3-deploy '.out/**' --cwd '.out/' --region eu-west-1 --bucket design-system.atoka.io",
         "imprint-version": "node ./scripts/imprint_version.js",
         "ts-compile": "tsc",
         "build": "rm -rf dist; npm run ts-declaration && npm run ts-bundle && cp -rf ./styles ./dist/styles && cp ./package.json ./dist/package.json",
@@ -12,7 +12,7 @@
         "ts-declaration": "tsc --emitDeclarationOnly -p tsconfig-prod.json",
         "ts-compile-prod": "tsc -p tsconfig-prod.json",
         "ts-lint": "eslint './src' --ext ts --ext tsx --ext js --ext jsx --max-warnings 0",
-        "ts-bundle": "WEBPACK_PACKAGE=webpack-5 npx webpack --config webpack.conf.js",
+        "ts-bundle": "npx webpack --config webpack.conf.js",
         "less-lint": "./scripts/less_lint.sh",
         "prettier-write": "prettier --write .",
         "prettier": "prettier --check .",
@@ -46,20 +46,20 @@
         "@nivo/funnel": "0.72.0",
         "@nivo/pie": "0.72.0",
         "@nivo/sunburst": "0.72.0",
+        "leaflet": "1.7.1",
+        "leaflet-image": "0.4.0",
         "react": "^16.14.0",
         "react-bootstrap": "^1.5.2",
         "react-datepicker": "4.6.0",
         "react-dom": "^16.14.0",
-        "react-select": "4.3.0",
-        "leaflet": "1.7.1",
-        "leaflet-image": "0.4.0"
+        "react-select": "4.3.0"
     },
     "devDependencies": {
-        "@babel/core": "7.10.4",
-        "@babel/plugin-transform-runtime": "7.14.5",
-        "@babel/plugin-transform-typescript": "7.16.1",
-        "@babel/preset-env": "7.14.4",
-        "@babel/runtime": "7.14.6",
+        "@babel/core": "7.18.2",
+        "@babel/plugin-transform-runtime": "7.18.2",
+        "@babel/plugin-transform-typescript": "7.18.4",
+        "@babel/preset-env": "7.18.2",
+        "@babel/runtime": "7.18.3",
         "@fortawesome/fontawesome-pro": "5.13.0",
         "@fortawesome/fontawesome-svg-core": "1.2.30",
         "@fortawesome/free-brands-svg-icons": "5.14.0",
@@ -75,13 +75,14 @@
         "@nivo/funnel": "0.72.0",
         "@nivo/pie": "0.72.0",
         "@nivo/sunburst": "0.72.0",
-        "@react-leaflet/core": "1.0.2",
-        "@storybook/addon-actions": "6.3.6",
-        "@storybook/addon-controls": "6.3.7",
-        "@storybook/addon-docs": "6.3.6",
-        "@storybook/addon-links": "6.3.6",
-        "@storybook/addons": "6.3.6",
-        "@storybook/react": "6.3.6",
+        "@storybook/addon-actions": "6.5.8",
+        "@storybook/addon-controls": "6.5.8",
+        "@storybook/addon-docs": "6.5.8",
+        "@storybook/addon-links": "6.5.8",
+        "@storybook/addons": "6.5.8",
+        "@storybook/builder-webpack5": "^6.5.8",
+        "@storybook/manager-webpack5": "^6.5.8",
+        "@storybook/react": "6.5.8",
         "@types/classnames": "2.2.10",
         "@types/d3-color": "2.0.1",
         "@types/d3-scale": "^3.2.2",
@@ -96,38 +97,41 @@
         "@types/react": "16.9.42",
         "@types/react-datepicker": "4.3.4",
         "@types/react-dom": "16.9.9",
+        "@types/react-leaflet-v2": "npm:@types/react-leaflet@2.8.2",
         "@types/react-motion": "0.0.29",
         "@types/react-select": "4.0.17",
         "@types/storybook__addon-info": "5.2.4",
-        "@typescript-eslint/eslint-plugin": "3.6.0",
-        "@typescript-eslint/eslint-plugin-tslint": "4.10.0",
-        "@typescript-eslint/parser": "3.6.0",
+        "@typescript-eslint/eslint-plugin": "5.27.1",
+        "@typescript-eslint/eslint-plugin-tslint": "5.27.1",
+        "@typescript-eslint/parser": "5.27.1",
         "autobind-decorator": "2.4.0",
-        "awesome-typescript-loader": "5.2.1",
-        "babel-loader": "8.1.0",
+        "babel-loader": "8.2.5",
         "bootstrap-less-port": "2.3.1",
+        "cheerio": "1.0.0-rc.3",
         "classnames": "2.2.6",
         "css-loader": "3.6.0",
         "css-minimizer-webpack-plugin": "3.3.1",
         "csso-cli": "3.0.0",
+        "dotenv-webpack": "7.1.0",
         "enzyme": "3.11.0",
         "enzyme-adapter-react-16": "1.15.2",
         "enzyme-to-json": "3.5.0",
-        "eslint": "7.4.0",
+        "eslint": "8.17.0",
         "eslint-config-prettier": "8.3.0",
-        "eslint-plugin-import": "2.22.1",
-        "eslint-plugin-jsdoc": "30.7.8",
-        "eslint-plugin-prefer-arrow": "1.2.2",
-        "eslint-plugin-react": "7.20.3",
-        "eslint-plugin-react-hooks": "4.2.0",
+        "eslint-plugin-import": "2.26.0",
+        "eslint-plugin-jsdoc": "39.3.2",
+        "eslint-plugin-prefer-arrow": "1.2.3",
+        "eslint-plugin-react": "7.30.0",
+        "eslint-plugin-react-hooks": "4.5.0",
         "file-loader": "6.2.0",
-        "jest": "26.1.0",
-        "jest-circus": "26.6.3",
-        "jest-image-snapshot": "4.5.0",
-        "jest-puppeteer": "4.4.0",
+        "jest": "28.1.1",
+        "jest-circus": "28.1.1",
+        "jest-environment-jsdom": "28.1.1",
+        "jest-image-snapshot": "5.1.0",
+        "jest-puppeteer": "6.1.0",
         "leaflet": "1.7.1",
         "leaflet-image": "0.4.0",
-        "less": "4.1.1",
+        "less": "3.13.1",
         "less-loader": "6.2.0",
         "mini-css-extract-plugin": "2.4.5",
         "pre-commit": "1.2.2",
@@ -137,21 +141,25 @@
         "react-bootstrap": "1.5.2",
         "react-datepicker": "4.6.0",
         "react-dom": "16.14.0",
-        "react-leaflet-v3": "npm:react-leaflet@3.1.0",
+        "react-leaflet-v2": "npm:react-leaflet@2.8.0",
         "react-select": "4.3.0",
+        "react-transition-group": "4.4.2",
         "s3-deploy": "1.4.0",
         "start-server-and-test": "1.11.2",
         "story-description-loader": "1.0.0",
         "style-loader": "1.2.1",
         "ts-dedent": "2.2.0",
-        "ts-jest": "26.1.1",
-        "typescript": "3.9.6",
-        "webpack": "4.46.0",
-        "webpack-5": "npm:webpack@5.65.0",
+        "ts-jest": "28.0.4",
+        "ts-loader": "9.3.0",
+        "typescript": "4.7.3",
+        "webpack": "5.65.0",
         "webpack-bundle-analyzer": "4.5.0",
         "webpack-cli": "4.6.0"
     },
     "optionalDependencies": {
         "fsevents": "^2.3.2"
+    },
+    "resolutions": {
+        "@storybook/react/webpack": "^5"
     }
 }

package/styles/atoka-bs.less

@@ -35,7 +35,7 @@
 @import '@{path}_media';
 @import '@{path}_list-group';
 @import '@{path}_close';
-//@import "@{path}_toasts";
+@import '@{path}_toasts';
 @import '@{path}_modal';
 @import '@{path}_tooltip';
 @import '@{path}_popover';

package/styles/variant-mixins.less

@@ -16,7 +16,7 @@
     }
 }
 
-.variant-secondary(@color) {
+.button-variant-secondary(@color) {
     // This is necessary to override some style present in atoka revenge.
     &,
     &:not(.disabled):active {
@@ -38,6 +38,12 @@
     }
 }
 
+.variant-secondary(@color) {
+    border: 1px solid @color;
+    color: @color;
+    background-color: mix(@color, white, 8%);
+}
+
 .variant-primary-white {
     background-color: @white;
     border-color: @white;
@@ -54,12 +60,6 @@
     }
 }
 
-.secondary-variant(@color) {
-    border: 1px solid @color;
-    color: @color;
-    background-color: mix(@color, transparent, 8%);
-}
-
 .primary-badge(@color) {
     border: 1px solid @color;
     color: @white;