@zendeskgarden/react-loaders 9.11.1 → 9.11.3

package/dist/esm/elements/Inline.js

@@ -17,8 +17,8 @@ import { StyledInline, StyledCircle } from '../styled/StyledInline.js';
 
 const Inline = forwardRef((_ref, ref) => {
   let {
-    size,
-    color,
+    size = 16,
+    color = 'inherit',
     ...other
   } = _ref;
   const ariaLabel = useText(Inline, other, 'aria-label', 'loading');
@@ -43,9 +43,5 @@ Inline.propTypes = {
   size: PropTypes.number,
   color: PropTypes.string
 };
-Inline.defaultProps = {
-  size: 16,
-  color: 'inherit'
-};
 
 export { Inline };

package/dist/esm/elements/Progress.js

@@ -20,8 +20,8 @@ const COMPONENT_ID = 'loaders.progress';
 const Progress = React.forwardRef((_ref, ref) => {
   let {
     color,
-    value,
-    size,
+    value = 0,
+    size = 'medium',
     'aria-label': label,
     ...other
   } = _ref;
@@ -32,7 +32,7 @@ const Progress = React.forwardRef((_ref, ref) => {
   return (
     React.createElement(StyledProgressBackground, Object.assign({
       "data-garden-id": COMPONENT_ID,
-      "data-garden-version": '9.11.1',
+      "data-garden-version": '9.11.3',
       "aria-valuemax": 100,
       "aria-valuemin": 0,
       "aria-valuenow": percentage,
@@ -53,9 +53,5 @@ Progress.propTypes = {
   value: PropTypes.number.isRequired,
   size: PropTypes.oneOf(SIZE)
 };
-Progress.defaultProps = {
-  value: 0,
-  size: 'medium'
-};
 
 export { Progress };

package/dist/esm/elements/Skeleton.js

@@ -16,8 +16,8 @@ import '../styled/StyledInline.js';
 
 const Skeleton = forwardRef((_ref, ref) => {
   let {
-    width,
-    height,
+    width = '100%',
+    height = '100%',
     isLight,
     ...other
   } = _ref;
@@ -34,9 +34,5 @@ Skeleton.propTypes = {
   height: PropTypes.string,
   isLight: PropTypes.bool
 };
-Skeleton.defaultProps = {
-  width: '100%',
-  height: '100%'
-};
 
 export { Skeleton };

package/dist/esm/elements/Spinner.js

@@ -38,10 +38,10 @@ const computeFrames = (frames, duration) => {
 };
 const Spinner = forwardRef((_ref, ref) => {
   let {
-    size,
-    duration,
-    color,
-    delayMS,
+    size = 'inherit',
+    duration = 1250,
+    color = 'inherit',
+    delayMS = 750,
     ...other
   } = _ref;
   const strokeWidthValues = computeFrames(STROKE_WIDTH_FRAMES, duration);
@@ -89,11 +89,5 @@ Spinner.propTypes = {
   color: PropTypes.string,
   delayMS: PropTypes.number
 };
-Spinner.defaultProps = {
-  size: 'inherit',
-  duration: 1250,
-  color: 'inherit',
-  delayMS: 750
-};
 
 export { Spinner };

package/dist/esm/styled/StyledInline.js

@@ -38,7 +38,7 @@ const StyledCircle = styled.circle.attrs({
 })([""]);
 const StyledInline = styled.svg.attrs(props => ({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.11.1',
+  'data-garden-version': '9.11.3',
   viewBox: '0 0 16 4',
   width: props.$size,
   height: props.$size * 0.25

package/dist/esm/styled/StyledLoadingPlaceholder.js

@@ -26,7 +26,7 @@ const sizeStyles = _ref => {
 };
 const StyledLoadingPlaceholder = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.11.1',
+  'data-garden-version': '9.11.3',
   role: 'progressbar'
 }).withConfig({
   displayName: "StyledLoadingPlaceholder",

package/dist/esm/styled/StyledProgress.js

@@ -55,7 +55,7 @@ const colorStyles = _ref => {
 };
 const StyledProgressBackground = styled.div.attrs({
   'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
-  'data-garden-version': '9.11.1'
+  'data-garden-version': '9.11.3'
 }).withConfig({
   displayName: "StyledProgress__StyledProgressBackground",
   componentId: "sc-2g8w4s-0"
@@ -63,7 +63,7 @@ const StyledProgressBackground = styled.div.attrs({
 const PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
 const StyledProgressIndicator = styled.div.attrs({
   'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
-  'data-garden-version': '9.11.1'
+  'data-garden-version': '9.11.3'
 }).withConfig({
   displayName: "StyledProgress__StyledProgressIndicator",
   componentId: "sc-2g8w4s-1"

package/dist/esm/styled/StyledSVG.js

@@ -48,7 +48,7 @@ const delayedVisibilityStyles = _ref3 => {
   return undefined;
 };
 const StyledSVG = styled.svg.attrs(props => ({
-  'data-garden-version': '9.11.1',
+  'data-garden-version': '9.11.3',
   xmlns: 'http://www.w3.org/2000/svg',
   focusable: 'false',
   viewBox: `0 0 ${props.$width} ${props.$height}`,

package/dist/esm/styled/StyledSkeleton.js

@@ -52,7 +52,7 @@ const gradientStyles = props => {
 };
 const StyledSkeleton = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.11.1'
+  'data-garden-version': '9.11.3'
 }).withConfig({
   displayName: "StyledSkeleton",
   componentId: "sc-1raozze-0"

package/dist/index.cjs.js

@@ -71,7 +71,7 @@ const sizeStyles$1 = _ref => {
 };
 const StyledLoadingPlaceholder = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '9.11.1',
+  'data-garden-version': '9.11.3',
   role: 'progressbar'
 }).withConfig({
   displayName: "StyledLoadingPlaceholder",
@@ -126,7 +126,7 @@ const colorStyles$2 = _ref => {
 };
 const StyledProgressBackground = styled__default.default.div.attrs({
   'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
-  'data-garden-version': '9.11.1'
+  'data-garden-version': '9.11.3'
 }).withConfig({
   displayName: "StyledProgress__StyledProgressBackground",
   componentId: "sc-2g8w4s-0"
@@ -134,7 +134,7 @@ const StyledProgressBackground = styled__default.default.div.attrs({
 const PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
 const StyledProgressIndicator = styled__default.default.div.attrs({
   'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
-  'data-garden-version': '9.11.1'
+  'data-garden-version': '9.11.3'
 }).withConfig({
   displayName: "StyledProgress__StyledProgressIndicator",
   componentId: "sc-2g8w4s-1"
@@ -185,7 +185,7 @@ const gradientStyles = props => {
 };
 const StyledSkeleton = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '9.11.1'
+  'data-garden-version': '9.11.3'
 }).withConfig({
   displayName: "StyledSkeleton",
   componentId: "sc-1raozze-0"
@@ -245,7 +245,7 @@ const delayedVisibilityStyles = _ref3 => {
   return undefined;
 };
 const StyledSVG = styled__default.default.svg.attrs(props => ({
-  'data-garden-version': '9.11.1',
+  'data-garden-version': '9.11.3',
   xmlns: 'http://www.w3.org/2000/svg',
   focusable: 'false',
   viewBox: `0 0 ${props.$width} ${props.$height}`,
@@ -286,7 +286,7 @@ const StyledCircle = styled__default.default.circle.attrs({
 })([""]);
 const StyledInline = styled__default.default.svg.attrs(props => ({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '9.11.1',
+  'data-garden-version': '9.11.3',
   viewBox: '0 0 16 4',
   width: props.$size,
   height: props.$size * 0.25
@@ -339,8 +339,8 @@ const COMPONENT_ID$1 = 'loaders.progress';
 const Progress = React__default.default.forwardRef((_ref, ref) => {
   let {
     color,
-    value,
-    size,
+    value = 0,
+    size = 'medium',
     'aria-label': label,
     ...other
   } = _ref;
@@ -351,7 +351,7 @@ const Progress = React__default.default.forwardRef((_ref, ref) => {
   return (
     React__default.default.createElement(StyledProgressBackground, Object.assign({
       "data-garden-id": COMPONENT_ID$1,
-      "data-garden-version": '9.11.1',
+      "data-garden-version": '9.11.3',
       "aria-valuemax": 100,
       "aria-valuemin": 0,
       "aria-valuenow": percentage,
@@ -372,15 +372,11 @@ Progress.propTypes = {
   value: PropTypes__default.default.number.isRequired,
   size: PropTypes__default.default.oneOf(SIZE)
 };
-Progress.defaultProps = {
-  value: 0,
-  size: 'medium'
-};
 
 const Skeleton = React.forwardRef((_ref, ref) => {
   let {
-    width,
-    height,
+    width = '100%',
+    height = '100%',
     isLight,
     ...other
   } = _ref;
@@ -397,10 +393,6 @@ Skeleton.propTypes = {
   height: PropTypes__default.default.string,
   isLight: PropTypes__default.default.bool
 };
-Skeleton.defaultProps = {
-  width: '100%',
-  height: '100%'
-};
 
 const STROKE_WIDTH_FRAMES = {
   0: 6,
@@ -488,10 +480,10 @@ const computeFrames = (frames, duration) => {
 };
 const Spinner = React.forwardRef((_ref, ref) => {
   let {
-    size,
-    duration,
-    color,
-    delayMS,
+    size = 'inherit',
+    duration = 1250,
+    color = 'inherit',
+    delayMS = 750,
     ...other
   } = _ref;
   const strokeWidthValues = computeFrames(STROKE_WIDTH_FRAMES, duration);
@@ -539,17 +531,11 @@ Spinner.propTypes = {
   color: PropTypes__default.default.string,
   delayMS: PropTypes__default.default.number
 };
-Spinner.defaultProps = {
-  size: 'inherit',
-  duration: 1250,
-  color: 'inherit',
-  delayMS: 750
-};
 
 const Inline = React.forwardRef((_ref, ref) => {
   let {
-    size,
-    color,
+    size = 16,
+    color = 'inherit',
     ...other
   } = _ref;
   const ariaLabel = reactTheming.useText(Inline, other, 'aria-label', 'loading');
@@ -574,10 +560,6 @@ Inline.propTypes = {
   size: PropTypes__default.default.number,
   color: PropTypes__default.default.string
 };
-Inline.defaultProps = {
-  size: 16,
-  color: 'inherit'
-};
 
 exports.Dots = Dots;
 exports.Inline = Inline;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-loaders",
-  "version": "9.11.1",
+  "version": "9.11.3",
   "description": "Components relating to loaders in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -32,7 +32,7 @@
     "styled-components": "^5.3.1 || ^6.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.11.1"
+    "@zendeskgarden/react-theming": "^9.11.3"
   },
   "keywords": [
     "components",
@@ -44,5 +44,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "c45a8893e0ed1fd9f1cf257b2badf6bbeae90bc0"
+  "gitHead": "3f20a4270555169d6fc00ecd93e85346a5ee50f5"
 }