@contentful/f36-spinner 4.0.1 → 4.1.3

package/CHANGELOG.md

@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.1.3](https://github.com/contentful/forma-36/compare/@contentful/f36-spinner@4.1.2...@contentful/f36-spinner@4.1.3) (2022-02-22)
+
+**Note:** Version bump only for package @contentful/f36-spinner
+
+
+
+
+
+## [4.1.2](https://github.com/contentful/forma-36/compare/@contentful/f36-spinner@4.1.1...@contentful/f36-spinner@4.1.2) (2022-02-17)
+
+**Note:** Version bump only for package @contentful/f36-spinner
+
+
+
+
+
+## [4.1.1](https://github.com/contentful/forma-36/compare/@contentful/f36-spinner@4.1.0...@contentful/f36-spinner@4.1.1) (2022-01-31)
+
+**Note:** Version bump only for package @contentful/f36-spinner
+
+
+
+
+
+# [4.1.0](https://github.com/contentful/forma-36/compare/@contentful/f36-spinner@4.0.1...@contentful/f36-spinner@4.1.0) (2022-01-31)
+
+
+### Features
+
+* implement props list redesign [BAU-535]  ([#1756](https://github.com/contentful/forma-36/issues/1756)) ([21c57e7](https://github.com/contentful/forma-36/commit/21c57e72008b75990d03af4e7500edc1c7f3d26d))
+
+
+
+
+
 ## [4.0.1](https://github.com/contentful/forma-36/compare/@contentful/f36-spinner@4.0.0...@contentful/f36-spinner@4.0.1) (2022-01-11)
 
 **Note:** Version bump only for package @contentful/f36-spinner

package/README.mdx

@@ -8,30 +8,40 @@ storybook: 'https://v4-f36-storybook.netlify.app/?path=/story/components-spinner
 typescript: ./src/Spinner.tsx
 ---
 
-# Spinner
+`Spinner` is a graphic element that helps communicating to users that an action is in progress and it will take some time to be completed.
 
-A Spinner is a graphic element that helps communicating to users that an action is in progress and it will take some time to be completed.
+## Import
 
-```jsx
-<Spinner />
+```js static=true
+import { Spinner } from '@contentful/f36-components';
+// or
+import { Spinner } from '@contentful/f36-spinner';
 ```
 
-## Code examples
+## Examples
 
-### With text
+### Variants
+
+```jsx file=examples/SpinnerVariantsExample.tsx
+
+```
+
+### Sizes
 
-It’s possible to use the Spinner with other elements. A very common pattern is using it together with text.
+```jsx file=examples/SpinnerSizesExample.tsx
 
-```jsx
-<div>
-  Loading <Spinner />
-</div>
 ```
 
+### With text
+
+It’s possible to use the `Spinner` with other elements. A very common pattern is using it together with text.
+
 Another good example of the Spinner being used with other components is the loading state of `Button` component.
 
-## Props
+```jsx file=examples/SpinnerWithTextExample.tsx
+
+```
 
-import { Props } from '@contentful/f36-docs-utils';
+## Props (API reference)
 
-<Props of="Spinner" />
+<PropsTable of="Spinner" />

package/dist/types.d.ts

@@ -18,267 +18,19 @@ type SpinnerInternalProps = CommonProps & {
     size?: SpinnerSize;
 };
 export type SpinnerProps = PropsWithHTMLElement<SpinnerInternalProps, 'div'>;
-export const Spinner: React.ForwardRefExoticComponent<{
-    color?: string;
-    translate?: "no" | "yes";
-    slot?: string;
-    title?: string;
-    key?: React.Key;
-    defaultChecked?: boolean;
-    defaultValue?: string | number | readonly string[];
-    suppressContentEditableWarning?: boolean;
-    suppressHydrationWarning?: boolean;
-    accessKey?: string;
-    contentEditable?: "inherit" | (boolean | "true" | "false");
-    contextMenu?: string;
-    dir?: string;
-    draggable?: boolean | "true" | "false";
-    hidden?: boolean;
-    id?: string;
-    lang?: string;
-    placeholder?: string;
-    spellCheck?: boolean | "true" | "false";
-    tabIndex?: number;
-    radioGroup?: string;
-    role?: string;
-    about?: string;
-    datatype?: string;
-    inlist?: any;
-    prefix?: string;
-    property?: string;
-    resource?: string;
-    typeof?: string;
-    vocab?: string;
-    autoCapitalize?: string;
-    autoCorrect?: string;
-    autoSave?: string;
-    itemProp?: string;
-    itemScope?: boolean;
-    itemType?: string;
-    itemID?: string;
-    itemRef?: string;
-    results?: number;
-    security?: string;
-    unselectable?: "on" | "off";
-    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
-    is?: string;
-    'aria-activedescendant'?: string;
-    'aria-atomic'?: boolean | "true" | "false";
-    'aria-autocomplete'?: "both" | "none" | "list" | "inline";
-    'aria-busy'?: boolean | "true" | "false";
-    'aria-checked'?: boolean | "true" | "false" | "mixed";
-    'aria-colcount'?: number;
-    'aria-colindex'?: number;
-    'aria-colspan'?: number;
-    'aria-controls'?: string;
-    'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
-    'aria-describedby'?: string;
-    'aria-details'?: string;
-    'aria-disabled'?: boolean | "true" | "false";
-    'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup";
-    'aria-errormessage'?: string;
-    'aria-expanded'?: boolean | "true" | "false";
-    'aria-flowto'?: string;
-    'aria-grabbed'?: boolean | "true" | "false";
-    'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
-    'aria-hidden'?: boolean | "true" | "false";
-    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
-    'aria-keyshortcuts'?: string;
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-    'aria-level'?: number;
-    'aria-live'?: "off" | "assertive" | "polite";
-    'aria-modal'?: boolean | "true" | "false";
-    'aria-multiline'?: boolean | "true" | "false";
-    'aria-multiselectable'?: boolean | "true" | "false";
-    'aria-orientation'?: "horizontal" | "vertical";
-    'aria-owns'?: string;
-    'aria-placeholder'?: string;
-    'aria-posinset'?: number;
-    'aria-pressed'?: boolean | "true" | "false" | "mixed";
-    'aria-readonly'?: boolean | "true" | "false";
-    'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
-    'aria-required'?: boolean | "true" | "false";
-    'aria-roledescription'?: string;
-    'aria-rowcount'?: number;
-    'aria-rowindex'?: number;
-    'aria-rowspan'?: number;
-    'aria-selected'?: boolean | "true" | "false";
-    'aria-setsize'?: number;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other";
-    'aria-valuemax'?: number;
-    'aria-valuemin'?: number;
-    'aria-valuenow'?: number;
-    'aria-valuetext'?: string;
-    children?: React.ReactNode;
-    dangerouslySetInnerHTML?: {
-        __html: string;
-    };
-    onCopy?: React.ClipboardEventHandler<HTMLDivElement>;
-    onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement>;
-    onCut?: React.ClipboardEventHandler<HTMLDivElement>;
-    onCutCapture?: React.ClipboardEventHandler<HTMLDivElement>;
-    onPaste?: React.ClipboardEventHandler<HTMLDivElement>;
-    onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement>;
-    onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement>;
-    onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement>;
-    onCompositionStart?: React.CompositionEventHandler<HTMLDivElement>;
-    onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement>;
-    onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement>;
-    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement>;
-    onFocus?: React.FocusEventHandler<HTMLDivElement>;
-    onFocusCapture?: React.FocusEventHandler<HTMLDivElement>;
-    onBlur?: React.FocusEventHandler<HTMLDivElement>;
-    onBlurCapture?: React.FocusEventHandler<HTMLDivElement>;
-    onChange?: React.FormEventHandler<HTMLDivElement>;
-    onChangeCapture?: React.FormEventHandler<HTMLDivElement>;
-    onBeforeInput?: React.FormEventHandler<HTMLDivElement>;
-    onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement>;
-    onInput?: React.FormEventHandler<HTMLDivElement>;
-    onInputCapture?: React.FormEventHandler<HTMLDivElement>;
-    onReset?: React.FormEventHandler<HTMLDivElement>;
-    onResetCapture?: React.FormEventHandler<HTMLDivElement>;
-    onSubmit?: React.FormEventHandler<HTMLDivElement>;
-    onSubmitCapture?: React.FormEventHandler<HTMLDivElement>;
-    onInvalid?: React.FormEventHandler<HTMLDivElement>;
-    onInvalidCapture?: React.FormEventHandler<HTMLDivElement>;
-    onLoad?: React.ReactEventHandler<HTMLDivElement>;
-    onLoadCapture?: React.ReactEventHandler<HTMLDivElement>;
-    onError?: React.ReactEventHandler<HTMLDivElement>;
-    onErrorCapture?: React.ReactEventHandler<HTMLDivElement>;
-    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
-    onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement>;
-    onKeyPress?: React.KeyboardEventHandler<HTMLDivElement>;
-    onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement>;
-    onKeyUp?: React.KeyboardEventHandler<HTMLDivElement>;
-    onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement>;
-    onAbort?: React.ReactEventHandler<HTMLDivElement>;
-    onAbortCapture?: React.ReactEventHandler<HTMLDivElement>;
-    onCanPlay?: React.ReactEventHandler<HTMLDivElement>;
-    onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement>;
-    onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement>;
-    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement>;
-    onDurationChange?: React.ReactEventHandler<HTMLDivElement>;
-    onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement>;
-    onEmptied?: React.ReactEventHandler<HTMLDivElement>;
-    onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement>;
-    onEncrypted?: React.ReactEventHandler<HTMLDivElement>;
-    onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement>;
-    onEnded?: React.ReactEventHandler<HTMLDivElement>;
-    onEndedCapture?: React.ReactEventHandler<HTMLDivElement>;
-    onLoadedData?: React.ReactEventHandler<HTMLDivElement>;
-    onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement>;
-    onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement>;
-    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement>;
-    onLoadStart?: React.ReactEventHandler<HTMLDivElement>;
-    onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement>;
-    onPause?: React.ReactEventHandler<HTMLDivElement>;
-    onPauseCapture?: React.ReactEventHandler<HTMLDivElement>;
-    onPlay?: React.ReactEventHandler<HTMLDivElement>;
-    onPlayCapture?: React.ReactEventHandler<HTMLDivElement>;
-    onPlaying?: React.ReactEventHandler<HTMLDivElement>;
-    onPlayingCapture?: React.ReactEventHandler<HTMLDivElement>;
-    onProgress?: React.ReactEventHandler<HTMLDivElement>;
-    onProgressCapture?: React.ReactEventHandler<HTMLDivElement>;
-    onRateChange?: React.ReactEventHandler<HTMLDivElement>;
-    onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement>;
-    onSeeked?: React.ReactEventHandler<HTMLDivElement>;
-    onSeekedCapture?: React.ReactEventHandler<HTMLDivElement>;
-    onSeeking?: React.ReactEventHandler<HTMLDivElement>;
-    onSeekingCapture?: React.ReactEventHandler<HTMLDivElement>;
-    onStalled?: React.ReactEventHandler<HTMLDivElement>;
-    onStalledCapture?: React.ReactEventHandler<HTMLDivElement>;
-    onSuspend?: React.ReactEventHandler<HTMLDivElement>;
-    onSuspendCapture?: React.ReactEventHandler<HTMLDivElement>;
-    onTimeUpdate?: React.ReactEventHandler<HTMLDivElement>;
-    onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement>;
-    onVolumeChange?: React.ReactEventHandler<HTMLDivElement>;
-    onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement>;
-    onWaiting?: React.ReactEventHandler<HTMLDivElement>;
-    onWaitingCapture?: React.ReactEventHandler<HTMLDivElement>;
-    onAuxClick?: React.MouseEventHandler<HTMLDivElement>;
-    onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement>;
-    onClick?: React.MouseEventHandler<HTMLDivElement>;
-    onClickCapture?: React.MouseEventHandler<HTMLDivElement>;
-    onContextMenu?: React.MouseEventHandler<HTMLDivElement>;
-    onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement>;
-    onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;
-    onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement>;
-    onDrag?: React.DragEventHandler<HTMLDivElement>;
-    onDragCapture?: React.DragEventHandler<HTMLDivElement>;
-    onDragEnd?: React.DragEventHandler<HTMLDivElement>;
-    onDragEndCapture?: React.DragEventHandler<HTMLDivElement>;
-    onDragEnter?: React.DragEventHandler<HTMLDivElement>;
-    onDragEnterCapture?: React.DragEventHandler<HTMLDivElement>;
-    onDragExit?: React.DragEventHandler<HTMLDivElement>;
-    onDragExitCapture?: React.DragEventHandler<HTMLDivElement>;
-    onDragLeave?: React.DragEventHandler<HTMLDivElement>;
-    onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement>;
-    onDragOver?: React.DragEventHandler<HTMLDivElement>;
-    onDragOverCapture?: React.DragEventHandler<HTMLDivElement>;
-    onDragStart?: React.DragEventHandler<HTMLDivElement>;
-    onDragStartCapture?: React.DragEventHandler<HTMLDivElement>;
-    onDrop?: React.DragEventHandler<HTMLDivElement>;
-    onDropCapture?: React.DragEventHandler<HTMLDivElement>;
-    onMouseDown?: React.MouseEventHandler<HTMLDivElement>;
-    onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement>;
-    onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
-    onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
-    onMouseMove?: React.MouseEventHandler<HTMLDivElement>;
-    onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement>;
-    onMouseOut?: React.MouseEventHandler<HTMLDivElement>;
-    onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement>;
-    onMouseOver?: React.MouseEventHandler<HTMLDivElement>;
-    onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement>;
-    onMouseUp?: React.MouseEventHandler<HTMLDivElement>;
-    onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement>;
-    onSelect?: React.ReactEventHandler<HTMLDivElement>;
-    onSelectCapture?: React.ReactEventHandler<HTMLDivElement>;
-    onTouchCancel?: React.TouchEventHandler<HTMLDivElement>;
-    onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement>;
-    onTouchEnd?: React.TouchEventHandler<HTMLDivElement>;
-    onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement>;
-    onTouchMove?: React.TouchEventHandler<HTMLDivElement>;
-    onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement>;
-    onTouchStart?: React.TouchEventHandler<HTMLDivElement>;
-    onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement>;
-    onPointerDown?: React.PointerEventHandler<HTMLDivElement>;
-    onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement>;
-    onPointerMove?: React.PointerEventHandler<HTMLDivElement>;
-    onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement>;
-    onPointerUp?: React.PointerEventHandler<HTMLDivElement>;
-    onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement>;
-    onPointerCancel?: React.PointerEventHandler<HTMLDivElement>;
-    onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement>;
-    onPointerEnter?: React.PointerEventHandler<HTMLDivElement>;
-    onPointerEnterCapture?: React.PointerEventHandler<HTMLDivElement>;
-    onPointerLeave?: React.PointerEventHandler<HTMLDivElement>;
-    onPointerLeaveCapture?: React.PointerEventHandler<HTMLDivElement>;
-    onPointerOver?: React.PointerEventHandler<HTMLDivElement>;
-    onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement>;
-    onPointerOut?: React.PointerEventHandler<HTMLDivElement>;
-    onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement>;
-    onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement>;
-    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement>;
-    onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement>;
-    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement>;
-    onScroll?: React.UIEventHandler<HTMLDivElement>;
-    onScrollCapture?: React.UIEventHandler<HTMLDivElement>;
-    onWheel?: React.WheelEventHandler<HTMLDivElement>;
-    onWheelCapture?: React.WheelEventHandler<HTMLDivElement>;
-    onAnimationStart?: React.AnimationEventHandler<HTMLDivElement>;
-    onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement>;
-    onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement>;
-    onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement>;
-    onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement>;
-    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement>;
-    onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement>;
-    onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement>;
-    className?: string;
-    testId?: string;
-    style?: React.CSSProperties;
+export const Spinner: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, never>, keyof CommonProps | "variant" | "customSize" | "size"> & CommonProps & {
+    /**
+     * Determines the color that will be used in the `fill` property of the SVG
+     */
     variant?: SpinnerVariant;
+    /**
+     * Allows resizing the spinner with any N value. The final size will be NxN pixels
+     */
     customSize?: number;
+    /**
+     * Controls the size of the spinner. The default `medium` size is 20px wide,
+     * the `small` size is 14px wide, and the `large` size is 36px wide
+     */
     size?: SpinnerSize;
 } & React.RefAttributes<HTMLDivElement>>;
 

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":";;AAAA,sBAA6B,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE7D,mBAA0B,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AEkBvD,4BAAmC,WAAW,GAAG;IAC/C;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,2BAA2B,qBAAqB,oBAAoB,EAAE,KAAK,CAAC,CAAC;AAE7E,OAAO,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAdD,cAAc;iBAIX,MAAM;WAKZ,WAAW;wCAkEnB,CAAC","sources":["packages/components/spinner/src/src/types.ts","packages/components/spinner/src/src/Spinner.styles.ts","packages/components/spinner/src/src/Spinner.tsx","packages/components/spinner/src/src/index.ts","packages/components/spinner/src/index.ts"],"sourcesContent":[null,null,null,null,"export { Spinner } from './Spinner';\nexport type { SpinnerProps } from './Spinner';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":";;AAAA,sBAA6B,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE7D,mBAA0B,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AEkBvD,4BAAmC,WAAW,GAAG;IAC/C;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,2BAA2B,qBAAqB,oBAAoB,EAAE,KAAK,CAAC,CAAC;AAE7E,OAAO,MAAM;IAjBX;;OAEG;cACO,cAAc;IACxB;;OAEG;iBACU,MAAM;IACnB;;;OAGG;WACI,WAAW;wCAkEnB,CAAC","sources":["packages/components/spinner/src/src/types.ts","packages/components/spinner/src/src/Spinner.styles.ts","packages/components/spinner/src/src/Spinner.tsx","packages/components/spinner/src/src/index.ts","packages/components/spinner/src/index.ts"],"sourcesContent":[null,null,null,null,"export { Spinner } from './Spinner';\nexport type { SpinnerProps } from './Spinner';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@contentful/f36-spinner",
-  "version": "4.0.1",
+  "version": "4.1.3",
   "description": "Forma 36: Spinner Component",
   "scripts": {
     "build": "parcel build src/index.ts"
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@contentful/f36-core": "^4.0.1",
+    "@contentful/f36-core": "^4.2.0",
     "@contentful/f36-tokens": "^4.0.0",
     "emotion": "^10.0.17"
   },
   "devDependencies": {
-    "@contentful/f36-typography": "^4.0.1"
+    "@contentful/f36-typography": "^4.2.0"
   },
   "peerDependencies": {
     "react": ">=16.8"
@@ -34,5 +34,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "cee6bd9ae0b1ca2ce23d42873d9344a20fe740d0"
+  "gitHead": "0eda3e60f94b7c8751b8fae6fd7f3dd02365ede2"
 }