hamzus-ui 0.0.198 → 0.0.200

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "hamzus-ui",
-	"version": "0.0.198",
+	"version": "0.0.200",
 	"type": "module",
 	"main": "index.js",
 	"svelte": "index.js",

package/src/components/hamzus-ui/TableV2/ActionsBar.svelte

@@ -177,7 +177,7 @@
 			<Tooltip.Trigger slot="trigger">
 				{#if $mobileFormat}
 					<IconButton
-						size="22px"
+						size="20px"
 						variant="ghost"
 						onClick={() => {
 							handleSwitchFormat(false);
@@ -218,7 +218,7 @@
 					</IconButton>
 				{:else}
 					<IconButton
-						size="22px"
+						size="20px"
 						variant="secondary"
 						onClick={() => {
 							handleSwitchFormat(false);
@@ -268,7 +268,7 @@
 			<Tooltip.Trigger slot="trigger">
 				{#if !$mobileFormat}
 					<IconButton
-						size="22px"
+						size="20px"
 						variant="ghost"
 						onClick={() => {
 							handleSwitchFormat(true);
@@ -293,7 +293,7 @@
 					</IconButton>
 				{:else}
 					<IconButton
-						size="22px"
+						size="20px"
 						variant="secondary"
 						onClick={() => {
 							handleSwitchFormat(true);
@@ -326,7 +326,7 @@
 	{#if $table.actions.length > 0 && $table.selection.length > 0}
 		<DropdownMenu.Root>
 			<DropdownMenu.Trigger slot="trigger">
-				<IconButton variant="secondary">
+				<IconButton variant="outline">
 					<svg
 						width="24"
 						height="24"
@@ -359,7 +359,7 @@
 
 	<DropdownMenu.Root>
 		<DropdownMenu.Trigger slot="trigger">
-			<Button variant="secondary">
+			<Button variant="outline" style="padding-top:var(--pad-s);padding-bottom:var(--pad-s);">
 				<svg
 					width="24"
 					height="24"
@@ -380,7 +380,7 @@
 						fill="#292D32"
 					/>
 				</svg>
-				<h4>colonnes</h4>
+				<h6>colonnes</h6>
 			</Button>
 		</DropdownMenu.Trigger>
 		<DropdownMenu.Content slot="content">
@@ -410,7 +410,7 @@
 			<IconButton
 				onClick={handleGoLeft}
 				desabled={canPassToLeft}
-				variant="secondary"
+				variant="outline"
 				style="border-top-right-radius: 0px;border-bottom-right-radius: 0px;"
 			>
 				<svg
@@ -432,7 +432,7 @@
 			</IconButton>
 			<DropdownMenu.Root>
 				<DropdownMenu.Trigger slot="trigger">
-					<IconButton variant="secondary" style="border-radius:0px;"
+					<IconButton variant="outline" style="border-radius:0px;"
 						><h4>
 							{Math.floor($table.offset / $table.limit) + 1}
 						</h4></IconButton
@@ -465,7 +465,7 @@
 				onClick={handleGoRight}
 				desabled={canPassToRight}
 				style="border-top-left-radius: 0px;border-bottom-left-radius: 0px;"
-				variant="secondary"
+				variant="outline"
 			>
 				<svg
 					width="24"

package/src/components/hamzus-ui/TableV2/Content.svelte

@@ -98,9 +98,9 @@
 									<svelte:component this={row[cellKey].component} {...row[cellKey].props}
 									></svelte:component>
 								{:else if row[cellKey] === null}
-									<h4>-</h4>
+									<h5 style="color:var(--font-1)">-</h5>
                                 {:else}
-									<h4>{row[cellKey] ?? "-"}</h4>
+									<h5 style="color:var(--font-1)">{row[cellKey] ?? "-"}</h5>
 								{/if}
 							{/if}
 							<!-- si c est au format mobile on affiche le nom de la cell -->
@@ -168,7 +168,7 @@
 	.cell {
 		text-align: left;
 		width: var(--cell-width);
-		padding: var(--pad-m);
+		padding: var(--pad-s);
 		overflow: hidden;
 		text-overflow: ellipsis;
 		border-right: 1px solid var(--stroke);

package/src/components/hamzus-ui/TableV2/Header.svelte

@@ -371,9 +371,10 @@
 		min-width: 100%;
 		width: max-content;
 		display: flex;
+		border-top: 1px solid var(--stroke);
 		border-bottom: 1px solid var(--stroke);
 		user-select: none;
-		background-color: var(--bg-2);
+		background-color: var(--bg-blur);
 		position: sticky;
 		top: 0;
 		z-index: 1;
@@ -417,5 +418,18 @@
 		transform: translate(-50%, -50%);
 		width: 15px;
 		height: 100%;
+        z-index: 3;
 	}
+
+    .resizer::after{
+        content: '';
+        width: 1px;
+        height: 100%;
+        background-color: var(--stroke);
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        transform: translate(-100%);
+        z-index: 2;
+    }
 </style>