@nexxtmove/ui 1.4.0 → 1.6.0

package/dist/index.js

@@ -1071,7 +1071,7 @@ var dt = { funda: { render: ut } }, Z = /* @__PURE__ */ p({
 			}, null, 8, ["modelValue"])) : o("", !0)
 		]));
 	}
-}), Qt = { class: "card bg-color-white inline-flex w-80 flex-col items-start justify-start gap-0 rounded-t-lg" }, $t = ["src", "alt"], en = /* @__PURE__ */ p({
+}), Qt = { class: "card inline-flex w-80 flex-col items-start justify-start gap-0 rounded-t-lg" }, $t = ["src", "alt"], en = /* @__PURE__ */ p({
 	__name: "Card",
 	props: {
 		image: {},
@@ -1419,7 +1419,7 @@ var dt = { funda: { render: ut } }, Z = /* @__PURE__ */ p({
 			e.label ? (w(), s("label", {
 				key: 0,
 				for: t,
-				class: "text-color-gray-700 justify-start body-normal text-sm"
+				class: "justify-start small-normal text-gray-700"
 			}, [d(k(e.label) + " ", 1), e.required ? (w(), s("span", sn, "*")) : o("", !0)])) : o("", !0),
 			f($, {
 				placement: "bottom-start",
@@ -1670,7 +1670,7 @@ var dt = { funda: { render: ut } }, Z = /* @__PURE__ */ p({
 		return (t, i) => (w(), s("div", bn, [
 			e.label ? (w(), s("label", {
 				key: 0,
-				class: "text-color-gray-700 justify-start body-normal text-sm",
+				class: "justify-start small-normal text-gray-700",
 				for: r
 			}, [d(k(e.label) + " ", 1), e.required ? (w(), s("span", xn, "*")) : o("", !0)])) : o("", !0),
 			c("div", { class: y(["group flex items-center gap-2 overflow-hidden rounded-lg ring transition-colors ease-out focus-within:ring-cornflower-blue-500", [e.error ? "ring-brick-400" : "ring-gray-200", {
@@ -2885,7 +2885,7 @@ var sr = /* @__PURE__ */ p({
 		return (i, l) => (w(), s("div", Zn, [
 			t.label ? (w(), s("label", {
 				key: 0,
-				class: "text-color-gray-700 justify-start body-normal text-sm",
+				class: "justify-start small-normal text-gray-700",
 				for: A(r)
 			}, [d(k(t.label) + " ", 1), t.required ? (w(), s("span", $n, "*")) : o("", !0)], 8, Qn)) : o("", !0),
 			f($, {
@@ -3437,7 +3437,7 @@ var sr = /* @__PURE__ */ p({
 		return (r, i) => (w(), s("div", Fr, [
 			t.label ? (w(), s("label", {
 				key: 0,
-				class: "text-color-gray-700 justify-start body-normal text-sm",
+				class: "justify-start small-normal text-gray-700",
 				for: A(l)
 			}, [d(k(t.label) + " ", 1), t.required ? (w(), s("span", Lr, "*")) : o("", !0)], 8, Ir)) : o("", !0),
 			c("div", { class: y(["group flex items-center overflow-hidden rounded-lg ring transition-colors ease-out focus-within:ring-cornflower-blue-500", [t.error ? "ring-brick-400" : "ring-gray-200", t.selectPosition === "after" ? "flex-row-reverse" : "flex-row"]]) }, [f($, { placement: t.selectPosition === "after" ? "bottom-end" : "bottom-start" }, {
@@ -3887,13 +3887,13 @@ var sr = /* @__PURE__ */ p({
 	}
 }), pi = { class: "flex flex-col items-start justify-start gap-2 self-stretch overflow-hidden" }, mi = { class: "inline-flex w-full items-center gap-2 overflow-hidden" }, hi = {
 	key: 0,
-	class: "text-color-gray-950 shrink-0 body-semibold"
+	class: "shrink-0 body-semibold text-gray-950"
 }, gi = {
 	key: 1,
-	class: "text-color-gray-950 shrink-0 body-normal"
+	class: "shrink-0 body-normal text-gray-950"
 }, _i = {
 	key: 0,
-	class: "text-color-gray-950 wrap-break-words w-full body-normal"
+	class: "wrap-break-words w-full body-normal text-gray-950"
 }, vi = /* @__PURE__ */ p({
 	__name: "PropertyListing",
 	props: {
@@ -3905,7 +3905,7 @@ var sr = /* @__PURE__ */ p({
 		return (t, n) => (w(), s("div", pi, [c("div", mi, [
 			e.price ? (w(), s("div", hi, " € " + k(e.price.toLocaleString("nl-NL")), 1)) : o("", !0),
 			e.price ? (w(), s("div", gi, "|")) : o("", !0),
-			c("div", { class: y(["text-color-gray-950 min-w-0 truncate", e.price ? "body-normal" : "body-semibold"]) }, k(e.city), 3)
+			c("div", { class: y(["min-w-0 truncate text-gray-950", e.price ? "body-normal" : "body-semibold"]) }, k(e.city), 3)
 		]), e.text ? (w(), s("div", _i, k(e.text), 1)) : o("", !0)]));
 	}
 }), yi = new URL("assets/property_placeholder-CxdNZf4X.jpg", import.meta.url).href, bi = { class: "relative isolate h-40 w-full overflow-hidden rounded-tl-lg rounded-tr-lg" }, xi = ["src"], Si = { class: "absolute inset-0 flex items-center justify-center rounded-tl-lg rounded-tr-lg bg-white/20 backdrop-blur-sm" }, Ci = /* @__PURE__ */ p({
@@ -4142,7 +4142,7 @@ var sr = /* @__PURE__ */ p({
 		}), (i, h) => (w(), s("div", Bi, [
 			t.label ? (w(), s("label", {
 				key: 0,
-				class: "text-color-gray-700 justify-start body-normal text-sm",
+				class: "justify-start small-normal text-gray-700",
 				for: A(u)
 			}, [d(k(t.label) + " ", 1), t.required ? (w(), s("span", Hi, "*")) : o("", !0)], 8, Vi)) : o("", !0),
 			f($, {
@@ -5593,7 +5593,7 @@ var Pa = { render: Na }, Fa = { class: "flex items-center justify-end self-stret
 	}
 }), ls = { class: "flex flex-col gap-1" }, us = {
 	key: 0,
-	class: "text-color-gray-700 justify-start body-normal text-sm"
+	class: "justify-start small-normal text-gray-700"
 }, ds = ["onClick"], fs = {
 	key: 1,
 	class: "extra-small-semibold"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nexxtmove/ui",
   "type": "module",
-  "version": "1.4.0",
+  "version": "1.6.0",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",

package/src/components/Card/Card.vue

@@ -8,9 +8,7 @@ defineProps<Props>()
 </script>
 
 <template>
-  <div
-    class="card bg-color-white inline-flex w-80 flex-col items-start justify-start gap-0 rounded-t-lg"
-  >
+  <div class="card inline-flex w-80 flex-col items-start justify-start gap-0 rounded-t-lg">
     <slot name="image" v-if="image || $slots.image">
       <img
         v-if="image"

package/src/components/ColorPicker/ColorPicker.vue

@@ -113,11 +113,7 @@ watch(
 
 <template>
   <div class="inline-flex flex-col gap-1" :class="{ 'w-full': fullWidth }">
-    <label
-      v-if="label"
-      :for="PICKER_ID"
-      class="text-color-gray-700 justify-start body-normal text-sm"
-    >
+    <label v-if="label" :for="PICKER_ID" class="justify-start small-normal text-gray-700">
       {{ label }}
       <span v-if="required" class="text-brick-500">*</span>
     </label>

package/src/components/CountrySelect/CountrySelect.vue

@@ -72,11 +72,7 @@ const onOpen = async () => {
 
 <template>
   <div class="inline-flex flex-col gap-1">
-    <label
-      v-if="label"
-      class="text-color-gray-700 justify-start body-normal text-sm"
-      :for="selectId"
-    >
+    <label v-if="label" class="justify-start small-normal text-gray-700" :for="selectId">
       {{ label }}
       <span v-if="required" class="text-brick-500">*</span>
     </label>

package/src/components/InputField/InputField.vue

@@ -51,11 +51,7 @@ const decrement = () => {
 
 <template>
   <div class="inline-flex flex-col gap-1">
-    <label
-      v-if="label"
-      class="text-color-gray-700 justify-start body-normal text-sm"
-      :for="INPUT_ID"
-    >
+    <label v-if="label" class="justify-start small-normal text-gray-700" :for="INPUT_ID">
       {{ label }}
       <span v-if="required" class="text-brick-500">*</span>
     </label>

package/src/components/InputSelect/InputSelect.vue

@@ -50,11 +50,7 @@ const select = (opt: SelectOption, close: () => void) => {
 
 <template>
   <div class="inline-flex flex-col gap-1">
-    <label
-      v-if="label"
-      class="text-color-gray-700 justify-start body-normal text-sm"
-      :for="fieldId"
-    >
+    <label v-if="label" class="justify-start small-normal text-gray-700" :for="fieldId">
       {{ label }}
       <span v-if="required" class="text-brick-500">*</span>
     </label>

package/src/components/PropertyListing/PropertyListing.vue

@@ -11,19 +11,16 @@ defineProps<Props>()
 <template>
   <div class="flex flex-col items-start justify-start gap-2 self-stretch overflow-hidden">
     <div class="inline-flex w-full items-center gap-2 overflow-hidden">
-      <div v-if="price" class="text-color-gray-950 shrink-0 body-semibold">
+      <div v-if="price" class="shrink-0 body-semibold text-gray-950">
         € {{ price.toLocaleString('nl-NL') }}
       </div>
-      <div v-if="price" class="text-color-gray-950 shrink-0 body-normal">|</div>
-      <div
-        class="text-color-gray-950 min-w-0 truncate"
-        :class="price ? 'body-normal' : 'body-semibold'"
-      >
+      <div v-if="price" class="shrink-0 body-normal text-gray-950">|</div>
+      <div class="min-w-0 truncate text-gray-950" :class="price ? 'body-normal' : 'body-semibold'">
         {{ city }}
       </div>
     </div>
 
-    <div v-if="text" class="text-color-gray-950 wrap-break-words w-full body-normal">
+    <div v-if="text" class="wrap-break-words w-full body-normal text-gray-950">
       {{ text }}
     </div>
   </div>

package/src/components/Select/Select.vue

@@ -123,11 +123,7 @@ watch(model, () => {
 
 <template>
   <div class="inline-flex flex-col gap-1">
-    <label
-      v-if="label"
-      class="text-color-gray-700 justify-start body-normal text-sm"
-      :for="selectId"
-    >
+    <label v-if="label" class="justify-start small-normal text-gray-700" :for="selectId">
       {{ label }}
       <span v-if="required" class="text-brick-500">*</span>
     </label>

package/src/components/ToggleGroup/ToggleGroup.vue

@@ -70,7 +70,7 @@ onMounted(async () => {
 
 <template>
   <div class="flex flex-col gap-1">
-    <label v-if="label" class="text-color-gray-700 justify-start body-normal text-sm">
+    <label v-if="label" class="justify-start small-normal text-gray-700">
       {{ label }}
     </label>
     <div