@zendeskgarden/react-loaders 8.69.2 → 8.69.4

package/dist/index.cjs.js

@@ -49,17 +49,15 @@ const StyledDotsCircle = styled__default.default.circle.attrs({
 StyledDotsCircle.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
+const animationStyles = (animationName, props) => {
+  return styled.css(["animation:", " ", "ms linear infinite;"], animationName, props.duration);
+};
 const StyledDotsCircleOne = styled__default.default(StyledDotsCircle).attrs({
   cx: 9
 }).withConfig({
   displayName: "StyledDots__StyledDotsCircleOne",
   componentId: "sc-1ltah7e-1"
-})(["animation:", ";"], _ref => {
-  let {
-    duration
-  } = _ref;
-  return styled.css(["", " ", "ms linear infinite"], dotOneKeyframes, duration);
-});
+})(["", ";"], props => animationStyles(dotOneKeyframes, props));
 StyledDotsCircleOne.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
@@ -68,12 +66,7 @@ const StyledDotsCircleTwo = styled__default.default(StyledDotsCircle).attrs(() =
 })).withConfig({
   displayName: "StyledDots__StyledDotsCircleTwo",
   componentId: "sc-1ltah7e-2"
-})(["animation:", ";"], _ref2 => {
-  let {
-    duration
-  } = _ref2;
-  return styled.css(["", " ", "ms linear infinite"], dotTwoKeyframes, duration);
-});
+})(["", ";"], props => animationStyles(dotTwoKeyframes, props));
 StyledDotsCircleTwo.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
@@ -82,12 +75,7 @@ const StyledDotsCircleThree = styled__default.default(StyledDotsCircle).attrs(()
 })).withConfig({
   displayName: "StyledDots__StyledDotsCircleThree",
   componentId: "sc-1ltah7e-3"
-})(["animation:", ";"], _ref3 => {
-  let {
-    duration
-  } = _ref3;
-  return styled.css(["", " ", "ms linear infinite"], dotThreeKeyframes, duration);
-});
+})(["", ";"], props => animationStyles(dotThreeKeyframes, props));
 StyledDotsCircleThree.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
@@ -95,7 +83,7 @@ StyledDotsCircleThree.defaultProps = {
 const COMPONENT_ID$5 = 'loaders.loading_placeholder';
 const StyledLoadingPlaceholder = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.69.2',
+  'data-garden-version': '8.69.4',
   role: 'progressbar'
 }).withConfig({
   displayName: "StyledLoadingPlaceholder",
@@ -119,7 +107,7 @@ const sizeToBorderRadius = (size, theme) => sizeToHeight(size, theme) / 2;
 const PROGRESS_BACKGROUND_COMPONENT_ID = 'loaders.progress_background';
 const StyledProgressBackground = styled__default.default.div.attrs(props => ({
   'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
-  'data-garden-version': '8.69.2',
+  'data-garden-version': '8.69.4',
   borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
 })).withConfig({
   displayName: "StyledProgress__StyledProgressBackground",
@@ -131,13 +119,13 @@ StyledProgressBackground.defaultProps = {
 const PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
 const StyledProgressIndicator = styled__default.default.div.attrs(props => ({
   'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
-  'data-garden-version': '8.69.2',
+  'data-garden-version': '8.69.4',
   height: props.height || sizeToHeight(props.size, props.theme),
   borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
 })).withConfig({
   displayName: "StyledProgress__StyledProgressIndicator",
   componentId: "sc-2g8w4s-1"
-})(["transition:width 0.1s ease-in-out;border-radius:", "px;background:currentColor;width:", "%;height:", "px;", ""], props => props.borderRadius, props => props.value, props => props.height, props => reactTheming.retrieveComponentStyles(PROGESS_INDICATOR_COMPONENT_ID, props));
+})(["transition:width 0.1s ease-in-out;border-radius:", "px;background:currentcolor;width:", "%;height:", "px;", ""], props => props.borderRadius, props => props.value, props => props.height, props => reactTheming.retrieveComponentStyles(PROGESS_INDICATOR_COMPONENT_ID, props));
 StyledProgressIndicator.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
@@ -174,7 +162,7 @@ const retrieveSkeletonGradient = _ref3 => {
 };
 const StyledSkeleton = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledSkeleton",
   componentId: "sc-1raozze-0"
@@ -202,7 +190,7 @@ StyledSpinnerCircle.defaultProps = {
 };
 
 const StyledSVG = styled__default.default.svg.attrs(props => ({
-  'data-garden-version': '8.69.2',
+  'data-garden-version': '8.69.4',
   xmlns: 'http://www.w3.org/2000/svg',
   width: props.width,
   height: props.height,
@@ -232,7 +220,7 @@ StyledCircle.defaultProps = {
 };
 const StyledInline = styled__default.default.svg.attrs(props => ({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.69.2',
+  'data-garden-version': '8.69.4',
   viewBox: '0 0 16 4',
   width: props.size,
   height: props.size * 0.25
@@ -334,7 +322,7 @@ const Progress = React__default.default.forwardRef((_ref, ref) => {
   return (
     React__default.default.createElement(StyledProgressBackground, _extends({
       "data-garden-id": COMPONENT_ID$1,
-      "data-garden-version": '8.69.2',
+      "data-garden-version": '8.69.4',
       "aria-valuemax": 100,
       "aria-valuemin": 0,
       "aria-valuenow": percentage,

package/dist/index.esm.js

@@ -41,17 +41,15 @@ const StyledDotsCircle = styled.circle.attrs({
 StyledDotsCircle.defaultProps = {
   theme: DEFAULT_THEME
 };
+const animationStyles = (animationName, props) => {
+  return css(["animation:", " ", "ms linear infinite;"], animationName, props.duration);
+};
 const StyledDotsCircleOne = styled(StyledDotsCircle).attrs({
   cx: 9
 }).withConfig({
   displayName: "StyledDots__StyledDotsCircleOne",
   componentId: "sc-1ltah7e-1"
-})(["animation:", ";"], _ref => {
-  let {
-    duration
-  } = _ref;
-  return css(["", " ", "ms linear infinite"], dotOneKeyframes, duration);
-});
+})(["", ";"], props => animationStyles(dotOneKeyframes, props));
 StyledDotsCircleOne.defaultProps = {
   theme: DEFAULT_THEME
 };
@@ -60,12 +58,7 @@ const StyledDotsCircleTwo = styled(StyledDotsCircle).attrs(() => ({
 })).withConfig({
   displayName: "StyledDots__StyledDotsCircleTwo",
   componentId: "sc-1ltah7e-2"
-})(["animation:", ";"], _ref2 => {
-  let {
-    duration
-  } = _ref2;
-  return css(["", " ", "ms linear infinite"], dotTwoKeyframes, duration);
-});
+})(["", ";"], props => animationStyles(dotTwoKeyframes, props));
 StyledDotsCircleTwo.defaultProps = {
   theme: DEFAULT_THEME
 };
@@ -74,12 +67,7 @@ const StyledDotsCircleThree = styled(StyledDotsCircle).attrs(() => ({
 })).withConfig({
   displayName: "StyledDots__StyledDotsCircleThree",
   componentId: "sc-1ltah7e-3"
-})(["animation:", ";"], _ref3 => {
-  let {
-    duration
-  } = _ref3;
-  return css(["", " ", "ms linear infinite"], dotThreeKeyframes, duration);
-});
+})(["", ";"], props => animationStyles(dotThreeKeyframes, props));
 StyledDotsCircleThree.defaultProps = {
   theme: DEFAULT_THEME
 };
@@ -87,7 +75,7 @@ StyledDotsCircleThree.defaultProps = {
 const COMPONENT_ID$5 = 'loaders.loading_placeholder';
 const StyledLoadingPlaceholder = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.69.2',
+  'data-garden-version': '8.69.4',
   role: 'progressbar'
 }).withConfig({
   displayName: "StyledLoadingPlaceholder",
@@ -111,7 +99,7 @@ const sizeToBorderRadius = (size, theme) => sizeToHeight(size, theme) / 2;
 const PROGRESS_BACKGROUND_COMPONENT_ID = 'loaders.progress_background';
 const StyledProgressBackground = styled.div.attrs(props => ({
   'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
-  'data-garden-version': '8.69.2',
+  'data-garden-version': '8.69.4',
   borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
 })).withConfig({
   displayName: "StyledProgress__StyledProgressBackground",
@@ -123,13 +111,13 @@ StyledProgressBackground.defaultProps = {
 const PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
 const StyledProgressIndicator = styled.div.attrs(props => ({
   'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
-  'data-garden-version': '8.69.2',
+  'data-garden-version': '8.69.4',
   height: props.height || sizeToHeight(props.size, props.theme),
   borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
 })).withConfig({
   displayName: "StyledProgress__StyledProgressIndicator",
   componentId: "sc-2g8w4s-1"
-})(["transition:width 0.1s ease-in-out;border-radius:", "px;background:currentColor;width:", "%;height:", "px;", ""], props => props.borderRadius, props => props.value, props => props.height, props => retrieveComponentStyles(PROGESS_INDICATOR_COMPONENT_ID, props));
+})(["transition:width 0.1s ease-in-out;border-radius:", "px;background:currentcolor;width:", "%;height:", "px;", ""], props => props.borderRadius, props => props.value, props => props.height, props => retrieveComponentStyles(PROGESS_INDICATOR_COMPONENT_ID, props));
 StyledProgressIndicator.defaultProps = {
   theme: DEFAULT_THEME
 };
@@ -166,7 +154,7 @@ const retrieveSkeletonGradient = _ref3 => {
 };
 const StyledSkeleton = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledSkeleton",
   componentId: "sc-1raozze-0"
@@ -194,7 +182,7 @@ StyledSpinnerCircle.defaultProps = {
 };
 
 const StyledSVG = styled.svg.attrs(props => ({
-  'data-garden-version': '8.69.2',
+  'data-garden-version': '8.69.4',
   xmlns: 'http://www.w3.org/2000/svg',
   width: props.width,
   height: props.height,
@@ -224,7 +212,7 @@ StyledCircle.defaultProps = {
 };
 const StyledInline = styled.svg.attrs(props => ({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.69.2',
+  'data-garden-version': '8.69.4',
   viewBox: '0 0 16 4',
   width: props.size,
   height: props.size * 0.25
@@ -326,7 +314,7 @@ const Progress = React.forwardRef((_ref, ref) => {
   return (
     React.createElement(StyledProgressBackground, _extends({
       "data-garden-id": COMPONENT_ID$1,
-      "data-garden-version": '8.69.2',
+      "data-garden-version": '8.69.4',
       "aria-valuemax": 100,
       "aria-valuemin": 0,
       "aria-valuenow": percentage,

package/dist/typings/elements/Dots.d.ts

@@ -1,12 +1,12 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import React from 'react';
-import { IDotsProps } from '../types';
-/**
- * @extends SVGAttributes<SVGSVGElement>
- */
-export declare const Dots: React.ForwardRefExoticComponent<IDotsProps & React.RefAttributes<SVGSVGElement>>;
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+import { IDotsProps } from '../types';
+/**
+ * @extends SVGAttributes<SVGSVGElement>
+ */
+export declare const Dots: React.ForwardRefExoticComponent<IDotsProps & React.RefAttributes<SVGSVGElement>>;

package/dist/typings/elements/Inline.d.ts

@@ -1,16 +1,16 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import React from 'react';
-import { IInlineProps } from '../types';
-/**
- * 1. role='img' on `svg` is valid WAI-ARIA usage in this context.
- *    https://dequeuniversity.com/rules/axe/4.2/svg-img-alt
- */
-/**
- * @extends SVGAttributes<SVGSVGElement>
- */
-export declare const Inline: React.ForwardRefExoticComponent<IInlineProps & React.RefAttributes<SVGSVGElement>>;
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+import { IInlineProps } from '../types';
+/**
+ * 1. role='img' on `svg` is valid WAI-ARIA usage in this context.
+ *    https://dequeuniversity.com/rules/axe/4.2/svg-img-alt
+ */
+/**
+ * @extends SVGAttributes<SVGSVGElement>
+ */
+export declare const Inline: React.ForwardRefExoticComponent<IInlineProps & React.RefAttributes<SVGSVGElement>>;

package/dist/typings/elements/Progress.d.ts

@@ -1,17 +1,17 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import React from 'react';
-import { IProgressProps } from '../types';
-/**
- * 1. Garden progress bar is quite custom, and while using a native
- *    `progress` element would be ideal, its inclusion of a shadow
- *    root in Safari prevents straightforward restyling/functional overrides.
- */
-/**
- * @extends HTMLAttributes<HTMLDivElement>
- */
-export declare const Progress: React.ForwardRefExoticComponent<IProgressProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+import { IProgressProps } from '../types';
+/**
+ * 1. Garden progress bar is quite custom, and while using a native
+ *    `progress` element would be ideal, its inclusion of a shadow
+ *    root in Safari prevents straightforward restyling/functional overrides.
+ */
+/**
+ * @extends HTMLAttributes<HTMLDivElement>
+ */
+export declare const Progress: React.ForwardRefExoticComponent<IProgressProps & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/Skeleton.d.ts

@@ -1,12 +1,12 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import React from 'react';
-import { ISkeletonProps } from '../types';
-/**
- * @extends HTMLAttributes<HTMLDivElement>
- */
-export declare const Skeleton: React.ForwardRefExoticComponent<ISkeletonProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+import { ISkeletonProps } from '../types';
+/**
+ * @extends HTMLAttributes<HTMLDivElement>
+ */
+export declare const Skeleton: React.ForwardRefExoticComponent<ISkeletonProps & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/Spinner.d.ts

@@ -1,12 +1,12 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import React from 'react';
-import { ISpinnerProps } from '../types';
-/**
- * @extends SVGAttributes<SVGSVGElement>
- */
-export declare const Spinner: React.ForwardRefExoticComponent<ISpinnerProps & React.RefAttributes<SVGSVGElement>>;
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+import { ISpinnerProps } from '../types';
+/**
+ * @extends SVGAttributes<SVGSVGElement>
+ */
+export declare const Spinner: React.ForwardRefExoticComponent<ISpinnerProps & React.RefAttributes<SVGSVGElement>>;

package/dist/typings/index.d.ts

@@ -1,12 +1,12 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-export { Dots } from './elements/Dots';
-export { Progress } from './elements/Progress';
-export { Skeleton } from './elements/Skeleton';
-export { Spinner } from './elements/Spinner';
-export { Inline } from './elements/Inline';
-export type { IDotsProps, IInlineProps, IProgressProps, ISkeletonProps, ISpinnerProps } from './types';
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+export { Dots } from './elements/Dots';
+export { Progress } from './elements/Progress';
+export { Skeleton } from './elements/Skeleton';
+export { Spinner } from './elements/Spinner';
+export { Inline } from './elements/Inline';
+export type { IDotsProps, IInlineProps, IProgressProps, ISkeletonProps, ISpinnerProps } from './types';

package/dist/typings/styled/StyledDots.d.ts

@@ -1,28 +1,28 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-interface IStyledDotProps {
-    duration: number;
-}
-export declare const StyledDotsCircleOne: import("styled-components").StyledComponent<"circle", import("styled-components").DefaultTheme, {
-    cy: 36;
-    r: 9;
-} & {
-    cx: 9;
-} & IStyledDotProps, "cx" | "cy" | "r">;
-export declare const StyledDotsCircleTwo: import("styled-components").StyledComponent<"circle", import("styled-components").DefaultTheme, {
-    cy: 36;
-    r: 9;
-} & {
-    cx: 40;
-} & IStyledDotProps, "cx" | "cy" | "r">;
-export declare const StyledDotsCircleThree: import("styled-components").StyledComponent<"circle", import("styled-components").DefaultTheme, {
-    cy: 36;
-    r: 9;
-} & {
-    cx: 71;
-} & IStyledDotProps, "cx" | "cy" | "r">;
-export {};
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+interface IStyledDotProps {
+    duration: number;
+}
+export declare const StyledDotsCircleOne: import("styled-components").StyledComponent<"circle", import("styled-components").DefaultTheme, {
+    cy: 36;
+    r: 9;
+} & {
+    cx: 9;
+} & IStyledDotProps, "cx" | "cy" | "r">;
+export declare const StyledDotsCircleTwo: import("styled-components").StyledComponent<"circle", import("styled-components").DefaultTheme, {
+    cy: 36;
+    r: 9;
+} & {
+    cx: 40;
+} & IStyledDotProps, "cx" | "cy" | "r">;
+export declare const StyledDotsCircleThree: import("styled-components").StyledComponent<"circle", import("styled-components").DefaultTheme, {
+    cy: 36;
+    r: 9;
+} & {
+    cx: 71;
+} & IStyledDotProps, "cx" | "cy" | "r">;
+export {};

package/dist/typings/styled/StyledInline.d.ts

@@ -1,17 +1,17 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-export declare const StyledCircle: import("styled-components").StyledComponent<"circle", import("styled-components").DefaultTheme, {
-    fill: "currentColor";
-    cy: 2;
-    r: 2;
-}, "cy" | "fill" | "r">;
-interface IStyledInlineProps {
-    size: number;
-    color: string;
-}
-export declare const StyledInline: import("styled-components").StyledComponent<"svg", import("styled-components").DefaultTheme, IStyledInlineProps, never>;
-export {};
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+export declare const StyledCircle: import("styled-components").StyledComponent<"circle", import("styled-components").DefaultTheme, {
+    fill: "currentColor";
+    cy: 2;
+    r: 2;
+}, "cy" | "fill" | "r">;
+interface IStyledInlineProps {
+    size: number;
+    color: string;
+}
+export declare const StyledInline: import("styled-components").StyledComponent<"svg", import("styled-components").DefaultTheme, IStyledInlineProps, never>;
+export {};

package/dist/typings/styled/StyledLoadingPlaceholder.d.ts

@@ -1,17 +1,17 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-interface IStyledLoadingPlaceholderProps {
-    fontSize: string | number;
-    width?: string;
-    height?: string;
-}
-export declare const StyledLoadingPlaceholder: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-    role: "progressbar";
-} & IStyledLoadingPlaceholderProps, "role" | "data-garden-id" | "data-garden-version">;
-export {};
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+interface IStyledLoadingPlaceholderProps {
+    fontSize: string | number;
+    width?: string;
+    height?: string;
+}
+export declare const StyledLoadingPlaceholder: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+    role: "progressbar";
+} & IStyledLoadingPlaceholderProps, "role" | "data-garden-id" | "data-garden-version">;
+export {};

package/dist/typings/styled/StyledProgress.d.ts

@@ -1,22 +1,22 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import { DefaultTheme } from 'styled-components';
-import { Size } from '../types';
-interface IStyledProgressBackgroundProps {
-    size: Size;
-    borderRadius?: number;
-    color?: string;
-}
-export declare const StyledProgressBackground: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledProgressBackgroundProps, never>;
-interface IStyledProgressIndicatorProps {
-    size: Size;
-    borderRadius?: number;
-    value: number;
-    height?: number;
-}
-export declare const StyledProgressIndicator: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledProgressIndicatorProps, never>;
-export {};
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { DefaultTheme } from 'styled-components';
+import { Size } from '../types';
+interface IStyledProgressBackgroundProps {
+    size: Size;
+    borderRadius?: number;
+    color?: string;
+}
+export declare const StyledProgressBackground: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledProgressBackgroundProps, never>;
+interface IStyledProgressIndicatorProps {
+    size: Size;
+    borderRadius?: number;
+    value: number;
+    height?: number;
+}
+export declare const StyledProgressIndicator: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledProgressIndicatorProps, never>;
+export {};

package/dist/typings/styled/StyledSVG.d.ts

@@ -1,17 +1,17 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-interface IStyledSVGProps {
-    dataGardenId: string;
-    color?: string;
-    fontSize?: string | number;
-    width: number | string;
-    height: number | string;
-    containerWidth?: string;
-    containerHeight?: string;
-}
-export declare const StyledSVG: import("styled-components").StyledComponent<"svg", import("styled-components").DefaultTheme, IStyledSVGProps, never>;
-export {};
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+interface IStyledSVGProps {
+    dataGardenId: string;
+    color?: string;
+    fontSize?: string | number;
+    width: number | string;
+    height: number | string;
+    containerWidth?: string;
+    containerHeight?: string;
+}
+export declare const StyledSVG: import("styled-components").StyledComponent<"svg", import("styled-components").DefaultTheme, IStyledSVGProps, never>;
+export {};

package/dist/typings/styled/StyledSkeleton.d.ts

@@ -1,19 +1,19 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import { DefaultTheme } from 'styled-components';
-interface IStyledSkeletonProps {
-    width?: string;
-    height?: string;
-    isLight?: boolean;
-    customWidth?: string;
-    customHeight?: string;
-}
-export declare const StyledSkeleton: import("styled-components").StyledComponent<"div", DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-} & IStyledSkeletonProps, "data-garden-id" | "data-garden-version">;
-export {};
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { DefaultTheme } from 'styled-components';
+interface IStyledSkeletonProps {
+    width?: string;
+    height?: string;
+    isLight?: boolean;
+    customWidth?: string;
+    customHeight?: string;
+}
+export declare const StyledSkeleton: import("styled-components").StyledComponent<"div", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledSkeletonProps, "data-garden-id" | "data-garden-version">;
+export {};

package/dist/typings/styled/StyledSpinnerCircle.d.ts

@@ -1,13 +1,13 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-interface IStyledSpinnerCircleProps {
-    dasharrayValue: number;
-    strokeWidthValue: number;
-    transform: string;
-}
-export declare const StyledSpinnerCircle: import("styled-components").StyledComponent<"circle", import("styled-components").DefaultTheme, IStyledSpinnerCircleProps, never>;
-export {};
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+interface IStyledSpinnerCircleProps {
+    dasharrayValue: number;
+    strokeWidthValue: number;
+    transform: string;
+}
+export declare const StyledSpinnerCircle: import("styled-components").StyledComponent<"circle", import("styled-components").DefaultTheme, IStyledSpinnerCircleProps, never>;
+export {};

package/dist/typings/styled/index.d.ts

@@ -1,13 +1,13 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-export { StyledDotsCircleOne, StyledDotsCircleTwo, StyledDotsCircleThree } from './StyledDots';
-export { StyledLoadingPlaceholder } from './StyledLoadingPlaceholder';
-export { StyledProgressBackground, StyledProgressIndicator } from './StyledProgress';
-export { StyledSkeleton } from './StyledSkeleton';
-export { StyledSpinnerCircle } from './StyledSpinnerCircle';
-export { StyledSVG } from './StyledSVG';
-export { StyledCircle, StyledInline } from './StyledInline';
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+export { StyledDotsCircleOne, StyledDotsCircleTwo, StyledDotsCircleThree } from './StyledDots';
+export { StyledLoadingPlaceholder } from './StyledLoadingPlaceholder';
+export { StyledProgressBackground, StyledProgressIndicator } from './StyledProgress';
+export { StyledSkeleton } from './StyledSkeleton';
+export { StyledSpinnerCircle } from './StyledSpinnerCircle';
+export { StyledSVG } from './StyledSVG';
+export { StyledCircle, StyledInline } from './StyledInline';

package/dist/typings/types/index.d.ts

@@ -1,62 +1,62 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import { HTMLAttributes, SVGAttributes } from 'react';
-export declare const SIZE: readonly ["small", "medium", "large"];
-export type Size = (typeof SIZE)[number];
-export interface IDotsProps extends SVGAttributes<SVGSVGElement> {
-    /** Sets the height and width in pixels. Inherits the parent's font size by default. */
-    size?: string | number;
-    /** Sets the fill color. Inherits the parent's `color` by default. */
-    color?: string;
-    /** Sets the length of the animation cycle in milliseconds **/
-    duration?: number;
-    /** Delays displaying the loader to prevent a render flash during normal loading times **/
-    delayMS?: number;
-}
-export interface IInlineProps extends SVGAttributes<SVGSVGElement> {
-    /** Sets the width in pixels and scales the loader proportionally */
-    size?: number;
-    /** Sets the fill color. Inherits the parent's `color` by default. */
-    color?: string;
-}
-export interface IProgressProps extends HTMLAttributes<HTMLDivElement> {
-    /** Sets the progress as a value between 0 and 100 */
-    value?: number;
-    /**
-     * Sets the foreground bar's fill color.
-     * Defaults to the `successHue` [theme](/components/theme-object#colors) value.
-     */
-    color?: string;
-    /** Adjusts the height */
-    size?: Size;
-}
-export interface ISkeletonProps extends HTMLAttributes<HTMLDivElement> {
-    /** Sets the width as a percentage of the the parent element's width */
-    width?: string;
-    /** Sets the height as a percentage of parent element's height if the height is not already inherited by `line-height` */
-    height?: string;
-    /** Inverts the color for use on dark backgrounds */
-    isLight?: boolean;
-}
-export interface ISpinnerProps extends SVGAttributes<SVGSVGElement> {
-    /**
-     * Sets the height and width in pixels. Inherits the parent's font size by default.
-     **/
-    size?: string;
-    /**
-     * Sets the length of the animation cycle in milliseconds
-     **/
-    duration?: number;
-    /**
-     * Sets the fill color. Inherits the parent's `color` by default.
-     **/
-    color?: string;
-    /**
-     * Delays displaying the loader to prevent a render flash during normal loading times
-     **/
-    delayMS?: number;
-}
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { HTMLAttributes, SVGAttributes } from 'react';
+export declare const SIZE: readonly ["small", "medium", "large"];
+export type Size = (typeof SIZE)[number];
+export interface IDotsProps extends SVGAttributes<SVGSVGElement> {
+    /** Sets the height and width in pixels. Inherits the parent's font size by default. */
+    size?: string | number;
+    /** Sets the fill color. Inherits the parent's `color` by default. */
+    color?: string;
+    /** Sets the length of the animation cycle in milliseconds **/
+    duration?: number;
+    /** Delays displaying the loader to prevent a render flash during normal loading times **/
+    delayMS?: number;
+}
+export interface IInlineProps extends SVGAttributes<SVGSVGElement> {
+    /** Sets the width in pixels and scales the loader proportionally */
+    size?: number;
+    /** Sets the fill color. Inherits the parent's `color` by default. */
+    color?: string;
+}
+export interface IProgressProps extends HTMLAttributes<HTMLDivElement> {
+    /** Sets the progress as a value between 0 and 100 */
+    value?: number;
+    /**
+     * Sets the foreground bar's fill color.
+     * Defaults to the `successHue` [theme](/components/theme-object#colors) value.
+     */
+    color?: string;
+    /** Adjusts the height */
+    size?: Size;
+}
+export interface ISkeletonProps extends HTMLAttributes<HTMLDivElement> {
+    /** Sets the width as a percentage of the the parent element's width */
+    width?: string;
+    /** Sets the height as a percentage of parent element's height if the height is not already inherited by `line-height` */
+    height?: string;
+    /** Inverts the color for use on dark backgrounds */
+    isLight?: boolean;
+}
+export interface ISpinnerProps extends SVGAttributes<SVGSVGElement> {
+    /**
+     * Sets the height and width in pixels. Inherits the parent's font size by default.
+     **/
+    size?: string;
+    /**
+     * Sets the length of the animation cycle in milliseconds
+     **/
+    duration?: number;
+    /**
+     * Sets the fill color. Inherits the parent's `color` by default.
+     **/
+    color?: string;
+    /**
+     * Delays displaying the loader to prevent a render flash during normal loading times
+     **/
+    delayMS?: number;
+}

package/dist/typings/utils/animations.d.ts

@@ -1,9 +1,9 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-export declare const dotOneKeyframes: import("styled-components").Keyframes;
-export declare const dotTwoKeyframes: import("styled-components").Keyframes;
-export declare const dotThreeKeyframes: import("styled-components").Keyframes;
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+export declare const dotOneKeyframes: import("styled-components").Keyframes;
+export declare const dotTwoKeyframes: import("styled-components").Keyframes;
+export declare const dotThreeKeyframes: import("styled-components").Keyframes;

package/dist/typings/utils/spinner-coordinates.d.ts

@@ -1,11 +1,11 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-type AnimationPoints = Record<number, number>;
-export declare const STROKE_WIDTH_FRAMES: AnimationPoints;
-export declare const ROTATION_FRAMES: AnimationPoints;
-export declare const DASHARRAY_FRAMES: AnimationPoints;
-export {};
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+type AnimationPoints = Record<number, number>;
+export declare const STROKE_WIDTH_FRAMES: AnimationPoints;
+export declare const ROTATION_FRAMES: AnimationPoints;
+export declare const DASHARRAY_FRAMES: AnimationPoints;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-loaders",
-  "version": "8.69.2",
+  "version": "8.69.4",
   "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": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.69.2"
+    "@zendeskgarden/react-theming": "^8.69.4"
   },
   "keywords": [
     "components",
@@ -44,5 +44,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "a39f2b421375013a50990d206610e3813abc0bd7"
+  "gitHead": "4911fa867a3c7e72f0c78dcea8748893c3070c17"
 }