feat(design-system): CR changes v1 [AR-26986]

Author: mmurawski-dn

packages/design-system/src/components/ds-progress-linear/ds-progress-linear.module.scss

@@ -84,7 +84,7 @@ $border-radius: 4px;
 	display: flex;
 	align-items: center;
 	gap: var(--spacing-3xs);
-	padding-top: 2px;
+	padding-top: var(--spacing-4xs);
 }
 
 .captionDefault {

packages/design-system/src/components/ds-progress-linear/ds-progress-linear.tsx

@@ -58,17 +58,15 @@ const DsProgressLinear = ({
 	ref,
 }: DsProgressLinearProps) => {
 	const hasHeader = label !== undefined || showValue;
-	const isStringCaption = typeof caption === 'string';
 	const icon = captionIcon[variant];
-
 	const percentage = calculatePercentage(value, min, max);
 
-	const renderCaption = () => {
+	const renderCaption = (caption?: DsProgressLinearProps['caption']) => {
 		if (caption === undefined) {
 			return null;
 		}
 
-		if (!isStringCaption) {
+		if (typeof caption !== 'string') {
 			return caption;
 		}
 
@@ -101,7 +99,7 @@ const DsProgressLinear = ({
 				<Progress.Range className={classNames(styles.range, rangeVariantClass[variant])} />
 			</Progress.Track>
 
-			{renderCaption()}
+			{renderCaption(caption)}
 		</Progress.Root>
 	);
 };