@highlight-ui/color-picker - npm Package Compare versions

Comparing version 4.2.27 to 4.2.28

dist/cjs/index.js

@@ -11,3 +11,3 @@ 'use strict';
 var typography = require('@highlight-ui/typography');
-var colorTokens = require('@highlight-ui/tokens/dist/colors.json');
+var colors = require('@highlight-ui/tokens/dist/colors');
 function _interopDefaultLegacy(e) {
@@ -19,3 +19,2 @@ return e && typeof e === 'object' && 'default' in e ? e : {
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var colorTokens__default = /*#__PURE__*/_interopDefaultLegacy(colorTokens);
 
@@ -53,20 +52,20 @@ /******************************************************************************
   identifier: 'support-red-100',
-  backgroundColor: colorTokens__default["default"]['support-red-100'],
-  highlight: colorTokens__default["default"]['support-red-100']
+  backgroundColor: colors.colorTokens['support-red-100'],
+  highlight: colors.colorTokens['support-red-100']
 }, {
   identifier: 'support-pink-100',
-  backgroundColor: colorTokens__default["default"]['support-pink-100'],
-  highlight: colorTokens__default["default"]['support-pink-100']
+  backgroundColor: colors.colorTokens['support-pink-100'],
+  highlight: colors.colorTokens['support-pink-100']
 }, {
   identifier: 'support-purple-100',
-  backgroundColor: colorTokens__default["default"]['support-purple-100'],
-  highlight: colorTokens__default["default"]['support-purple-100']
+  backgroundColor: colors.colorTokens['support-purple-100'],
+  highlight: colors.colorTokens['support-purple-100']
 }, {
   identifier: 'support-purple-80',
-  backgroundColor: colorTokens__default["default"]['support-purple-80'],
-  highlight: colorTokens__default["default"]['support-purple-80']
+  backgroundColor: colors.colorTokens['support-purple-80'],
+  highlight: colors.colorTokens['support-purple-80']
 }, {
   identifier: 'support-dark-blue-100',
-  backgroundColor: colorTokens__default["default"]['support-dark-blue-100'],
-  highlight: colorTokens__default["default"]['support-dark-blue-100']
+  backgroundColor: colors.colorTokens['support-dark-blue-100'],
+  highlight: colors.colorTokens['support-dark-blue-100']
 }, {
@@ -79,12 +78,12 @@ // TODO: Replace hardcoded color with a color token in DST-2558
   identifier: 'support-green-100',
-  backgroundColor: colorTokens__default["default"]['support-green-100'],
-  highlight: colorTokens__default["default"]['support-green-100']
+  backgroundColor: colors.colorTokens['support-green-100'],
+  highlight: colors.colorTokens['support-green-100']
 }, {
   identifier: 'support-light-green-100',
-  backgroundColor: colorTokens__default["default"]['support-light-green-100'],
-  highlight: colorTokens__default["default"]['support-light-green-100']
+  backgroundColor: colors.colorTokens['support-light-green-100'],
+  highlight: colors.colorTokens['support-light-green-100']
 }, {
   identifier: 'support-yellow-100',
-  backgroundColor: colorTokens__default["default"]['support-yellow-100'],
-  highlight: colorTokens__default["default"]['support-yellow-100']
+  backgroundColor: colors.colorTokens['support-yellow-100'],
+  highlight: colors.colorTokens['support-yellow-100']
 }, {
@@ -97,8 +96,8 @@ // TODO: Replace hardcoded color with a color token in DST-2558
   identifier: 'support-brown-100',
-  backgroundColor: colorTokens__default["default"]['support-brown-100'],
-  highlight: colorTokens__default["default"]['support-brown-100']
+  backgroundColor: colors.colorTokens['support-brown-100'],
+  highlight: colors.colorTokens['support-brown-100']
 }, {
   identifier: 'support-grey-110',
-  backgroundColor: colorTokens__default["default"]['support-grey-110'],
-  highlight: colorTokens__default["default"]['support-grey-110']
+  backgroundColor: colors.colorTokens['support-grey-110'],
+  highlight: colors.colorTokens['support-grey-110']
 }]);
@@ -109,12 +108,12 @@ var pastelPalette = function (p) {
   identifier: 'support-red-10',
-  backgroundColor: colorTokens__default["default"]['support-red-10'],
-  highlight: colorTokens__default["default"]['support-red-100']
+  backgroundColor: colors.colorTokens['support-red-10'],
+  highlight: colors.colorTokens['support-red-100']
 }, {
   identifier: 'support-pink-10',
-  backgroundColor: colorTokens__default["default"]['support-pink-10'],
-  highlight: colorTokens__default["default"]['support-pink-100']
+  backgroundColor: colors.colorTokens['support-pink-10'],
+  highlight: colors.colorTokens['support-pink-100']
 }, {
   identifier: 'support-purple-10',
-  backgroundColor: colorTokens__default["default"]['support-purple-10'],
-  highlight: colorTokens__default["default"]['support-purple-100']
+  backgroundColor: colors.colorTokens['support-purple-10'],
+  highlight: colors.colorTokens['support-purple-100']
 }, {
@@ -124,7 +123,7 @@ // TODO: Replace hardcoded color with a color token in DST-2558
   backgroundColor: '#e1c5e7',
-  highlight: colorTokens__default["default"]['support-purple-80']
+  highlight: colors.colorTokens['support-purple-80']
 }, {
   identifier: 'support-dark-blue-10',
-  backgroundColor: colorTokens__default["default"]['support-dark-blue-10'],
-  highlight: colorTokens__default["default"]['support-dark-blue-100']
+  backgroundColor: colors.colorTokens['support-dark-blue-10'],
+  highlight: colors.colorTokens['support-dark-blue-100']
 }, {
@@ -137,12 +136,12 @@ // TODO: Replace hardcoded color with a color token in DST-2558
   identifier: 'support-green-10',
-  backgroundColor: colorTokens__default["default"]['support-green-10'],
-  highlight: colorTokens__default["default"]['support-green-100']
+  backgroundColor: colors.colorTokens['support-green-10'],
+  highlight: colors.colorTokens['support-green-100']
 }, {
   identifier: 'support-light-green-10',
-  backgroundColor: colorTokens__default["default"]['support-light-green-10'],
-  highlight: colorTokens__default["default"]['support-light-green-100']
+  backgroundColor: colors.colorTokens['support-light-green-10'],
+  highlight: colors.colorTokens['support-light-green-100']
 }, {
   identifier: 'support-yellow-10',
-  backgroundColor: colorTokens__default["default"]['support-yellow-10'],
-  highlight: colorTokens__default["default"]['support-yellow-100']
+  backgroundColor: colors.colorTokens['support-yellow-10'],
+  highlight: colors.colorTokens['support-yellow-100']
 }, {
@@ -155,20 +154,20 @@ // TODO: Replace hardcoded color with a color token in DST-2558
   identifier: 'support-brown-10',
-  backgroundColor: colorTokens__default["default"]['support-brown-10'],
-  highlight: colorTokens__default["default"]['support-brown-100']
+  backgroundColor: colors.colorTokens['support-brown-10'],
+  highlight: colors.colorTokens['support-brown-100']
 }, {
   identifier: 'support-grey-10',
-  backgroundColor: colorTokens__default["default"]['support-grey-10'],
-  highlight: colorTokens__default["default"]['support-grey-110']
+  backgroundColor: colors.colorTokens['support-grey-10'],
+  highlight: colors.colorTokens['support-grey-110']
 }]);
 var styles = {
-  "colorOption": "ColorPicker-module__FYnj0znF__v4-2-27",
-  "button": "ColorPicker-module__SOXvFt0b__v4-2-27",
-  "colorPicker": "ColorPicker-module__iT9dyWOR__v4-2-27",
-  "focus": "ColorPicker-module__9aA16Fvg__v4-2-27",
-  "active": "ColorPicker-module__nntKqhC3__v4-2-27",
-  "disabled": "ColorPicker-module__SSj3wtEw__v4-2-27",
-  "buttonArrow": "ColorPicker-module__s0S9P-x5__v4-2-27",
-  "colorDot": "ColorPicker-module__tAkCpZCm__v4-2-27",
-  "panel": "ColorPicker-module__j47-5ppo__v4-2-27",
-  "colorOptions": "ColorPicker-module__bPum-aBR__v4-2-27"
+  "colorOption": "ColorPicker-module__FYnj0znF__v4-2-28",
+  "button": "ColorPicker-module__SOXvFt0b__v4-2-28",
+  "colorPicker": "ColorPicker-module__iT9dyWOR__v4-2-28",
+  "focus": "ColorPicker-module__9aA16Fvg__v4-2-28",
+  "active": "ColorPicker-module__nntKqhC3__v4-2-28",
+  "disabled": "ColorPicker-module__SSj3wtEw__v4-2-28",
+  "buttonArrow": "ColorPicker-module__s0S9P-x5__v4-2-28",
+  "colorDot": "ColorPicker-module__tAkCpZCm__v4-2-28",
+  "panel": "ColorPicker-module__j47-5ppo__v4-2-28",
+  "colorOptions": "ColorPicker-module__bPum-aBR__v4-2-28"
 };
@@ -175,0 +174,0 @@ var ColorPicker = function (_a) {

dist/cjs/src/palettes.d.ts

@@ -9,3 +9,3 @@ export declare type PaletteTypes = 'main' | 'pastel';
 export declare type PastelPaletteColors = typeof pastelPalette[number]['identifier'];
-export declare const mainPalette: readonly TPalette<"support-red-100" | "support-pink-100" | "support-purple-100" | "support-purple-80" | "support-dark-blue-100" | "cyan" | "support-green-100" | "support-light-green-100" | "support-yellow-100" | "orange" | "support-brown-100" | "support-grey-110">[];
-export declare const pastelPalette: readonly TPalette<"support-red-10" | "support-pink-10" | "support-purple-10" | "light-purple" | "support-dark-blue-10" | "light-cyan" | "support-green-10" | "support-light-green-10" | "support-yellow-10" | "light-orange" | "support-brown-10" | "support-grey-10">[];
+export declare const mainPalette: readonly TPalette<"support-red-100" | "support-pink-100" | "support-purple-80" | "support-purple-100" | "support-dark-blue-100" | "support-green-100" | "support-light-green-100" | "support-yellow-100" | "support-brown-100" | "support-grey-110" | "cyan" | "orange">[];
+export declare const pastelPalette: readonly TPalette<"support-red-10" | "support-pink-10" | "support-purple-10" | "support-dark-blue-10" | "support-green-10" | "support-light-green-10" | "support-yellow-10" | "support-brown-10" | "support-grey-10" | "light-purple" | "light-cyan" | "light-orange">[];

dist/esm/index.js

@@ -6,3 +6,3 @@ import React, { useState, useRef, useEffect } from 'react';
 import { Heading } from '@highlight-ui/typography';
-import colorTokens from '@highlight-ui/tokens/dist/colors.json';
+import { colorTokens } from '@highlight-ui/tokens/dist/colors';
 
@@ -144,12 +144,12 @@ /******************************************************************************
 var styles = {
-  "colorOption": "ColorPicker-module__FYnj0znF__v4-2-27",
-  "button": "ColorPicker-module__SOXvFt0b__v4-2-27",
-  "colorPicker": "ColorPicker-module__iT9dyWOR__v4-2-27",
-  "focus": "ColorPicker-module__9aA16Fvg__v4-2-27",
-  "active": "ColorPicker-module__nntKqhC3__v4-2-27",
-  "disabled": "ColorPicker-module__SSj3wtEw__v4-2-27",
-  "buttonArrow": "ColorPicker-module__s0S9P-x5__v4-2-27",
-  "colorDot": "ColorPicker-module__tAkCpZCm__v4-2-27",
-  "panel": "ColorPicker-module__j47-5ppo__v4-2-27",
-  "colorOptions": "ColorPicker-module__bPum-aBR__v4-2-27"
+  "colorOption": "ColorPicker-module__FYnj0znF__v4-2-28",
+  "button": "ColorPicker-module__SOXvFt0b__v4-2-28",
+  "colorPicker": "ColorPicker-module__iT9dyWOR__v4-2-28",
+  "focus": "ColorPicker-module__9aA16Fvg__v4-2-28",
+  "active": "ColorPicker-module__nntKqhC3__v4-2-28",
+  "disabled": "ColorPicker-module__SSj3wtEw__v4-2-28",
+  "buttonArrow": "ColorPicker-module__s0S9P-x5__v4-2-28",
+  "colorDot": "ColorPicker-module__tAkCpZCm__v4-2-28",
+  "panel": "ColorPicker-module__j47-5ppo__v4-2-28",
+  "colorOptions": "ColorPicker-module__bPum-aBR__v4-2-28"
 };
@@ -156,0 +156,0 @@ var ColorPicker = function (_a) {

dist/esm/src/palettes.d.ts

@@ -9,3 +9,3 @@ export declare type PaletteTypes = 'main' | 'pastel';
 export declare type PastelPaletteColors = typeof pastelPalette[number]['identifier'];
-export declare const mainPalette: readonly TPalette<"support-red-100" | "support-pink-100" | "support-purple-100" | "support-purple-80" | "support-dark-blue-100" | "cyan" | "support-green-100" | "support-light-green-100" | "support-yellow-100" | "orange" | "support-brown-100" | "support-grey-110">[];
-export declare const pastelPalette: readonly TPalette<"support-red-10" | "support-pink-10" | "support-purple-10" | "light-purple" | "support-dark-blue-10" | "light-cyan" | "support-green-10" | "support-light-green-10" | "support-yellow-10" | "light-orange" | "support-brown-10" | "support-grey-10">[];
+export declare const mainPalette: readonly TPalette<"support-red-100" | "support-pink-100" | "support-purple-80" | "support-purple-100" | "support-dark-blue-100" | "support-green-100" | "support-light-green-100" | "support-yellow-100" | "support-brown-100" | "support-grey-110" | "cyan" | "orange">[];
+export declare const pastelPalette: readonly TPalette<"support-red-10" | "support-pink-10" | "support-purple-10" | "support-dark-blue-10" | "support-green-10" | "support-light-green-10" | "support-yellow-10" | "support-brown-10" | "support-grey-10" | "light-purple" | "light-cyan" | "light-orange">[];

package.json

 {
   "name": "@highlight-ui/color-picker",
-  "version": "4.2.27",
+  "version": "4.2.28",
   "author": "Personio GmbH & Co. KG",
@@ -32,4 +32,4 @@ "main": "dist/cjs/index.js",
     "@highlight-ui/configs-scripts": "^3.2.3",
-    "@highlight-ui/theme": "^9.3.7",
-    "@highlight-ui/utils-dev": "^1.1.9",
+    "@highlight-ui/theme": "^9.3.8",
+    "@highlight-ui/utils-dev": "^1.1.10",
     "@testing-library/dom": "8.19.0",
@@ -44,7 +44,7 @@ "@testing-library/react": "12.1.5",
   "dependencies": {
-    "@highlight-ui/icon": "^5.1.2",
-    "@highlight-ui/panel": "^3.1.22",
-    "@highlight-ui/tokens": "^3.1.0",
-    "@highlight-ui/typography": "^6.1.2",
-    "@highlight-ui/utils-commons": "^2.3.9"
+    "@highlight-ui/icon": "^5.1.3",
+    "@highlight-ui/panel": "^3.1.23",
+    "@highlight-ui/tokens": "^4.0.0",
+    "@highlight-ui/typography": "^6.1.3",
+    "@highlight-ui/utils-commons": "^2.3.10"
   },
@@ -55,3 +55,3 @@ "peerDependencies": {
   },
-  "gitHead": "e18c6e07be03363b505fcbc9054d4824fc4f150b"
+  "gitHead": "f5ee8f9c5aba8e81ae72a682b291c2a77775cbdb"
 }

No alert changes

Worsened metrics

Total package byte prevSize

95885

decreased by-0.82%

Lines of code

772

decreased by-0.13%

Dependency changes

• - Removed@highlight-ui/tokens@3.1.0(transitive)

• Updated@highlight-ui/icon@^5.1.3

• Updated@highlight-ui/panel@^3.1.23

• Updated@highlight-ui/tokens@^4.0.0

• Updated@highlight-ui/typography@^6.1.3

• Updated@highlight-ui/utils-commons@^2.3.10