@spark-web/spinner 0.0.0-snapshot-release-20260409001813

package/CHANGELOG.md

@@ -0,0 +1,683 @@
+# @spark-web/spinner
+
+## 0.0.0-snapshot-release-20260409001813
+
+### Patch Changes
+
+- [#782](https://github.com/brighte-labs/spark-web/pull/782)
+  [`b18cf44`](https://github.com/brighte-labs/spark-web/commit/b18cf4426df1e94b005ece8d93996459dc3e41d6)
+  Thanks [@jacobporci-brighte](https://github.com/jacobporci-brighte)! -
+  **docs:** add CLAUDE.md AI context files to foundation and form packages;
+  patch data-table with manual sort and spinner overlay patterns
+- Updated dependencies
+  [[`b18cf44`](https://github.com/brighte-labs/spark-web/commit/b18cf4426df1e94b005ece8d93996459dc3e41d6)]:
+  - @spark-web/box@0.0.0-snapshot-release-20260409001813
+
+## 5.1.0
+
+### Minor Changes
+
+- [#667](https://github.com/brighte-labs/spark-web/pull/667)
+  [`80d9c15`](https://github.com/brighte-labs/spark-web/commit/80d9c156a40bbcd2b1a91a2d0403b3c8e9b47b4e)
+  Thanks [@Leo704099](https://github.com/Leo704099)! - Support react 17 to 19
+
+### Patch Changes
+
+- Updated dependencies
+  [[`80d9c15`](https://github.com/brighte-labs/spark-web/commit/80d9c156a40bbcd2b1a91a2d0403b3c8e9b47b4e)]:
+  - @spark-web/utils@5.1.0
+  - @spark-web/a11y@5.3.0
+  - @spark-web/icon@5.1.0
+  - @spark-web/box@6.0.0
+
+## 5.0.1
+
+### Patch Changes
+
+- [#623](https://github.com/brighte-labs/spark-web/pull/623)
+  [`439f6dc`](https://github.com/brighte-labs/spark-web/commit/439f6dcebc40b65193606f990e5a246cdb6ede4d)
+  Thanks [@michtntbrighte](https://github.com/michtntbrighte)! - Fix loading
+  indicator message
+
+## 5.0.0
+
+### Major Changes
+
+- This release of spark-web standardises the version across all packages to be
+  **`v5`**, primarily signifying the switch from `@emotion/css` to
+  `@emotion/react` as one of the key dependencies of the entire library, in
+  order to support server-side rendering / SSR.
+
+  This release also introduces support for theming, to allow for more co-branded
+  experiences across our web applications. It also supports component-level
+  theming for `<Button />`, `<ButtonLink />`, and `<Checkbox />`, which provides
+  the capability to override the global theme available inside an application.
+
+  To use this in an application, you can wrap the affected areas with a
+  `ThemeProvider`:
+
+  ```
+  <ThemeProvider theme="pantheon">
+    <Input type="text" />
+    <Button type="submit" />
+  </ThemeProvider>
+  ```
+
+  Part of the theming capabilities includes a new theme for `spark-web` called
+  "pantheon", which should map with our co-branding efforts in the Pantheon
+  project. It currently includes a small set of colors and its corresponding
+  font family.
+
+### Patch Changes
+
+- [#532](https://github.com/brighte-labs/spark-web/pull/532)
+  [`631573c`](https://github.com/brighte-labs/spark-web/commit/631573cb72981d99b9afa4ad559123f44e47b2a9)
+  Thanks [@ralcoriza-brighte](https://github.com/ralcoriza-brighte)! - Fix
+  type-related issues
+
+- Updated dependencies
+  [[`631573c`](https://github.com/brighte-labs/spark-web/commit/631573cb72981d99b9afa4ad559123f44e47b2a9)]:
+  - @spark-web/utils@5.0.0
+  - @spark-web/a11y@5.0.0
+  - @spark-web/icon@5.0.0
+  - @spark-web/box@5.0.0
+
+## 5.0.0-rc.31
+
+### Patch Changes
+
+- Fix type-related issues
+
+- Updated dependencies []:
+  - @spark-web/utils@5.0.0-rc.31
+  - @spark-web/a11y@5.0.0-rc.31
+  - @spark-web/icon@5.0.0-rc.31
+  - @spark-web/box@5.0.0-rc.31
+
+## 5.0.0-rc.30
+
+### Minor Changes
+
+- Adopt latest changes from stable main branch
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@5.0.0-rc.30
+  - @spark-web/a11y@5.0.0-rc.30
+  - @spark-web/icon@5.0.0-rc.30
+  - @spark-web/box@5.0.0-rc.30
+
+## 5.0.0-rc.29
+
+### Minor Changes
+
+- Revise stylesheet maps to align with theme name change
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@5.0.0-rc.29
+  - @spark-web/a11y@5.0.0-rc.29
+  - @spark-web/icon@5.0.0-rc.29
+  - @spark-web/box@5.0.0-rc.29
+
+## 5.0.0-rc.28
+
+### Minor Changes
+
+- Move fonts to theme package; Introduce Pantheon font family and stylesheet
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@5.0.0-rc.28
+  - @spark-web/a11y@5.0.0-rc.28
+  - @spark-web/icon@5.0.0-rc.28
+  - @spark-web/box@5.0.0-rc.28
+
+## 5.0.0-rc.27
+
+### Minor Changes
+
+- Remove theme prop in button link
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@5.0.0-rc.27
+  - @spark-web/a11y@5.0.0-rc.27
+  - @spark-web/icon@5.0.0-rc.27
+  - @spark-web/box@5.0.0-rc.27
+
+## 5.0.0-rc.26
+
+### Minor Changes
+
+- Roll back on using theme prop for component level theming; prefer using
+  ThemeProvider in applications instead
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@5.0.0-rc.26
+  - @spark-web/a11y@5.0.0-rc.26
+  - @spark-web/icon@5.0.0-rc.26
+  - @spark-web/box@5.0.0-rc.26
+
+## 5.0.0-rc.25
+
+### Minor Changes
+
+- Implement checkbox tokens for test theme
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@5.0.0-rc.25
+  - @spark-web/a11y@5.0.0-rc.25
+  - @spark-web/icon@5.0.0-rc.25
+  - @spark-web/box@5.0.0-rc.25
+
+## 5.0.0-rc.24
+
+### Minor Changes
+
+- Resolve issues with package build output
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@5.0.0-rc.24
+  - @spark-web/a11y@5.0.0-rc.24
+  - @spark-web/icon@5.0.0-rc.24
+  - @spark-web/box@5.0.0-rc.24
+
+## 2.0.0-rc.21
+
+### Minor Changes
+
+- Introduce global theming provider to set global default theme
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@2.0.0-rc.21
+  - @spark-web/a11y@2.0.0-rc.21
+  - @spark-web/icon@2.0.0-rc.21
+  - @spark-web/box@2.0.0-rc.21
+
+## 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
+
+- add parser
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@2.0.0-rc.2
+  - @spark-web/a11y@2.0.0-rc.2
+  - @spark-web/icon@2.0.0-rc.2
+  - @spark-web/box@2.0.0-rc.2
+
+## 2.0.0-rc.1
+
+### Major Changes
+
+- rc
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/utils@2.0.0-rc.1
+  - @spark-web/a11y@2.0.0-rc.1
+  - @spark-web/icon@2.0.0-rc.1
+  - @spark-web/box@2.0.0-rc.1
+
+## 2.0.0-rc.0
+
+### Major Changes
+
+- rc versio
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/a11y@2.0.0-rc.0
+  - @spark-web/icon@2.0.0-rc.0
+  - @spark-web/box@2.0.0-rc.0
+  - @spark-web/utils@2.0.0-rc.0
+
+## 1.1.0
+
+### Minor Changes
+
+- [#382](https://github.com/brighte-labs/spark-web/pull/382)
+  [`955bf5d`](https://github.com/brighte-labs/spark-web/commit/955bf5d7698bfdf45e7f317aa3e726c81d3444c0)
+  Thanks [@dilipt-brighte](https://github.com/dilipt-brighte)! - Updates React
+  version to latest (18.2.0)
+
+### Patch Changes
+
+- Updated dependencies
+  [[`955bf5d`](https://github.com/brighte-labs/spark-web/commit/955bf5d7698bfdf45e7f317aa3e726c81d3444c0)]:
+  - @spark-web/a11y@1.4.0
+  - @spark-web/box@1.2.0
+  - @spark-web/icon@1.3.0
+  - @spark-web/utils@1.3.0
+
+## 1.0.8
+
+### Patch Changes
+
+- [#218](https://github.com/brighte-labs/spark-web/pull/218)
+  [`6fc8d1b`](https://github.com/brighte-labs/spark-web/commit/6fc8d1bc37e25d0cd622bc37f68a1d92eb5961b5)
+  Thanks [@nderkim](https://github.com/nderkim)! - Rename files to kebab case
+
+- [#222](https://github.com/brighte-labs/spark-web/pull/222)
+  [`7f93c45`](https://github.com/brighte-labs/spark-web/commit/7f93c45bbae8c765e10df9d0dd7615473797749b)
+  Thanks [@lukebennett88](https://github.com/lukebennett88)! - Update
+  dependencies
+
+- [#242](https://github.com/brighte-labs/spark-web/pull/242)
+  [`6df05f7`](https://github.com/brighte-labs/spark-web/commit/6df05f764e4181c140d6547d6b897d0210468f6a)
+  Thanks [@lukebennett88](https://github.com/lukebennett88)! - - Add homepage
+  and repository keys to package.json
+  - Add CHANGELOG and README to files key in package.json
+- Updated dependencies
+  [[`adc5e9e`](https://github.com/brighte-labs/spark-web/commit/adc5e9e6c99acd117f3261edcefdb5573132441b),
+  [`de99b9c`](https://github.com/brighte-labs/spark-web/commit/de99b9c7f72373bd1902cf67f5cfec9a1e1db01c),
+  [`6fc8d1b`](https://github.com/brighte-labs/spark-web/commit/6fc8d1bc37e25d0cd622bc37f68a1d92eb5961b5),
+  [`7f93c45`](https://github.com/brighte-labs/spark-web/commit/7f93c45bbae8c765e10df9d0dd7615473797749b),
+  [`6df05f7`](https://github.com/brighte-labs/spark-web/commit/6df05f764e4181c140d6547d6b897d0210468f6a)]:
+  - @spark-web/box@1.1.0
+  - @spark-web/icon@1.2.2
+  - @spark-web/a11y@1.3.2
+  - @spark-web/utils@1.2.3
+
+## 1.0.7
+
+### Patch Changes
+
+- [#208](https://github.com/brighte-labs/spark-web/pull/208)
+  [`1ea26ef`](https://github.com/brighte-labs/spark-web/commit/1ea26ef04a3b45875ed0dd2326eeab1fbe1e4bc5)
+  Thanks [@lukebennett88](https://github.com/lukebennett88)! - Lower required
+  node version
+
+- Updated dependencies
+  [[`1ea26ef`](https://github.com/brighte-labs/spark-web/commit/1ea26ef04a3b45875ed0dd2326eeab1fbe1e4bc5)]:
+  - @spark-web/a11y@1.3.1
+  - @spark-web/box@1.0.9
+  - @spark-web/icon@1.2.1
+  - @spark-web/utils@1.2.2
+
+## 1.0.6
+
+### Patch Changes
+
+- [#197](https://github.com/brighte-labs/spark-web/pull/197)
+  [`94016d8`](https://github.com/brighte-labs/spark-web/commit/94016d84e26bbe55833bbcbab847a2cce6041538)
+  Thanks [@lukebennett88](https://github.com/lukebennett88)! - Update packages
+
+- Updated dependencies
+  [[`51b6c7a`](https://github.com/brighte-labs/spark-web/commit/51b6c7a43f441e02b90403b13af9cfa11e5438ef),
+  [`07286b5`](https://github.com/brighte-labs/spark-web/commit/07286b52f897909b1a806d736e1040351c93078f),
+  [`94016d8`](https://github.com/brighte-labs/spark-web/commit/94016d84e26bbe55833bbcbab847a2cce6041538)]:
+  - @spark-web/a11y@1.3.0
+  - @spark-web/icon@1.2.0
+  - @spark-web/box@1.0.8
+  - @spark-web/utils@1.2.1
+
+## 1.0.5
+
+### Patch Changes
+
+- [#173](https://github.com/brighte-labs/spark-web/pull/173)
+  [`90b7e9c`](https://github.com/brighte-labs/spark-web/commit/90b7e9cf4eb7e864d765c74b22c3dedf3d262e25)
+  Thanks [@lukebennett88](https://github.com/lukebennett88)! - Update babel
+  dependency
+
+- Updated dependencies
+  [[`90b7e9c`](https://github.com/brighte-labs/spark-web/commit/90b7e9cf4eb7e864d765c74b22c3dedf3d262e25),
+  [`be99536`](https://github.com/brighte-labs/spark-web/commit/be99536abb56dd26e5c9a1703e6df9c7860b449b),
+  [`c3867af`](https://github.com/brighte-labs/spark-web/commit/c3867af7b77dfae3580ab63a5d5c9e8452f2da62)]:
+  - @spark-web/a11y@1.2.0
+  - @spark-web/box@1.0.7
+  - @spark-web/icon@1.1.5
+  - @spark-web/utils@1.2.0
+
+## 1.0.4
+
+### Patch Changes
+
+- [#167](https://github.com/brighte-labs/spark-web/pull/167)
+  [`4f79350`](https://github.com/brighte-labs/spark-web/commit/4f793508fdb43ddd452f0d59a3126101f9fa5459)
+  Thanks [@lukebennett88](https://github.com/lukebennett88)! - Update Babel
+
+- Updated dependencies
+  [[`4f79350`](https://github.com/brighte-labs/spark-web/commit/4f793508fdb43ddd452f0d59a3126101f9fa5459),
+  [`f524009`](https://github.com/brighte-labs/spark-web/commit/f5240098cf731b0a2e351b7b585711e893a33736)]:
+  - @spark-web/a11y@1.1.0
+  - @spark-web/box@1.0.6
+  - @spark-web/icon@1.1.4
+  - @spark-web/utils@1.1.5
+
+## 1.0.3
+
+### Patch Changes
+
+- [#142](https://github.com/brighte-labs/spark-web/pull/142)
+  [`500939d`](https://github.com/brighte-labs/spark-web/commit/500939de7c45c93d48078f39151035ab9eba057f)
+  Thanks [@clothoo](https://github.com/clothoo)! - Add role 'progressbar'
+
+## 1.0.2
+
+### Patch Changes
+
+- [#113](https://github.com/brighte-labs/spark-web/pull/113)
+  [`156236d`](https://github.com/brighte-labs/spark-web/commit/156236d2474aee66a0b8e2030635f9c08a5b78ba)
+  Thanks [@lukebennett88](https://github.com/lukebennett88)! - Update
+  dependencies
+
+- Updated dependencies
+  [[`156236d`](https://github.com/brighte-labs/spark-web/commit/156236d2474aee66a0b8e2030635f9c08a5b78ba)]:
+  - @spark-web/box@1.0.5
+  - @spark-web/icon@1.1.3
+  - @spark-web/utils@1.1.3
+
+## 1.0.1
+
+### Patch Changes
+
+- [#87](https://github.com/brighte-labs/spark-web/pull/87)
+  [`5744b68`](https://github.com/brighte-labs/spark-web/commit/5744b6820f626b93a14e11e1fbd96bcbe1b12b27)
+  Thanks [@ChristopherMitchell242](https://github.com/ChristopherMitchell242)! -
+  Data attribute added to component props to allow consumers to attach
+  customattributes to components
+
+* [#52](https://github.com/brighte-labs/spark-web/pull/52)
+  [`82ab744`](https://github.com/brighte-labs/spark-web/commit/82ab744f198466810f3386bc459b8ab4d57c820e)
+  Thanks [@lukebennett88](https://github.com/lukebennett88)! - Add files array
+  to package.json files
+
+- [#63](https://github.com/brighte-labs/spark-web/pull/63)
+  [`58a7284`](https://github.com/brighte-labs/spark-web/commit/58a728457bbbda86ac406a72d8ec4ad6c1c16630)
+  Thanks [@jordangeizer](https://github.com/jordangeizer)! - Patched loader
+  animation so that it doesn't disappear on last keyframe.
+
+- Updated dependencies
+  [[`82ab744`](https://github.com/brighte-labs/spark-web/commit/82ab744f198466810f3386bc459b8ab4d57c820e),
+  [`df618d9`](https://github.com/brighte-labs/spark-web/commit/df618d92d534e06f06ecedc95ea6bdd51cdc906b)]:
+  - @spark-web/box@1.0.4
+  - @spark-web/icon@1.1.2
+  - @spark-web/utils@1.1.2
+
+## 1.0.0
+
+### Major Changes
+
+- [#44](https://github.com/brighte-labs/spark-web/pull/44)
+  [`11e7365`](https://github.com/brighte-labs/spark-web/commit/11e73659ff4a01a48a8761821bff34c6ec28568b)
+  Thanks [@matildaPan](https://github.com/matildaPan)! - initial release of
+  spinner component
+
+### Patch Changes
+
+- Updated dependencies
+  [[`11e7365`](https://github.com/brighte-labs/spark-web/commit/11e73659ff4a01a48a8761821bff34c6ec28568b),
+  [`11e7365`](https://github.com/brighte-labs/spark-web/commit/11e73659ff4a01a48a8761821bff34c6ec28568b)]:
+  - @spark-web/icon@1.1.0
+  - @spark-web/utils@1.1.0

package/CLAUDE.md

@@ -0,0 +1,73 @@
+# @spark-web/spinner — AI Context
+
+## What this is
+
+An animated circular loading indicator. Used to communicate that an async
+operation is in progress. Includes a visually hidden "is loading" label for
+screen readers.
+
+## What this is NOT
+
+- Not a progress bar — does not communicate percentage completion
+- Not the loading state for `DataTable` — use the `isLoading` prop on
+  `DataTable` instead of placing a `Spinner` externally alongside the table
+- Not a skeleton loader — for page-level skeleton loading use placeholder shapes
+
+## Props interface
+
+| Prop   | Type                    | Default     | Notes                      |
+| ------ | ----------------------- | ----------- | -------------------------- |
+| `tone` | icon tone (string)      | —           | Controls SVG stroke color  |
+| `size` | `'xxsmall' \| 'xsmall'` | `'xxsmall'` | Visual size of the spinner |
+| `data` | `DataAttributeMap`      | —           | Test/analytics attributes  |
+
+## Common tones
+
+- `tone="primary"` — green on white surface (default loading state)
+- `tone="neutral"` — grey, for subdued contexts
+- No tone — inherits ambient foreground color
+
+## Common patterns
+
+### Inline loading overlay (not inside DataTable)
+
+Use only when you cannot use `DataTable`'s `isLoading` prop — e.g., a full-page
+overlay or a custom loading region:
+
+```tsx
+{
+  isLoading && (
+    <Box
+      display="flex"
+      flexDirection="column"
+      alignItems="center"
+      justifyContent="center"
+      gap="small"
+      padding="xlarge"
+    >
+      <Spinner tone="primary" size="xsmall" />
+      <Text tone="muted">Loading</Text>
+    </Box>
+  );
+}
+```
+
+### Inline next to text
+
+```tsx
+<Row gap="small" alignY="center">
+  <Spinner tone="primary" />
+  <Text tone="muted">Saving…</Text>
+</Row>
+```
+
+## Do NOTs
+
+- NEVER render a `Spinner` outside `DataTable` to indicate table loading — use
+  `DataTable`'s `isLoading` prop
+- NEVER use a size larger than `xsmall` — only `xxsmall` and `xsmall` are
+  supported
+- NEVER wrap `<Spinner>` in `aria-hidden="true"` — the component includes a
+  built-in visually hidden `"is loading"` label for screen readers. The inner
+  SVG is already `aria-hidden` by the component; do not suppress the outer
+  element.

package/README.md

@@ -0,0 +1,85 @@
+---
+title: Spinner
+storybookPath: feedback-overlays-spinner--default
+isExperimentalPackage: true
+---
+
+Spinner indicates to users that their request is in progress. In most cases
+[you should use the `loading` prop on a Button instead of using this component directly](/package/button#loading).
+
+## Examples
+
+### Tones
+
+The appearance of Spinner can be customised with the tone prop.
+
+Defaults to `primary`.
+
+```jsx live
+const tones = ['secondary', 'critical', 'positive', 'neutral'];
+
+return (
+  <Stack align="left" gap="large">
+    <Inline gap="large">
+      {tones.map(tone => (
+        <Spinner key={tone} tone={tone} />
+      ))}
+    </Inline>
+  </Stack>
+);
+```
+
+```jsx live
+const backgrounds = [
+  // Light
+  ['surface', 'positiveLight', 'infoLight', 'cautionLight', 'criticalLight'],
+  // Dark
+  ['muted', 'positive', 'info', 'caution', 'critical'],
+];
+
+return (
+  <Stack gap="large">
+    {backgrounds.map((backgroundLightness, index) => (
+      <Inline key={index} gap="large">
+        {backgroundLightness.map(background => (
+          <Box
+            key={background}
+            background={background}
+            shadow="medium"
+            height="medium"
+            width="medium"
+            display="flex"
+            flexShrink={0}
+            alignItems="center"
+            justifyContent="center"
+          >
+            <Spinner />
+          </Box>
+        ))}
+      </Inline>
+    ))}
+  </Stack>
+);
+```
+
+## Size
+
+Spinners available in two size: `xxsmall` and `xsmall`.
+
+Defaults to `xsmall`.
+
+```jsx live
+<Row gap="large">
+  <Spinner size="xxsmall" />
+  <Spinner size="xsmall" />
+</Row>
+```
+
+## Props
+
+### Spinner
+
+<PropsTable displayName="Spinner" />
+
+[data-attribute-map]:
+  https://github.com/brighte-labs/spark-web/blob/e7f6f4285b4cfd876312cc89fbdd094039aa239a/packages/utils/src/internal/buildDataAttributes.ts#L1

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

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

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

@@ -0,0 +1,14 @@
+import type { IconProps } from '@spark-web/icon';
+import type { DataAttributeMap } from '@spark-web/utils/internal';
+export 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.d.ts

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

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

@@ -0,0 +1,73 @@
+'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: "is 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.js

@@ -0,0 +1,7 @@
+'use strict';
+
+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");
+}

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

@@ -0,0 +1,73 @@
+'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: "is 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

@@ -0,0 +1,69 @@
+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: "is 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 };

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@spark-web/spinner",
+  "version": "0.0.0-snapshot-release-20260409001813",
+  "homepage": "https://github.com/brighte-labs/spark-web#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/brighte-labs/spark-web.git",
+    "directory": "packages/spinner"
+  },
+  "main": "dist/spark-web-spinner.cjs.js",
+  "module": "dist/spark-web-spinner.esm.js",
+  "files": [
+    "CHANGELOG.md",
+    "CLAUDE.md",
+    "dist",
+    "README.md"
+  ],
+  "dependencies": {
+    "@babel/runtime": "^7.25.0",
+    "@emotion/react": "^11.14.0",
+    "@spark-web/a11y": "^5.3.0",
+    "@spark-web/box": "0.0.0-snapshot-release-20260409001813",
+    "@spark-web/icon": "^5.1.0",
+    "@spark-web/utils": "^5.1.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.0",
+    "react": "^19.1.0"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+  },
+  "engines": {
+    "node": ">=14"
+  }
+}