@highlight-ui/icon - npm Package Compare versions

Comparing version 5.1.2 to 5.1.3

dist/cjs/index.js

@@ -9,3 +9,3 @@ 'use strict';
 var utilsCommons = require('@highlight-ui/utils-commons');
-var iconColorTokens = require('@highlight-ui/tokens/dist/iconColors.json');
+var iconColors = require('@highlight-ui/tokens/dist/iconColors');
 function _interopDefaultLegacy(e) {
@@ -18,3 +18,2 @@ return e && typeof e === 'object' && 'default' in e ? e : {
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-var iconColorTokens__default = /*#__PURE__*/_interopDefaultLegacy(iconColorTokens);
 
@@ -55,6 +54,6 @@ /******************************************************************************
 var styles$1 = {
-  "iconColor": "Icon-module__CLA8sueg__v5-1-2",
-  "spin": "Icon-module__zqGixWV1__v5-1-2",
-  "rotate": "Icon-module__nc9ZsMZi__v5-1-2",
-  "block": "Icon-module__TDwEUoXL__v5-1-2"
+  "iconColor": "Icon-module__CLA8sueg__v5-1-3",
+  "spin": "Icon-module__zqGixWV1__v5-1-3",
+  "rotate": "Icon-module__nc9ZsMZi__v5-1-3",
+  "block": "Icon-module__TDwEUoXL__v5-1-3"
 };
@@ -83,3 +82,3 @@ var familyPrefixMap = {
   var appliedStyles = color ? {
-    '--icon-color': "" + iconColorTokens__default["default"][color],
+    '--icon-color': "" + iconColors.iconColorTokens[color],
     fontSize: size
@@ -99,7 +98,7 @@ } : {
 var styles = {
-  "interactiveIcon": "InteractiveIcon-module__CcfhyHJ-__v5-1-2",
-  "clickableIcon": "InteractiveIcon-module__-2I2f7uu__v5-1-2",
-  "interactive-inherit": "InteractiveIcon-module__l2xeeiv9__v5-1-2",
-  "interactive-icon-default": "InteractiveIcon-module__UEt7NSD1__v5-1-2",
-  "interactive-icon-subdued": "InteractiveIcon-module__fVvxiaw4__v5-1-2"
+  "interactiveIcon": "InteractiveIcon-module__CcfhyHJ-__v5-1-3",
+  "clickableIcon": "InteractiveIcon-module__-2I2f7uu__v5-1-3",
+  "interactive-inherit": "InteractiveIcon-module__l2xeeiv9__v5-1-3",
+  "interactive-icon-default": "InteractiveIcon-module__UEt7NSD1__v5-1-3",
+  "interactive-icon-subdued": "InteractiveIcon-module__fVvxiaw4__v5-1-3"
 };
@@ -106,0 +105,0 @@ var InteractiveIcon = function (_a) {

dist/cjs/src/Icon.d.ts

 import React from 'react';
 import { FontFamily, PropsWithMetadata } from '@highlight-ui/utils-commons';
-import iconColorTokens from '@highlight-ui/tokens/dist/iconColors.json';
-export declare type IconColorToken = keyof typeof iconColorTokens;
+import { IconColorTokenType } from '@highlight-ui/tokens/dist/iconColors';
+export declare type IconColorToken = IconColorTokenType;
 export declare type IconProps = PropsWithMetadata<{
@@ -29,3 +29,3 @@ /** Makes the component behave as a block element (take up the whole available space) */
     /** Specify a color of the icon */
-    color?: "icon-default" | "icon-subdued" | "icon-disabled" | "icon-hover" | "icon-critical" | "icon-success" | "icon-warning" | "icon-highlight" | "icon-on-emphasis" | "icon-on-primary" | "icon-on-secondary" | "icon-on-secondary-disabled" | "icon-on-critical" | "icon-on-success" | "icon-on-interactive-subdued" | "icon-on-background-warning" | "icon-on-background-critical" | "icon-on-background-success" | "icon-on-interactive" | undefined;
+    color?: IconColorTokenType | undefined;
     /** Specify a name of the icon */
@@ -42,4 +42,4 @@ name: string;
 } & {
-    metadata?: import("@highlight-ui/utils-commons").ComponentMetadata | undefined;
+    metadata?: import("@highlight-ui/utils-commons").ComponentMetadata | undefined; /** Specifies whether the icon will be spinning (using CSS animation) or not */
 } & React.RefAttributes<HTMLElement>>;
 export default Icon;

dist/esm/index.js

 import React from 'react';
 import classnames from 'classnames';
 import { parseMetadata, suffixMetadata } from '@highlight-ui/utils-commons';
-import iconColorTokens from '@highlight-ui/tokens/dist/iconColors.json';
+import { iconColorTokens } from '@highlight-ui/tokens/dist/iconColors';
 
@@ -40,6 +40,6 @@ /******************************************************************************
 var styles$1 = {
-  "iconColor": "Icon-module__CLA8sueg__v5-1-2",
-  "spin": "Icon-module__zqGixWV1__v5-1-2",
-  "rotate": "Icon-module__nc9ZsMZi__v5-1-2",
-  "block": "Icon-module__TDwEUoXL__v5-1-2"
+  "iconColor": "Icon-module__CLA8sueg__v5-1-3",
+  "spin": "Icon-module__zqGixWV1__v5-1-3",
+  "rotate": "Icon-module__nc9ZsMZi__v5-1-3",
+  "block": "Icon-module__TDwEUoXL__v5-1-3"
 };
@@ -83,7 +83,7 @@ var familyPrefixMap = {
 var styles = {
-  "interactiveIcon": "InteractiveIcon-module__CcfhyHJ-__v5-1-2",
-  "clickableIcon": "InteractiveIcon-module__-2I2f7uu__v5-1-2",
-  "interactive-inherit": "InteractiveIcon-module__l2xeeiv9__v5-1-2",
-  "interactive-icon-default": "InteractiveIcon-module__UEt7NSD1__v5-1-2",
-  "interactive-icon-subdued": "InteractiveIcon-module__fVvxiaw4__v5-1-2"
+  "interactiveIcon": "InteractiveIcon-module__CcfhyHJ-__v5-1-3",
+  "clickableIcon": "InteractiveIcon-module__-2I2f7uu__v5-1-3",
+  "interactive-inherit": "InteractiveIcon-module__l2xeeiv9__v5-1-3",
+  "interactive-icon-default": "InteractiveIcon-module__UEt7NSD1__v5-1-3",
+  "interactive-icon-subdued": "InteractiveIcon-module__fVvxiaw4__v5-1-3"
 };
@@ -90,0 +90,0 @@ var InteractiveIcon = function (_a) {

dist/esm/src/Icon.d.ts

 import React from 'react';
 import { FontFamily, PropsWithMetadata } from '@highlight-ui/utils-commons';
-import iconColorTokens from '@highlight-ui/tokens/dist/iconColors.json';
-export declare type IconColorToken = keyof typeof iconColorTokens;
+import { IconColorTokenType } from '@highlight-ui/tokens/dist/iconColors';
+export declare type IconColorToken = IconColorTokenType;
 export declare type IconProps = PropsWithMetadata<{
@@ -29,3 +29,3 @@ /** Makes the component behave as a block element (take up the whole available space) */
     /** Specify a color of the icon */
-    color?: "icon-default" | "icon-subdued" | "icon-disabled" | "icon-hover" | "icon-critical" | "icon-success" | "icon-warning" | "icon-highlight" | "icon-on-emphasis" | "icon-on-primary" | "icon-on-secondary" | "icon-on-secondary-disabled" | "icon-on-critical" | "icon-on-success" | "icon-on-interactive-subdued" | "icon-on-background-warning" | "icon-on-background-critical" | "icon-on-background-success" | "icon-on-interactive" | undefined;
+    color?: IconColorTokenType | undefined;
     /** Specify a name of the icon */
@@ -42,4 +42,4 @@ name: string;
 } & {
-    metadata?: import("@highlight-ui/utils-commons").ComponentMetadata | undefined;
+    metadata?: import("@highlight-ui/utils-commons").ComponentMetadata | undefined; /** Specifies whether the icon will be spinning (using CSS animation) or not */
 } & React.RefAttributes<HTMLElement>>;
 export default Icon;

package.json

 {
   "name": "@highlight-ui/icon",
-  "version": "5.1.2",
+  "version": "5.1.3",
   "author": "Personio GmbH & Co. KG",
@@ -32,3 +32,3 @@ "main": "dist/cjs/index.js",
     "@highlight-ui/configs-scripts": "^3.2.3",
-    "@highlight-ui/theme": "^9.3.7",
+    "@highlight-ui/theme": "^9.3.8",
     "@testing-library/dom": "8.19.0",
@@ -47,6 +47,6 @@ "@testing-library/react": "12.1.5",
   "dependencies": {
-    "@highlight-ui/tokens": "^3.1.0",
-    "@highlight-ui/utils-commons": "^2.3.9"
+    "@highlight-ui/tokens": "^4.0.0",
+    "@highlight-ui/utils-commons": "^2.3.10"
   },
-  "gitHead": "e18c6e07be03363b505fcbc9054d4824fc4f150b"
+  "gitHead": "f5ee8f9c5aba8e81ae72a682b291c2a77775cbdb"
 }

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

75448

decreased by-0.96%

Lines of code

538

decreased by-0.55%

Dependency changes

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

• Updated@highlight-ui/tokens@^4.0.0

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