From 46147dac264d590c9b5cb4bad35454ceeeb9476e Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Tue, 3 Mar 2026 13:50:25 +0000
Subject: [PATCH 1/2] fix(ProgressBar): fix vertical alignment and spacing in
 aside mode

- Added 'progress-bar--aside' class to main container when 'textAside' is true
- Applied 'gap: 4px' to the aside container for proper spacing
- Added 'progress-bar__text--aside' class to text when 'textAside' is true
- Set 'margin: 0 !important' for the aside text to ensure vertical centering
- Restricted 'progress-bar__left' class to only apply when not in aside mode
- Added unit test to verify the application of the new classes

Co-authored-by: lucasn4s <17988272+lucasn4s@users.noreply.github.com>
---
 package-lock.json              |  4 ++--
 package.json                   |  2 +-
 src/components/ProgressBar.vue | 12 ++++++++++--
 src/tests/ProgressBar.spec.ts  | 14 ++++++++++++++
 4 files changed, 27 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 9174bb30a..cff882a09 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
 	"name": "@sysvale/cuida",
-	"version": "3.154.7",
+	"version": "3.154.8",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "@sysvale/cuida",
-			"version": "3.154.7",
+			"version": "3.154.8",
 			"dependencies": {
 				"@popperjs/core": "^2.11.6",
 				"@sysvale/cuida-icons": "^1.18.0",
diff --git a/package.json b/package.json
index 06bef20bb..20077d378 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@sysvale/cuida",
-	"version": "3.154.7",
+	"version": "3.154.8",
 	"description": "A design system built by Sysvale, using storybook and Vue components",
 	"repository": {
 		"type": "git",
diff --git a/src/components/ProgressBar.vue b/src/components/ProgressBar.vue
index 55a27767b..dbc00c63c 100644
--- a/src/components/ProgressBar.vue
+++ b/src/components/ProgressBar.vue
@@ -1,11 +1,15 @@
 <template>
 	<div
 		class="progress-bar"
-		:class="textLeft ? 'progress-bar__left' : ''"
+		:class="[
+			textLeft && !textAside ? 'progress-bar__left' : '',
+			textAside ? 'progress-bar--aside' : '',
+		]"
 	>
 		<span
 			v-if="showText"
 			class="progress-bar__text"
+			:class="textAside ? 'progress-bar__text--aside' : ''"
 		>
 			<!-- @slot Slot padrão da progressBar. Pode ser utilizado para sobrescrever o valor de progresso. -->
 			<slot>
@@ -132,6 +136,10 @@ watch(() => props.value, () => {
 	display: flex;
 	flex-direction: v-bind(textDirection);
 
+	&--aside {
+		gap: 4px;
+	}
+
 	&__content {
 		background-color: tokens.$n-40;
 		border-radius: tokens.$border-radius-extra-large;
@@ -150,7 +158,7 @@ watch(() => props.value, () => {
 
 	&__text--aside {
 		font-weight: tokens.$font-weight-semibold;
-		margin: tokens.ml(3);
+		margin: 0 !important;
 	}
 
 	&__text {
diff --git a/src/tests/ProgressBar.spec.ts b/src/tests/ProgressBar.spec.ts
index eca83c706..3e017e9f7 100644
--- a/src/tests/ProgressBar.spec.ts
+++ b/src/tests/ProgressBar.spec.ts
@@ -47,4 +47,18 @@ describe('ProgressBar', () => {
 
 		expect(wrapper.html()).toMatchSnapshot();
 	});
+
+	test('applies aside classes when textAside is true', async () => {
+		const wrapper = mount(ProgressBar, {
+			props: {
+				value: 0.5,
+				showText: true,
+				textAside: true,
+			},
+		});
+
+		const textElement = wrapper.find('.progress-bar__text');
+		expect(textElement.classes()).toContain('progress-bar__text--aside');
+		expect(wrapper.classes()).toContain('progress-bar--aside');
+	});
 });

From 897fa9a18793c3f0c149eaaf0b0fa74d5565589d Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Tue, 3 Mar 2026 14:13:28 +0000
Subject: [PATCH 2/2] fix(ProgressBar): fix vertical alignment and spacing in
 aside mode

- Added 'progress-bar--aside' class to main container when 'textAside' is true.
- Applied 'gap: 4px' to the aside container for proper spacing.
- Added 'progress-bar__text--aside' class to text when 'textAside' is true.
- Set 'margin: 0 !important' for the aside text to ensure vertical centering.
- Restricted 'progress-bar__left' class to only apply when not in aside mode.
- Added unit test to verify the application of the new classes.
- Fixed flaky test in DateInput.spec.js by mocking system time for both Vitest and Luxon.
- Updated project version in package.json.

Co-authored-by: lucasn4s <17988272+lucasn4s@users.noreply.github.com>
---
 src/tests/DateInput.spec.js | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/tests/DateInput.spec.js b/src/tests/DateInput.spec.js
index 7e52790b2..01c3ebbef 100644
--- a/src/tests/DateInput.spec.js
+++ b/src/tests/DateInput.spec.js
@@ -1,13 +1,18 @@
-import { describe, test, expect, beforeEach, vi } from 'vitest';
+import { describe, test, expect, beforeEach, afterEach, vi } from 'vitest';
 import { mount } from '@vue/test-utils';
 import DateInput from '../components/DateInput.vue'; // Ajuste o caminho conforme necessário
 import CdsBaseInput from '../components/BaseInput.vue';
-import { DateTime } from 'luxon';
+import { DateTime, Settings } from 'luxon';
 
 describe('DateInput', () => {
 	let wrapper;
 
 	beforeEach(() => {
+		vi.useFakeTimers();
+		const mockDate = new Date(2026, 1, 1);
+		vi.setSystemTime(mockDate);
+		Settings.now = () => mockDate.getTime();
+
 		wrapper = mount(DateInput, {
 			props: {
 				label: 'Selecione uma data',
@@ -17,6 +22,11 @@ describe('DateInput', () => {
 		});
 	});
 
+	afterEach(() => {
+		vi.useRealTimers();
+		Settings.now = () => Date.now();
+	});
+
 	test('renders correctly', () => {
 		expect(wrapper.html()).toMatchSnapshot();
 	});