@zendeskgarden/react-loaders - npm Package Compare versions

Comparing version 8.44.1 to 8.44.2

dist/index.cjs.js

@@ -196,3 +196,3 @@ /**
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.44.1',
+  'data-garden-version': '8.44.2',
   role: 'progressbar'
@@ -202,3 +202,7 @@ }).withConfig({
   componentId: "sc-x3bwsx-0"
-})(["display:inline;width:1em;height:0.9em;font-size:", ";", ""], function (props) {
+})(["display:inline-block;width:", ";height:", ";font-size:", ";", ""], function (props) {
+  return props.width || '1em';
+}, function (props) {
+  return props.height || '0.9em';
+}, function (props) {
   return props.fontSize;
@@ -229,3 +233,3 @@ }, function (props) {
     'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
-    'data-garden-version': '8.44.1',
+    'data-garden-version': '8.44.2',
     borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
@@ -254,3 +258,3 @@ };
     'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
-    'data-garden-version': '8.44.1',
+    'data-garden-version': '8.44.2',
     height: props.height || sizeToHeight(props.size, props.theme),
@@ -301,3 +305,3 @@ borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.44.2'
 }).withConfig({
@@ -343,3 +347,3 @@ displayName: "StyledSkeleton",
   return {
-    'data-garden-version': '8.44.1',
+    'data-garden-version': '8.44.2',
     xmlns: 'http://www.w3.org/2000/svg',
@@ -355,3 +359,7 @@ width: props.width,
   componentId: "sc-1xtc3kx-0"
-})(["width:1em;height:0.9em;color:", ";font-size:", ";", ";"], function (props) {
+})(["width:", ";height:", ";color:", ";font-size:", ";", ";"], function (props) {
+  return props.containerWidth || '1em';
+}, function (props) {
+  return props.containerHeight || '0.9em';
+}, function (props) {
   return props.color || 'inherit';
@@ -383,3 +391,3 @@ }, function (props) {
     'data-garden-id': COMPONENT_ID$3,
-    'data-garden-version': '8.44.1',
+    'data-garden-version': '8.44.2',
     viewBox: '0 0 16 4',
@@ -483,3 +491,3 @@ width: props.size,
     "data-garden-id": COMPONENT_ID$1,
-    "data-garden-version": '8.44.1',
+    "data-garden-version": '8.44.2',
     "aria-valuemax": 100,
@@ -642,2 +650,4 @@ "aria-valuemin": 0,
     return React__default['default'].createElement(StyledLoadingPlaceholder, {
+      width: "1em",
+      height: "1em",
       fontSize: size
@@ -651,3 +661,5 @@ }, "\xA0");
     height: HEIGHT,
-    dataGardenId: COMPONENT_ID
+    dataGardenId: COMPONENT_ID,
+    containerHeight: "1em",
+    containerWidth: "1em"
   }, other), React__default['default'].createElement(StyledSpinnerCircle, {
@@ -654,0 +666,0 @@ dasharrayValue: dasharrayValue,

dist/index.esm.js

@@ -186,3 +186,3 @@ /**
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.44.1',
+  'data-garden-version': '8.44.2',
   role: 'progressbar'
@@ -192,3 +192,7 @@ }).withConfig({
   componentId: "sc-x3bwsx-0"
-})(["display:inline;width:1em;height:0.9em;font-size:", ";", ""], function (props) {
+})(["display:inline-block;width:", ";height:", ";font-size:", ";", ""], function (props) {
+  return props.width || '1em';
+}, function (props) {
+  return props.height || '0.9em';
+}, function (props) {
   return props.fontSize;
@@ -219,3 +223,3 @@ }, function (props) {
     'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
-    'data-garden-version': '8.44.1',
+    'data-garden-version': '8.44.2',
     borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
@@ -244,3 +248,3 @@ };
     'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
-    'data-garden-version': '8.44.1',
+    'data-garden-version': '8.44.2',
     height: props.height || sizeToHeight(props.size, props.theme),
@@ -291,3 +295,3 @@ borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.44.2'
 }).withConfig({
@@ -333,3 +337,3 @@ displayName: "StyledSkeleton",
   return {
-    'data-garden-version': '8.44.1',
+    'data-garden-version': '8.44.2',
     xmlns: 'http://www.w3.org/2000/svg',
@@ -345,3 +349,7 @@ width: props.width,
   componentId: "sc-1xtc3kx-0"
-})(["width:1em;height:0.9em;color:", ";font-size:", ";", ";"], function (props) {
+})(["width:", ";height:", ";color:", ";font-size:", ";", ";"], function (props) {
+  return props.containerWidth || '1em';
+}, function (props) {
+  return props.containerHeight || '0.9em';
+}, function (props) {
   return props.color || 'inherit';
@@ -373,3 +381,3 @@ }, function (props) {
     'data-garden-id': COMPONENT_ID$3,
-    'data-garden-version': '8.44.1',
+    'data-garden-version': '8.44.2',
     viewBox: '0 0 16 4',
@@ -473,3 +481,3 @@ width: props.size,
     "data-garden-id": COMPONENT_ID$1,
-    "data-garden-version": '8.44.1',
+    "data-garden-version": '8.44.2',
     "aria-valuemax": 100,
@@ -632,2 +640,4 @@ "aria-valuemin": 0,
     return React.createElement(StyledLoadingPlaceholder, {
+      width: "1em",
+      height: "1em",
       fontSize: size
@@ -641,3 +651,5 @@ }, "\xA0");
     height: HEIGHT,
-    dataGardenId: COMPONENT_ID
+    dataGardenId: COMPONENT_ID,
+    containerHeight: "1em",
+    containerWidth: "1em"
   }, other), React.createElement(StyledSpinnerCircle, {
@@ -644,0 +656,0 @@ dasharrayValue: dasharrayValue,

dist/typings/styled/StyledLoadingPlaceholder.d.ts

@@ -13,2 +13,4 @@ /**
     fontSize: string | number;
+    width?: string | undefined;
+    height?: string | undefined;
 }, "role" | "data-garden-id" | "data-garden-version">;

dist/typings/styled/StyledSVG.d.ts

@@ -13,4 +13,6 @@ /**
     height: number | string;
+    containerWidth?: string;
+    containerHeight?: string;
 }
 export declare const StyledSVG: import("styled-components").StyledComponent<"svg", import("styled-components").DefaultTheme, IStyledSVGProps, never>;
 export {};

package.json

 {
   "name": "@zendeskgarden/react-loaders",
-  "version": "8.44.1",
+  "version": "8.44.2",
   "description": "Components relating to loaders in the Garden Design System",
@@ -35,3 +35,3 @@ "license": "Apache-2.0",
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.44.1"
+    "@zendeskgarden/react-theming": "^8.44.2"
   },
@@ -48,3 +48,3 @@ "keywords": [
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "74a6cfa135b2a28b76ebfa2c2d0099c5490ac5bf"
+  "gitHead": "179b8d53e7f0a73528ae31c10d8f7e39ab73d7ca"
 }

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

Improved metrics

Total package byte prevSize

72658

increased by1.12%

Lines of code

1624

increased by1.75%

No dependency changes