@ndla/ui 3.2.0 → 3.2.1-alpha.10

package/es/Spinner/Spinner.js

@@ -8,12 +8,11 @@ import _styled from "@emotion/styled-base";
  *
  */
 import React from 'react';
-import PropTypes from 'prop-types';
 import { spacing, colors } from '@ndla/core';
 import { jsx as ___EmotionJSX } from "@emotion/core";
 
 var SpinnerDiv = /*#__PURE__*/_styled('div', {
-  target: "e13epp5z0",
+  target: "eecx2hs0",
   label: "SpinnerDiv"
 })("border:calc(", function (props) {
   return spacing[props.size];
@@ -25,26 +24,19 @@ var SpinnerDiv = /*#__PURE__*/_styled('div', {
   return spacing[props.size];
 }, ";display:block;margin:", function (props) {
   return props.margin;
-}, ";@keyframes spinnerAnimation{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNwaW5uZXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFnQyIsImZpbGUiOiJTcGlubmVyLmpzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE4LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBjb2xvcnMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuY29uc3QgU3Bpbm5lckRpdiA9IHN0eWxlZCgnZGl2JylgXG4gIGJvcmRlcjogY2FsYygkeyhwcm9wcykgPT4gc3BhY2luZ1twcm9wcy5zaXplXX0gLyA2LjUpIHNvbGlkIHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHsocHJvcHMpID0+IChwcm9wcy5pbnZlcnRlZCA/ICcjZmZmJyA6IGNvbG9ycy5icmFuZC5wcmltYXJ5KX07XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgYW5pbWF0aW9uOiBzcGlubmVyQW5pbWF0aW9uIDAuN3MgbGluZWFyIGluZmluaXRlO1xuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiBzcGFjaW5nW3Byb3BzLnNpemVdfTtcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiBzcGFjaW5nW3Byb3BzLnNpemVdfTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbjogJHsocHJvcHMpID0+IHByb3BzLm1hcmdpbn07XG4gIEBrZXlmcmFtZXMgc3Bpbm5lckFuaW1hdGlvbiB7XG4gICAgMCUge1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFNwaW5uZXIgPSAoeyBzaXplLCBtYXJnaW4sIGludmVydGVkIH0pID0+IDxTcGlubmVyRGl2IHNpemU9e3NpemV9IG1hcmdpbj17bWFyZ2lufSBpbnZlcnRlZD17aW52ZXJ0ZWR9IC8+O1xuXG5TcGlubmVyLnByb3BUeXBlcyA9IHtcbiAgc2l6ZTogUHJvcFR5cGVzLm9uZU9mKFsnbGFyZ2UnLCAnbWVkaXVtJywgJ25vcm1hbCddKSxcbiAgbWFyZ2luOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBpbnZlcnRlZDogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5TcGlubmVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgc2l6ZTogJ2xhcmdlJyxcbiAgbWFyZ2luOiBgJHtzcGFjaW5nLm5vcm1hbH0gYXV0b2AsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBTcGlubmVyO1xuIl19 */"));
+}, ";@keyframes spinnerAnimation{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCdUMiLCJmaWxlIjoiU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBjb2xvcnMsIFNwYWNpbmdOYW1lcyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzaXplOiBTcGFjaW5nTmFtZXM7XG4gIG1hcmdpbjogc3RyaW5nO1xuICBpbnZlcnRlZDogYm9vbGVhbjtcbn1cblxuY29uc3QgU3Bpbm5lckRpdiA9IHN0eWxlZCgnZGl2Jyk8UHJvcHM+YFxuICBib3JkZXI6IGNhbGMoJHsocHJvcHMpID0+IHNwYWNpbmdbcHJvcHMuc2l6ZV19IC8gNi41KSBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1ib3R0b20tY29sb3I6ICR7KHByb3BzKSA9PiAocHJvcHMuaW52ZXJ0ZWQgPyAnI2ZmZicgOiBjb2xvcnMuYnJhbmQucHJpbWFyeSl9O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGFuaW1hdGlvbjogc3Bpbm5lckFuaW1hdGlvbiAwLjdzIGxpbmVhciBpbmZpbml0ZTtcbiAgaGVpZ2h0OiAkeyhwcm9wcykgPT4gc3BhY2luZ1twcm9wcy5zaXplXX07XG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gc3BhY2luZ1twcm9wcy5zaXplXX07XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW46ICR7KHByb3BzKSA9PiBwcm9wcy5tYXJnaW59O1xuICBAa2V5ZnJhbWVzIHNwaW5uZXJBbmltYXRpb24ge1xuICAgIDAlIHtcbiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICAgIH1cbiAgICAxMDAlIHtcbiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTcGlubmVyID0gKHsgc2l6ZSA9ICdsYXJnZScsIG1hcmdpbiA9IGAke3NwYWNpbmcubm9ybWFsfSBhdXRvYCwgaW52ZXJ0ZWQgfTogUGFydGlhbDxQcm9wcz4pID0+IChcbiAgPFNwaW5uZXJEaXYgc2l6ZT17c2l6ZX0gbWFyZ2luPXttYXJnaW59IGludmVydGVkPXshIWludmVydGVkfSAvPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgU3Bpbm5lcjtcbiJdfQ== */"));
 
 var Spinner = function Spinner(_ref) {
-  var size = _ref.size,
-      margin = _ref.margin,
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'large' : _ref$size,
+      _ref$margin = _ref.margin,
+      margin = _ref$margin === void 0 ? "".concat(spacing.normal, " auto") : _ref$margin,
       inverted = _ref.inverted;
   return ___EmotionJSX(SpinnerDiv, {
     size: size,
     margin: margin,
-    inverted: inverted
+    inverted: !!inverted
   });
 };
 
-Spinner.propTypes = {
-  size: PropTypes.oneOf(['large', 'medium', 'normal']),
-  margin: PropTypes.string,
-  inverted: PropTypes.bool
-};
-Spinner.defaultProps = {
-  size: 'large',
-  margin: "".concat(spacing.normal, " auto")
-};
 export default Spinner;

package/lib/Spinner/Spinner.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) 2018-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { SpacingNames } from '@ndla/core';
+interface Props {
+    size: SpacingNames;
+    margin: string;
+    inverted: boolean;
+}
+declare const Spinner: ({ size, margin, inverted }: Partial<Props>) => JSX.Element;
+export default Spinner;

package/lib/Spinner/Spinner.js

@@ -9,8 +9,6 @@ var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _core = require("@ndla/core");
 
 var _core2 = require("@emotion/core");
@@ -25,7 +23,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  *
  */
 var SpinnerDiv = ( /*#__PURE__*/0, _styledBase["default"])('div', {
-  target: "e13epp5z0",
+  target: "eecx2hs0",
   label: "SpinnerDiv"
 })("border:calc(", function (props) {
   return _core.spacing[props.size];
@@ -37,27 +35,20 @@ var SpinnerDiv = ( /*#__PURE__*/0, _styledBase["default"])('div', {
   return _core.spacing[props.size];
 }, ";display:block;margin:", function (props) {
   return props.margin;
-}, ";@keyframes spinnerAnimation{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNwaW5uZXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFnQyIsImZpbGUiOiJTcGlubmVyLmpzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE4LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBjb2xvcnMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuY29uc3QgU3Bpbm5lckRpdiA9IHN0eWxlZCgnZGl2JylgXG4gIGJvcmRlcjogY2FsYygkeyhwcm9wcykgPT4gc3BhY2luZ1twcm9wcy5zaXplXX0gLyA2LjUpIHNvbGlkIHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHsocHJvcHMpID0+IChwcm9wcy5pbnZlcnRlZCA/ICcjZmZmJyA6IGNvbG9ycy5icmFuZC5wcmltYXJ5KX07XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgYW5pbWF0aW9uOiBzcGlubmVyQW5pbWF0aW9uIDAuN3MgbGluZWFyIGluZmluaXRlO1xuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiBzcGFjaW5nW3Byb3BzLnNpemVdfTtcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiBzcGFjaW5nW3Byb3BzLnNpemVdfTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbjogJHsocHJvcHMpID0+IHByb3BzLm1hcmdpbn07XG4gIEBrZXlmcmFtZXMgc3Bpbm5lckFuaW1hdGlvbiB7XG4gICAgMCUge1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFNwaW5uZXIgPSAoeyBzaXplLCBtYXJnaW4sIGludmVydGVkIH0pID0+IDxTcGlubmVyRGl2IHNpemU9e3NpemV9IG1hcmdpbj17bWFyZ2lufSBpbnZlcnRlZD17aW52ZXJ0ZWR9IC8+O1xuXG5TcGlubmVyLnByb3BUeXBlcyA9IHtcbiAgc2l6ZTogUHJvcFR5cGVzLm9uZU9mKFsnbGFyZ2UnLCAnbWVkaXVtJywgJ25vcm1hbCddKSxcbiAgbWFyZ2luOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBpbnZlcnRlZDogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5TcGlubmVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgc2l6ZTogJ2xhcmdlJyxcbiAgbWFyZ2luOiBgJHtzcGFjaW5nLm5vcm1hbH0gYXV0b2AsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBTcGlubmVyO1xuIl19 */"));
+}, ";@keyframes spinnerAnimation{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCdUMiLCJmaWxlIjoiU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBjb2xvcnMsIFNwYWNpbmdOYW1lcyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzaXplOiBTcGFjaW5nTmFtZXM7XG4gIG1hcmdpbjogc3RyaW5nO1xuICBpbnZlcnRlZDogYm9vbGVhbjtcbn1cblxuY29uc3QgU3Bpbm5lckRpdiA9IHN0eWxlZCgnZGl2Jyk8UHJvcHM+YFxuICBib3JkZXI6IGNhbGMoJHsocHJvcHMpID0+IHNwYWNpbmdbcHJvcHMuc2l6ZV19IC8gNi41KSBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1ib3R0b20tY29sb3I6ICR7KHByb3BzKSA9PiAocHJvcHMuaW52ZXJ0ZWQgPyAnI2ZmZicgOiBjb2xvcnMuYnJhbmQucHJpbWFyeSl9O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGFuaW1hdGlvbjogc3Bpbm5lckFuaW1hdGlvbiAwLjdzIGxpbmVhciBpbmZpbml0ZTtcbiAgaGVpZ2h0OiAkeyhwcm9wcykgPT4gc3BhY2luZ1twcm9wcy5zaXplXX07XG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gc3BhY2luZ1twcm9wcy5zaXplXX07XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW46ICR7KHByb3BzKSA9PiBwcm9wcy5tYXJnaW59O1xuICBAa2V5ZnJhbWVzIHNwaW5uZXJBbmltYXRpb24ge1xuICAgIDAlIHtcbiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICAgIH1cbiAgICAxMDAlIHtcbiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTcGlubmVyID0gKHsgc2l6ZSA9ICdsYXJnZScsIG1hcmdpbiA9IGAke3NwYWNpbmcubm9ybWFsfSBhdXRvYCwgaW52ZXJ0ZWQgfTogUGFydGlhbDxQcm9wcz4pID0+IChcbiAgPFNwaW5uZXJEaXYgc2l6ZT17c2l6ZX0gbWFyZ2luPXttYXJnaW59IGludmVydGVkPXshIWludmVydGVkfSAvPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgU3Bpbm5lcjtcbiJdfQ== */"));
 
 var Spinner = function Spinner(_ref) {
-  var size = _ref.size,
-      margin = _ref.margin,
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'large' : _ref$size,
+      _ref$margin = _ref.margin,
+      margin = _ref$margin === void 0 ? "".concat(_core.spacing.normal, " auto") : _ref$margin,
       inverted = _ref.inverted;
   return (0, _core2.jsx)(SpinnerDiv, {
     size: size,
     margin: margin,
-    inverted: inverted
+    inverted: !!inverted
   });
 };
 
-Spinner.propTypes = {
-  size: _propTypes["default"].oneOf(['large', 'medium', 'normal']),
-  margin: _propTypes["default"].string,
-  inverted: _propTypes["default"].bool
-};
-Spinner.defaultProps = {
-  size: 'large',
-  margin: "".concat(_core.spacing.normal, " auto")
-};
 var _default = Spinner;
 exports["default"] = _default;

package/lib/Spinner/index.d.ts

@@ -0,0 +1,2 @@
+import Spinner from './Spinner';
+export default Spinner;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "3.2.0",
+  "version": "3.2.1-alpha.10+1a04551fd",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,13 +31,13 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/button": "^1.0.6",
+    "@ndla/button": "^1.0.7-alpha.33+1a04551fd",
     "@ndla/carousel": "^1.0.6",
     "@ndla/core": "^0.7.2",
     "@ndla/hooks": "^1.0.6",
     "@ndla/icons": "^1.3.1",
     "@ndla/licenses": "^1.0.7",
-    "@ndla/modal": "^1.1.11",
+    "@ndla/modal": "^1.1.12-alpha.30+1a04551fd",
     "@ndla/safelink": "^1.0.5",
     "@ndla/switch": "^0.0.32",
     "@ndla/tabs": "^1.0.8",
@@ -92,5 +92,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "dee068227de7adfdc761166e944ef375bf344bc8"
+  "gitHead": "1a04551fd4a5215e327d4c1bbc146d2aca06759e"
 }

package/src/Spinner/{Spinner.jsx → Spinner.tsx}

@@ -7,11 +7,16 @@
  */
 
 import React from 'react';
-import PropTypes from 'prop-types';
 import styled from '@emotion/styled';
-import { spacing, colors } from '@ndla/core';
+import { spacing, colors, SpacingNames } from '@ndla/core';
 
-const SpinnerDiv = styled('div')`
+interface Props {
+  size: SpacingNames;
+  margin: string;
+  inverted: boolean;
+}
+
+const SpinnerDiv = styled('div')<Props>`
   border: calc(${(props) => spacing[props.size]} / 6.5) solid rgba(0, 0, 0, 0.1);
   border-bottom-color: ${(props) => (props.inverted ? '#fff' : colors.brand.primary)};
   border-radius: 50%;
@@ -30,17 +35,8 @@ const SpinnerDiv = styled('div')`
   }
 `;
 
-const Spinner = ({ size, margin, inverted }) => <SpinnerDiv size={size} margin={margin} inverted={inverted} />;
-
-Spinner.propTypes = {
-  size: PropTypes.oneOf(['large', 'medium', 'normal']),
-  margin: PropTypes.string,
-  inverted: PropTypes.bool,
-};
-
-Spinner.defaultProps = {
-  size: 'large',
-  margin: `${spacing.normal} auto`,
-};
+const Spinner = ({ size = 'large', margin = `${spacing.normal} auto`, inverted }: Partial<Props>) => (
+  <SpinnerDiv size={size} margin={margin} inverted={!!inverted} />
+);
 
 export default Spinner;