@trackunit/react-form-components 1.4.37 → 1.4.40

package/index.cjs.js

@@ -184,7 +184,7 @@ const cvaInputBase = cssClassVarianceUtilities.cvaMerge([
     "hover:bg-slate-50",
     "transition",
 ]);
-const cvaInputBaseDisabled = cssClassVarianceUtilities.cvaMerge(["bg-slate-100", "hover:bg-slate-100", "hover:border-slate-300"]);
+const cvaInputBaseDisabled = cssClassVarianceUtilities.cvaMerge(["bg-neutral-100", "hover:bg-neutral-100", "hover:border-neutral-300"]);
 const cvaInputBaseInvalid = cssClassVarianceUtilities.cvaMerge(["border-danger-600"]);
 const cvaInput$1 = cssClassVarianceUtilities.cvaMerge([
     "overflow-hidden",
@@ -1910,7 +1910,7 @@ const cvaSelect = cssClassVarianceUtilities.cvaMerge([
     "rounded-lg",
     "border-slate-300",
     "hover:border-slate-400",
-    "hover:bg-slate-50",
+    "hover:bg-neutral-50",
     "bg-white",
     "transition",
     "text-sm",
@@ -1927,7 +1927,7 @@ const cvaSelect = cssClassVarianceUtilities.cvaMerge([
             false: "",
         },
         disabled: {
-            true: "!bg-slate-100 hover:border-slate-300",
+            true: "!bg-neutral-100 hover:border-slate-300",
             false: "",
         },
     },
@@ -1939,7 +1939,7 @@ const cvaSelect = cssClassVarianceUtilities.cvaMerge([
 const cvaSelectControl = cssClassVarianceUtilities.cvaMerge([], {
     variants: {
         isDisabled: {
-            true: "!bg-slate-100",
+            true: "!bg-neutral-100",
             false: "",
         },
         prefix: {
@@ -2045,7 +2045,7 @@ const TagWithWidth = ({ onWidthKnown, children, ...rest }) => {
  * @param {TagsContainerProps} props - The props for the TagContainer
  * @returns {ReactElement} TagsContainer
  */
-const TagsContainer = ({ items, width = "100%", itemsGap = 5, postFix, disabled }) => {
+const TagsContainer = ({ items, width = "100%", itemsGap = 6, postFix, disabled }) => {
     const containerRef = react.useRef(null);
     const [isReady, setIsReady] = react.useState(false);
     const [counterWidth, setCounterWidth] = react.useState(0);
@@ -2098,7 +2098,7 @@ const TagsContainer = ({ items, width = "100%", itemsGap = 5, postFix, disabled
                     ...acc,
                     elements: [
                         ...acc.elements,
-                        jsxRuntime.jsx(TagWithWidth, { className: "inline-flex shrink-0", color: item.disabled ? "unknown" : "primary", dataTestId: `${item.text}-tag`, disabled: disabled, onClose: e => {
+                        jsxRuntime.jsx(TagWithWidth, { className: "inline-flex shrink-0", color: item.disabled ? "neutral" : "white", dataTestId: `${item.text}-tag`, disabled: disabled, onClose: e => {
                                 e.stopPropagation();
                                 item.onClick();
                             }, onWidthKnown: onWidthKnownHandler, children: item.text }, item.text + index),

package/index.esm.js

@@ -183,7 +183,7 @@ const cvaInputBase = cvaMerge([
     "hover:bg-slate-50",
     "transition",
 ]);
-const cvaInputBaseDisabled = cvaMerge(["bg-slate-100", "hover:bg-slate-100", "hover:border-slate-300"]);
+const cvaInputBaseDisabled = cvaMerge(["bg-neutral-100", "hover:bg-neutral-100", "hover:border-neutral-300"]);
 const cvaInputBaseInvalid = cvaMerge(["border-danger-600"]);
 const cvaInput$1 = cvaMerge([
     "overflow-hidden",
@@ -1909,7 +1909,7 @@ const cvaSelect = cvaMerge([
     "rounded-lg",
     "border-slate-300",
     "hover:border-slate-400",
-    "hover:bg-slate-50",
+    "hover:bg-neutral-50",
     "bg-white",
     "transition",
     "text-sm",
@@ -1926,7 +1926,7 @@ const cvaSelect = cvaMerge([
             false: "",
         },
         disabled: {
-            true: "!bg-slate-100 hover:border-slate-300",
+            true: "!bg-neutral-100 hover:border-slate-300",
             false: "",
         },
     },
@@ -1938,7 +1938,7 @@ const cvaSelect = cvaMerge([
 const cvaSelectControl = cvaMerge([], {
     variants: {
         isDisabled: {
-            true: "!bg-slate-100",
+            true: "!bg-neutral-100",
             false: "",
         },
         prefix: {
@@ -2044,7 +2044,7 @@ const TagWithWidth = ({ onWidthKnown, children, ...rest }) => {
  * @param {TagsContainerProps} props - The props for the TagContainer
  * @returns {ReactElement} TagsContainer
  */
-const TagsContainer = ({ items, width = "100%", itemsGap = 5, postFix, disabled }) => {
+const TagsContainer = ({ items, width = "100%", itemsGap = 6, postFix, disabled }) => {
     const containerRef = useRef(null);
     const [isReady, setIsReady] = useState(false);
     const [counterWidth, setCounterWidth] = useState(0);
@@ -2097,7 +2097,7 @@ const TagsContainer = ({ items, width = "100%", itemsGap = 5, postFix, disabled
                     ...acc,
                     elements: [
                         ...acc.elements,
-                        jsx(TagWithWidth, { className: "inline-flex shrink-0", color: item.disabled ? "unknown" : "primary", dataTestId: `${item.text}-tag`, disabled: disabled, onClose: e => {
+                        jsx(TagWithWidth, { className: "inline-flex shrink-0", color: item.disabled ? "neutral" : "white", dataTestId: `${item.text}-tag`, disabled: disabled, onClose: e => {
                                 e.stopPropagation();
                                 item.onClick();
                             }, onWidthKnown: onWidthKnownHandler, children: item.text }, item.text + index),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-form-components",
-  "version": "1.4.37",
+  "version": "1.4.40",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -18,7 +18,7 @@
     "react-hook-form": "7.53.1",
     "tailwind-merge": "^2.0.0",
     "@trackunit/css-class-variance-utilities": "1.4.21",
-    "@trackunit/react-components": "1.5.33",
+    "@trackunit/react-components": "1.5.36",
     "@trackunit/ui-icons": "1.4.21",
     "@trackunit/shared-utils": "1.6.21",
     "@trackunit/ui-design-tokens": "1.4.23",