From 4a9d6eee33ce8d4c05f8f85aa9200e77f8454997 Mon Sep 17 00:00:00 2001
From: ZIA-Hans <1025013204@qq.com>
Date: Thu, 21 Mar 2024 16:17:01 +0800
Subject: [PATCH] fix(progress): progress backgroundColor attributes named to
 background-color

fix #79
---
 .changeset/breezy-swans-bow.md             | 6 ++++++
 packages/banana/src/progress/index.test.ts | 6 ++++--
 pnpm-lock.yaml                             | 8 ++++----
 3 files changed, 14 insertions(+), 6 deletions(-)
 create mode 100644 .changeset/breezy-swans-bow.md

diff --git a/.changeset/breezy-swans-bow.md b/.changeset/breezy-swans-bow.md
new file mode 100644
index 00000000..159d2567
--- /dev/null
+++ b/.changeset/breezy-swans-bow.md
@@ -0,0 +1,6 @@
+---
+'@banana-ui/banana': patch
+'@banana-ui/react': patch
+---
+
+progress backgroundColor attributes named to background-color
diff --git a/packages/banana/src/progress/index.test.ts b/packages/banana/src/progress/index.test.ts
index 411c2025..c4ee62d7 100644
--- a/packages/banana/src/progress/index.test.ts
+++ b/packages/banana/src/progress/index.test.ts
@@ -64,7 +64,7 @@ describe('b-progress', () => {
   });
 
   it('when provided a backgroundColor parameter', async () => {
-    const element = await fixture<BProgress>(html`<b-progress backgroundColor="red"></b-progress>`);
+    const element = await fixture<BProgress>(html`<b-progress background-color="red"></b-progress>`);
     const progressElement = element.shadowRoot?.querySelector('.progress') as HTMLElement;
     let backgroundColor = window.getComputedStyle(progressElement).backgroundColor;
 
@@ -119,7 +119,9 @@ describe('b-progress', () => {
   });
 
   it('custom border radius', async () => {
-    const element = await fixture<BProgress>(html`<b-progress style="--banana-progress-border-radius: 2px"></b-progress>`);
+    const element = await fixture<BProgress>(
+      html`<b-progress style="--banana-progress-border-radius: 2px"></b-progress>`,
+    );
     const progressElement = element.shadowRoot?.querySelector('.progress') as HTMLElement;
     const innerElement = element.shadowRoot?.querySelector('.progress-bar') as HTMLElement;
     const progressBorderRadius = window.getComputedStyle(progressElement).borderRadius;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ff96a403..a2078a73 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,9 +1,5 @@
 lockfileVersion: '6.0'
 
-settings:
-  autoInstallPeers: true
-  excludeLinksFromLockfile: false
-
 importers:
 
   .:
@@ -18857,3 +18853,7 @@ packages:
   /zwitch@2.0.4:
     resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
     dev: true
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false