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

Comparing version 1.2.9 to 2.0.0

dist/cjs/index.d.ts

@@ -1,4 +0,4 @@
-export { default } from './src/ColorPicker';
+export { default as ColorPicker } from './src/ColorPicker';
 export type { ColorPickerProps } from './src/ColorPicker';
 export { getHexByColorName } from './src/palettes';
 export type { PaletteTypes } from './src/palettes';

dist/cjs/index.js

@@ -7,5 +7,5 @@ 'use strict';
 var utilsCommons = require('@highlight-ui/utils-commons');
-var Icon = require('@highlight-ui/icon');
-var Panel = require('@highlight-ui/panel');
-var Typography = require('@highlight-ui/typography');
+var icon = require('@highlight-ui/icon');
+var panel = require('@highlight-ui/panel');
+var typography = require('@highlight-ui/typography');
 
@@ -15,5 +15,2 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Icon__default = /*#__PURE__*/_interopDefaultLegacy(Icon);
-var Panel__default = /*#__PURE__*/_interopDefaultLegacy(Panel);
-var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
 
@@ -46,3 +43,3 @@ /*! *****************************************************************************
 
-var styles = {"supportBlue":"#0db5df","supportBrown":"#795548","supportDarkBlue":"#0d34a2","supportDarkPurple":"#7d5cb8","supportGreen":"#3c968d","supportGreyDark":"#5a7886","supportLightGreen":"#8bc34a","supportOrange":"#ffa319","supportPastelBlue":"#bbe5f8","supportPastelBrown":"#d9d0cd","supportPastelDarkBlue":"#cfd6ec","supportPastelDarkPurple":"#d5cae9","supportPastelGreen":"#bbe1dd","supportPastelGrey":"#d3dade","supportPastelLightGreen":"#deecce","supportPastelOrange":"#fbe1bb","supportPastelPink":"#f5c3d4","supportPastelPurple":"#e1c5e7","supportPastelRed":"#f8ccc9","supportPastelYellow":"#fbf6ca","supportPink":"#e8467c","supportPurple":"#9f3eb0","supportRed":"#f55549","supportYellow":"#f4e453","colorPicker":"ColorPicker-module__3H6ypMLc__v1-2-9","button":"ColorPicker-module__XBQM5x8U__v1-2-9","focus":"ColorPicker-module__1iX9akK___v1-2-9","active":"ColorPicker-module__3K79GJJ5__v1-2-9","disabled":"ColorPicker-module__2PSNxo4E__v1-2-9","chevron":"ColorPicker-module__2cO2fFV9__v1-2-9","colorDot":"ColorPicker-module___ZbovZGW__v1-2-9","panel":"ColorPicker-module__3aVapG4Z__v1-2-9","title":"ColorPicker-module__1dP4IMl5__v1-2-9","titleRow":"ColorPicker-module__3-oGnvjB__v1-2-9","colorPreviewWrapper":"ColorPicker-module__3pfOd4k3__v1-2-9","colorPreview":"ColorPicker-module__2VFdKwYM__v1-2-9","colorHex":"ColorPicker-module__1wpQiLhG__v1-2-9","optionRow":"ColorPicker-module__27eY5eb7__v1-2-9","colorOption":"ColorPicker-module__19MT-I77__v1-2-9"};
+var styles = {"supportBlue":"#0db5df","supportBrown":"#795548","supportDarkBlue":"#0d34a2","supportDarkPurple":"#7d5cb8","supportGreen":"#3c968d","supportGreyDark":"#5a7886","supportLightGreen":"#8bc34a","supportOrange":"#ffa319","supportPastelBlue":"#bbe5f8","supportPastelBrown":"#d9d0cd","supportPastelDarkBlue":"#cfd6ec","supportPastelDarkPurple":"#d5cae9","supportPastelGreen":"#bbe1dd","supportPastelGrey":"#d3dade","supportPastelLightGreen":"#deecce","supportPastelOrange":"#fbe1bb","supportPastelPink":"#f5c3d4","supportPastelPurple":"#e1c5e7","supportPastelRed":"#f8ccc9","supportPastelYellow":"#fbf6ca","supportPink":"#e8467c","supportPurple":"#9f3eb0","supportRed":"#f55549","supportYellow":"#f4e453","colorPicker":"ColorPicker-module__3H6ypMLc__v2-0-0","button":"ColorPicker-module__XBQM5x8U__v2-0-0","focus":"ColorPicker-module__1iX9akK___v2-0-0","active":"ColorPicker-module__3K79GJJ5__v2-0-0","disabled":"ColorPicker-module__2PSNxo4E__v2-0-0","chevron":"ColorPicker-module__2cO2fFV9__v2-0-0","colorDot":"ColorPicker-module___ZbovZGW__v2-0-0","panel":"ColorPicker-module__3aVapG4Z__v2-0-0","title":"ColorPicker-module__1dP4IMl5__v2-0-0","titleRow":"ColorPicker-module__3-oGnvjB__v2-0-0","colorPreviewWrapper":"ColorPicker-module__3pfOd4k3__v2-0-0","colorPreview":"ColorPicker-module__2VFdKwYM__v2-0-0","colorHex":"ColorPicker-module__1wpQiLhG__v2-0-0","optionRow":"ColorPicker-module__27eY5eb7__v2-0-0","colorOption":"ColorPicker-module__19MT-I77__v2-0-0"};
 
@@ -232,9 +229,9 @@ var mainPalette = (function (p) { return p; })([
             React__default['default'].createElement("div", { className: styles.colorDot, "data-test-id": "selected-color", style: { background: currentColor } }),
-            React__default['default'].createElement(Icon__default['default'], { className: styles.chevron, name: "sort-down", type: "solid" })),
-        isPaletteOpen && (React__default['default'].createElement(Panel__default['default'], { className: styles.panel, absolute: true },
+            React__default['default'].createElement(icon.Icon, { className: styles.chevron, name: "sort-down", type: "solid" })),
+        isPaletteOpen && (React__default['default'].createElement(panel.Panel, { className: styles.panel, absolute: true },
             React__default['default'].createElement("div", { className: styles.titleRow },
-                React__default['default'].createElement(Typography__default['default'], { variant: "subtitle-2", className: styles.title }, title),
+                React__default['default'].createElement(typography.Typography, { variant: "subtitle-2", className: styles.title }, title),
                 React__default['default'].createElement("div", { className: styles.colorPreviewWrapper },
                     React__default['default'].createElement("div", { className: styles.colorPreview, style: { background: currentColor } }),
-                    React__default['default'].createElement(Typography__default['default'], { variant: "body-1", className: styles.colorHex, component: "span" }, currentColor))),
+                    React__default['default'].createElement(typography.Typography, { variant: "body-1", className: styles.colorHex, component: "span" }, currentColor))),
             React__default['default'].createElement("div", { className: styles.optionRow }, colorPalette.map(function (_a) {
@@ -248,4 +245,4 @@ var identifier = _a.identifier, backgroundColor = _a.backgroundColor, highlight = _a.highlight;
 
-exports.default = ColorPicker;
+exports.ColorPicker = ColorPicker;
 exports.getHexByColorName = getHexByColorName;
 //# sourceMappingURL=index.js.map

dist/esm/index.d.ts

@@ -1,4 +0,4 @@
-export { default } from './src/ColorPicker';
+export { default as ColorPicker } from './src/ColorPicker';
 export type { ColorPickerProps } from './src/ColorPicker';
 export { getHexByColorName } from './src/palettes';
 export type { PaletteTypes } from './src/palettes';

dist/esm/index.js

 import React, { useRef, useState, useEffect } from 'react';
 import { parseMetadata } from '@highlight-ui/utils-commons';
-import Icon from '@highlight-ui/icon';
-import Panel from '@highlight-ui/panel';
-import Typography from '@highlight-ui/typography';
+import { Icon } from '@highlight-ui/icon';
+import { Panel } from '@highlight-ui/panel';
+import { Typography } from '@highlight-ui/typography';
 
@@ -33,3 +33,3 @@ /*! *****************************************************************************
 
-var styles = {"supportBlue":"#0db5df","supportBrown":"#795548","supportDarkBlue":"#0d34a2","supportDarkPurple":"#7d5cb8","supportGreen":"#3c968d","supportGreyDark":"#5a7886","supportLightGreen":"#8bc34a","supportOrange":"#ffa319","supportPastelBlue":"#bbe5f8","supportPastelBrown":"#d9d0cd","supportPastelDarkBlue":"#cfd6ec","supportPastelDarkPurple":"#d5cae9","supportPastelGreen":"#bbe1dd","supportPastelGrey":"#d3dade","supportPastelLightGreen":"#deecce","supportPastelOrange":"#fbe1bb","supportPastelPink":"#f5c3d4","supportPastelPurple":"#e1c5e7","supportPastelRed":"#f8ccc9","supportPastelYellow":"#fbf6ca","supportPink":"#e8467c","supportPurple":"#9f3eb0","supportRed":"#f55549","supportYellow":"#f4e453","colorPicker":"ColorPicker-module__3H6ypMLc__v1-2-9","button":"ColorPicker-module__XBQM5x8U__v1-2-9","focus":"ColorPicker-module__1iX9akK___v1-2-9","active":"ColorPicker-module__3K79GJJ5__v1-2-9","disabled":"ColorPicker-module__2PSNxo4E__v1-2-9","chevron":"ColorPicker-module__2cO2fFV9__v1-2-9","colorDot":"ColorPicker-module___ZbovZGW__v1-2-9","panel":"ColorPicker-module__3aVapG4Z__v1-2-9","title":"ColorPicker-module__1dP4IMl5__v1-2-9","titleRow":"ColorPicker-module__3-oGnvjB__v1-2-9","colorPreviewWrapper":"ColorPicker-module__3pfOd4k3__v1-2-9","colorPreview":"ColorPicker-module__2VFdKwYM__v1-2-9","colorHex":"ColorPicker-module__1wpQiLhG__v1-2-9","optionRow":"ColorPicker-module__27eY5eb7__v1-2-9","colorOption":"ColorPicker-module__19MT-I77__v1-2-9"};
+var styles = {"supportBlue":"#0db5df","supportBrown":"#795548","supportDarkBlue":"#0d34a2","supportDarkPurple":"#7d5cb8","supportGreen":"#3c968d","supportGreyDark":"#5a7886","supportLightGreen":"#8bc34a","supportOrange":"#ffa319","supportPastelBlue":"#bbe5f8","supportPastelBrown":"#d9d0cd","supportPastelDarkBlue":"#cfd6ec","supportPastelDarkPurple":"#d5cae9","supportPastelGreen":"#bbe1dd","supportPastelGrey":"#d3dade","supportPastelLightGreen":"#deecce","supportPastelOrange":"#fbe1bb","supportPastelPink":"#f5c3d4","supportPastelPurple":"#e1c5e7","supportPastelRed":"#f8ccc9","supportPastelYellow":"#fbf6ca","supportPink":"#e8467c","supportPurple":"#9f3eb0","supportRed":"#f55549","supportYellow":"#f4e453","colorPicker":"ColorPicker-module__3H6ypMLc__v2-0-0","button":"ColorPicker-module__XBQM5x8U__v2-0-0","focus":"ColorPicker-module__1iX9akK___v2-0-0","active":"ColorPicker-module__3K79GJJ5__v2-0-0","disabled":"ColorPicker-module__2PSNxo4E__v2-0-0","chevron":"ColorPicker-module__2cO2fFV9__v2-0-0","colorDot":"ColorPicker-module___ZbovZGW__v2-0-0","panel":"ColorPicker-module__3aVapG4Z__v2-0-0","title":"ColorPicker-module__1dP4IMl5__v2-0-0","titleRow":"ColorPicker-module__3-oGnvjB__v2-0-0","colorPreviewWrapper":"ColorPicker-module__3pfOd4k3__v2-0-0","colorPreview":"ColorPicker-module__2VFdKwYM__v2-0-0","colorHex":"ColorPicker-module__1wpQiLhG__v2-0-0","optionRow":"ColorPicker-module__27eY5eb7__v2-0-0","colorOption":"ColorPicker-module__19MT-I77__v2-0-0"};
 
@@ -234,4 +234,3 @@ var mainPalette = (function (p) { return p; })([
 
-export default ColorPicker;
-export { getHexByColorName };
+export { ColorPicker, getHexByColorName };
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@highlight-ui/color-picker",
-  "version": "1.2.9",
+  "version": "2.0.0",
   "author": "PPU",
@@ -48,5 +48,5 @@ "main": "dist/cjs/index.js",
   "dependencies": {
-    "@highlight-ui/icon": "^2.1.9",
-    "@highlight-ui/panel": "^1.2.7",
-    "@highlight-ui/typography": "^2.1.7",
+    "@highlight-ui/icon": "^3.0.0",
+    "@highlight-ui/panel": "^2.0.0",
+    "@highlight-ui/typography": "^3.0.0",
     "@highlight-ui/utils-commons": "^1.2.2"
@@ -58,3 +58,3 @@ },
   },
-  "gitHead": "b23625e1ee38082febededafbfdadea9ff4ebb6d"
+  "gitHead": "5fceeca8c701b19aacbed68f0b22f63738bd3113"
 }

README.md

@@ -14,3 +14,3 @@ # `@highlight-ui/color-picker`
 ```ts
-import ColorPicker from '@highlight-ui/color-picker';
+import { ColorPicker } from '@highlight-ui/color-picker';
 ```
@@ -17,0 +17,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

93341

decreased by-0.21%

Lines of code

781

decreased by-0.51%

Dependency changes

• + Added@highlight-ui/icon@3.0.30(transitive)

• + Added@highlight-ui/panel@2.0.29(transitive)

• + Added@highlight-ui/typography@3.0.30(transitive)

• - Removed@highlight-ui/icon@2.1.9(transitive)

• - Removed@highlight-ui/panel@1.2.7(transitive)

• - Removed@highlight-ui/typography@2.1.8(transitive)

• Updated@highlight-ui/icon@^3.0.0

• Updated@highlight-ui/panel@^2.0.0

• Updated@highlight-ui/typography@^3.0.0