@zendeskgarden/react-loaders - npm Package Compare versions

Comparing version 8.32.2 to 8.33.0

dist/index.cjs.js

@@ -151,34 +151,7 @@ /**
 
-function _templateObject4() {
-  var data = _taggedTemplateLiteral(["\n  animation: ", ";\n"]);
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-  return data;
-}
-function _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n  animation: ", ";\n"]);
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-  return data;
-}
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  animation: ", ";\n"]);
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-  return data;
-}
-function _templateObject() {
-  var data = _taggedTemplateLiteral([""]);
-  _templateObject = function _templateObject() {
-    return data;
-  };
-  return data;
-}
+var _templateObject$6, _templateObject2$2, _templateObject3, _templateObject4;
 var StyledDotsCircle = styled__default['default'].circle.attrs({
   cy: 36,
   r: 9
-})(_templateObject());
+})(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral([""])));
 StyledDotsCircle.defaultProps = {
@@ -189,3 +162,3 @@ theme: reactTheming.DEFAULT_THEME
   cx: 9
-})(_templateObject2(), function (_ref) {
+})(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n  animation: ", ";\n"])), function (_ref) {
   var duration = _ref.duration;
@@ -201,3 +174,3 @@ return styled.css(["", " ", "ms linear infinite"], dotOneKeyframes, duration);
   };
-})(_templateObject3(), function (_ref2) {
+})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  animation: ", ";\n"])), function (_ref2) {
   var duration = _ref2.duration;
@@ -213,3 +186,3 @@ return styled.css(["", " ", "ms linear infinite"], dotTwoKeyframes, duration);
   };
-})(_templateObject4(), function (_ref3) {
+})(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  animation: ", ";\n"])), function (_ref3) {
   var duration = _ref3.duration;
@@ -222,18 +195,12 @@ return styled.css(["", " ", "ms linear infinite"], dotThreeKeyframes, duration);
 
-function _templateObject$1() {
-  var data = _taggedTemplateLiteral(["\n  display: inline;\n  width: 1em;\n  height: 0.9em;\n  font-size: ", ";\n\n  ", "\n"]);
-  _templateObject$1 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID = 'loaders.loading_placeholder';
+var _templateObject$5;
+var COMPONENT_ID$5 = 'loaders.loading_placeholder';
 var StyledLoadingPlaceholder = styled__default['default'].div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.32.2',
+  'data-garden-id': COMPONENT_ID$5,
+  'data-garden-version': '8.33.0',
   role: 'progressbar'
-})(_templateObject$1(), function (props) {
+})(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n  display: inline;\n  width: 1em;\n  height: 0.9em;\n  font-size: ", ";\n\n  ", "\n"])), function (props) {
   return props.fontSize;
 }, function (props) {
-  return reactTheming.retrieveComponentStyles(COMPONENT_ID, props);
+  return reactTheming.retrieveComponentStyles(COMPONENT_ID$5, props);
 });
@@ -244,16 +211,3 @@ StyledLoadingPlaceholder.defaultProps = {
 
-function _templateObject2$1() {
-  var data = _taggedTemplateLiteral(["\n  transition: width 0.1s ease-in-out;\n  border-radius: ", "px;\n  background: currentColor;\n  width: ", "%;\n  height: ", "px;\n\n  ", "\n"]);
-  _templateObject2$1 = function _templateObject2() {
-    return data;
-  };
-  return data;
-}
-function _templateObject$2() {
-  var data = _taggedTemplateLiteral(["\n  margin: ", "px 0;\n  border-radius: ", "px;\n  background-color: ", ";\n  color: ", ";\n\n  ", "\n"]);
-  _templateObject$2 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
+var _templateObject$4, _templateObject2$1;
 var sizeToHeight = function sizeToHeight(size, theme) {
@@ -276,6 +230,6 @@ switch (size) {
     'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
-    'data-garden-version': '8.32.2',
+    'data-garden-version': '8.33.0',
     borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
   };
-})(_templateObject$2(), function (props) {
+})(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n  margin: ", "px 0;\n  border-radius: ", "px;\n  background-color: ", ";\n  color: ", ";\n\n  ", "\n"])), function (props) {
   return props.theme.space.base * 2;
@@ -298,7 +252,7 @@ }, function (props) {
     'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
-    'data-garden-version': '8.32.2',
+    'data-garden-version': '8.33.0',
     height: props.height || sizeToHeight(props.size, props.theme),
     borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
   };
-})(_templateObject2$1(), function (props) {
+})(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n  transition: width 0.1s ease-in-out;\n  border-radius: ", "px;\n  background: currentColor;\n  width: ", "%;\n  height: ", "px;\n\n  ", "\n"])), function (props) {
   return props.borderRadius;
@@ -316,10 +270,4 @@ }, function (props) {
 
-function _templateObject$3() {
-  var data = _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"]);
-  _templateObject$3 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID$1 = 'loaders.skeleton';
+var _templateObject$3;
+var COMPONENT_ID$4 = 'loaders.skeleton';
 var fadeInAnimation = styled.keyframes(["0%,60%{opacity:0;}100%{opacity:1;}"]);
@@ -349,5 +297,5 @@ var skeletonAnimation = styled.keyframes(["100%{left:100%;}"]);
 var StyledSkeleton = styled__default['default'].div.attrs({
-  'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.32.2'
-})(_templateObject$3(), fadeInAnimation, function (props) {
+  'data-garden-id': COMPONENT_ID$4,
+  'data-garden-version': '8.33.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) {
   return props.theme.borderRadii.md;
@@ -361,3 +309,3 @@ }, function (props) {
 }, retrieveSkeletonBackgroundColor, retrieveSkeletonAnimation, retrieveSkeletonGradient, function (props) {
-  return reactTheming.retrieveComponentStyles(COMPONENT_ID$1, props);
+  return reactTheming.retrieveComponentStyles(COMPONENT_ID$4, props);
 });
@@ -368,9 +316,3 @@ StyledSkeleton.defaultProps = {
 
-function _templateObject$4() {
-  var data = _taggedTemplateLiteral([""]);
-  _templateObject$4 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
+var _templateObject$2;
 var StyledSpinnerCircle = styled__default['default'].circle.attrs(function (props) {
@@ -388,3 +330,3 @@ return {
   };
-})(_templateObject$4());
+})(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral([""])));
 StyledSpinnerCircle.defaultProps = {
@@ -394,12 +336,6 @@ theme: reactTheming.DEFAULT_THEME
 
-function _templateObject$5() {
-  var data = _taggedTemplateLiteral(["\n  width: 1em;\n  height: 0.9em;\n  color: ", ";\n  font-size: ", ";\n\n  ", ";\n"]);
-  _templateObject$5 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
+var _templateObject$1;
 var StyledSVG = styled__default['default'].svg.attrs(function (props) {
   return {
-    'data-garden-version': '8.32.2',
+    'data-garden-version': '8.33.0',
     xmlns: 'http://www.w3.org/2000/svg',
@@ -412,3 +348,3 @@ width: props.width,
   };
-})(_templateObject$5(), function (props) {
+})(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  width: 1em;\n  height: 0.9em;\n  color: ", ";\n  font-size: ", ";\n\n  ", ";\n"])), function (props) {
   return props.color || 'inherit';
@@ -424,17 +360,4 @@ }, function (props) {
 
-function _templateObject2$2() {
-  var data = _taggedTemplateLiteral(["\n  color: ", ";\n\n  ", " {\n    opacity: 0.2;\n\n    &:nth-child(1) {\n      animation: ", " 1s infinite;\n      animation-delay: ", ";\n    }\n\n    &:nth-child(2) {\n      animation: ", " 1s infinite;\n      animation-delay: 0.2s;\n    }\n\n    &:nth-child(3) {\n      animation: ", " 1s infinite;\n      animation-delay: ", ";\n    }\n  }\n\n  ", "\n"]);
-  _templateObject2$2 = function _templateObject2() {
-    return data;
-  };
-  return data;
-}
-function _templateObject$6() {
-  var data = _taggedTemplateLiteral([""]);
-  _templateObject$6 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID$2 = 'loaders.inline';
+var _templateObject, _templateObject2;
+var COMPONENT_ID$3 = 'loaders.inline';
 var PULSE_ANIMATION = styled.keyframes(["0%,100%{opacity:.2;}50%{opacity:.8;}"]);
@@ -445,3 +368,3 @@ var StyledCircle = styled__default['default'].circle.attrs({
   r: 2
-})(_templateObject$6());
+})(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));
 StyledCircle.defaultProps = {
@@ -452,4 +375,4 @@ theme: reactTheming.DEFAULT_THEME
   return {
-    'data-garden-id': COMPONENT_ID$2,
-    'data-garden-version': '8.32.2',
+    'data-garden-id': COMPONENT_ID$3,
+    'data-garden-version': '8.33.0',
     viewBox: '0 0 16 4',
@@ -459,3 +382,3 @@ width: props.size,
   };
-})(_templateObject2$2(), function (props) {
+})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n\n  ", " {\n    opacity: 0.2;\n\n    &:nth-child(1) {\n      animation: ", " 1s infinite;\n      animation-delay: ", ";\n    }\n\n    &:nth-child(2) {\n      animation: ", " 1s infinite;\n      animation-delay: 0.2s;\n    }\n\n    &:nth-child(3) {\n      animation: ", " 1s infinite;\n      animation-delay: ", ";\n    }\n  }\n\n  ", "\n"])), function (props) {
   return props.color;
@@ -467,3 +390,3 @@ }, StyledCircle, PULSE_ANIMATION, function (props) {
 }, function (props) {
-  return reactTheming.retrieveComponentStyles(COMPONENT_ID$2, props);
+  return reactTheming.retrieveComponentStyles(COMPONENT_ID$3, props);
 });
@@ -474,3 +397,3 @@ StyledInlineTypingSVG.defaultProps = {
 
-var COMPONENT_ID$3 = 'loaders.dots';
+var COMPONENT_ID$2 = 'loaders.dots';
 var Dots = function Dots(_ref) {
@@ -516,3 +439,3 @@ var size = _ref.size,
     height: "72",
-    dataGardenId: COMPONENT_ID$3
+    dataGardenId: COMPONENT_ID$2
   }, other), React__default['default'].createElement("g", {
@@ -544,3 +467,3 @@ fill: "currentColor"
 
-var COMPONENT_ID$4 = 'loaders.progress';
+var COMPONENT_ID$1 = 'loaders.progress';
 var Progress = React__default['default'].forwardRef(function (_ref, ref) {
@@ -552,4 +475,4 @@ var value = _ref.value,
   return React__default['default'].createElement(StyledProgressBackground, _extends({
-    "data-garden-id": COMPONENT_ID$4,
-    "data-garden-version": '8.32.2',
+    "data-garden-id": COMPONENT_ID$1,
+    "data-garden-version": '8.33.0',
     "aria-valuemax": 100,
@@ -662,3 +585,3 @@ "aria-valuemin": 0,
 
-var COMPONENT_ID$5 = 'loaders.spinner';
+var COMPONENT_ID = 'loaders.spinner';
 var TOTAL_FRAMES = 100;
@@ -719,3 +642,3 @@ var computeFrames = function computeFrames(frames, duration) {
     height: HEIGHT,
-    dataGardenId: COMPONENT_ID$5
+    dataGardenId: COMPONENT_ID
   }, other), React__default['default'].createElement(StyledSpinnerCircle, {
@@ -722,0 +645,0 @@ dasharrayValue: dasharrayValue,

dist/index.esm.js

@@ -141,34 +141,7 @@ /**
 
-function _templateObject4() {
-  var data = _taggedTemplateLiteral(["\n  animation: ", ";\n"]);
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-  return data;
-}
-function _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n  animation: ", ";\n"]);
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-  return data;
-}
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  animation: ", ";\n"]);
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-  return data;
-}
-function _templateObject() {
-  var data = _taggedTemplateLiteral([""]);
-  _templateObject = function _templateObject() {
-    return data;
-  };
-  return data;
-}
+var _templateObject$6, _templateObject2$2, _templateObject3, _templateObject4;
 var StyledDotsCircle = styled.circle.attrs({
   cy: 36,
   r: 9
-})(_templateObject());
+})(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral([""])));
 StyledDotsCircle.defaultProps = {
@@ -179,3 +152,3 @@ theme: DEFAULT_THEME
   cx: 9
-})(_templateObject2(), function (_ref) {
+})(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n  animation: ", ";\n"])), function (_ref) {
   var duration = _ref.duration;
@@ -191,3 +164,3 @@ return css(["", " ", "ms linear infinite"], dotOneKeyframes, duration);
   };
-})(_templateObject3(), function (_ref2) {
+})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  animation: ", ";\n"])), function (_ref2) {
   var duration = _ref2.duration;
@@ -203,3 +176,3 @@ return css(["", " ", "ms linear infinite"], dotTwoKeyframes, duration);
   };
-})(_templateObject4(), function (_ref3) {
+})(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  animation: ", ";\n"])), function (_ref3) {
   var duration = _ref3.duration;
@@ -212,18 +185,12 @@ return css(["", " ", "ms linear infinite"], dotThreeKeyframes, duration);
 
-function _templateObject$1() {
-  var data = _taggedTemplateLiteral(["\n  display: inline;\n  width: 1em;\n  height: 0.9em;\n  font-size: ", ";\n\n  ", "\n"]);
-  _templateObject$1 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID = 'loaders.loading_placeholder';
+var _templateObject$5;
+var COMPONENT_ID$5 = 'loaders.loading_placeholder';
 var StyledLoadingPlaceholder = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.32.2',
+  'data-garden-id': COMPONENT_ID$5,
+  'data-garden-version': '8.33.0',
   role: 'progressbar'
-})(_templateObject$1(), function (props) {
+})(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n  display: inline;\n  width: 1em;\n  height: 0.9em;\n  font-size: ", ";\n\n  ", "\n"])), function (props) {
   return props.fontSize;
 }, function (props) {
-  return retrieveComponentStyles(COMPONENT_ID, props);
+  return retrieveComponentStyles(COMPONENT_ID$5, props);
 });
@@ -234,16 +201,3 @@ StyledLoadingPlaceholder.defaultProps = {
 
-function _templateObject2$1() {
-  var data = _taggedTemplateLiteral(["\n  transition: width 0.1s ease-in-out;\n  border-radius: ", "px;\n  background: currentColor;\n  width: ", "%;\n  height: ", "px;\n\n  ", "\n"]);
-  _templateObject2$1 = function _templateObject2() {
-    return data;
-  };
-  return data;
-}
-function _templateObject$2() {
-  var data = _taggedTemplateLiteral(["\n  margin: ", "px 0;\n  border-radius: ", "px;\n  background-color: ", ";\n  color: ", ";\n\n  ", "\n"]);
-  _templateObject$2 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
+var _templateObject$4, _templateObject2$1;
 var sizeToHeight = function sizeToHeight(size, theme) {
@@ -266,6 +220,6 @@ switch (size) {
     'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
-    'data-garden-version': '8.32.2',
+    'data-garden-version': '8.33.0',
     borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
   };
-})(_templateObject$2(), function (props) {
+})(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n  margin: ", "px 0;\n  border-radius: ", "px;\n  background-color: ", ";\n  color: ", ";\n\n  ", "\n"])), function (props) {
   return props.theme.space.base * 2;
@@ -288,7 +242,7 @@ }, function (props) {
     'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
-    'data-garden-version': '8.32.2',
+    'data-garden-version': '8.33.0',
     height: props.height || sizeToHeight(props.size, props.theme),
     borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
   };
-})(_templateObject2$1(), function (props) {
+})(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n  transition: width 0.1s ease-in-out;\n  border-radius: ", "px;\n  background: currentColor;\n  width: ", "%;\n  height: ", "px;\n\n  ", "\n"])), function (props) {
   return props.borderRadius;
@@ -306,10 +260,4 @@ }, function (props) {
 
-function _templateObject$3() {
-  var data = _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"]);
-  _templateObject$3 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID$1 = 'loaders.skeleton';
+var _templateObject$3;
+var COMPONENT_ID$4 = 'loaders.skeleton';
 var fadeInAnimation = keyframes(["0%,60%{opacity:0;}100%{opacity:1;}"]);
@@ -339,5 +287,5 @@ var skeletonAnimation = keyframes(["100%{left:100%;}"]);
 var StyledSkeleton = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.32.2'
-})(_templateObject$3(), fadeInAnimation, function (props) {
+  'data-garden-id': COMPONENT_ID$4,
+  'data-garden-version': '8.33.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) {
   return props.theme.borderRadii.md;
@@ -351,3 +299,3 @@ }, function (props) {
 }, retrieveSkeletonBackgroundColor, retrieveSkeletonAnimation, retrieveSkeletonGradient, function (props) {
-  return retrieveComponentStyles(COMPONENT_ID$1, props);
+  return retrieveComponentStyles(COMPONENT_ID$4, props);
 });
@@ -358,9 +306,3 @@ StyledSkeleton.defaultProps = {
 
-function _templateObject$4() {
-  var data = _taggedTemplateLiteral([""]);
-  _templateObject$4 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
+var _templateObject$2;
 var StyledSpinnerCircle = styled.circle.attrs(function (props) {
@@ -378,3 +320,3 @@ return {
   };
-})(_templateObject$4());
+})(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral([""])));
 StyledSpinnerCircle.defaultProps = {
@@ -384,12 +326,6 @@ theme: DEFAULT_THEME
 
-function _templateObject$5() {
-  var data = _taggedTemplateLiteral(["\n  width: 1em;\n  height: 0.9em;\n  color: ", ";\n  font-size: ", ";\n\n  ", ";\n"]);
-  _templateObject$5 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
+var _templateObject$1;
 var StyledSVG = styled.svg.attrs(function (props) {
   return {
-    'data-garden-version': '8.32.2',
+    'data-garden-version': '8.33.0',
     xmlns: 'http://www.w3.org/2000/svg',
@@ -402,3 +338,3 @@ width: props.width,
   };
-})(_templateObject$5(), function (props) {
+})(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  width: 1em;\n  height: 0.9em;\n  color: ", ";\n  font-size: ", ";\n\n  ", ";\n"])), function (props) {
   return props.color || 'inherit';
@@ -414,17 +350,4 @@ }, function (props) {
 
-function _templateObject2$2() {
-  var data = _taggedTemplateLiteral(["\n  color: ", ";\n\n  ", " {\n    opacity: 0.2;\n\n    &:nth-child(1) {\n      animation: ", " 1s infinite;\n      animation-delay: ", ";\n    }\n\n    &:nth-child(2) {\n      animation: ", " 1s infinite;\n      animation-delay: 0.2s;\n    }\n\n    &:nth-child(3) {\n      animation: ", " 1s infinite;\n      animation-delay: ", ";\n    }\n  }\n\n  ", "\n"]);
-  _templateObject2$2 = function _templateObject2() {
-    return data;
-  };
-  return data;
-}
-function _templateObject$6() {
-  var data = _taggedTemplateLiteral([""]);
-  _templateObject$6 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID$2 = 'loaders.inline';
+var _templateObject, _templateObject2;
+var COMPONENT_ID$3 = 'loaders.inline';
 var PULSE_ANIMATION = keyframes(["0%,100%{opacity:.2;}50%{opacity:.8;}"]);
@@ -435,3 +358,3 @@ var StyledCircle = styled.circle.attrs({
   r: 2
-})(_templateObject$6());
+})(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));
 StyledCircle.defaultProps = {
@@ -442,4 +365,4 @@ theme: DEFAULT_THEME
   return {
-    'data-garden-id': COMPONENT_ID$2,
-    'data-garden-version': '8.32.2',
+    'data-garden-id': COMPONENT_ID$3,
+    'data-garden-version': '8.33.0',
     viewBox: '0 0 16 4',
@@ -449,3 +372,3 @@ width: props.size,
   };
-})(_templateObject2$2(), function (props) {
+})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n\n  ", " {\n    opacity: 0.2;\n\n    &:nth-child(1) {\n      animation: ", " 1s infinite;\n      animation-delay: ", ";\n    }\n\n    &:nth-child(2) {\n      animation: ", " 1s infinite;\n      animation-delay: 0.2s;\n    }\n\n    &:nth-child(3) {\n      animation: ", " 1s infinite;\n      animation-delay: ", ";\n    }\n  }\n\n  ", "\n"])), function (props) {
   return props.color;
@@ -457,3 +380,3 @@ }, StyledCircle, PULSE_ANIMATION, function (props) {
 }, function (props) {
-  return retrieveComponentStyles(COMPONENT_ID$2, props);
+  return retrieveComponentStyles(COMPONENT_ID$3, props);
 });
@@ -464,3 +387,3 @@ StyledInlineTypingSVG.defaultProps = {
 
-var COMPONENT_ID$3 = 'loaders.dots';
+var COMPONENT_ID$2 = 'loaders.dots';
 var Dots = function Dots(_ref) {
@@ -506,3 +429,3 @@ var size = _ref.size,
     height: "72",
-    dataGardenId: COMPONENT_ID$3
+    dataGardenId: COMPONENT_ID$2
   }, other), React.createElement("g", {
@@ -534,3 +457,3 @@ fill: "currentColor"
 
-var COMPONENT_ID$4 = 'loaders.progress';
+var COMPONENT_ID$1 = 'loaders.progress';
 var Progress = React.forwardRef(function (_ref, ref) {
@@ -542,4 +465,4 @@ var value = _ref.value,
   return React.createElement(StyledProgressBackground, _extends({
-    "data-garden-id": COMPONENT_ID$4,
-    "data-garden-version": '8.32.2',
+    "data-garden-id": COMPONENT_ID$1,
+    "data-garden-version": '8.33.0',
     "aria-valuemax": 100,
@@ -652,3 +575,3 @@ "aria-valuemin": 0,
 
-var COMPONENT_ID$5 = 'loaders.spinner';
+var COMPONENT_ID = 'loaders.spinner';
 var TOTAL_FRAMES = 100;
@@ -709,3 +632,3 @@ var computeFrames = function computeFrames(frames, duration) {
     height: HEIGHT,
-    dataGardenId: COMPONENT_ID$5
+    dataGardenId: COMPONENT_ID
   }, other), React.createElement(StyledSpinnerCircle, {
@@ -712,0 +635,0 @@ dasharrayValue: dasharrayValue,

package.json

@@ -11,3 +11,3 @@ {
   },
-  "version": "8.32.2",
+  "version": "8.33.0",
   "main": "dist/index.cjs.js",
@@ -36,3 +36,3 @@ "module": "dist/index.esm.js",
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.32.2"
+    "@zendeskgarden/react-theming": "^8.33.0"
   },
@@ -49,3 +49,3 @@ "keywords": [
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "80e40a69f6de7871e4113c5560e4d4318b64d3d8"
+  "gitHead": "cb00a1ff098437eb1be610671b407e8cbfe0eb8d"
 }

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

72559

decreased by-2.92%

Lines of code

1549

decreased by-9.04%

No dependency changes