Merge pull request #993 from SwedbankPay/feature/SWED-2521-progress_s…

…teps_line_ui

SWED-2521 fix progress-steps line 1st & last

package.json

@@ -59,7 +59,7 @@
 		"@babel/eslint-parser": "^7.24.1",
 		"@babel/preset-env": "^7.24.4",
 		"@babel/preset-react": "^7.24.1",
-		"@playwright/test": "^1.44.0",
+		"@playwright/test": "^1.45.3",
 		"@testing-library/jest-dom": "^5.16.5",
 		"@testing-library/react": "^14.2.2",
 		"@testing-library/user-event": "^14.5.2",

src/less/components/datepicker.less

@@ -24,8 +24,12 @@
 	box-sizing: border-box;
 	touch-action: manipulation;
 	background: #fff;
-	box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6,
-		0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
+	box-shadow:
+		1px 0 0 #e6e6e6,
+		-1px 0 0 #e6e6e6,
+		0 1px 0 #e6e6e6,
+		0 -1px 0 #e6e6e6,
+		0 3px 13px rgba(0, 0, 0, 0.08);
 }
 .flatpickr-calendar.open,
 .flatpickr-calendar.inline {
@@ -63,7 +67,9 @@
 	.flatpickr-days
 	.dayContainer:nth-child(n + 2)
 	.flatpickr-day.inRange:nth-child(7n + 1) {
-	box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
+	box-shadow:
+		-2px 0 0 #e6e6e6,
+		5px 0 0 #e6e6e6;
 }
 .flatpickr-calendar .hasWeeks .dayContainer,
 .flatpickr-calendar .hasTime .dayContainer {
@@ -530,7 +536,9 @@ span.flatpickr-weekday {
 }
 .flatpickr-day.inRange {
 	border-radius: 0;
-	box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
+	box-shadow:
+		-5px 0 0 #e6e6e6,
+		5px 0 0 #e6e6e6;
 }
 .flatpickr-day.flatpickr-disabled,
 .flatpickr-day.flatpickr-disabled:hover,
@@ -551,7 +559,9 @@ span.flatpickr-weekday {
 }
 .flatpickr-day.week.selected {
 	border-radius: 0;
-	box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
+	box-shadow:
+		-5px 0 0 #569ff7,
+		5px 0 0 #569ff7;
 }
 .flatpickr-day.hidden {
 	visibility: hidden;
@@ -749,8 +759,8 @@ span.flatpickr-weekday {
 	}
 
 	.flatpickr-day.selected:hover {
-		background: @text-gray;
-		border: @text-gray;
+		background: var(--text-gray);
+		border: var(--text-gray);
 	}
 
 	.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),