@zendeskgarden/react-loaders - npm Package Compare versions

Comparing version 8.37.1 to 8.38.0

dist/index.cjs.js

@@ -195,3 +195,3 @@ /**
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.37.1',
+  'data-garden-version': '8.38.0',
   role: 'progressbar'
@@ -225,3 +225,3 @@ })(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n  display: inline;\n  width: 1em;\n  height: 0.9em;\n  font-size: ", ";\n\n  ", "\n"])), function (props) {
     'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
-    'data-garden-version': '8.37.1',
+    'data-garden-version': '8.38.0',
     borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
@@ -247,3 +247,3 @@ };
     'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
-    'data-garden-version': '8.37.1',
+    'data-garden-version': '8.38.0',
     height: props.height || sizeToHeight(props.size, props.theme),
@@ -292,3 +292,3 @@ borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.37.1'
+  'data-garden-version': '8.38.0'
 })(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  display: inline-block;\n  position: relative;\n  animation: ", " 750ms linear;\n  border-radius: ", ";\n  width: ", ";\n  height: ", ";\n  overflow: hidden;\n  line-height: ", ";\n\n  ", "\n\n  &::before {\n    position: absolute;\n    top: 0;\n    width: 1000px;\n    height: 100%;\n    content: '';\n\n    ", "\n    ", "\n  }\n\n  ", ";\n"])), fadeInAnimation, function (props) {
@@ -330,3 +330,3 @@ return props.theme.borderRadii.md;
   return {
-    'data-garden-version': '8.37.1',
+    'data-garden-version': '8.38.0',
     xmlns: 'http://www.w3.org/2000/svg',
@@ -364,3 +364,3 @@ width: props.width,
     'data-garden-id': COMPONENT_ID$3,
-    'data-garden-version': '8.37.1',
+    'data-garden-version': '8.38.0',
     viewBox: '0 0 16 4',
@@ -383,2 +383,3 @@ width: props.size,
 
+var _excluded$4 = ["size", "color", "duration", "delayMS"];
 var COMPONENT_ID$2 = 'loaders.dots';
@@ -390,3 +391,3 @@ var Dots = function Dots(_ref) {
       delayMS = _ref.delayMS,
-      other = _objectWithoutProperties(_ref, ["size", "color", "duration", "delayMS"]);
+      other = _objectWithoutProperties(_ref, _excluded$4);
   var theme = React.useContext(styled.ThemeContext);
@@ -453,2 +454,3 @@ var environment = reactTheming.useDocument(theme);
 
+var _excluded$3 = ["value", "size"];
 var COMPONENT_ID$1 = 'loaders.progress';
@@ -458,7 +460,7 @@ var Progress = React__default['default'].forwardRef(function (_ref, ref) {
       size = _ref.size,
-      other = _objectWithoutProperties(_ref, ["value", "size"]);
+      other = _objectWithoutProperties(_ref, _excluded$3);
   var percentage = Math.max(0, Math.min(100, value));
   return React__default['default'].createElement(StyledProgressBackground, _extends({
     "data-garden-id": COMPONENT_ID$1,
-    "data-garden-version": '8.37.1',
+    "data-garden-version": '8.38.0',
     "aria-valuemax": 100,
@@ -486,2 +488,3 @@ "aria-valuemin": 0,
 
+var _excluded$2 = ["width", "height", "isLight"];
 var Skeleton = function Skeleton(_ref) {
@@ -491,3 +494,3 @@ var width = _ref.width,
       isLight = _ref.isLight,
-      other = _objectWithoutProperties(_ref, ["width", "height", "isLight"]);
+      other = _objectWithoutProperties(_ref, _excluded$2);
   return React__default['default'].createElement(StyledSkeleton, _extends({
@@ -573,2 +576,3 @@ isLight: isLight,
 
+var _excluded$1 = ["size", "duration", "color", "delayMS"];
 var COMPONENT_ID = 'loaders.spinner';
@@ -604,3 +608,3 @@ var TOTAL_FRAMES = 100;
       delayMS = _ref3.delayMS,
-      other = _objectWithoutProperties(_ref3, ["size", "duration", "color", "delayMS"]);
+      other = _objectWithoutProperties(_ref3, _excluded$1);
   var strokeWidthValues = computeFrames(STROKE_WIDTH_FRAMES, duration);
@@ -651,2 +655,3 @@ var rotationValues = computeFrames(ROTATION_FRAMES, duration);
 
+var _excluded = ["size", "color"];
 var InlineTypingIndicator = function InlineTypingIndicator(props) {
@@ -664,3 +669,3 @@ return React__default['default'].createElement(StyledInlineTypingSVG, props, React__default['default'].createElement(StyledCircle, {
       color = _ref.color,
-      other = _objectWithoutProperties(_ref, ["size", "color"]);
+      other = _objectWithoutProperties(_ref, _excluded);
   return React__default['default'].createElement(InlineTypingIndicator, _extends({
@@ -667,0 +672,0 @@ size: size,

dist/index.esm.js

@@ -185,3 +185,3 @@ /**
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.37.1',
+  'data-garden-version': '8.38.0',
   role: 'progressbar'
@@ -215,3 +215,3 @@ })(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n  display: inline;\n  width: 1em;\n  height: 0.9em;\n  font-size: ", ";\n\n  ", "\n"])), function (props) {
     'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
-    'data-garden-version': '8.37.1',
+    'data-garden-version': '8.38.0',
     borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
@@ -237,3 +237,3 @@ };
     'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
-    'data-garden-version': '8.37.1',
+    'data-garden-version': '8.38.0',
     height: props.height || sizeToHeight(props.size, props.theme),
@@ -282,3 +282,3 @@ borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.37.1'
+  'data-garden-version': '8.38.0'
 })(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  display: inline-block;\n  position: relative;\n  animation: ", " 750ms linear;\n  border-radius: ", ";\n  width: ", ";\n  height: ", ";\n  overflow: hidden;\n  line-height: ", ";\n\n  ", "\n\n  &::before {\n    position: absolute;\n    top: 0;\n    width: 1000px;\n    height: 100%;\n    content: '';\n\n    ", "\n    ", "\n  }\n\n  ", ";\n"])), fadeInAnimation, function (props) {
@@ -320,3 +320,3 @@ return props.theme.borderRadii.md;
   return {
-    'data-garden-version': '8.37.1',
+    'data-garden-version': '8.38.0',
     xmlns: 'http://www.w3.org/2000/svg',
@@ -354,3 +354,3 @@ width: props.width,
     'data-garden-id': COMPONENT_ID$3,
-    'data-garden-version': '8.37.1',
+    'data-garden-version': '8.38.0',
     viewBox: '0 0 16 4',
@@ -373,2 +373,3 @@ width: props.size,
 
+var _excluded$4 = ["size", "color", "duration", "delayMS"];
 var COMPONENT_ID$2 = 'loaders.dots';
@@ -380,3 +381,3 @@ var Dots = function Dots(_ref) {
       delayMS = _ref.delayMS,
-      other = _objectWithoutProperties(_ref, ["size", "color", "duration", "delayMS"]);
+      other = _objectWithoutProperties(_ref, _excluded$4);
   var theme = useContext(ThemeContext);
@@ -443,2 +444,3 @@ var environment = useDocument(theme);
 
+var _excluded$3 = ["value", "size"];
 var COMPONENT_ID$1 = 'loaders.progress';
@@ -448,7 +450,7 @@ var Progress = React.forwardRef(function (_ref, ref) {
       size = _ref.size,
-      other = _objectWithoutProperties(_ref, ["value", "size"]);
+      other = _objectWithoutProperties(_ref, _excluded$3);
   var percentage = Math.max(0, Math.min(100, value));
   return React.createElement(StyledProgressBackground, _extends({
     "data-garden-id": COMPONENT_ID$1,
-    "data-garden-version": '8.37.1',
+    "data-garden-version": '8.38.0',
     "aria-valuemax": 100,
@@ -476,2 +478,3 @@ "aria-valuemin": 0,
 
+var _excluded$2 = ["width", "height", "isLight"];
 var Skeleton = function Skeleton(_ref) {
@@ -481,3 +484,3 @@ var width = _ref.width,
       isLight = _ref.isLight,
-      other = _objectWithoutProperties(_ref, ["width", "height", "isLight"]);
+      other = _objectWithoutProperties(_ref, _excluded$2);
   return React.createElement(StyledSkeleton, _extends({
@@ -563,2 +566,3 @@ isLight: isLight,
 
+var _excluded$1 = ["size", "duration", "color", "delayMS"];
 var COMPONENT_ID = 'loaders.spinner';
@@ -594,3 +598,3 @@ var TOTAL_FRAMES = 100;
       delayMS = _ref3.delayMS,
-      other = _objectWithoutProperties(_ref3, ["size", "duration", "color", "delayMS"]);
+      other = _objectWithoutProperties(_ref3, _excluded$1);
   var strokeWidthValues = computeFrames(STROKE_WIDTH_FRAMES, duration);
@@ -641,2 +645,3 @@ var rotationValues = computeFrames(ROTATION_FRAMES, duration);
 
+var _excluded = ["size", "color"];
 var InlineTypingIndicator = function InlineTypingIndicator(props) {
@@ -654,3 +659,3 @@ return React.createElement(StyledInlineTypingSVG, props, React.createElement(StyledCircle, {
       color = _ref.color,
-      other = _objectWithoutProperties(_ref, ["size", "color"]);
+      other = _objectWithoutProperties(_ref, _excluded);
   return React.createElement(InlineTypingIndicator, _extends({
@@ -657,0 +662,0 @@ size: size,

package.json

 {
   "name": "@zendeskgarden/react-loaders",
+  "version": "8.38.0",
   "description": "Components relating to loaders in the Garden Design System",
@@ -11,3 +12,2 @@ "license": "Apache-2.0",
   },
-  "version": "8.37.1",
   "main": "dist/index.cjs.js",
@@ -36,3 +36,3 @@ "module": "dist/index.esm.js",
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.37.1"
+    "@zendeskgarden/react-theming": "^8.38.0"
   },
@@ -49,3 +49,3 @@ "keywords": [
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "bd00d28a054c6667e5b879ef4c2eb44b59ea7a8e"
+  "gitHead": "275611910f485c64e06cd8a7f7b9296aca30d73a"
 }

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

72818

increased by0.42%

Lines of code

1558

increased by0.65%

Worsened metrics

Number of downloads

7761

decreased by-44.67%

No dependency changes