Segment/Pagination: move default border padding to padding prop (#3554)

chadsr · web-flow · commit 334962e21bbf · 2025-05-19T11:29:27.000-05:00
diff --git a/.changeset/calm-papayas-give.md b/.changeset/calm-papayas-give.md
@@ -0,0 +1,7 @@
+---
+"@skeletonlabs/skeleton-svelte": patch
+"@skeletonlabs/skeleton-react": patch
+---
+
+Segment/Pagination: move default border padding to padding prop
+  
diff --git a/packages/skeleton-react/src/components/Pagination/Pagination.tsx b/packages/skeleton-react/src/components/Pagination/Pagination.tsx
@@ -20,9 +20,9 @@ export const Pagination: FC<PaginationProps> = ({
 	// Root
 	base = 'inline-flex items-stretch overflow-hidden',
 	background = 'preset-outlined-surface-200-800',
-	border = 'p-2',
+	border = '',
 	gap = 'gap-2',
-	padding = '',
+	padding = 'p-2',
 	rounded = 'rounded-container',
 	classes = '',
 	// Buttons
diff --git a/packages/skeleton-react/src/components/Segment/Segment.tsx b/packages/skeleton-react/src/components/Segment/Segment.tsx
@@ -12,9 +12,9 @@ const SegmentRoot: FC<SegmentProps> = ({
 	// Root
 	base = 'inline-flex items-stretch overflow-hidden',
 	background = 'preset-outlined-surface-200-800',
-	border = 'p-2',
+	border = '',
 	gap = 'gap-2',
-	padding = '',
+	padding = 'p-2',
 	rounded = 'rounded-container',
 	width = '',
 	classes = '',
diff --git a/packages/skeleton-svelte/src/components/Pagination/Pagination.svelte b/packages/skeleton-svelte/src/components/Pagination/Pagination.svelte
@@ -11,9 +11,9 @@
 		// Root
 		base = 'inline-flex items-stretch overflow-hidden',
 		background = 'preset-outlined-surface-200-800',
-		border = 'p-2',
+		border = '',
 		gap = 'gap-2',
-		padding = '',
+		padding = 'p-2',
 		rounded = 'rounded-container',
 		classes = '',
 		// Titles
diff --git a/packages/skeleton-svelte/src/components/Segment/Segment.svelte b/packages/skeleton-svelte/src/components/Segment/Segment.svelte
@@ -8,9 +8,9 @@
 		// Root
 		base = 'inline-flex items-stretch overflow-hidden',
 		background = 'preset-outlined-surface-200-800',
-		border = 'p-2',
+		border = '',
 		gap = 'gap-2',
-		padding = '',
+		padding = 'p-2',
 		rounded = 'rounded-container',
 		width = '',
 		classes = '',
