@redsift/design-system 11.5.0 → 11.6.0-muiv5-alpha.0

package/components/skeleton-circle/SkeletonCircle.d.ts

@@ -0,0 +1,9 @@
+import { SkeletonCircleProps } from './types.js';
+import { Comp } from '../../types/helpers.js';
+
+/**
+ * The SkeletonCircle component.
+ */
+declare const SkeletonCircle: Comp<SkeletonCircleProps, HTMLDivElement>;
+
+export { SkeletonCircle };

package/components/skeleton-circle/SkeletonCircle.js

@@ -0,0 +1,36 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef } from 'react';
+import classNames from 'classnames';
+import { StyledSkeletonCircle } from './styles.js';
+import { useTheme } from '../theme/useTheme.js';
+
+const _excluded = ["children", "className", "isLoaded", "theme"];
+const COMPONENT_NAME = 'SkeletonCircle';
+const CLASSNAME = 'redsift-skeleton-circle';
+
+/**
+ * The SkeletonCircle component.
+ */
+const SkeletonCircle = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className,
+      isLoaded,
+      theme: propsTheme
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const theme = useTheme(propsTheme);
+  if (isLoaded) {
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
+  }
+  return /*#__PURE__*/React__default.createElement(StyledSkeletonCircle, _extends({}, forwardedProps, {
+    $theme: theme,
+    className: classNames(SkeletonCircle.className, className),
+    ref: ref
+  }), typeof children === 'string' ? /*#__PURE__*/React__default.createElement("span", null, children) : children);
+});
+SkeletonCircle.className = CLASSNAME;
+SkeletonCircle.displayName = COMPONENT_NAME;
+
+export { SkeletonCircle };
+//# sourceMappingURL=SkeletonCircle.js.map

package/components/skeleton-circle/SkeletonCircle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonCircle.js","sources":["../../../src/components/skeleton-circle/SkeletonCircle.tsx"],"sourcesContent":["import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp } from '../../types';\nimport { StyledSkeletonCircle } from './styles';\nimport { SkeletonCircleProps } from './types';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'SkeletonCircle';\nconst CLASSNAME = 'redsift-skeleton-circle';\n\n/**\n * The SkeletonCircle component.\n */\nexport const SkeletonCircle: Comp<SkeletonCircleProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, isLoaded, theme: propsTheme, ...forwardedProps } = props;\n\n  const theme = useTheme(propsTheme);\n\n  if (isLoaded) {\n    return <>{children}</>;\n  }\n\n  return (\n    <StyledSkeletonCircle\n      {...forwardedProps}\n      $theme={theme}\n      className={classNames(SkeletonCircle.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n    >\n      {typeof children === 'string' ? <span>{children}</span> : children}\n    </StyledSkeletonCircle>\n  );\n});\nSkeletonCircle.className = CLASSNAME;\nSkeletonCircle.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","SkeletonCircle","forwardRef","props","ref","children","className","isLoaded","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","Fragment","StyledSkeletonCircle","_extends","$theme","classNames","displayName"],"mappings":";;;;;;;AAQA,MAAMA,cAAc,GAAG,gBAAgB,CAAA;AACvC,MAAMC,SAAS,GAAG,yBAAyB,CAAA;;AAE3C;AACA;AACA;AACO,MAAMC,cAAyD,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAClG,MAAM;MAAEC,QAAQ;MAAEC,SAAS;MAAEC,QAAQ;AAAEC,MAAAA,KAAK,EAAEC,UAAAA;AAA8B,KAAC,GAAGN,KAAK;AAAxBO,IAAAA,cAAc,GAAAC,wBAAA,CAAKR,KAAK,EAAAS,SAAA,CAAA,CAAA;AAErF,EAAA,MAAMJ,KAAK,GAAGK,QAAQ,CAACJ,UAAU,CAAC,CAAA;AAElC,EAAA,IAAIF,QAAQ,EAAE;IACZ,oBAAOO,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAE,QAAA,EAAGX,IAAAA,EAAAA,QAAW,CAAC,CAAA;AACxB,GAAA;EAEA,oBACES,cAAA,CAAAC,aAAA,CAACE,oBAAoB,EAAAC,QAAA,KACfR,cAAc,EAAA;AAClBS,IAAAA,MAAM,EAAEX,KAAM;IACdF,SAAS,EAAEc,UAAU,CAACnB,cAAc,CAACK,SAAS,EAAEA,SAAS,CAAE;AAC3DF,IAAAA,GAAG,EAAEA,GAAAA;AAAiC,GAAA,CAAA,EAErC,OAAOC,QAAQ,KAAK,QAAQ,gBAAGS,cAAA,CAAAC,aAAA,CAAOV,MAAAA,EAAAA,IAAAA,EAAAA,QAAe,CAAC,GAAGA,QACtC,CAAC,CAAA;AAE3B,CAAC,EAAC;AACFJ,cAAc,CAACK,SAAS,GAAGN,SAAS,CAAA;AACpCC,cAAc,CAACoB,WAAW,GAAGtB,cAAc;;;;"}

package/components/skeleton-circle/styles.js

@@ -0,0 +1,26 @@
+import styled, { css } from 'styled-components';
+import { StyledSkeleton } from '../skeleton/styles.js';
+
+/**
+ * Component style.
+ */
+const StyledSkeletonCircle = styled(StyledSkeleton)`
+  border-radius: 50%;
+
+  ${_ref => {
+  let {
+    height,
+    width
+  } = _ref;
+  return css`
+    &,
+    &::after {
+      ${height ? `height: ${height};` : width ? `height: ${width};` : ''}
+      ${width ? `width: ${width};` : height ? `width: ${height};` : ''}
+    }
+  `;
+}}
+`;
+
+export { StyledSkeletonCircle };
+//# sourceMappingURL=styles.js.map

package/components/skeleton-circle/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/components/skeleton-circle/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledSkeleton } from '../skeleton/styles';\nimport { StyledSkeletonCircleProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledSkeletonCircle = styled(\n  StyledSkeleton\n)<StyledSkeletonCircleProps>`\n  border-radius: 50%;\n\n  ${({ height, width }) => css`\n    &,\n    &::after {\n      ${height ? `height: ${height};` : width ? `height: ${width};` : ''}\n      ${width ? `width: ${width};` : height ? `width: ${height};` : ''}\n    }\n  `}\n`;\n"],"names":["StyledSkeletonCircle","styled","StyledSkeleton","_ref","height","width","css"],"mappings":";;;AAIA;AACA;AACA;MACaA,oBAAoB,GAAGC,MAAM,CACxCC,cACF,CAA6B,CAAA;AAC7B;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;IAAEC,MAAM;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAF,IAAA,CAAA;AAAA,EAAA,OAAKG,GAAI,CAAA;AAC/B;AACA;AACA,MAAA,EAAQF,MAAM,GAAI,CAAUA,QAAAA,EAAAA,MAAO,CAAE,CAAA,CAAA,GAAGC,KAAK,GAAI,CAAUA,QAAAA,EAAAA,KAAM,CAAE,CAAA,CAAA,GAAG,EAAG,CAAA;AACzE,MAAA,EAAQA,KAAK,GAAI,CAASA,OAAAA,EAAAA,KAAM,CAAE,CAAA,CAAA,GAAGD,MAAM,GAAI,CAASA,OAAAA,EAAAA,MAAO,CAAE,CAAA,CAAA,GAAG,EAAG,CAAA;AACvE;AACA,EAAG,CAAA,CAAA;AAAA,CAAC,CAAA;AACJ;;;;"}

package/components/skeleton-circle/types.d.ts

@@ -0,0 +1,12 @@
+import { SkeletonProps } from '../skeleton/types.js';
+
+/**
+ * Component props.
+ */
+interface SkeletonCircleProps extends SkeletonProps {
+}
+type StyledSkeletonCircleProps = SkeletonCircleProps & {
+    $theme: SkeletonProps['theme'];
+};
+
+export { SkeletonCircleProps, StyledSkeletonCircleProps };

package/components/skeleton-text/SkeletonText.d.ts

@@ -0,0 +1,9 @@
+import { SkeletonTextProps } from './types.js';
+import { Comp } from '../../types/helpers.js';
+
+/**
+ * The SkeletonText component.
+ */
+declare const SkeletonText: Comp<SkeletonTextProps, HTMLDivElement>;
+
+export { SkeletonText };

package/components/skeleton-text/SkeletonText.js

@@ -0,0 +1,42 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef } from 'react';
+import classNames from 'classnames';
+import { StyledSkeletonText } from './styles.js';
+import { useTheme } from '../theme/useTheme.js';
+
+const _excluded = ["children", "className", "fontSize", "isLoaded", "lineHeight", "theme", "variant"];
+const COMPONENT_NAME = 'SkeletonText';
+const CLASSNAME = 'redsift-skeleton-text';
+
+/**
+ * The SkeletonText component.
+ */
+const SkeletonText = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className,
+      fontSize,
+      isLoaded,
+      lineHeight,
+      theme: propsTheme,
+      variant = 'body'
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const theme = useTheme(propsTheme);
+  if (isLoaded) {
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
+  }
+  return /*#__PURE__*/React__default.createElement(StyledSkeletonText, _extends({}, forwardedProps, {
+    className: classNames(SkeletonText.className, className),
+    ref: ref,
+    $fontSize: fontSize,
+    $lineHeight: lineHeight,
+    $theme: theme,
+    $variant: variant
+  }), typeof children === 'string' ? /*#__PURE__*/React__default.createElement("span", null, children) : children);
+});
+SkeletonText.className = CLASSNAME;
+SkeletonText.displayName = COMPONENT_NAME;
+
+export { SkeletonText };
+//# sourceMappingURL=SkeletonText.js.map

package/components/skeleton-text/SkeletonText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonText.js","sources":["../../../src/components/skeleton-text/SkeletonText.tsx"],"sourcesContent":["import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp } from '../../types';\nimport { StyledSkeletonText } from './styles';\nimport { SkeletonTextProps } from './types';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'SkeletonText';\nconst CLASSNAME = 'redsift-skeleton-text';\n\n/**\n * The SkeletonText component.\n */\nexport const SkeletonText: Comp<SkeletonTextProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    children,\n    className,\n    fontSize,\n    isLoaded,\n    lineHeight,\n    theme: propsTheme,\n    variant = 'body',\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  if (isLoaded) {\n    return <>{children}</>;\n  }\n\n  return (\n    <StyledSkeletonText\n      {...forwardedProps}\n      className={classNames(SkeletonText.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n      $fontSize={fontSize}\n      $lineHeight={lineHeight}\n      $theme={theme}\n      $variant={variant}\n    >\n      {typeof children === 'string' ? <span>{children}</span> : children}\n    </StyledSkeletonText>\n  );\n});\nSkeletonText.className = CLASSNAME;\nSkeletonText.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","SkeletonText","forwardRef","props","ref","children","className","fontSize","isLoaded","lineHeight","theme","propsTheme","variant","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","Fragment","StyledSkeletonText","_extends","classNames","$fontSize","$lineHeight","$theme","$variant","displayName"],"mappings":";;;;;;;AAQA,MAAMA,cAAc,GAAG,cAAc,CAAA;AACrC,MAAMC,SAAS,GAAG,uBAAuB,CAAA;;AAEzC;AACA;AACA;AACO,MAAMC,YAAqD,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC9F,MAAM;MACJC,QAAQ;MACRC,SAAS;MACTC,QAAQ;MACRC,QAAQ;MACRC,UAAU;AACVC,MAAAA,KAAK,EAAEC,UAAU;AACjBC,MAAAA,OAAO,GAAG,MAAA;AAEZ,KAAC,GAAGT,KAAK;AADJU,IAAAA,cAAc,GAAAC,wBAAA,CACfX,KAAK,EAAAY,SAAA,CAAA,CAAA;AAET,EAAA,MAAML,KAAK,GAAGM,QAAQ,CAACL,UAAU,CAAC,CAAA;AAElC,EAAA,IAAIH,QAAQ,EAAE;IACZ,oBAAOS,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAE,QAAA,EAAGd,IAAAA,EAAAA,QAAW,CAAC,CAAA;AACxB,GAAA;EAEA,oBACEY,cAAA,CAAAC,aAAA,CAACE,kBAAkB,EAAAC,QAAA,KACbR,cAAc,EAAA;IAClBP,SAAS,EAAEgB,UAAU,CAACrB,YAAY,CAACK,SAAS,EAAEA,SAAS,CAAE;AACzDF,IAAAA,GAAG,EAAEA,GAAiC;AACtCmB,IAAAA,SAAS,EAAEhB,QAAS;AACpBiB,IAAAA,WAAW,EAAEf,UAAW;AACxBgB,IAAAA,MAAM,EAAEf,KAAM;AACdgB,IAAAA,QAAQ,EAAEd,OAAAA;AAAQ,GAAA,CAAA,EAEjB,OAAOP,QAAQ,KAAK,QAAQ,gBAAGY,cAAA,CAAAC,aAAA,CAAOb,MAAAA,EAAAA,IAAAA,EAAAA,QAAe,CAAC,GAAGA,QACxC,CAAC,CAAA;AAEzB,CAAC,EAAC;AACFJ,YAAY,CAACK,SAAS,GAAGN,SAAS,CAAA;AAClCC,YAAY,CAAC0B,WAAW,GAAG5B,cAAc;;;;"}

package/components/skeleton-text/styles.js

@@ -0,0 +1,39 @@
+import styled, { css } from 'styled-components';
+import { StyledSkeleton } from '../skeleton/styles.js';
+
+/**
+ * Component style.
+ */
+const StyledSkeletonText = styled(StyledSkeleton)`
+  background-clip: content-box;
+
+  ${_ref => {
+  let {
+    height,
+    $fontSize,
+    $lineHeight,
+    $variant
+  } = _ref;
+  return height ? css`
+          &,
+          &::after {
+            height: ${height};
+          }
+        ` : css`
+          &,
+          &::after {
+            height: ${$fontSize ? $fontSize : `var(--redsift-typography-${$variant}-font-size)`};
+            padding: calc(
+                (
+                    ${$lineHeight ? $lineHeight : `var(--redsift-typography-${$variant}-line-height)`} -
+                      ${$fontSize ? $fontSize : `var(--redsift-typography-${$variant}-font-size)`}
+                  ) / 2
+              )
+              0px;
+          }
+        `;
+}}}
+`;
+
+export { StyledSkeletonText };
+//# sourceMappingURL=styles.js.map

package/components/skeleton-text/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/components/skeleton-text/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledSkeleton } from '../skeleton/styles';\nimport { StyledSkeletonTextProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledSkeletonText = styled(StyledSkeleton)<StyledSkeletonTextProps>`\n  background-clip: content-box;\n\n  ${({ height, $fontSize, $lineHeight, $variant }) =>\n    height\n      ? css`\n          &,\n          &::after {\n            height: ${height};\n          }\n        `\n      : css`\n          &,\n          &::after {\n            height: ${$fontSize ? $fontSize : `var(--redsift-typography-${$variant}-font-size)`};\n            padding: calc(\n                (\n                    ${$lineHeight ? $lineHeight : `var(--redsift-typography-${$variant}-line-height)`} -\n                      ${$fontSize ? $fontSize : `var(--redsift-typography-${$variant}-font-size)`}\n                  ) / 2\n              )\n              0px;\n          }\n        `}}\n`;\n"],"names":["StyledSkeletonText","styled","StyledSkeleton","_ref","height","$fontSize","$lineHeight","$variant","css"],"mappings":";;;AAIA;AACA;AACA;MACaA,kBAAkB,GAAGC,MAAM,CAACC,cAAc,CAA2B,CAAA;AAClF;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;IAAEC,MAAM;IAAEC,SAAS;IAAEC,WAAW;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAJ,IAAA,CAAA;EAAA,OAC7CC,MAAM,GACFI,GAAI,CAAA;AACZ;AACA;AACA,oBAAA,EAAsBJ,MAAO,CAAA;AAC7B;AACA,QAAA,CAAS,GACDI,GAAI,CAAA;AACZ;AACA;AACA,oBAAA,EAAsBH,SAAS,GAAGA,SAAS,GAAI,CAAA,yBAAA,EAA2BE,QAAS,CAAa,WAAA,CAAA,CAAA;AAChG;AACA;AACA,oBAAA,EAAsBD,WAAW,GAAGA,WAAW,GAAI,CAAA,yBAAA,EAA2BC,QAAS,CAAe,aAAA,CAAA,CAAA;AACtG,sBAAA,EAAwBF,SAAS,GAAGA,SAAS,GAAI,CAAA,yBAAA,EAA2BE,QAAS,CAAa,WAAA,CAAA,CAAA;AAClG;AACA;AACA;AACA;AACA,QAAS,CAAA,CAAA;AAAA,CAAC,CAAA;AACV;;;;"}

package/components/skeleton-text/types.d.ts

@@ -0,0 +1,36 @@
+import { SkeletonProps } from '../skeleton/types.js';
+import { ValueOf } from '../../types/helpers.js';
+
+/**
+ * Component variant.
+ */
+declare const SkeletonTextVariant: {
+    readonly h1: "h1";
+    readonly h2: "h2";
+    readonly h3: "h3";
+    readonly h4: "h4";
+    readonly h5: "h5";
+    readonly body: "body";
+    readonly button: "button";
+    readonly caption: "caption";
+};
+type SkeletonTextVariant = ValueOf<typeof SkeletonTextVariant>;
+/**
+ * Component props.
+ */
+interface SkeletonTextProps extends SkeletonProps {
+    /** Font size. */
+    fontSize?: string;
+    /** Line height. */
+    lineHeight?: string;
+    /** Variant. */
+    variant?: SkeletonTextVariant;
+}
+type StyledSkeletonTextProps = Omit<SkeletonTextProps, 'fontSize' | 'lineHeight' | 'variant'> & {
+    $fontSize: SkeletonTextProps['fontSize'];
+    $lineHeight: SkeletonTextProps['lineHeight'];
+    $variant: SkeletonTextProps['variant'];
+    $theme: SkeletonProps['theme'];
+};
+
+export { SkeletonTextProps, SkeletonTextVariant, StyledSkeletonTextProps };

package/components/skeleton-text/types.js

@@ -0,0 +1,20 @@
+/**
+ * Component variant.
+ */
+const SkeletonTextVariant = {
+  h1: 'h1',
+  h2: 'h2',
+  h3: 'h3',
+  h4: 'h4',
+  h5: 'h5',
+  body: 'body',
+  button: 'button',
+  caption: 'caption'
+};
+
+/**
+ * Component props.
+ */
+
+export { SkeletonTextVariant };
+//# sourceMappingURL=types.js.map

package/components/skeleton-text/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/components/skeleton-text/types.ts"],"sourcesContent":["import { ValueOf } from '../../types';\nimport { SkeletonProps } from '../skeleton/types';\n\n/**\n * Component variant.\n */\nexport const SkeletonTextVariant = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  body: 'body',\n  button: 'button',\n  caption: 'caption',\n} as const;\nexport type SkeletonTextVariant = ValueOf<typeof SkeletonTextVariant>;\n\n/**\n * Component props.\n */\nexport interface SkeletonTextProps extends SkeletonProps {\n  /** Font size. */\n  fontSize?: string;\n  /** Line height. */\n  lineHeight?: string;\n  /** Variant. */\n  variant?: SkeletonTextVariant;\n}\n\nexport type StyledSkeletonTextProps = Omit<SkeletonTextProps, 'fontSize' | 'lineHeight' | 'variant'> & {\n  $fontSize: SkeletonTextProps['fontSize'];\n  $lineHeight: SkeletonTextProps['lineHeight'];\n  $variant: SkeletonTextProps['variant'];\n  $theme: SkeletonProps['theme'];\n};\n"],"names":["SkeletonTextVariant","h1","h2","h3","h4","h5","body","button","caption"],"mappings":"AAGA;AACA;AACA;AACO,MAAMA,mBAAmB,GAAG;AACjCC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,OAAO,EAAE,SAAA;AACX,EAAU;;AAGV;AACA;AACA;;;;"}

package/components/spinner/Spinner.d.ts

@@ -0,0 +1,9 @@
+import { SpinnerProps } from './types.js';
+import { Comp } from '../../types/helpers.js';
+
+/**
+ * The Spinner component.
+ */
+declare const Spinner: Comp<SpinnerProps, HTMLImageElement>;
+
+export { Spinner };

package/components/spinner/Spinner.js

@@ -0,0 +1,82 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef } from 'react';
+import classNames from 'classnames';
+import intlMessages from './intl/index.js';
+import { SpinnerSize } from './types.js';
+import { StyledSpinner } from './styles.js';
+import spinnerPrimaryN from './images/spinner-primary-n.svg.js';
+import spinnerGreyL1 from './images/spinner-grey-l1.svg.js';
+import spinnerGreyL2 from './images/spinner-grey-l2.svg.js';
+import spinnerGreyL3 from './images/spinner-grey-l3.svg.js';
+import { useLocalizedStringFormatter } from '../../react-aria/react-aria/i18n/useLocalizedStringFormatter.js';
+import { useTheme } from '../theme/useTheme.js';
+
+const _excluded = ["aria-hidden", "aria-label", "className", "color", "isColored", "size", "theme"];
+const COMPONENT_NAME = 'Spinner';
+const CLASSNAME = 'redsift-shield';
+const sizeToDimension = size => {
+  switch (size) {
+    case SpinnerSize.xsmall:
+      return {
+        width: 15,
+        height: 15
+      };
+    case SpinnerSize.small:
+      return {
+        width: 24,
+        height: 24
+      };
+    case SpinnerSize.large:
+      return {
+        width: 56,
+        height: 56
+      };
+    case SpinnerSize.medium:
+    default:
+      return {
+        width: 40,
+        height: 40
+      };
+  }
+};
+
+/**
+ * The Spinner component.
+ */
+const Spinner = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      'aria-hidden': ariaHidden,
+      'aria-label': ariaLabel,
+      className,
+      color: propsColor,
+      isColored = true,
+      size = SpinnerSize.medium,
+      theme: propsTheme
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const theme = useTheme(propsTheme);
+  const color = propsColor !== null && propsColor !== void 0 ? propsColor : isColored ? 'primary' : 'grey-l3';
+  const {
+    width,
+    height
+  } = sizeToDimension(size);
+  const stringFormatter = useLocalizedStringFormatter(intlMessages);
+  return /*#__PURE__*/React__default.createElement(StyledSpinner, _extends({
+    alt: stringFormatter.format('loading')
+  }, forwardedProps, {
+    "aria-hidden": ariaLabel ? ariaHidden ? ariaHidden : undefined : true,
+    "aria-label": ariaLabel,
+    className: classNames(Spinner.className, className),
+    height: height,
+    ref: ref,
+    src: color === 'primary' ? spinnerPrimaryN : color === 'grey-l1' ? spinnerGreyL1 : color === 'grey-l2' ? spinnerGreyL2 : spinnerGreyL3,
+    width: width,
+    $size: size,
+    $theme: theme
+  }));
+});
+Spinner.className = CLASSNAME;
+Spinner.displayName = COMPONENT_NAME;
+
+export { Spinner };
+//# sourceMappingURL=Spinner.js.map

package/components/spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sources":["../../../src/components/spinner/Spinner.tsx"],"sourcesContent":["import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\n\nimport { useLocalizedStringFormatter } from '../../react-aria/react-aria/i18n';\nimport intlMessages from './intl';\n\nimport { SpinnerProps, SpinnerSize } from './types';\nimport { StyledSpinner } from './styles';\n\nimport spinnerPrimaryN from './images/spinner-primary-n.svg';\nimport spinnerGreyL1 from './images/spinner-grey-l1.svg';\nimport spinnerGreyL2 from './images/spinner-grey-l2.svg';\nimport spinnerGreyL3 from './images/spinner-grey-l3.svg';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'Spinner';\nconst CLASSNAME = 'redsift-shield';\n\nconst sizeToDimension = (size: SpinnerSize): { width: number; height: number } => {\n  switch (size) {\n    case SpinnerSize.xsmall:\n      return { width: 15, height: 15 };\n    case SpinnerSize.small:\n      return { width: 24, height: 24 };\n    case SpinnerSize.large:\n      return { width: 56, height: 56 };\n    case SpinnerSize.medium:\n    default:\n      return { width: 40, height: 40 };\n  }\n};\n\n/**\n * The Spinner component.\n */\nexport const Spinner: Comp<SpinnerProps, HTMLImageElement> = forwardRef((props, ref) => {\n  const {\n    'aria-hidden': ariaHidden,\n    'aria-label': ariaLabel,\n    className,\n    color: propsColor,\n    isColored = true,\n    size = SpinnerSize.medium,\n    theme: propsTheme,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  const color = propsColor ?? (isColored ? 'primary' : 'grey-l3');\n\n  const { width, height } = sizeToDimension(size!);\n\n  const stringFormatter = useLocalizedStringFormatter(intlMessages);\n\n  return (\n    <StyledSpinner\n      alt={stringFormatter.format('loading')}\n      {...forwardedProps}\n      aria-hidden={ariaLabel ? (ariaHidden ? ariaHidden : undefined) : true}\n      aria-label={ariaLabel}\n      className={classNames(Spinner.className, className)}\n      height={height}\n      ref={ref as RefObject<HTMLImageElement>}\n      src={\n        color === 'primary'\n          ? spinnerPrimaryN\n          : color === 'grey-l1'\n          ? spinnerGreyL1\n          : color === 'grey-l2'\n          ? spinnerGreyL2\n          : spinnerGreyL3\n      }\n      width={width}\n      $size={size}\n      $theme={theme}\n    />\n  );\n});\nSpinner.className = CLASSNAME;\nSpinner.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","sizeToDimension","size","SpinnerSize","xsmall","width","height","small","large","medium","Spinner","forwardRef","props","ref","ariaHidden","ariaLabel","className","color","propsColor","isColored","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","stringFormatter","useLocalizedStringFormatter","intlMessages","React","createElement","StyledSpinner","_extends","alt","format","undefined","classNames","src","spinnerPrimaryN","spinnerGreyL1","spinnerGreyL2","spinnerGreyL3","$size","$theme","displayName"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAMA,cAAc,GAAG,SAAS,CAAA;AAChC,MAAMC,SAAS,GAAG,gBAAgB,CAAA;AAElC,MAAMC,eAAe,GAAIC,IAAiB,IAAwC;AAChF,EAAA,QAAQA,IAAI;IACV,KAAKC,WAAW,CAACC,MAAM;MACrB,OAAO;AAAEC,QAAAA,KAAK,EAAE,EAAE;AAAEC,QAAAA,MAAM,EAAE,EAAA;OAAI,CAAA;IAClC,KAAKH,WAAW,CAACI,KAAK;MACpB,OAAO;AAAEF,QAAAA,KAAK,EAAE,EAAE;AAAEC,QAAAA,MAAM,EAAE,EAAA;OAAI,CAAA;IAClC,KAAKH,WAAW,CAACK,KAAK;MACpB,OAAO;AAAEH,QAAAA,KAAK,EAAE,EAAE;AAAEC,QAAAA,MAAM,EAAE,EAAA;OAAI,CAAA;IAClC,KAAKH,WAAW,CAACM,MAAM,CAAA;AACvB,IAAA;MACE,OAAO;AAAEJ,QAAAA,KAAK,EAAE,EAAE;AAAEC,QAAAA,MAAM,EAAE,EAAA;OAAI,CAAA;AACpC,GAAA;AACF,CAAC,CAAA;;AAED;AACA;AACA;AACO,MAAMI,OAA6C,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACtF,MAAM;AACJ,MAAA,aAAa,EAAEC,UAAU;AACzB,MAAA,YAAY,EAAEC,SAAS;MACvBC,SAAS;AACTC,MAAAA,KAAK,EAAEC,UAAU;AACjBC,MAAAA,SAAS,GAAG,IAAI;MAChBjB,IAAI,GAAGC,WAAW,CAACM,MAAM;AACzBW,MAAAA,KAAK,EAAEC,UAAAA;AAET,KAAC,GAAGT,KAAK;AADJU,IAAAA,cAAc,GAAAC,wBAAA,CACfX,KAAK,EAAAY,SAAA,CAAA,CAAA;AAET,EAAA,MAAMJ,KAAK,GAAGK,QAAQ,CAACJ,UAAU,CAAC,CAAA;AAElC,EAAA,MAAMJ,KAAK,GAAGC,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAA,KAAA,CAAA,GAAVA,UAAU,GAAKC,SAAS,GAAG,SAAS,GAAG,SAAU,CAAA;EAE/D,MAAM;IAAEd,KAAK;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAGL,eAAe,CAACC,IAAK,CAAC,CAAA;AAEhD,EAAA,MAAMwB,eAAe,GAAGC,2BAA2B,CAACC,YAAY,CAAC,CAAA;AAEjE,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,aAAa,EAAAC,QAAA,CAAA;AACZC,IAAAA,GAAG,EAAEP,eAAe,CAACQ,MAAM,CAAC,SAAS,CAAA;AAAE,GAAA,EACnCZ,cAAc,EAAA;IAClB,aAAaP,EAAAA,SAAS,GAAID,UAAU,GAAGA,UAAU,GAAGqB,SAAS,GAAI,IAAK;AACtE,IAAA,YAAA,EAAYpB,SAAU;IACtBC,SAAS,EAAEoB,UAAU,CAAC1B,OAAO,CAACM,SAAS,EAAEA,SAAS,CAAE;AACpDV,IAAAA,MAAM,EAAEA,MAAO;AACfO,IAAAA,GAAG,EAAEA,GAAmC;AACxCwB,IAAAA,GAAG,EACDpB,KAAK,KAAK,SAAS,GACfqB,eAAe,GACfrB,KAAK,KAAK,SAAS,GACnBsB,aAAa,GACbtB,KAAK,KAAK,SAAS,GACnBuB,aAAa,GACbC,aACL;AACDpC,IAAAA,KAAK,EAAEA,KAAM;AACbqC,IAAAA,KAAK,EAAExC,IAAK;AACZyC,IAAAA,MAAM,EAAEvB,KAAAA;AAAM,GAAA,CACf,CAAC,CAAA;AAEN,CAAC,EAAC;AACFV,OAAO,CAACM,SAAS,GAAGhB,SAAS,CAAA;AAC7BU,OAAO,CAACkC,WAAW,GAAG7C,cAAc;;;;"}

package/components/spinner/images/spinner-grey-l1.svg.js

@@ -0,0 +1,4 @@
+var spinnerGreyL1 = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgogIDxzdHlsZT4KICAgIC5zcGlubmluZyB7CiAgICAgIGFuaW1hdGlvbjogc3Bpbm5pbmcta2V5ZnJhbWVzIDMwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzOwogICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7CiAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjQyLCAwLCAwLjU4LCAxKTsKICAgIH0KICAgIEBrZXlmcmFtZXMgc3Bpbm5pbmcta2V5ZnJhbWVzIHsKICAgICAgMCUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgwZGVnKTsKICAgICAgfQoKICAgICAgMzMlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMTgwZGVnKTsKICAgICAgfQoKICAgICAgNTAlIHsKICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogICAgICB9CgogICAgICA4MyUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgzNjBkZWcpOwogICAgICB9CgogICAgICAxMDAlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMzYwZGVnKQogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MpIgogICAgZmlsbD0iIzg1ODU4NSIKICAgIGQ9Ik0zMTggMTg2LjlWMTA4LjhMMjAwIDU3IDgyIDEwOC44djc4LjFDODIgMjU5IDEzMi4zIDMyNi40IDIwMCAzNDNjNjcuNy0xNi42IDExOC04NCAxMTgtMTU2LjF6TTQwMCAyMDBjMCAxMTAuNS04OS41IDIwMC0yMDAgMjAwUzAgMzEwLjUgMCAyMDAgODkuNSAwIDIwMCAwczIwMCA4OS41IDIwMCAyMDB6IgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrcyI+CiAgICA8cGF0aAogICAgICBjbGFzcz0ic3Bpbm5pbmciCiAgICAgIGQ9Ik0wLDIwMEMwLDg5LjU0MzA1LDg5LjU0MzA1LDAsMjAwLDB2NDAwQzg5LjU0MzA1LDQwMCwwLDMxMC40NTY5NSwwLDIwMFoiCiAgICAgIGZpbGw9IiNmZmYiCiAgICAvPgogIDwvbWFzaz4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MyKSIKICAgIGZpbGw9IiM4NTg1ODUiCiAgICBkPSJNODIsMTg2LjkzOXYtNzguMDg5TDIwMCw1N2wxMTgsNTEuODV2NzguMDg5QzMxOCwyNTkuMDAyLDI2Ny42ODYsMzI2LjQwMiwyMDAsMzQzQzEzMi4zMTQsMzI2LjQwMiw4MiwyNTkuMDAyLDgyLDE4Ni45MzlaIgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrczIiPgogICAgPHBhdGgKICAgICAgY2xhc3M9InNwaW5uaW5nIgogICAgICBkPSJNNDAwIDIwMEM0MDAgMzEwLjUgMzEwLjUgNDAwIDIwMCA0MDBWMGMxMTAuNSAwIDIwMCA4OS41IDIwMCAyMDB6IgogICAgICBmaWxsPSIjZmZmIgogICAgLz4KICA8L21hc2s+Cjwvc3ZnPg==';
+
+export { spinnerGreyL1 as default };
+//# sourceMappingURL=spinner-grey-l1.svg.js.map

package/components/spinner/images/spinner-grey-l1.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-grey-l1.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/components/spinner/images/spinner-grey-l2.svg.js

@@ -0,0 +1,4 @@
+var spinnerGreyL2 = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgogIDxzdHlsZT4KICAgIC5zcGlubmluZyB7CiAgICAgIGFuaW1hdGlvbjogc3Bpbm5pbmcta2V5ZnJhbWVzIDMwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzOwogICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7CiAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjQyLCAwLCAwLjU4LCAxKTsKICAgIH0KICAgIEBrZXlmcmFtZXMgc3Bpbm5pbmcta2V5ZnJhbWVzIHsKICAgICAgMCUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgwZGVnKTsKICAgICAgfQoKICAgICAgMzMlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMTgwZGVnKTsKICAgICAgfQoKICAgICAgNTAlIHsKICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogICAgICB9CgogICAgICA4MyUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgzNjBkZWcpOwogICAgICB9CgogICAgICAxMDAlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMzYwZGVnKQogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MpIgogICAgZmlsbD0iI2EzYTNhMyIKICAgIGQ9Ik0zMTggMTg2LjlWMTA4LjhMMjAwIDU3IDgyIDEwOC44djc4LjFDODIgMjU5IDEzMi4zIDMyNi40IDIwMCAzNDNjNjcuNy0xNi42IDExOC04NCAxMTgtMTU2LjF6TTQwMCAyMDBjMCAxMTAuNS04OS41IDIwMC0yMDAgMjAwUzAgMzEwLjUgMCAyMDAgODkuNSAwIDIwMCAwczIwMCA4OS41IDIwMCAyMDB6IgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrcyI+CiAgICA8cGF0aAogICAgICBjbGFzcz0ic3Bpbm5pbmciCiAgICAgIGQ9Ik0wLDIwMEMwLDg5LjU0MzA1LDg5LjU0MzA1LDAsMjAwLDB2NDAwQzg5LjU0MzA1LDQwMCwwLDMxMC40NTY5NSwwLDIwMFoiCiAgICAgIGZpbGw9IiNmZmYiCiAgICAvPgogIDwvbWFzaz4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MyKSIKICAgIGZpbGw9IiNhM2EzYTMiCiAgICBkPSJNODIsMTg2LjkzOXYtNzguMDg5TDIwMCw1N2wxMTgsNTEuODV2NzguMDg5QzMxOCwyNTkuMDAyLDI2Ny42ODYsMzI2LjQwMiwyMDAsMzQzQzEzMi4zMTQsMzI2LjQwMiw4MiwyNTkuMDAyLDgyLDE4Ni45MzlaIgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrczIiPgogICAgPHBhdGgKICAgICAgY2xhc3M9InNwaW5uaW5nIgogICAgICBkPSJNNDAwIDIwMEM0MDAgMzEwLjUgMzEwLjUgNDAwIDIwMCA0MDBWMGMxMTAuNSAwIDIwMCA4OS41IDIwMCAyMDB6IgogICAgICBmaWxsPSIjZmZmIgogICAgLz4KICA8L21hc2s+Cjwvc3ZnPg==';
+
+export { spinnerGreyL2 as default };
+//# sourceMappingURL=spinner-grey-l2.svg.js.map

package/components/spinner/images/spinner-grey-l2.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-grey-l2.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/components/spinner/images/spinner-grey-l3.svg.js

@@ -0,0 +1,4 @@
+var spinnerGreyL3 = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgogIDxzdHlsZT4KICAgIC5zcGlubmluZyB7CiAgICAgIGFuaW1hdGlvbjogc3Bpbm5pbmcta2V5ZnJhbWVzIDMwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzOwogICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7CiAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjQyLCAwLCAwLjU4LCAxKTsKICAgIH0KICAgIEBrZXlmcmFtZXMgc3Bpbm5pbmcta2V5ZnJhbWVzIHsKICAgICAgMCUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgwZGVnKTsKICAgICAgfQoKICAgICAgMzMlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMTgwZGVnKTsKICAgICAgfQoKICAgICAgNTAlIHsKICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogICAgICB9CgogICAgICA4MyUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgzNjBkZWcpOwogICAgICB9CgogICAgICAxMDAlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMzYwZGVnKQogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MpIgogICAgZmlsbD0iI2UwZTBlMCIKICAgIGQ9Ik0zMTggMTg2LjlWMTA4LjhMMjAwIDU3IDgyIDEwOC44djc4LjFDODIgMjU5IDEzMi4zIDMyNi40IDIwMCAzNDNjNjcuNy0xNi42IDExOC04NCAxMTgtMTU2LjF6TTQwMCAyMDBjMCAxMTAuNS04OS41IDIwMC0yMDAgMjAwUzAgMzEwLjUgMCAyMDAgODkuNSAwIDIwMCAwczIwMCA4OS41IDIwMCAyMDB6IgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrcyI+CiAgICA8cGF0aAogICAgICBjbGFzcz0ic3Bpbm5pbmciCiAgICAgIGQ9Ik0wLDIwMEMwLDg5LjU0MzA1LDg5LjU0MzA1LDAsMjAwLDB2NDAwQzg5LjU0MzA1LDQwMCwwLDMxMC40NTY5NSwwLDIwMFoiCiAgICAgIGZpbGw9IiNmZmYiCiAgICAvPgogIDwvbWFzaz4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MyKSIKICAgIGZpbGw9IiNlMGUwZTAiCiAgICBkPSJNODIsMTg2LjkzOXYtNzguMDg5TDIwMCw1N2wxMTgsNTEuODV2NzguMDg5QzMxOCwyNTkuMDAyLDI2Ny42ODYsMzI2LjQwMiwyMDAsMzQzQzEzMi4zMTQsMzI2LjQwMiw4MiwyNTkuMDAyLDgyLDE4Ni45MzlaIgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrczIiPgogICAgPHBhdGgKICAgICAgY2xhc3M9InNwaW5uaW5nIgogICAgICBkPSJNNDAwIDIwMEM0MDAgMzEwLjUgMzEwLjUgNDAwIDIwMCA0MDBWMGMxMTAuNSAwIDIwMCA4OS41IDIwMCAyMDB6IgogICAgICBmaWxsPSIjZmZmIgogICAgLz4KICA8L21hc2s+Cjwvc3ZnPg==';
+
+export { spinnerGreyL3 as default };
+//# sourceMappingURL=spinner-grey-l3.svg.js.map

package/components/spinner/images/spinner-grey-l3.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-grey-l3.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/components/spinner/images/spinner-primary-n.svg.js

@@ -0,0 +1,4 @@
+var spinnerPrimaryN = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgogIDxzdHlsZT4KICAgIC5zcGlubmluZyB7CiAgICAgIGFuaW1hdGlvbjogc3Bpbm5pbmcta2V5ZnJhbWVzIDMwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzOwogICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7CiAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjQyLCAwLCAwLjU4LCAxKTsKICAgIH0KICAgIEBrZXlmcmFtZXMgc3Bpbm5pbmcta2V5ZnJhbWVzIHsKICAgICAgMCUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgwZGVnKTsKICAgICAgfQoKICAgICAgMzMlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMTgwZGVnKTsKICAgICAgfQoKICAgICAgNTAlIHsKICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogICAgICB9CgogICAgICA4MyUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgzNjBkZWcpOwogICAgICB9CgogICAgICAxMDAlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMzYwZGVnKQogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MpIgogICAgZmlsbD0iIzQyODVGNCIKICAgIGQ9Ik0zMTggMTg2LjlWMTA4LjhMMjAwIDU3IDgyIDEwOC44djc4LjFDODIgMjU5IDEzMi4zIDMyNi40IDIwMCAzNDNjNjcuNy0xNi42IDExOC04NCAxMTgtMTU2LjF6TTQwMCAyMDBjMCAxMTAuNS04OS41IDIwMC0yMDAgMjAwUzAgMzEwLjUgMCAyMDAgODkuNSAwIDIwMCAwczIwMCA4OS41IDIwMCAyMDB6IgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrcyI+CiAgICA8cGF0aAogICAgICBjbGFzcz0ic3Bpbm5pbmciCiAgICAgIGQ9Ik0wLDIwMEMwLDg5LjU0MzA1LDg5LjU0MzA1LDAsMjAwLDB2NDAwQzg5LjU0MzA1LDQwMCwwLDMxMC40NTY5NSwwLDIwMFoiCiAgICAgIGZpbGw9IiNmZmYiCiAgICAvPgogIDwvbWFzaz4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MyKSIKICAgIGZpbGw9IiM0Mjg1RjQiCiAgICBkPSJNODIsMTg2LjkzOXYtNzguMDg5TDIwMCw1N2wxMTgsNTEuODV2NzguMDg5QzMxOCwyNTkuMDAyLDI2Ny42ODYsMzI2LjQwMiwyMDAsMzQzQzEzMi4zMTQsMzI2LjQwMiw4MiwyNTkuMDAyLDgyLDE4Ni45MzlaIgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrczIiPgogICAgPHBhdGgKICAgICAgY2xhc3M9InNwaW5uaW5nIgogICAgICBkPSJNNDAwIDIwMEM0MDAgMzEwLjUgMzEwLjUgNDAwIDIwMCA0MDBWMGMxMTAuNSAwIDIwMCA4OS41IDIwMCAyMDB6IgogICAgICBmaWxsPSIjZmZmIgogICAgLz4KICA8L21hc2s+Cjwvc3ZnPg==';
+
+export { spinnerPrimaryN as default };
+//# sourceMappingURL=spinner-primary-n.svg.js.map

package/components/spinner/images/spinner-primary-n.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-primary-n.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/components/spinner/intl/en-US.json.js

@@ -0,0 +1,7 @@
+var loading = "Loading...";
+var enUS = {
+	loading: loading
+};
+
+export { enUS as default, loading };
+//# sourceMappingURL=en-US.json.js.map

package/components/spinner/intl/en-US.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-US.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/components/spinner/intl/fr-FR.json.js

@@ -0,0 +1,7 @@
+var loading = "Chargement...";
+var frFR = {
+	loading: loading
+};
+
+export { frFR as default, loading };
+//# sourceMappingURL=fr-FR.json.js.map

package/components/spinner/intl/fr-FR.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fr-FR.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/components/spinner/intl/index.js

@@ -0,0 +1,10 @@
+import enUS from './en-US.json.js';
+import frFR from './fr-FR.json.js';
+
+var intlMessages = {
+  'en-US': enUS,
+  'fr-FR': frFR
+};
+
+export { intlMessages as default };
+//# sourceMappingURL=index.js.map

package/components/spinner/intl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/spinner/intl/index.ts"],"sourcesContent":["import enUS from './en-US.json';\nimport frFR from './fr-FR.json';\n\nexport default {\n  'en-US': enUS,\n  'fr-FR': frFR,\n};\n"],"names":["enUS","frFR"],"mappings":";;;AAGA,mBAAe;AACb,EAAA,OAAO,EAAEA,IAAI;AACb,EAAA,OAAO,EAAEC,IAAAA;AACX,CAAC;;;;"}

package/components/spinner/styles.js

@@ -0,0 +1,13 @@
+import styled from 'styled-components';
+import { baseStyling } from '../shared/styles.js';
+
+const StyledSpinner = styled.img`
+  ${baseStyling}
+
+  display: inline;
+  line-height: 0px;
+  vertical-align: -0.125em;
+`;
+
+export { StyledSpinner };
+//# sourceMappingURL=styles.js.map

package/components/spinner/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/components/spinner/styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { StyledSpinnerProps } from './types';\n\nexport const StyledSpinner = styled.img<StyledSpinnerProps>`\n  ${baseStyling}\n\n  display: inline;\n  line-height: 0px;\n  vertical-align: -0.125em;\n`;\n"],"names":["StyledSpinner","styled","img","baseStyling"],"mappings":";;;AAIaA,MAAAA,aAAa,GAAGC,MAAM,CAACC,GAAwB,CAAA;AAC5D,EAAA,EAAIC,WAAY,CAAA;AAChB;AACA;AACA;AACA;AACA;;;;"}

package/components/spinner/types.d.ts

@@ -0,0 +1,38 @@
+import { ComponentProps } from 'react';
+import { ValueOf } from '../../types/helpers.js';
+import { LayoutProps, SpacingProps, PositioningProps } from '../../types/styles.js';
+import { Theme } from '../../types/colors.js';
+
+/**
+ * Component size.
+ */
+declare const SpinnerSize: {
+    readonly xsmall: "xsmall";
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+};
+type SpinnerSize = ValueOf<typeof SpinnerSize>;
+/**
+ * Component props.
+ */
+interface SpinnerProps extends Omit<ComponentProps<'img'>, 'color'>, LayoutProps, SpacingProps, PositioningProps {
+    /** Indicates whether the element is exposed to an accessibility API. */
+    'aria-hidden'?: boolean | 'false' | 'true';
+    /** A screen reader only label for the Spinner. */
+    'aria-label'?: string;
+    /** Color variant. */
+    color?: 'primary' | 'grey-l1' | 'grey-l2' | 'grey-l3';
+    /** @deprecated: Whether the spinner is colored or not. */
+    isColored?: boolean;
+    /** Spinner size. */
+    size?: SpinnerSize;
+    /** Theme. */
+    theme?: Theme;
+}
+type StyledSpinnerProps = Omit<SpinnerProps, 'color'> & {
+    $size?: SpinnerProps['size'];
+    $theme?: SpinnerProps['theme'];
+};
+
+export { SpinnerProps, SpinnerSize, StyledSpinnerProps };

package/components/spinner/types.js

@@ -0,0 +1,16 @@
+/**
+ * Component size.
+ */
+const SpinnerSize = {
+  xsmall: 'xsmall',
+  small: 'small',
+  medium: 'medium',
+  large: 'large'
+};
+
+/**
+ * Component props.
+ */
+
+export { SpinnerSize };
+//# sourceMappingURL=types.js.map

package/components/spinner/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/components/spinner/types.ts"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { LayoutProps, PositioningProps, SpacingProps, Theme, ValueOf } from '../../types';\n\n/**\n * Component size.\n */\nexport const SpinnerSize = {\n  xsmall: 'xsmall',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n} as const;\nexport type SpinnerSize = ValueOf<typeof SpinnerSize>;\n\n/**\n * Component props.\n */\nexport interface SpinnerProps\n  extends Omit<ComponentProps<'img'>, 'color'>,\n    LayoutProps,\n    SpacingProps,\n    PositioningProps {\n  /** Indicates whether the element is exposed to an accessibility API. */\n  'aria-hidden'?: boolean | 'false' | 'true';\n  /** A screen reader only label for the Spinner. */\n  'aria-label'?: string;\n  /** Color variant. */\n  color?: 'primary' | 'grey-l1' | 'grey-l2' | 'grey-l3';\n  /** @deprecated: Whether the spinner is colored or not. */\n  isColored?: boolean;\n  /** Spinner size. */\n  size?: SpinnerSize;\n  /** Theme. */\n  theme?: Theme;\n}\n\nexport type StyledSpinnerProps = Omit<SpinnerProps, 'color'> & {\n  $size?: SpinnerProps['size'];\n  $theme?: SpinnerProps['theme'];\n};\n"],"names":["SpinnerSize","xsmall","small","medium","large"],"mappings":"AAGA;AACA;AACA;AACO,MAAMA,WAAW,GAAG;AACzBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,OAAA;AACT,EAAU;;AAGV;AACA;AACA;;;;"}

package/components/switch/Switch.d.ts

@@ -0,0 +1,11 @@
+import { SwitchProps } from './types.js';
+import { Comp } from '../../types/helpers.js';
+
+/**
+ * The Switch component.
+ * Works both inside a SwitchGroup or as standalone.
+ * Can be used as controlled or uncontrolled.
+ */
+declare const Switch: Comp<SwitchProps, HTMLLabelElement>;
+
+export { Switch };