chore(progress): indeterminate animation improved

2025-12-08 19:26:11 +00:00 · 2023-03-31 12:41:04 -03:00 · 2023-03-31 12:41:04 -03:00 · c8a57a25fe
commit c8a57a25fe
parent aa527e28da
43 changed files with 187 additions and 23 deletions
--- a/packages/components/accordion/CHANGELOG.md
+++ b/packages/components/accordion/CHANGELOG.md
@ -1,5 +1,12 @@
 # @nextui-org/accordion

+## 0.0.0-dev-v2-20230331154026
+
+### Patch Changes
+
+- Updated dependencies
+  - @nextui-org/theme@0.0.0-dev-v2-20230331154026
+
 ## 0.0.0-dev-v2-20230331132840

 ### Patch Changes
--- a/packages/components/accordion/package.json
+++ b/packages/components/accordion/package.json
@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/accordion",
-  "version": "0.0.0-dev-v2-20230331132840",
+  "version": "0.0.0-dev-v2-20230331154026",
  "description": "Collapse display a list of high-level options that can expand/collapse to reveal more information.",
  "keywords": [
    "react",
--- a/packages/components/avatar/CHANGELOG.md
+++ b/packages/components/avatar/CHANGELOG.md
@ -1,5 +1,12 @@
 # @nextui-org/avatar

+## 0.0.0-dev-v2-20230331154026
+
+### Patch Changes
+
+- Updated dependencies
+  - @nextui-org/theme@0.0.0-dev-v2-20230331154026
+
 ## 0.0.0-dev-v2-20230331132840

 ### Patch Changes
--- a/packages/components/avatar/package.json
+++ b/packages/components/avatar/package.json
@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/avatar",
-  "version": "0.0.0-dev-v2-20230331132840",
+  "version": "0.0.0-dev-v2-20230331154026",
  "description": "The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.",
  "keywords": [
    "avatar"
--- a/packages/components/badge/CHANGELOG.md
+++ b/packages/components/badge/CHANGELOG.md
@ -1,5 +1,12 @@
 # @nextui-org/badge

+## 0.0.0-dev-v2-20230331154026
+
+### Patch Changes
+
+- Updated dependencies
+  - @nextui-org/theme@0.0.0-dev-v2-20230331154026
+
 ## 0.0.0-dev-v2-20230331132840

 ### Patch Changes
--- a/packages/components/badge/package.json
+++ b/packages/components/badge/package.json
@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/badge",
-  "version": "0.0.0-dev-v2-20230331132840",
+  "version": "0.0.0-dev-v2-20230331154026",
  "description": "Badges are used as a small numerical value or status descriptor for UI elements.",
  "keywords": [
    "badge"
--- a/packages/components/button/CHANGELOG.md
+++ b/packages/components/button/CHANGELOG.md
@ -1,5 +1,14 @@
 # @nextui-org/button

+## 0.0.0-dev-v2-20230331154026
+
+### Patch Changes
+
+- Updated dependencies
+  - @nextui-org/theme@0.0.0-dev-v2-20230331154026
+  - @nextui-org/drip@0.0.0-dev-v2-20230331154026
+  - @nextui-org/spinner@0.0.0-dev-v2-20230331154026
+
 ## 0.0.0-dev-v2-20230331132840

 ### Patch Changes
--- a/packages/components/button/package.json
+++ b/packages/components/button/package.json
@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/button",
-  "version": "0.0.0-dev-v2-20230331132840",
+  "version": "0.0.0-dev-v2-20230331154026",
  "description": "Buttons allow users to perform actions and choose with a single tap.",
  "keywords": [
    "button"
--- a/packages/components/card/CHANGELOG.md
+++ b/packages/components/card/CHANGELOG.md
@ -1,5 +1,13 @@
 # @nextui-org/card

+## 0.0.0-dev-v2-20230331154026
+
+### Patch Changes
+
+- Updated dependencies
+  - @nextui-org/theme@0.0.0-dev-v2-20230331154026
+  - @nextui-org/drip@0.0.0-dev-v2-20230331154026
+
 ## 0.0.0-dev-v2-20230331132840

 ### Patch Changes
--- a/packages/components/card/package.json
+++ b/packages/components/card/package.json
@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/card",
-  "version": "0.0.0-dev-v2-20230331132840",
+  "version": "0.0.0-dev-v2-20230331154026",
  "description": "Card is a container for text, photos, and actions in the context of a single subject.",
  "keywords": [
    "card"
--- a/packages/components/checkbox/CHANGELOG.md
+++ b/packages/components/checkbox/CHANGELOG.md
@ -1,5 +1,12 @@
 # @nextui-org/checkbox

+## 0.0.0-dev-v2-20230331154026
+
+### Patch Changes
+
+- Updated dependencies
+  - @nextui-org/theme@0.0.0-dev-v2-20230331154026
+
 ## 0.0.0-dev-v2-20230331132840

 ### Patch Changes
--- a/packages/components/checkbox/package.json
+++ b/packages/components/checkbox/package.json
@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/checkbox",
-  "version": "0.0.0-dev-v2-20230331132840",
+  "version": "0.0.0-dev-v2-20230331154026",
  "description": "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.",
  "keywords": [
    "checkbox"
--- a/packages/components/chip/CHANGELOG.md
+++ b/packages/components/chip/CHANGELOG.md
@ -1,5 +1,12 @@
 # @nextui-org/chip

+## 0.0.0-dev-v2-20230331154026
+
+### Patch Changes
+
+- Updated dependencies
+  - @nextui-org/theme@0.0.0-dev-v2-20230331154026
+
 ## 0.0.0-dev-v2-20230331132840

 ### Patch Changes
--- a/packages/components/chip/package.json
+++ b/packages/components/chip/package.json
@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/chip",
-  "version": "0.0.0-dev-v2-20230331132840",
+  "version": "0.0.0-dev-v2-20230331154026",
  "description": "Chips help people enter information, make selections, filter content, or trigger actions.",
  "keywords": [
    "chip"
--- a/packages/components/code/CHANGELOG.md
+++ b/packages/components/code/CHANGELOG.md
@ -1,5 +1,12 @@
 # @nextui-org/code

+## 0.0.0-dev-v2-20230331154026
+
+### Patch Changes
+
+- Updated dependencies
+  - @nextui-org/theme@0.0.0-dev-v2-20230331154026
+
 ## 0.0.0-dev-v2-20230331132840

 ### Patch Changes
--- a/packages/components/code/package.json
+++ b/packages/components/code/package.json
@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/code",
-  "version": "0.0.0-dev-v2-20230331132840",
+  "version": "0.0.0-dev-v2-20230331154026",
  "description": "Code is a component used to display inline code.",
  "keywords": [
    "code"
--- a/packages/components/drip/CHANGELOG.md
+++ b/packages/components/drip/CHANGELOG.md
@ -1,5 +1,12 @@
 # @nextui-org/drip

+## 0.0.0-dev-v2-20230331154026
+
+### Patch Changes
+
+- Updated dependencies
+  - @nextui-org/theme@0.0.0-dev-v2-20230331154026
+
 ## 0.0.0-dev-v2-20230331132840

 ### Patch Changes
--- a/packages/components/drip/package.json
+++ b/packages/components/drip/package.json
@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/drip",
-  "version": "0.0.0-dev-v2-20230331132840",
+  "version": "0.0.0-dev-v2-20230331154026",
  "description": "A ripple effect for ensuring that the user fells the system is reacting instantaneously",
  "keywords": [
    "drip"
--- a/packages/components/link/CHANGELOG.md
+++ b/packages/components/link/CHANGELOG.md
@ -1,5 +1,12 @@
 # @nextui-org/link

+## 0.0.0-dev-v2-20230331154026
+
+### Patch Changes
+
+- Updated dependencies
+  - @nextui-org/theme@0.0.0-dev-v2-20230331154026
+
 ## 0.0.0-dev-v2-20230331132840

 ### Patch Changes
--- a/packages/components/link/package.json
+++ b/packages/components/link/package.json
@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/link",
-  "version": "0.0.0-dev-v2-20230331132840",
+  "version": "0.0.0-dev-v2-20230331154026",
  "description": "Links allow users to click their way from page to page. This component is styled to resemble a hyperlink and semantically renders an &lt;a&gt;",
  "keywords": [
    "link"
--- a/packages/components/pagination/CHANGELOG.md
+++ b/packages/components/pagination/CHANGELOG.md
@ -1,5 +1,12 @@
 # @nextui-org/pagination

+## 0.0.0-dev-v2-20230331154026
+
+### Patch Changes
+
+- Updated dependencies
+  - @nextui-org/theme@0.0.0-dev-v2-20230331154026
+
 ## 0.0.0-dev-v2-20230331132840

 ### Patch Changes
--- a/packages/components/pagination/package.json
+++ b/packages/components/pagination/package.json
@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/pagination",
-  "version": "0.0.0-dev-v2-20230331132840",
+  "version": "0.0.0-dev-v2-20230331154026",
  "description": "The Pagination component allows you to display active page and navigate between multiple pages.",
  "keywords": [
    "pagination"
--- a/packages/components/progress/CHANGELOG.md
+++ b/packages/components/progress/CHANGELOG.md
@ -1,5 +1,12 @@
 # @nextui-org/progress

+## 0.0.0-dev-v2-20230331154026
+
+### Patch Changes
+
+- Updated dependencies
+  - @nextui-org/theme@0.0.0-dev-v2-20230331154026
+
 ## 0.0.0-dev-v2-20230331132840

 ### Patch Changes
--- a/packages/components/progress/package.json
+++ b/packages/components/progress/package.json
@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/progress",
-  "version": "0.0.0-dev-v2-20230331132840",
+  "version": "0.0.0-dev-v2-20230331154026",
  "description": "Progress bars show either determinate or indeterminate progress of an operation over time.",
  "keywords": [
    "progress"
--- a/packages/components/progress/stories/progress.stories.tsx
+++ b/packages/components/progress/stories/progress.stories.tsx
@ -94,6 +94,8 @@ WithValueFormatting.args = {
 export const Indeterminate = Template.bind({});
 Indeterminate.args = {
  ...defaultProps,
+  size: "xs",
+  radius: "none",
  isIndeterminate: true,
 };

--- a/packages/components/radio/CHANGELOG.md
+++ b/packages/components/radio/CHANGELOG.md
@ -1,5 +1,12 @@
 # @nextui-org/radio

+## 0.0.0-dev-v2-20230331154026
+
+### Patch Changes
+
+- Updated dependencies
+  - @nextui-org/theme@0.0.0-dev-v2-20230331154026
+
 ## 0.0.0-dev-v2-20230331132840

 ### Patch Changes
--- a/packages/components/radio/package.json
+++ b/packages/components/radio/package.json
@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/radio",
-  "version": "0.0.0-dev-v2-20230331132840",
+  "version": "0.0.0-dev-v2-20230331154026",
  "description": "Radios allow users to select a single option from a list of mutually exclusive options.",
  "keywords": [
    "radio"
--- a/packages/components/snippet/CHANGELOG.md
+++ b/packages/components/snippet/CHANGELOG.md
@ -1,5 +1,13 @@
 # @nextui-org/snippet

+## 0.0.0-dev-v2-20230331154026
+
+### Patch Changes
+
+- Updated dependencies
+  - @nextui-org/theme@0.0.0-dev-v2-20230331154026
+  - @nextui-org/tooltip@0.0.0-dev-v2-20230331154026
+
 ## 0.0.0-dev-v2-20230331132840

 ### Patch Changes
--- a/packages/components/snippet/package.json
+++ b/packages/components/snippet/package.json
@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/snippet",
-  "version": "0.0.0-dev-v2-20230331132840",
+  "version": "0.0.0-dev-v2-20230331154026",
  "description": "Display a snippet of copyable code for the command line.",
  "keywords": [
    "snippet"
--- a/packages/components/spinner/CHANGELOG.md
+++ b/packages/components/spinner/CHANGELOG.md
@ -1,5 +1,12 @@
 # @nextui-org/spinner

+## 0.0.0-dev-v2-20230331154026
+
+### Patch Changes
+
+- Updated dependencies
+  - @nextui-org/theme@0.0.0-dev-v2-20230331154026
+
 ## 0.0.0-dev-v2-20230331132840

 ### Patch Changes
--- a/packages/components/spinner/package.json
+++ b/packages/components/spinner/package.json
@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/spinner",
-  "version": "0.0.0-dev-v2-20230331132840",
+  "version": "0.0.0-dev-v2-20230331154026",
  "description": "Loaders express an unspecified wait time or display the length of a process.",
  "keywords": [
    "loading",
--- a/packages/components/switch/CHANGELOG.md
+++ b/packages/components/switch/CHANGELOG.md
@ -1,5 +1,12 @@
 # @nextui-org/switch

+## 0.0.0-dev-v2-20230331154026
+
+### Patch Changes
+
+- Updated dependencies
+  - @nextui-org/theme@0.0.0-dev-v2-20230331154026
+
 ## 0.0.0-dev-v2-20230331132840

 ### Patch Changes
--- a/packages/components/switch/package.json
+++ b/packages/components/switch/package.json
@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/switch",
-  "version": "0.0.0-dev-v2-20230331132840",
+  "version": "0.0.0-dev-v2-20230331154026",
  "description": "A switch is similar to a checkbox, but represents on/off values as opposed to selection.",
  "keywords": [
    "switch"
--- a/packages/components/tooltip/CHANGELOG.md
+++ b/packages/components/tooltip/CHANGELOG.md
@ -1,5 +1,12 @@
 # @nextui-org/tooltip

+## 0.0.0-dev-v2-20230331154026
+
+### Patch Changes
+
+- Updated dependencies
+  - @nextui-org/theme@0.0.0-dev-v2-20230331154026
+
 ## 0.0.0-dev-v2-20230331132840

 ### Patch Changes
--- a/packages/components/tooltip/package.json
+++ b/packages/components/tooltip/package.json
@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/tooltip",
-  "version": "0.0.0-dev-v2-20230331132840",
+  "version": "0.0.0-dev-v2-20230331154026",
  "description": "A React Component for rendering dynamically positioned Tooltips",
  "keywords": [
    "tooltip"
--- a/packages/components/user/CHANGELOG.md
+++ b/packages/components/user/CHANGELOG.md
@ -1,5 +1,13 @@
 # @nextui-org/user

+## 0.0.0-dev-v2-20230331154026
+
+### Patch Changes
+
+- Updated dependencies
+  - @nextui-org/theme@0.0.0-dev-v2-20230331154026
+  - @nextui-org/avatar@0.0.0-dev-v2-20230331154026
+
 ## 0.0.0-dev-v2-20230331132840

 ### Patch Changes
--- a/packages/components/user/package.json
+++ b/packages/components/user/package.json
@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/user",
-  "version": "0.0.0-dev-v2-20230331132840",
+  "version": "0.0.0-dev-v2-20230331154026",
  "description": "Flexible User Profile Component.",
  "keywords": [
    "user"
--- a/packages/core/react/CHANGELOG.md
+++ b/packages/core/react/CHANGELOG.md
@ -1,5 +1,30 @@
 # @nextui-org/react

+## 0.0.0-dev-v2-20230331154026
+
+### Patch Changes
+
+- Updated dependencies
+  - @nextui-org/theme@0.0.0-dev-v2-20230331154026
+  - @nextui-org/accordion@0.0.0-dev-v2-20230331154026
+  - @nextui-org/avatar@0.0.0-dev-v2-20230331154026
+  - @nextui-org/badge@0.0.0-dev-v2-20230331154026
+  - @nextui-org/button@0.0.0-dev-v2-20230331154026
+  - @nextui-org/card@0.0.0-dev-v2-20230331154026
+  - @nextui-org/checkbox@0.0.0-dev-v2-20230331154026
+  - @nextui-org/chip@0.0.0-dev-v2-20230331154026
+  - @nextui-org/code@0.0.0-dev-v2-20230331154026
+  - @nextui-org/drip@0.0.0-dev-v2-20230331154026
+  - @nextui-org/link@0.0.0-dev-v2-20230331154026
+  - @nextui-org/pagination@0.0.0-dev-v2-20230331154026
+  - @nextui-org/progress@0.0.0-dev-v2-20230331154026
+  - @nextui-org/radio@0.0.0-dev-v2-20230331154026
+  - @nextui-org/snippet@0.0.0-dev-v2-20230331154026
+  - @nextui-org/spinner@0.0.0-dev-v2-20230331154026
+  - @nextui-org/switch@0.0.0-dev-v2-20230331154026
+  - @nextui-org/tooltip@0.0.0-dev-v2-20230331154026
+  - @nextui-org/user@0.0.0-dev-v2-20230331154026
+
 ## 0.0.0-dev-v2-20230331132840

 ### Patch Changes
--- a/packages/core/react/package.json
+++ b/packages/core/react/package.json
@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/react",
-  "version": "0.0.0-dev-v2-20230331132840",
+  "version": "0.0.0-dev-v2-20230331154026",
  "description": "🚀 Beautiful and modern React UI library.",
  "author": "Junior Garcia <jrgarciadev@gmail.com>",
  "homepage": "https://nextui.org",
--- a/packages/core/theme/CHANGELOG.md
+++ b/packages/core/theme/CHANGELOG.md
@ -1,5 +1,11 @@
 # @nextui-org/theme

+## 0.0.0-dev-v2-20230331154026
+
+### Patch Changes
+
+- Indeterminate progress animation changed
+
 ## 0.0.0-dev-v2-20230331132840

 ### Patch Changes
--- a/packages/core/theme/package.json
+++ b/packages/core/theme/package.json
@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/theme",
-  "version": "0.0.0-dev-v2-20230331132840",
+  "version": "0.0.0-dev-v2-20230331154026",
  "description": "The default theme for NextUI components",
  "keywords": [
    "theme",
--- a/packages/core/theme/src/animations/index.ts
+++ b/packages/core/theme/src/animations/index.ts
@ -56,10 +56,10 @@ export const animations = {
    },
    "indeterminate-bar": {
      "0%": {
-        transform: "translateX(-150%)",
+        transform: "translateX(-50%) scaleX(0.2)",
      },
      "100%": {
-        transform: "translateX(200%)",
+        transform: "translateX(100%) scaleX(1)",
      },
    },
  },
--- a/packages/core/theme/src/components/progress.ts
+++ b/packages/core/theme/src/components/progress.ts
@ -115,7 +115,7 @@ const progress = tv(
      },
      isIndeterminate: {
        true: {
-          filler: ["absolute", "w-1/2", "animate-indeterminate-bar"],
+          filler: ["absolute", "w-full", "origin-left", "animate-indeterminate-bar"],
        },
      },
      isDisabled: {