@uxf/styles 2.0.0 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -4,6 +4,7 @@
4
4
 
5
5
  ### `shade` and `tint`
6
6
 
7
+ - extend features of `color2k` library
7
8
  - returns HEX string with mix of provided color and specified amount of black (`shade`) or white (`tint`)
8
9
 
9
10
  ```ts
package/color/shade.d.ts CHANGED
@@ -1,2 +1 @@
1
- import { ColorInput } from "tinycolor2";
2
- export declare const shade: (color: ColorInput, amount: number) => import("tinycolor2").Instance;
1
+ export declare const shade: (color: string, amount: number) => string;
package/color/shade.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.shade = void 0;
4
- var tinycolor2_1 = require("tinycolor2");
5
- var shade = function (color, amount) { return (0, tinycolor2_1.mix)(color, "#000", amount); };
4
+ var color2k_1 = require("color2k");
5
+ var shade = function (color, amount) { return (0, color2k_1.mix)(color, "#000", amount); };
6
6
  exports.shade = shade;
7
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhZGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29sb3Ivc2hhZGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEseUNBQTZDO0FBRXRDLElBQU0sS0FBSyxHQUFHLFVBQUMsS0FBaUIsRUFBRSxNQUFjLElBQUssT0FBQSxJQUFBLGdCQUFHLEVBQUMsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLENBQUMsRUFBMUIsQ0FBMEIsQ0FBQztBQUExRSxRQUFBLEtBQUssU0FBcUUifQ==
7
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhZGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29sb3Ivc2hhZGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsbUNBQThCO0FBRXZCLElBQU0sS0FBSyxHQUFHLFVBQUMsS0FBYSxFQUFFLE1BQWMsSUFBSyxPQUFBLElBQUEsYUFBRyxFQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxDQUFDLEVBQTFCLENBQTBCLENBQUM7QUFBdEUsUUFBQSxLQUFLLFNBQWlFIn0=
package/color/tint.d.ts CHANGED
@@ -1,2 +1 @@
1
- import { ColorInput } from "tinycolor2";
2
- export declare const tint: (color: ColorInput, amount: number) => import("tinycolor2").Instance;
1
+ export declare const tint: (color: string, amount: number) => string;
package/color/tint.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.tint = void 0;
4
- var tinycolor2_1 = require("tinycolor2");
5
- var tint = function (color, amount) { return (0, tinycolor2_1.mix)(color, "#fff", amount); };
4
+ var color2k_1 = require("color2k");
5
+ var tint = function (color, amount) { return (0, color2k_1.mix)(color, "#fff", amount); };
6
6
  exports.tint = tint;
7
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGludC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb2xvci90aW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHlDQUE2QztBQUV0QyxJQUFNLElBQUksR0FBRyxVQUFDLEtBQWlCLEVBQUUsTUFBYyxJQUFLLE9BQUEsSUFBQSxnQkFBRyxFQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxDQUFDLEVBQTFCLENBQTBCLENBQUM7QUFBekUsUUFBQSxJQUFJLFFBQXFFIn0=
7
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGludC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb2xvci90aW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLG1DQUE4QjtBQUV2QixJQUFNLElBQUksR0FBRyxVQUFDLEtBQWEsRUFBRSxNQUFjLElBQUssT0FBQSxJQUFBLGFBQUcsRUFBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sQ0FBQyxFQUExQixDQUEwQixDQUFDO0FBQXJFLFFBQUEsSUFBSSxRQUFpRSJ9
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uxf/styles",
3
- "version": "2.0.0",
3
+ "version": "2.0.1",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -23,23 +23,22 @@
23
23
  "@types/node": "^18.8.2",
24
24
  "@types/react": "^17.0.2",
25
25
  "@types/react-dom": "^17.0.2",
26
- "@types/tinycolor2": "^1.4.3",
27
26
  "@uxf/core": "^3.1.0",
28
27
  "@uxf/eslint-config": "^1.2.3",
29
28
  "csstype": "^3.1.1",
29
+ "color2k": "^2.0.0",
30
30
  "eslint": "^8.8.0",
31
31
  "parcel": "^2.7.0",
32
32
  "prettier": "^2.7.1",
33
33
  "react": "^17.0.2",
34
34
  "react-dom": "^17.0.2",
35
- "tinycolor2": "^1.4.2",
36
35
  "typescript": "^4.8.4"
37
36
  },
38
37
  "peerDependencies": {
39
38
  "@uxf/core": "^3.1.0",
39
+ "color2k": "^2.0.0",
40
40
  "react": "^16 || ^17 || ^18",
41
- "react-dom": "^16 || ^17 || ^18",
42
- "tinycolor2": "^1.4.2"
41
+ "react-dom": "^16 || ^17 || ^18"
43
42
  },
44
43
  "author": "",
45
44
  "license": "ISC",