Merge pull request #213 from warp-ds/next

Release 1.10.2

CHANGELOG.md

@@ -1,3 +1,10 @@
+## [1.10.2-next.1](https://github.com/warp-ds/drive/compare/v1.10.1...v1.10.2-next.1) (2024-03-27)
+
+
+### Bug Fixes
+
+* Correct color for spinner background ([#212](https://github.com/warp-ds/drive/issues/212)) ([5720630](https://github.com/warp-ds/drive/commit/57206300c591fa5f23c5d0cb9502df97b92e7bdc))
+
 ## [1.10.1](https://github.com/warp-ds/drive/compare/v1.10.0...v1.10.1) (2024-03-25)
 
 

package.json

@@ -1,7 +1,7 @@
 {
  "name": "@warp-ds/uno",
  "repository": "[email protected]:warp-ds/drive.git",
- "version": "1.10.1",
+ "version": "1.10.2-next.1",
  "type": "module",
  "exports": {
  ".": "./src/plugin.js",

src/_rules/animations.js

@@ -6,7 +6,7 @@ const inProgress = 'background-image:linear-gradient(135deg,rgba(0,0,0,.05) 25%,
 const keyFrames = '@keyframes animate-inprogress {0% {background-position: 0 0;}to {background-position: 60px 0;}}';
 
 /*----SPINNER----*/
-const spinner = '--spinner-size: 24px;height: var(--spinner-size);width: var(--spinner-size);border-radius: 50%;border: calc(var(--spinner-size) / 8) solid rgba(var(--w-s-rgb-border-primary),.5);border-top-color: var(--w-s-color-border-primary);position: relative;animation: animate-spinner 0.75s infinite linear;';
+const spinner = '--spinner-size: 24px;height: var(--spinner-size);width: var(--spinner-size);border-radius: 50%;border: calc(var(--spinner-size) / 8) solid rgba(var(--w-s-rgb-border-primary-subtle),.5);border-top-color: var(--w-s-color-border-primary);position: relative;animation: animate-spinner 0.75s infinite linear;';
 const spinnerPseudo = `content: ' ';height: calc(var(--spinner-size) / 8);width: calc(var(--spinner-size) / 8);border-radius: 50%;position: absolute;top: calc(var(--spinner-size) / 180);`;
 const spinnerBefore = 'left:0;';
 const spinnerAfter = 'right:0;';

test/animations.js

@@ -16,6 +16,6 @@ test('animate spinner', async ({ uno }) => {
  const { css } = await uno.generate(classes);
  expect(css).toMatchInlineSnapshot(`
  "/* layer: default */
- .animate-spinner{--spinner-size: 24px;height: var(--spinner-size);width: var(--spinner-size);border-radius: 50%;border: calc(var(--spinner-size) / 8) solid rgba(var(--w-s-rgb-border-primary),.5);border-top-color: var(--w-s-color-border-primary);position: relative;animation: animate-spinner 0.75s infinite linear;}.animate-spinner::before,.animate-spinner::after{content: ' ';height: calc(var(--spinner-size) / 8);width: calc(var(--spinner-size) / 8);border-radius: 50%;position: absolute;top: calc(var(--spinner-size) / 180);}.animate-spinner::after{right:0;}.animate-spinner::before{left:0;}@keyframes animate-spinner {to{transform:rotate(359deg);}}"
+ .animate-spinner{--spinner-size: 24px;height: var(--spinner-size);width: var(--spinner-size);border-radius: 50%;border: calc(var(--spinner-size) / 8) solid rgba(var(--w-s-rgb-border-primary-subtle),.5);border-top-color: var(--w-s-color-border-primary);position: relative;animation: animate-spinner 0.75s infinite linear;}.animate-spinner::before,.animate-spinner::after{content: ' ';height: calc(var(--spinner-size) / 8);width: calc(var(--spinner-size) / 8);border-radius: 50%;position: absolute;top: calc(var(--spinner-size) / 180);}.animate-spinner::after{right:0;}.animate-spinner::before{left:0;}@keyframes animate-spinner {to{transform:rotate(359deg);}}"
  `);
 });