From df808c5060303395b907e91d11713416875c1d39 Mon Sep 17 00:00:00 2001
From: Micaela Goffe <micaela.goffe@neovici.se>
Date: Tue, 21 May 2024 15:18:23 +0200
Subject: [PATCH] fix(chip): add css vars for margin and padding

---
 src/autocomplete/chip.css.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/autocomplete/chip.css.ts b/src/autocomplete/chip.css.ts
index 54a339c3..6b70354c 100644
--- a/src/autocomplete/chip.css.ts
+++ b/src/autocomplete/chip.css.ts
@@ -4,14 +4,14 @@ export default css`
 	:host {
 		border-radius: var(--cosmoz-autocomplete-chip-border-radius, 500px);
 		background: var(--cosmoz-autocomplete-chip-bg-color, #cbcfdb);
-		margin: 0px 0 2px 0;
+		margin: var(--cosmoz-autocomplete-chip-margin, 0px 0 2px 0);
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		flex: 0.0001 1 fit-content;
 		max-width: 18ch;
 		min-width: 40px;
-		padding: 0 4px 0 8px;
+		padding: var(--cosmoz-autocomplete-chip-padding, 0 4px 0 8px);
 		gap: 4px;
 		cursor: pointer;
 		transform: translateY(var(--cosmoz-autocomplete-chip-translate-y, 0));