@pedidopago/ui 1.0.6

package/dist/utils/invertColor.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Invert the provided color or return black or white if the color is darken or lighten
+ * @param hex : hex color
+ * @param bw : black or white
+ * @returns : hex color
+ */
+export declare const invertColor: (hex: string, bw: boolean) => string;
+//# sourceMappingURL=invertColor.d.ts.map

package/dist/utils/invertColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"invertColor.d.ts","sourceRoot":"","sources":["../../src/utils/invertColor.tsx"],"names":[],"mappings":"AAOA;;;;;GAKG;AACH,eAAO,MAAM,WAAW,QAAS,MAAM,MAAM,OAAO,WAuBnD,CAAC"}

package/dist/utils/invertColor.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.invertColor = void 0;
+
+var padZero = function padZero(str) {
+  var len = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  len = len || 2;
+  var zeros = new Array(len).join('0');
+  return (zeros + str).slice(-len);
+};
+/**
+ * Invert the provided color or return black or white if the color is darken or lighten
+ * @param hex : hex color
+ * @param bw : black or white
+ * @returns : hex color
+ */
+
+
+var invertColor = function invertColor(hex, bw) {
+  if (hex.indexOf('#') === 0) {
+    hex = hex.slice(1);
+  } // convert 3-digit hex to 6-digits.
+
+
+  if (hex.length === 3) {
+    hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
+  }
+
+  if (hex.length !== 6) {
+    throw new Error('Invalid HEX color.');
+  }
+
+  var r = parseInt(hex.slice(0, 2), 16);
+  var g = parseInt(hex.slice(2, 4), 16);
+  var b = parseInt(hex.slice(4, 6), 16);
+
+  if (bw) {
+    return r * 0.299 + g * 0.587 + b * 0.114 > 186 ? '#000000' : '#FFFFFF';
+  } // invert color components
+
+
+  r = (255 - r).toString(16);
+  g = (255 - g).toString(16);
+  b = (255 - b).toString(16); // pad each with zeros and return
+
+  return '#' + padZero(r) + padZero(g) + padZero(b);
+};
+
+exports.invertColor = invertColor;

package/package.json

@@ -0,0 +1,112 @@
+{
+  "name": "@pedidopago/ui",
+  "version": "1.0.6",
+  "description": "Quick build beatiful Pedido Pago apps",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pedidopago/pedidopago-ui"
+  },
+  "keywords": [
+    "react",
+    "react-component",
+    "pedido pago",
+    "material design"
+  ],
+  "author": "Pedido Pago",
+  "license": "MIT",
+  "dependencies": {
+    "@emotion/react": "^11.4.0",
+    "@emotion/styled": "^11.3.0",
+    "framer-motion": "^4.1.17",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "babel src -d dist --extensions \".js,.jsx,.ts,.tsx\" --ignore \"**/*.test.js\" --ignore \"**/*.stories.js\" && npm run build:declarations",
+    "build:declarations": "tsc --declaration --emitDeclarationOnly --outDir dist",
+    "build:publish": "npm run build && npm publish --access public",
+    "lint": "eslint ./src --ext .js,.jsx,.ts,.tsx",
+    "lint:fix": "eslint ./src --ext .js,.jsx,.ts,.tsx --fix",
+    "test": "react-scripts test",
+    "icons:build": "ts-node --project ./node.tsconfig.json -T ./src/components/Icon/scripts/run-build.ts && eslint ./src/components/Icon --ext .js,.jsx,.ts,.tsx --fix",
+    "storybook": "start-storybook -p 6006 -s public",
+    "build-storybook": "build-storybook -s public",
+    "chromatic": "npx chromatic"
+  },
+  "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": {
+    "@babel/cli": "^7.14.8",
+    "@babel/core": "^7.15.0",
+    "@babel/preset-env": "^7.15.0",
+    "@babel/preset-react": "^7.14.5",
+    "@babel/preset-typescript": "^7.15.0",
+    "@storybook/addon-actions": "6.3.7",
+    "@storybook/addon-docs": "6.3.8",
+    "@storybook/addon-essentials": "6.3.7",
+    "@storybook/addon-links": "6.3.7",
+    "@storybook/addons": "6.3.12",
+    "@storybook/node-logger": "6.3.7",
+    "@storybook/preset-create-react-app": "3.2.0",
+    "@storybook/react": "6.3.7",
+    "@storybook/theming": "6.3.12",
+    "@svgr/webpack": "^5.5.0",
+    "@storybook/linter-config": "^3.1.2",
+    "@storybook/testing-react": "^0.0.22",
+    "@testing-library/jest-dom": "^5.11.4",
+    "@testing-library/react": "^11.1.0",
+    "@testing-library/user-event": "^12.1.10",
+    "@typescript-eslint/eslint-plugin": "^5.3.0",
+    "@typescript-eslint/parser": "^5.3.0",
+    "storybook-dark-mode": "^1.0.8",
+    "chromatic": "^5.9.2",
+    "eslint": "^7.32.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-config-standard": "^16.0.3",
+    "eslint-plugin-import": "^2.25.2",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-promise": "^5.1.1",
+    "eslint-plugin-react": "^7.26.1",
+    "prettier": "^2.3.2",
+    "react-docgen-typescript-loader": "^3.7.2",
+    "react-docgen-typescript-webpack-plugin": "^1.1.0",
+    "ts-node": "^10.4.0",
+    "typescript": "^4.3.5",
+    "react-scripts": "^5.0.0",
+    "webpack": "^5.51.1"
+  }
+}