@highlight-ui/circular-progress - npm Package Compare versions

Comparing version 2.0.21 to 2.1.0

dist/cjs/index.js

@@ -11,2 +11,4 @@ 'use strict';
 
+var tokens = require('@highlight-ui/tokens/dist/tokens.json');
+
 var utilsCommons = require('@highlight-ui/utils-commons');
@@ -45,2 +47,4 @@
 var colorTokens__default = /*#__PURE__*/_interopDefaultLegacy(colorTokens);
+
+var tokens__default = /*#__PURE__*/_interopDefaultLegacy(tokens);
 /*! *****************************************************************************
@@ -77,7 +81,7 @@ Copyright (c) Microsoft Corporation.
 var styles = {
-  "circle": "CircularProgress-module__vmrCKMU0__v2-0-21",
-  "progressIndicator": "CircularProgress-module__MBd9XFdB__v2-0-21"
+  "circle": "CircularProgress-module__3NB5eWuu__v2-1-0",
+  "progressIndicator": "CircularProgress-module__He07toFd__v2-1-0"
 };
 var WIDTH = 22;
-var STROKE_WIDTH = 3;
+var STROKE_WIDTH = tokens__default["default"]['border-width-large'];
 var RADIUS = (WIDTH - STROKE_WIDTH * 2) / 2;
@@ -111,3 +115,2 @@ var VIEWBOX = "0 0 " + WIDTH + " " + WIDTH;
     r: RADIUS,
-    strokeWidth: STROKE_WIDTH + "px",
     fill: "none"
@@ -120,3 +123,2 @@ }), React__namespace.createElement("circle", {
     fill: "none",
-    strokeWidth: STROKE_WIDTH + "px",
     transform: "rotate(-90 " + halfWidth + " " + halfWidth + ")",
@@ -123,0 +125,0 @@ style: {

dist/esm/index.js

 import * as React from 'react';
 import colorTokens from '@highlight-ui/tokens/dist/colors.json';
+import tokens from '@highlight-ui/tokens/dist/tokens.json';
 import { parseMetadata } from '@highlight-ui/utils-commons';
@@ -34,7 +35,7 @@ /*! *****************************************************************************
 var styles = {
-  "circle": "CircularProgress-module__vmrCKMU0__v2-0-21",
-  "progressIndicator": "CircularProgress-module__MBd9XFdB__v2-0-21"
+  "circle": "CircularProgress-module__3NB5eWuu__v2-1-0",
+  "progressIndicator": "CircularProgress-module__He07toFd__v2-1-0"
 };
 var WIDTH = 22;
-var STROKE_WIDTH = 3;
+var STROKE_WIDTH = tokens['border-width-large'];
 var RADIUS = (WIDTH - STROKE_WIDTH * 2) / 2;
@@ -68,3 +69,2 @@ var VIEWBOX = "0 0 " + WIDTH + " " + WIDTH;
     r: RADIUS,
-    strokeWidth: STROKE_WIDTH + "px",
     fill: "none"
@@ -77,3 +77,2 @@ }), /*#__PURE__*/React.createElement("circle", {
     fill: "none",
-    strokeWidth: STROKE_WIDTH + "px",
     transform: "rotate(-90 " + halfWidth + " " + halfWidth + ")",
@@ -80,0 +79,0 @@ style: {

package.json

 {
   "name": "@highlight-ui/circular-progress",
-  "version": "2.0.21",
+  "version": "2.1.0",
   "author": "Personio GmbH & Co. KG",
@@ -32,4 +32,4 @@ "main": "dist/cjs/index.js",
     "@highlight-ui/configs-scripts": "^3.1.1",
-    "@highlight-ui/theme": "^9.1.1",
-    "@highlight-ui/tokens": "^1.3.4",
+    "@highlight-ui/theme": "^9.2.0",
+    "@highlight-ui/tokens": "^1.4.0",
     "@storybook/react": "^6.5.9",
@@ -45,3 +45,3 @@ "@testing-library/dom": "^8.6.0",
   "dependencies": {
-    "@highlight-ui/utils-commons": "^2.0.20"
+    "@highlight-ui/utils-commons": "^2.0.21"
   },
@@ -52,3 +52,3 @@ "peerDependencies": {
   },
-  "gitHead": "90895a19c85d0eb2fca3f307457a27963b0f72c8"
+  "gitHead": "50fe0d6a9163b035181a09d58cf36ad90a9a25d2"
 }

No alert changes

Improved metrics

Total package byte prevSize

56486

increased by0.34%

Lines of code

267

increased by1.14%

Dependency changes

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