@spark-web/spinner 2.0.0-rc.2 → 2.0.0-rc.20

package/CHANGELOG.md

@@ -1,5 +1,257 @@
 # @spark-web/spinner
 
+## 2.0.0-rc.20
+
+### Minor Changes
+
+- Support for component-level theming; button-level theming
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@2.0.0-rc.20
+  - @spark-web/a11y@2.0.0-rc.20
+  - @spark-web/icon@2.0.0-rc.20
+  - @spark-web/box@2.0.0-rc.20
+
+## 2.0.0-rc.19
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@2.0.0-rc.19
+  - @spark-web/a11y@2.0.0-rc.19
+  - @spark-web/icon@2.0.0-rc.19
+  - @spark-web/box@2.0.0-rc.19
+
+## 2.0.0-rc.18
+
+### Major Changes
+
+- tests
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@2.0.0-rc.18
+  - @spark-web/a11y@2.0.0-rc.18
+  - @spark-web/icon@2.0.0-rc.18
+  - @spark-web/box@2.0.0-rc.18
+
+## 2.0.0-rc.17
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@2.0.0-rc.17
+  - @spark-web/a11y@2.0.0-rc.17
+  - @spark-web/icon@2.0.0-rc.17
+  - @spark-web/box@2.0.0-rc.17
+
+## 2.0.0-rc.16
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@2.0.0-rc.16
+  - @spark-web/a11y@2.0.0-rc.16
+  - @spark-web/icon@2.0.0-rc.16
+  - @spark-web/box@2.0.0-rc.16
+
+## 2.0.0-rc.15
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@2.0.0-rc.15
+  - @spark-web/a11y@2.0.0-rc.15
+  - @spark-web/icon@2.0.0-rc.15
+  - @spark-web/box@2.0.0-rc.15
+
+## 2.0.0-rc.14
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@2.0.0-rc.14
+  - @spark-web/a11y@2.0.0-rc.14
+  - @spark-web/icon@2.0.0-rc.14
+  - @spark-web/box@2.0.0-rc.14
+
+## 2.0.0-rc.13
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@2.0.0-rc.13
+  - @spark-web/a11y@2.0.0-rc.13
+  - @spark-web/icon@2.0.0-rc.13
+  - @spark-web/box@2.0.0-rc.13
+
+## 2.0.0-rc.12
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@2.0.0-rc.12
+  - @spark-web/a11y@2.0.0-rc.12
+  - @spark-web/icon@2.0.0-rc.12
+  - @spark-web/box@2.0.0-rc.12
+
+## 2.0.0-rc.11
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@2.0.0-rc.11
+  - @spark-web/a11y@2.0.0-rc.11
+  - @spark-web/icon@2.0.0-rc.11
+  - @spark-web/box@2.0.0-rc.11
+
+## 2.0.0-rc.10
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@2.0.0-rc.10
+  - @spark-web/a11y@2.0.0-rc.10
+  - @spark-web/icon@2.0.0-rc.10
+  - @spark-web/box@2.0.0-rc.10
+
+## 2.0.0-rc.9
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@2.0.0-rc.9
+  - @spark-web/a11y@2.0.0-rc.9
+  - @spark-web/icon@2.0.0-rc.9
+  - @spark-web/box@2.0.0-rc.9
+
+## 2.0.0-rc.8
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@2.0.0-rc.8
+  - @spark-web/a11y@2.0.0-rc.8
+  - @spark-web/icon@2.0.0-rc.8
+  - @spark-web/box@2.0.0-rc.8
+
+## 2.0.0-rc.7
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@2.0.0-rc.7
+  - @spark-web/a11y@2.0.0-rc.7
+  - @spark-web/icon@2.0.0-rc.7
+  - @spark-web/box@2.0.0-rc.7
+
+## 2.0.0-rc.6
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@2.0.0-rc.6
+  - @spark-web/a11y@2.0.0-rc.6
+  - @spark-web/icon@2.0.0-rc.6
+  - @spark-web/box@2.0.0-rc.6
+
+## 2.0.0-rc.5
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@2.0.0-rc.5
+  - @spark-web/a11y@2.0.0-rc.5
+  - @spark-web/icon@2.0.0-rc.5
+  - @spark-web/box@2.0.0-rc.5
+
+## 2.0.0-rc.4
+
+### Major Changes
+
+- bug
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@2.0.0-rc.4
+  - @spark-web/a11y@2.0.0-rc.4
+  - @spark-web/icon@2.0.0-rc.4
+  - @spark-web/box@2.0.0-rc.4
+
+## 2.0.0-rc.3
+
+### Major Changes
+
+- upgrade package
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@2.0.0-rc.3
+  - @spark-web/a11y@2.0.0-rc.3
+  - @spark-web/icon@2.0.0-rc.3
+  - @spark-web/box@2.0.0-rc.3
+
 ## 2.0.0-rc.2
 
 ### Major Changes

package/dist/spark-web-spinner.cjs.d.ts

@@ -1,2 +1,2 @@
-export * from "./declarations/src/index";
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bhcmstd2ViLXNwaW5uZXIuY2pzLmQudHMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuL2RlY2xhcmF0aW9ucy9zcmMvaW5kZXguZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSJ9
+export * from "../src/index";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bhcmstd2ViLXNwaW5uZXIuY2pzLmQudHMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEifQ==

package/dist/spark-web-spinner.cjs.js

@@ -1,7 +1,16 @@
-'use strict';
+"use strict";
+// this file might look strange and you might be wondering what it's for
+// it's lets you import your source files by importing this entrypoint
+// as you would import it if it was built with preconstruct build
+// this file is slightly different to some others though
+// it has a require hook which compiles your code with Babel
+// this means that you don't have to set up @babel/register or anything like that
+// but you can still require this module and it'll be compiled
 
-if (process.env.NODE_ENV === "production") {
-  module.exports = require("./spark-web-spinner.cjs.prod.js");
-} else {
-  module.exports = require("./spark-web-spinner.cjs.dev.js");
-}
+// this bit of code imports the require hook and registers it
+let unregister = require("../../../node_modules/@preconstruct/hook").___internalHook(typeof __dirname === 'undefined' ? undefined : __dirname, "../../..", "..");
+
+// this re-exports the source file
+module.exports = require("../src/index.ts");
+
+unregister();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-web/spinner",
-  "version": "2.0.0-rc.2",
+  "version": "2.0.0-rc.20",
   "homepage": "https://github.com/brighte-labs/spark-web#readme",
   "repository": {
     "type": "git",
@@ -16,11 +16,11 @@
   ],
   "dependencies": {
     "@babel/runtime": "^7.25.0",
-    "@emotion/react": "^11.13.5",
-    "@spark-web/a11y": "^2.0.0-rc.2",
-    "@spark-web/box": "^2.0.0-rc.2",
-    "@spark-web/icon": "^2.0.0-rc.2",
-    "@spark-web/utils": "^2.0.0-rc.2"
+    "@emotion/react": "^11.14.0",
+    "@spark-web/a11y": "^2.0.0-rc.20",
+    "@spark-web/box": "^2.0.0-rc.20",
+    "@spark-web/icon": "^2.0.0-rc.20",
+    "@spark-web/utils": "^2.0.0-rc.20"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",

package/dist/declarations/src/index.d.ts

@@ -1,2 +0,0 @@
-export { Spinner } from "./spinner.js";
-export type { SpinnerProps } from "./spinner.js";

package/dist/declarations/src/spinner.d.ts

@@ -1,14 +0,0 @@
-import type { IconProps } from '@spark-web/icon';
-import type { DataAttributeMap } from '@spark-web/utils/internal';
-export declare type SpinnerProps = {
-    /** Provide a tone to influence elements of the field, and its input. */
-    tone?: IconProps['tone'];
-    /** The size of the nested radios. */
-    size?: 'xxsmall' | 'xsmall';
-    /** Sets data attributes for the element. */
-    data?: DataAttributeMap;
-};
-export declare function Spinner({ tone, size, data }: SpinnerProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare namespace Spinner {
-    var displayName: string;
-}

package/dist/spark-web-spinner.cjs.dev.js

@@ -1,73 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('@emotion/react');
-var a11y = require('@spark-web/a11y');
-var box = require('@spark-web/box');
-var icon = require('@spark-web/icon');
-var utils = require('@spark-web/utils');
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-
-function Spinner(_ref) {
-  var tone = _ref.tone,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'xxsmall' : _ref$size,
-    data = _ref.data;
-  var spinAnimationRef = utils.useSynchronizedAnimation(spinAnimation);
-  var strokeAnimationRef = utils.useSynchronizedAnimation(strokeDashAnimation);
-  var styles = useSpinnerStyles();
-  return jsxRuntime.jsxs(box.Box, {
-    as: "span",
-    ref: spinAnimationRef,
-    css: react.css(styles),
-    height: size,
-    width: size,
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    data: data,
-    children: [jsxRuntime.jsx(a11y.VisuallyHidden, {
-      children: "Image of a partial circle indicating \"loading\"."
-    }), jsxRuntime.jsx(SpinnerIcon, {
-      size: size,
-      tone: tone,
-      ref: strokeAnimationRef,
-      "aria-hidden": "true"
-    })]
-  });
-}
-Spinner.displayName = 'Spinner';
-var SpinnerIcon = icon.createIcon(jsxRuntime.jsx("circle", {
-  cx: 12,
-  cy: 12,
-  r: 9
-}), 'SpinnerIcon');
-var spinAnimation = react.keyframes({
-  from: {
-    transform: 'rotate(0deg)'
-  },
-  to: {
-    transform: 'rotate(360deg)'
-  }
-});
-var strokeDashAnimation = react.keyframes({
-  '0%': {
-    strokeDasharray: '1px, 200px',
-    strokeDashoffset: 0
-  },
-  '100%': {
-    strokeDasharray: '200px, 200px',
-    strokeDashoffset: '-55px'
-  }
-});
-function useSpinnerStyles() {
-  return {
-    animation: "".concat(spinAnimation, " 1.4s linear infinite"),
-    '& circle': {
-      animation: "".concat(strokeDashAnimation, " 1.6s cubic-bezier(0.47, 0, 0.75, 0.72) infinite")
-    }
-  };
-}
-
-exports.Spinner = Spinner;

package/dist/spark-web-spinner.cjs.prod.js

@@ -1,73 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('@emotion/react');
-var a11y = require('@spark-web/a11y');
-var box = require('@spark-web/box');
-var icon = require('@spark-web/icon');
-var utils = require('@spark-web/utils');
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-
-function Spinner(_ref) {
-  var tone = _ref.tone,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'xxsmall' : _ref$size,
-    data = _ref.data;
-  var spinAnimationRef = utils.useSynchronizedAnimation(spinAnimation);
-  var strokeAnimationRef = utils.useSynchronizedAnimation(strokeDashAnimation);
-  var styles = useSpinnerStyles();
-  return jsxRuntime.jsxs(box.Box, {
-    as: "span",
-    ref: spinAnimationRef,
-    css: react.css(styles),
-    height: size,
-    width: size,
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    data: data,
-    children: [jsxRuntime.jsx(a11y.VisuallyHidden, {
-      children: "Image of a partial circle indicating \"loading\"."
-    }), jsxRuntime.jsx(SpinnerIcon, {
-      size: size,
-      tone: tone,
-      ref: strokeAnimationRef,
-      "aria-hidden": "true"
-    })]
-  });
-}
-Spinner.displayName = 'Spinner';
-var SpinnerIcon = icon.createIcon(jsxRuntime.jsx("circle", {
-  cx: 12,
-  cy: 12,
-  r: 9
-}), 'SpinnerIcon');
-var spinAnimation = react.keyframes({
-  from: {
-    transform: 'rotate(0deg)'
-  },
-  to: {
-    transform: 'rotate(360deg)'
-  }
-});
-var strokeDashAnimation = react.keyframes({
-  '0%': {
-    strokeDasharray: '1px, 200px',
-    strokeDashoffset: 0
-  },
-  '100%': {
-    strokeDasharray: '200px, 200px',
-    strokeDashoffset: '-55px'
-  }
-});
-function useSpinnerStyles() {
-  return {
-    animation: "".concat(spinAnimation, " 1.4s linear infinite"),
-    '& circle': {
-      animation: "".concat(strokeDashAnimation, " 1.6s cubic-bezier(0.47, 0, 0.75, 0.72) infinite")
-    }
-  };
-}
-
-exports.Spinner = Spinner;

package/dist/spark-web-spinner.esm.js

@@ -1,69 +0,0 @@
-import { keyframes, css } from '@emotion/react';
-import { VisuallyHidden } from '@spark-web/a11y';
-import { Box } from '@spark-web/box';
-import { createIcon } from '@spark-web/icon';
-import { useSynchronizedAnimation } from '@spark-web/utils';
-import { jsx, jsxs } from '@emotion/react/jsx-runtime';
-
-function Spinner(_ref) {
-  var tone = _ref.tone,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'xxsmall' : _ref$size,
-    data = _ref.data;
-  var spinAnimationRef = useSynchronizedAnimation(spinAnimation);
-  var strokeAnimationRef = useSynchronizedAnimation(strokeDashAnimation);
-  var styles = useSpinnerStyles();
-  return jsxs(Box, {
-    as: "span",
-    ref: spinAnimationRef,
-    css: css(styles),
-    height: size,
-    width: size,
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    data: data,
-    children: [jsx(VisuallyHidden, {
-      children: "Image of a partial circle indicating \"loading\"."
-    }), jsx(SpinnerIcon, {
-      size: size,
-      tone: tone,
-      ref: strokeAnimationRef,
-      "aria-hidden": "true"
-    })]
-  });
-}
-Spinner.displayName = 'Spinner';
-var SpinnerIcon = createIcon(jsx("circle", {
-  cx: 12,
-  cy: 12,
-  r: 9
-}), 'SpinnerIcon');
-var spinAnimation = keyframes({
-  from: {
-    transform: 'rotate(0deg)'
-  },
-  to: {
-    transform: 'rotate(360deg)'
-  }
-});
-var strokeDashAnimation = keyframes({
-  '0%': {
-    strokeDasharray: '1px, 200px',
-    strokeDashoffset: 0
-  },
-  '100%': {
-    strokeDasharray: '200px, 200px',
-    strokeDashoffset: '-55px'
-  }
-});
-function useSpinnerStyles() {
-  return {
-    animation: "".concat(spinAnimation, " 1.4s linear infinite"),
-    '& circle': {
-      animation: "".concat(strokeDashAnimation, " 1.6s cubic-bezier(0.47, 0, 0.75, 0.72) infinite")
-    }
-  };
-}
-
-export { Spinner };