@omniumretail/component-library 1.0.70 → 1.0.72

package/package.json

@@ -1,198 +1,198 @@
-{
-  "name": "@omniumretail/component-library",
-  "version": "1.0.70",
-  "private": false,
-  "main": "dist/bundle.js",
-  "typings": "./dist/types/index",
-  "dependencies": {
-    "@ant-design/icons": "^4.8.0",
-    "@babel/core": "^7.16.0",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
-    "@svgr/webpack": "^5.5.0",
-    "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^13.0.0",
-    "@testing-library/user-event": "^13.2.1",
-    "@types/jest": "^29.2.4",
-    "@types/node": "^18.11.11",
-    "@types/react": "^18.0.26",
-    "@types/react-beautiful-dnd": "^13.1.3",
-    "@types/react-dom": "^18.0.9",
-    "antd": "^5.1.2",
-    "antd-img-crop": "^4.10.2",
-    "babel-jest": "^27.4.2",
-    "babel-loader": "^8.2.3",
-    "babel-plugin-named-asset-import": "^0.3.8",
-    "babel-preset-react-app": "^10.0.1",
-    "bfj": "^7.0.2",
-    "browser-image-compression": "^2.0.2",
-    "browserslist": "^4.18.1",
-    "camelcase": "^6.2.1",
-    "case-sensitive-paths-webpack-plugin": "^2.4.0",
-    "classnames": "^2.3.2",
-    "css-loader": "^6.5.1",
-    "css-minimizer-webpack-plugin": "^3.2.0",
-    "dotenv": "^10.0.0",
-    "dotenv-expand": "^5.1.0",
-    "eslint": "^8.3.0",
-    "eslint-config-react-app": "^7.0.1",
-    "eslint-webpack-plugin": "^3.1.1",
-    "file-loader": "^6.2.0",
-    "fs-extra": "^10.0.0",
-    "html-webpack-plugin": "^5.5.0",
-    "i18next": "^22.4.9",
-    "i18next-browser-languagedetector": "^7.0.1",
-    "i18next-fetch-backend": "^5.0.1",
-    "identity-obj-proxy": "^3.0.0",
-    "jest": "^27.4.3",
-    "jest-resolve": "^27.4.2",
-    "jest-watch-typeahead": "^1.0.0",
-    "lodash.merge": "^4.6.2",
-    "mini-css-extract-plugin": "^2.7.2",
-    "moment": "^2.29.4",
-    "postcss": "^8.4.4",
-    "postcss-flexbugs-fixes": "^5.0.2",
-    "postcss-loader": "^6.2.1",
-    "postcss-normalize": "^10.0.1",
-    "postcss-preset-env": "^7.0.1",
-    "prompts": "^2.4.2",
-    "rc-tween-one": "^3.0.6",
-    "react": "^18.2.0",
-    "react-app-polyfill": "^3.0.0",
-    "react-beautiful-dnd": "^13.1.1",
-    "react-dev-utils": "^12.0.1",
-    "react-dom": "^18.2.0",
-    "react-easy-crop": "^4.7.4",
-    "react-i18next": "^12.1.4",
-    "react-refresh": "^0.11.0",
-    "resolve": "^1.20.0",
-    "resolve-url-loader": "^4.0.0",
-    "sass": "^1.56.1",
-    "sass-loader": "^12.3.0",
-    "semver": "^7.3.5",
-    "source-map-loader": "^3.0.0",
-    "style-loader": "^3.3.1",
-    "tailwindcss": "^3.0.2",
-    "terser-webpack-plugin": "^5.2.5",
-    "typescript": "^4.9.3",
-    "url-loader": "^4.1.1",
-    "web-vitals": "^2.1.0",
-    "webpack-dev-server": "^4.6.0",
-    "webpack-manifest-plugin": "^4.0.2",
-    "workbox-webpack-plugin": "^6.4.1"
-  },
-  "scripts": {
-    "prepublish": "rm -rf ./dist && npm run build",
-    "start": "webpack -w",
-    "build": "webpack",
-    "test": "node scripts/test.js",
-    "storybook": "start-storybook -p 6006 -c .storybook watch-css -s public",
-    "build-storybook": "build-storybook -s public",
-    "deploy": "aws s3 sync storybook-static/ s3://changeToBucketName"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ],
-    "overrides": [
-      {
-        "files": [
-          "**/*.stories.*"
-        ],
-        "rules": {
-          "import/no-anonymous-default-export": "off"
-        }
-      }
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "devDependencies": {
-    "@storybook/addon-actions": "^6.5.14",
-    "@storybook/addon-essentials": "^6.5.14",
-    "@storybook/addon-interactions": "^6.5.14",
-    "@storybook/addon-links": "^6.5.14",
-    "@storybook/builder-webpack5": "^6.5.14",
-    "@storybook/manager-webpack5": "^6.5.14",
-    "@storybook/node-logger": "^6.5.14",
-    "@storybook/preset-create-react-app": "^4.1.2",
-    "@storybook/react": "^6.5.14",
-    "@storybook/testing-library": "^0.0.13",
-    "babel-plugin-named-exports-order": "^0.0.2",
-    "prop-types": "^15.8.1",
-    "react-scripts": "^5.0.1",
-    "storybook-addon-sass-postcss": "^0.1.3",
-    "storybook-css-modules": "^1.0.8",
-    "ts-loader": "^9.4.2",
-    "webpack": "^5.75.0",
-    "webpack-cli": "^5.0.1"
-  },
-  "jest": {
-    "roots": [
-      "<rootDir>/src"
-    ],
-    "collectCoverageFrom": [
-      "src/**/*.{js,jsx,ts,tsx}",
-      "!src/**/*.d.ts"
-    ],
-    "setupFiles": [
-      "react-app-polyfill/jsdom"
-    ],
-    "setupFilesAfterEnv": [
-      "<rootDir>/src/setupTests.ts"
-    ],
-    "testMatch": [
-      "<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
-      "<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}"
-    ],
-    "testEnvironment": "jsdom",
-    "transform": {
-      "^.+\\.(js|jsx|mjs|cjs|ts|tsx)$": "<rootDir>/config/jest/babelTransform.js",
-      "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
-      "^(?!.*\\.(js|jsx|mjs|cjs|ts|tsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
-    },
-    "transformIgnorePatterns": [
-      "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs|cjs|ts|tsx)$",
-      "^.+\\.module\\.(css|sass|scss)$"
-    ],
-    "modulePaths": [
-      "/Users/carlossoares/Workplace/Sitoo/components-lib-omnium/component-library/src"
-    ],
-    "moduleNameMapper": {
-      "^react-native$": "react-native-web",
-      "^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy"
-    },
-    "moduleFileExtensions": [
-      "web.js",
-      "js",
-      "web.ts",
-      "ts",
-      "web.tsx",
-      "tsx",
-      "json",
-      "web.jsx",
-      "jsx",
-      "node"
-    ],
-    "watchPlugins": [
-      "jest-watch-typeahead/filename",
-      "jest-watch-typeahead/testname"
-    ],
-    "resetMocks": true
-  },
-  "babel": {
-    "presets": [
-      "react-app"
-    ]
-  }
-}
+{
+  "name": "@omniumretail/component-library",
+  "version": "1.0.72",
+  "private": false,
+  "main": "dist/bundle.js",
+  "typings": "./dist/types/index",
+  "dependencies": {
+    "@ant-design/icons": "^4.8.0",
+    "@babel/core": "^7.16.0",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
+    "@svgr/webpack": "^5.5.0",
+    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/react": "^13.0.0",
+    "@testing-library/user-event": "^13.2.1",
+    "@types/jest": "^29.2.4",
+    "@types/node": "^18.11.11",
+    "@types/react": "^18.0.26",
+    "@types/react-beautiful-dnd": "^13.1.3",
+    "@types/react-dom": "^18.0.9",
+    "antd": "^5.1.2",
+    "antd-img-crop": "^4.10.2",
+    "babel-jest": "^27.4.2",
+    "babel-loader": "^8.2.3",
+    "babel-plugin-named-asset-import": "^0.3.8",
+    "babel-preset-react-app": "^10.0.1",
+    "bfj": "^7.0.2",
+    "browser-image-compression": "^2.0.2",
+    "browserslist": "^4.18.1",
+    "camelcase": "^6.2.1",
+    "case-sensitive-paths-webpack-plugin": "^2.4.0",
+    "classnames": "^2.3.2",
+    "css-loader": "^6.5.1",
+    "css-minimizer-webpack-plugin": "^3.2.0",
+    "dotenv": "^10.0.0",
+    "dotenv-expand": "^5.1.0",
+    "eslint": "^8.3.0",
+    "eslint-config-react-app": "^7.0.1",
+    "eslint-webpack-plugin": "^3.1.1",
+    "file-loader": "^6.2.0",
+    "fs-extra": "^10.0.0",
+    "html-webpack-plugin": "^5.5.0",
+    "i18next": "^22.4.9",
+    "i18next-browser-languagedetector": "^7.0.1",
+    "i18next-fetch-backend": "^5.0.1",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^27.4.3",
+    "jest-resolve": "^27.4.2",
+    "jest-watch-typeahead": "^1.0.0",
+    "lodash.merge": "^4.6.2",
+    "mini-css-extract-plugin": "^2.7.2",
+    "moment": "^2.29.4",
+    "postcss": "^8.4.4",
+    "postcss-flexbugs-fixes": "^5.0.2",
+    "postcss-loader": "^6.2.1",
+    "postcss-normalize": "^10.0.1",
+    "postcss-preset-env": "^7.0.1",
+    "prompts": "^2.4.2",
+    "rc-tween-one": "^3.0.6",
+    "react": "^18.2.0",
+    "react-app-polyfill": "^3.0.0",
+    "react-beautiful-dnd": "^13.1.1",
+    "react-dev-utils": "^12.0.1",
+    "react-dom": "^18.2.0",
+    "react-easy-crop": "^4.7.4",
+    "react-i18next": "^12.1.4",
+    "react-refresh": "^0.11.0",
+    "resolve": "^1.20.0",
+    "resolve-url-loader": "^4.0.0",
+    "sass": "^1.56.1",
+    "sass-loader": "^12.3.0",
+    "semver": "^7.3.5",
+    "source-map-loader": "^3.0.0",
+    "style-loader": "^3.3.1",
+    "tailwindcss": "^3.0.2",
+    "terser-webpack-plugin": "^5.2.5",
+    "typescript": "^4.9.3",
+    "url-loader": "^4.1.1",
+    "web-vitals": "^2.1.0",
+    "webpack-dev-server": "^4.6.0",
+    "webpack-manifest-plugin": "^4.0.2",
+    "workbox-webpack-plugin": "^6.4.1"
+  },
+  "scripts": {
+    "prepublish": "rm -rf ./dist && npm run build",
+    "start": "webpack -w",
+    "build": "webpack",
+    "test": "node scripts/test.js",
+    "storybook": "start-storybook -p 6006 -c .storybook watch-css -s public",
+    "build-storybook": "build-storybook -s public",
+    "deploy": "aws s3 sync storybook-static/ s3://changeToBucketName"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ],
+    "overrides": [
+      {
+        "files": [
+          "**/*.stories.*"
+        ],
+        "rules": {
+          "import/no-anonymous-default-export": "off"
+        }
+      }
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@storybook/addon-actions": "^6.5.14",
+    "@storybook/addon-essentials": "^6.5.14",
+    "@storybook/addon-interactions": "^6.5.14",
+    "@storybook/addon-links": "^6.5.14",
+    "@storybook/builder-webpack5": "^6.5.14",
+    "@storybook/manager-webpack5": "^6.5.14",
+    "@storybook/node-logger": "^6.5.14",
+    "@storybook/preset-create-react-app": "^4.1.2",
+    "@storybook/react": "^6.5.14",
+    "@storybook/testing-library": "^0.0.13",
+    "babel-plugin-named-exports-order": "^0.0.2",
+    "prop-types": "^15.8.1",
+    "react-scripts": "^5.0.1",
+    "storybook-addon-sass-postcss": "^0.1.3",
+    "storybook-css-modules": "^1.0.8",
+    "ts-loader": "^9.4.2",
+    "webpack": "^5.75.0",
+    "webpack-cli": "^5.0.1"
+  },
+  "jest": {
+    "roots": [
+      "<rootDir>/src"
+    ],
+    "collectCoverageFrom": [
+      "src/**/*.{js,jsx,ts,tsx}",
+      "!src/**/*.d.ts"
+    ],
+    "setupFiles": [
+      "react-app-polyfill/jsdom"
+    ],
+    "setupFilesAfterEnv": [
+      "<rootDir>/src/setupTests.ts"
+    ],
+    "testMatch": [
+      "<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
+      "<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}"
+    ],
+    "testEnvironment": "jsdom",
+    "transform": {
+      "^.+\\.(js|jsx|mjs|cjs|ts|tsx)$": "<rootDir>/config/jest/babelTransform.js",
+      "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
+      "^(?!.*\\.(js|jsx|mjs|cjs|ts|tsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
+    },
+    "transformIgnorePatterns": [
+      "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs|cjs|ts|tsx)$",
+      "^.+\\.module\\.(css|sass|scss)$"
+    ],
+    "modulePaths": [
+      "/Users/carlossoares/Workplace/Sitoo/components-lib-omnium/component-library/src"
+    ],
+    "moduleNameMapper": {
+      "^react-native$": "react-native-web",
+      "^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy"
+    },
+    "moduleFileExtensions": [
+      "web.js",
+      "js",
+      "web.ts",
+      "ts",
+      "web.tsx",
+      "tsx",
+      "json",
+      "web.jsx",
+      "jsx",
+      "node"
+    ],
+    "watchPlugins": [
+      "jest-watch-typeahead/filename",
+      "jest-watch-typeahead/testname"
+    ],
+    "resetMocks": true
+  },
+  "babel": {
+    "presets": [
+      "react-app"
+    ]
+  }
+}

package/src/assets/scss/_global.scss

@@ -1,89 +1,89 @@
-:root {
-    // Primary Colors
-    --color-black: #2c2d2e;
-    --color-black-rgb: 44, 45, 46;
-    --color-white: #FFFFFF;
-    --color-white-rgb: 255, 255, 255;
-
-    --color-orange: #FF674C;
-    --color-orange-rgb: 255, 103, 76;
-    
-    --color-blue: #09168B;
-    --color-blue-rgb: 9, 22, 139;
-
-    --color-grey-light: #f0f0f0;
-    --color-grey-light-rgb: 240, 240, 240;
-    --color-grey: #C7CAC9;
-    --color-grey-rgb: 199, 202, 201;
-    --color-grey-dark: #797979;
-    --color-grey-dark-rgb: 121, 121, 121;
-
-    // Helper Colors
-    --color-warning-400: #E36262;
-    --color-warning-500: #E05151;
-
-    --color-confirmation-400: #73b9a2;
-    --color-confirmation-600: #64B298;
-
-    // Font Family
-    --font-family-primary: SF Pro;
-
-    // Font Weight
-    --font-weight-light: 300;
-    --font-weight-regular: 400;
-    --font-weight-medium: 500;
-    --font-weight-semibold: 600;
-    --font-weight-bold: 700;
-
-    // Font Styles
-    --font-style-normal: normal;
-    --font-style-italic: italic;
-
-    // Font Sizes
-    --font-size-body-1: 10px;
-    --font-size-body-2: 12px;
-    --font-size-body-3: 14px;
-    --font-size-body-4: 16px;
-    --font-size-body-5: 18px;
-    --font-size-body-6: 20px;
-    
-    --font-size-h1: 46px;
-    --font-size-h2: 40px;
-    --font-size-h3: 36px;
-    --font-size-h4: 30px;
-    --font-size-h5: 24px;
-
-    --font-size-body-base: var(--font-size-body-4);
-    --font-size-label: var(--font-size-body-3);
-
-    // Button Default
-    --button-default-background: var(--color-orange);
-    --button-default-text-color: var(--color-white);
-    --button-default-background-hover-color: rgba(var(--color-orange-rgb), .9);
-    --button-default-text-hover-color: var(--color-white);
-    --button-default-background-focus-color: var(--color-grey-dark);
-    --button-default-text-focus-color: rgba(var(--color-white-rgb), .8);
-
-    // Button Style 1
-    --button-style-1-background: var(--color-black);
-    --button-style-1-text-color: var(--color-white);
-    --button-style-1-background-hover-color: rgba(var(--color-black-rgb), .9);
-    --button-style-1-text-hover-color: var(--color-white);
-    --button-style-1-background-focus-color: var(--color-grey-dark);
-    --button-style-1-text-focus-color: rgba(var(--color-white-rgb), .8);
-
-    // Button Disabled 
-    --button-disabled-background-color: rgba(var(--color-grey));
-    --button-disabled-default-text-color: var(--color-white);
-
-    // Link
-    --link-color: var(--color-orange);
-    --link-hover-color: var(--color-black);
-    --link-focus-color: rgba(var(--color-orange), .9);
-    --link-disabled-color: rgba(var(--color-grey), .2);
-
-    // Transition Speed
-    --transition-fast: .2s;
-    --transition: .6s;
-    --transition-slow: 1s;
-}
+:root {
+    // Primary Colors
+    --color-black: #2c2d2e;
+    --color-black-rgb: 44, 45, 46;
+    --color-white: #FFFFFF;
+    --color-white-rgb: 255, 255, 255;
+
+    --color-orange: #FF674C;
+    --color-orange-rgb: 255, 103, 76;
+    
+    --color-blue: #09168B;
+    --color-blue-rgb: 9, 22, 139;
+
+    --color-grey-light: #f0f0f0;
+    --color-grey-light-rgb: 240, 240, 240;
+    --color-grey: #C7CAC9;
+    --color-grey-rgb: 199, 202, 201;
+    --color-grey-dark: #797979;
+    --color-grey-dark-rgb: 121, 121, 121;
+
+    // Helper Colors
+    --color-warning-400: #E36262;
+    --color-warning-500: #E05151;
+
+    --color-confirmation-400: #73b9a2;
+    --color-confirmation-600: #64B298;
+
+    // Font Family
+    --font-family-primary: SF Pro;
+
+    // Font Weight
+    --font-weight-light: 300;
+    --font-weight-regular: 400;
+    --font-weight-medium: 500;
+    --font-weight-semibold: 600;
+    --font-weight-bold: 700;
+
+    // Font Styles
+    --font-style-normal: normal;
+    --font-style-italic: italic;
+
+    // Font Sizes
+    --font-size-body-1: 10px;
+    --font-size-body-2: 12px;
+    --font-size-body-3: 14px;
+    --font-size-body-4: 16px;
+    --font-size-body-5: 18px;
+    --font-size-body-6: 20px;
+    
+    --font-size-h1: 46px;
+    --font-size-h2: 40px;
+    --font-size-h3: 36px;
+    --font-size-h4: 30px;
+    --font-size-h5: 24px;
+
+    --font-size-body-base: var(--font-size-body-4);
+    --font-size-label: var(--font-size-body-3);
+
+    // Button Default
+    --button-default-background: var(--color-orange);
+    --button-default-text-color: var(--color-white);
+    --button-default-background-hover-color: rgba(var(--color-orange-rgb), .9);
+    --button-default-text-hover-color: var(--color-white);
+    --button-default-background-focus-color: var(--color-grey-dark);
+    --button-default-text-focus-color: rgba(var(--color-white-rgb), .8);
+
+    // Button Style 1
+    --button-style-1-background: var(--color-black);
+    --button-style-1-text-color: var(--color-white);
+    --button-style-1-background-hover-color: rgba(var(--color-black-rgb), .9);
+    --button-style-1-text-hover-color: var(--color-white);
+    --button-style-1-background-focus-color: var(--color-grey-dark);
+    --button-style-1-text-focus-color: rgba(var(--color-white-rgb), .8);
+
+    // Button Disabled 
+    --button-disabled-background-color: rgba(var(--color-grey));
+    --button-disabled-default-text-color: var(--color-white);
+
+    // Link
+    --link-color: var(--color-orange);
+    --link-hover-color: var(--color-black);
+    --link-focus-color: rgba(var(--color-orange), .9);
+    --link-disabled-color: rgba(var(--color-grey), .2);
+
+    // Transition Speed
+    --transition-fast: .2s;
+    --transition: .6s;
+    --transition-slow: 1s;
+}

package/src/assets/scss/index.scss

@@ -1,2 +1,2 @@
-@import './global.scss';
-@import './combinations.scss';
+@import './global.scss';
+@import './combinations.scss';