@highlight-ui/utils-commons - npm Package Compare versions

Comparing version 1.3.14 to 2.0.0-alpha.0

dist/cjs/index.d.ts

@@ -1,4 +0,3 @@
-export * from './src/globalConstants';
 export * from './src/types';
 export { default as forkHandlers } from './src/forkHandlers';
 export { parseMetadata, suffixMetadata } from './src/parseMetadata';

dist/cjs/index.js

@@ -15,28 +15,2 @@ 'use strict';
 
-var ICON_MAP = {
-    success: {
-        name: 'check-circle',
-    },
-    info: {
-        name: 'info-circle',
-    },
-    warning: {
-        name: 'exclamation-triangle',
-    },
-    danger: {
-        name: 'exclamation-circle',
-    },
-};
-var THEME_COLOR_TOKEN_MAP = {
-    default: 'cool-gray-lighter',
-    primary: 'primary-brand-accent',
-    success: 'ui-success',
-    info: 'primary-brand-accent',
-    warning: 'ui-warning',
-    'warning-light': 'ui-warning-lightest',
-    danger: 'ui-danger',
-    dark: 'support-black',
-    light: 'white',
-};
-
 var forkHandlers = function (handlers) { return function (e) {
@@ -84,4 +58,2 @@ handlers.forEach(function (handler) {
 
-exports.ICON_MAP = ICON_MAP;
-exports.THEME_COLOR_TOKEN_MAP = THEME_COLOR_TOKEN_MAP;
 exports.forkHandlers = forkHandlers;
@@ -88,0 +60,0 @@ exports.parseMetadata = parseMetadata;

dist/cjs/src/globalConstants.d.ts

@@ -1,5 +0,6 @@
-import { ColorToken, Theme } from './types';
+import { IconColorToken } from '@highlight-ui/icon';
+import { Theme } from './types';
 export declare const ICON_MAP: Record<Extract<Theme, 'success' | 'info' | 'warning' | 'danger'>, {
     name: string;
 }>;
-export declare const THEME_COLOR_TOKEN_MAP: Record<Extract<Theme, 'default' | 'primary' | 'success' | 'info' | 'warning' | 'warning-light' | 'danger' | 'dark' | 'light'>, ColorToken>;
+export declare const THEME_ICON_COLOR_TOKEN_MAP: Record<Extract<Theme, 'success' | 'info' | 'warning' | 'danger'>, IconColorToken>;

dist/cjs/src/types.d.ts

@@ -0,1 +1,2 @@
+import colorTokens from '@highlight-ui/tokens/dist/colors.json';
 export declare type FontFamily = 'regular' | 'light' | 'solid';
@@ -7,4 +8,2 @@ /**
 export declare type Size = 'small' | 'medium' | 'large';
-export declare type Theme = 'dark' | 'danger' | 'default' | 'info' | 'light' | 'tertiary' | 'primary' | 'success' | 'transparent' | 'warning-light' | 'warning';
-export declare type ColorToken = 'cool-gray-dark' | 'cool-gray-light' | 'cool-gray-lighter' | 'neutral-gray' | 'neutral-gray-dark' | 'neutral-gray-darker' | 'neutral-gray-darkest' | 'neutral-gray-light' | 'neutral-gray-lighter' | 'primary-brand-accent' | 'primary-brand-accent-dark' | 'primary-brand-accent-darker' | 'primary-brand-accent-darkest' | 'primary-brand-accent-lightest' | 'support-black' | 'support-blue' | 'support-blue-dark' | 'support-blue-darker' | 'support-brown' | 'support-brown-dark' | 'support-brown-light' | 'support-darkblue' | 'support-darkblue-dark' | 'support-darkblue-darker' | 'support-darkpurple' | 'support-darkpurple-dark' | 'support-darkpurple-darker' | 'support-green' | 'support-green-dark' | 'support-green-darker' | 'support-grey' | 'support-grey-dark' | 'support-grey-darker' | 'support-lightgreen' | 'support-lightgreen-dark' | 'support-lightgreen-darker' | 'support-orange' | 'support-orange-dark' | 'support-orange-darker' | 'support-pastel-blue' | 'support-pastel-brown' | 'support-pastel-darkblue' | 'support-pastel-darkpurple' | 'support-pastel-green' | 'support-pastel-grey' | 'support-pastel-lightgreen' | 'support-pastel-orange' | 'support-pastel-pink' | 'support-pastel-purple' | 'support-pastel-red' | 'support-pastel-yellow' | 'support-pink' | 'support-pink-dark' | 'support-pink-darker' | 'support-purple' | 'support-purple-dark' | 'support-purple-light' | 'support-red' | 'support-red-dark' | 'support-red-darker' | 'support-yellow' | 'support-yellow-dark' | 'support-yellow-darker' | 'ui-danger' | 'ui-danger-dark' | 'ui-danger-darker' | 'ui-danger-darkest' | 'ui-danger-lightest' | 'ui-success' | 'ui-success-dark' | 'ui-success-darker' | 'ui-success-darkest' | 'ui-success-lightest' | 'ui-warning' | 'ui-warning-dark' | 'ui-warning-darker' | 'ui-warning-darkest' | 'ui-warning-lightest' | 'white';
 export declare type Direction = 'bottom-left' | 'bottom-right' | 'center' | 'top-left' | 'top-right';
@@ -25,1 +24,2 @@ export declare type ComponentMetadata = Record<string, string> & {
 export declare type ValidationStatus = 'validating' | 'valid' | 'invalid' | 'warning';
+export declare type ColorToken = keyof typeof colorTokens;

dist/esm/index.d.ts

@@ -1,4 +0,3 @@
-export * from './src/globalConstants';
 export * from './src/types';
 export { default as forkHandlers } from './src/forkHandlers';
 export { parseMetadata, suffixMetadata } from './src/parseMetadata';

dist/esm/index.js

@@ -5,28 +5,2 @@ import kebabCase from 'lodash/fp/kebabCase';
 
-var ICON_MAP = {
-    success: {
-        name: 'check-circle',
-    },
-    info: {
-        name: 'info-circle',
-    },
-    warning: {
-        name: 'exclamation-triangle',
-    },
-    danger: {
-        name: 'exclamation-circle',
-    },
-};
-var THEME_COLOR_TOKEN_MAP = {
-    default: 'cool-gray-lighter',
-    primary: 'primary-brand-accent',
-    success: 'ui-success',
-    info: 'primary-brand-accent',
-    warning: 'ui-warning',
-    'warning-light': 'ui-warning-lightest',
-    danger: 'ui-danger',
-    dark: 'support-black',
-    light: 'white',
-};
-
 var forkHandlers = function (handlers) { return function (e) {
@@ -74,3 +48,3 @@ handlers.forEach(function (handler) {
 
-export { ICON_MAP, THEME_COLOR_TOKEN_MAP, forkHandlers, parseMetadata, suffixMetadata };
+export { forkHandlers, parseMetadata, suffixMetadata };
 //# sourceMappingURL=index.js.map

dist/esm/src/globalConstants.d.ts

@@ -1,5 +0,6 @@
-import { ColorToken, Theme } from './types';
+import { IconColorToken } from '@highlight-ui/icon';
+import { Theme } from './types';
 export declare const ICON_MAP: Record<Extract<Theme, 'success' | 'info' | 'warning' | 'danger'>, {
     name: string;
 }>;
-export declare const THEME_COLOR_TOKEN_MAP: Record<Extract<Theme, 'default' | 'primary' | 'success' | 'info' | 'warning' | 'warning-light' | 'danger' | 'dark' | 'light'>, ColorToken>;
+export declare const THEME_ICON_COLOR_TOKEN_MAP: Record<Extract<Theme, 'success' | 'info' | 'warning' | 'danger'>, IconColorToken>;

dist/esm/src/types.d.ts

@@ -0,1 +1,2 @@
+import colorTokens from '@highlight-ui/tokens/dist/colors.json';
 export declare type FontFamily = 'regular' | 'light' | 'solid';
@@ -7,4 +8,2 @@ /**
 export declare type Size = 'small' | 'medium' | 'large';
-export declare type Theme = 'dark' | 'danger' | 'default' | 'info' | 'light' | 'tertiary' | 'primary' | 'success' | 'transparent' | 'warning-light' | 'warning';
-export declare type ColorToken = 'cool-gray-dark' | 'cool-gray-light' | 'cool-gray-lighter' | 'neutral-gray' | 'neutral-gray-dark' | 'neutral-gray-darker' | 'neutral-gray-darkest' | 'neutral-gray-light' | 'neutral-gray-lighter' | 'primary-brand-accent' | 'primary-brand-accent-dark' | 'primary-brand-accent-darker' | 'primary-brand-accent-darkest' | 'primary-brand-accent-lightest' | 'support-black' | 'support-blue' | 'support-blue-dark' | 'support-blue-darker' | 'support-brown' | 'support-brown-dark' | 'support-brown-light' | 'support-darkblue' | 'support-darkblue-dark' | 'support-darkblue-darker' | 'support-darkpurple' | 'support-darkpurple-dark' | 'support-darkpurple-darker' | 'support-green' | 'support-green-dark' | 'support-green-darker' | 'support-grey' | 'support-grey-dark' | 'support-grey-darker' | 'support-lightgreen' | 'support-lightgreen-dark' | 'support-lightgreen-darker' | 'support-orange' | 'support-orange-dark' | 'support-orange-darker' | 'support-pastel-blue' | 'support-pastel-brown' | 'support-pastel-darkblue' | 'support-pastel-darkpurple' | 'support-pastel-green' | 'support-pastel-grey' | 'support-pastel-lightgreen' | 'support-pastel-orange' | 'support-pastel-pink' | 'support-pastel-purple' | 'support-pastel-red' | 'support-pastel-yellow' | 'support-pink' | 'support-pink-dark' | 'support-pink-darker' | 'support-purple' | 'support-purple-dark' | 'support-purple-light' | 'support-red' | 'support-red-dark' | 'support-red-darker' | 'support-yellow' | 'support-yellow-dark' | 'support-yellow-darker' | 'ui-danger' | 'ui-danger-dark' | 'ui-danger-darker' | 'ui-danger-darkest' | 'ui-danger-lightest' | 'ui-success' | 'ui-success-dark' | 'ui-success-darker' | 'ui-success-darkest' | 'ui-success-lightest' | 'ui-warning' | 'ui-warning-dark' | 'ui-warning-darker' | 'ui-warning-darkest' | 'ui-warning-lightest' | 'white';
 export declare type Direction = 'bottom-left' | 'bottom-right' | 'center' | 'top-left' | 'top-right';
@@ -25,1 +24,2 @@ export declare type ComponentMetadata = Record<string, string> & {
 export declare type ValidationStatus = 'validating' | 'valid' | 'invalid' | 'warning';
+export declare type ColorToken = keyof typeof colorTokens;

package.json

 {
   "name": "@highlight-ui/utils-commons",
-  "version": "1.3.14",
+  "version": "2.0.0-alpha.0",
   "author": "PPU",
@@ -23,4 +23,4 @@ "main": "dist/cjs/index.js",
   "devDependencies": {
-    "@highlight-ui/configs-base-jest": "^2.0.5",
-    "@highlight-ui/configs-base-tsconfig": "^2.0.1",
+    "@highlight-ui/configs-base-jest": "^2.0.6-alpha.0",
+    "@highlight-ui/configs-base-tsconfig": "^2.1.0-alpha.0",
     "@highlight-ui/configs-scripts": "^2.0.2",
@@ -36,3 +36,6 @@ "jest": "^27.2.3",
   },
-  "gitHead": "d83dc2bd4aaf41c46056098dc5f1c815fb00dc85"
+  "dependencies": {
+    "@highlight-ui/tokens": "^0.8.0-alpha.0"
+  },
+  "gitHead": "3c3d92c48ebf625faf853a08bdc3fe8f0a98dc0e"
 }

README.md

@@ -15,9 +15,2 @@ # `@highlight-ui/utils-commons`
 
-## Exported Objects
-
-| Name                  | Description                                        |
-| --------------------- | -------------------------------------------------- |
-| ICON_MAP              | A map for associating validation states with icons |
-| THEME_COLOR_TOKEN_MAP | A map for associating themes with color tokens     |
-
 ## Exported Types
@@ -30,4 +23,2 @@
 | Size              | Allowed size variants                                                     |
-| Theme             | Allowed themes                                                            |
-| ColorToken        | Allowed color tokens                                                      |
 | Direction         | Used for positioning elements                                             |
@@ -34,0 +25,0 @@ | ComponentMetadata | Used for specifying required data-attributes for e2e tests                |

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

0

-100%

Worsened metrics

Total package byte prevSize

18795

-30.46%

Dependency count

3

50%

Lines of code

234

-21.48%

Number of low quality alerts

2

100%

Number of lines in readme file

81

-10%

Dependency changes

• + Added

  @highlight-ui/tokens@^0.8.0-alpha.0

• + Added

  @highlight-ui/tokens@0.8.0-alpha.1
  (transitive)