@trackunit/react-form-components 1.12.10-alpha-e76d0654d61.0 → 1.12.11

package/index.cjs.js

@@ -20,14 +20,6 @@ var sharedUtils = require('@trackunit/shared-utils');
 var reactHookForm = require('react-hook-form');
 var zod = require('zod');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var parsePhoneNumberFromString__default = /*#__PURE__*/_interopDefault(parsePhoneNumberFromString);
-var ReactSelect__default = /*#__PURE__*/_interopDefault(ReactSelect);
-var ReactAsyncSelect__default = /*#__PURE__*/_interopDefault(ReactAsyncSelect);
-var ReactAsyncCreatableSelect__default = /*#__PURE__*/_interopDefault(ReactAsyncCreatableSelect);
-var ReactCreatableSelect__default = /*#__PURE__*/_interopDefault(ReactCreatableSelect);
-
 var defaultTranslations = {
 	"baseInput.copyAction.toolTip": "Copy value",
 	"clearIndicator.icon.tooltip.clearAll": "Clear all",
@@ -890,7 +882,7 @@ const cvaLabel = cssClassVarianceUtilities.cvaMerge([
 ], {
     variants: {
         invalid: {
-            true: "text-red-600 hover:text-red-700 active:text-red-700 group-hover:text-red-700 group-active:text-red-700",
+            true: "text-danger-600 hover:text-danger-700 active:text-danger-700 group-hover:text-danger-700 group-active:text-danger-700",
             false: "",
         },
         disabled: {
@@ -949,7 +941,7 @@ const cvaCheckbox = cssClassVarianceUtilities.cvaMerge([
 ], {
     variants: {
         invalid: {
-            true: ["border-red-600", "active:ring-red-700", "group-focus:ring-2", "group-focus:ring-inset"],
+            true: ["border-danger-600", "active:ring-danger-700", "group-focus:ring-2", "group-focus:ring-inset"],
             false: "",
         },
         state: {
@@ -998,17 +990,17 @@ const cvaCheckbox = cssClassVarianceUtilities.cvaMerge([
             state: "selected",
             invalid: true,
             className: [
-                "bg-red-600",
-                "border-red-600",
-                "hover:bg-red-700",
-                "hover:border-red-700",
-                "group-hover:bg-red-700",
-                "group-hover:border-red-700",
-                "active:bg-red-700",
-                "active:ring-red-700",
-                "group-active:bg-red-700",
-                "group-active:border-red-700",
-                "group-active:ring-red-700",
+                "bg-danger-600",
+                "border-danger-600",
+                "hover:bg-danger-700",
+                "hover:border-danger-700",
+                "group-hover:bg-danger-700",
+                "group-hover:border-danger-700",
+                "active:bg-danger-700",
+                "active:ring-danger-700",
+                "group-active:bg-danger-700",
+                "group-active:border-danger-700",
+                "group-active:ring-danger-700",
                 "group-active:ring-2",
                 "group-active:ring-inset",
             ],
@@ -1951,7 +1943,7 @@ const useSelect = (props) => {
 };
 
 // This is here to ensure the bundled react-components can expose the react-select for jest in external iris apps.
-const ReactSyncSelect = ReactSelect__default.default.default || ReactSelect__default.default;
+const ReactSyncSelect = ReactSelect.default || ReactSelect;
 /**
  * BaseSelect are input components used to choose a value from a set.
  *
@@ -1960,7 +1952,7 @@ const ReactSyncSelect = ReactSelect__default.default.default || ReactSelect__def
  */
 const BaseSelect = (props) => {
     const select = useSelect(props);
-    return props.async ? jsxRuntime.jsx(ReactAsyncSelect__default.default, { ...select }) : jsxRuntime.jsx(ReactSyncSelect, { ...select });
+    return props.async ? jsxRuntime.jsx(ReactAsyncSelect, { ...select }) : jsxRuntime.jsx(ReactSyncSelect, { ...select });
 };
 
 /**
@@ -2018,7 +2010,7 @@ const useCreatableSelect = (props) => {
  */
 const CreatableSelect = (props) => {
     const creatableSelect = useCreatableSelect(props);
-    return props.async ? (jsxRuntime.jsx(ReactAsyncCreatableSelect__default.default, { ...creatableSelect })) : (jsxRuntime.jsx(ReactCreatableSelect__default.default, { ...creatableSelect }));
+    return props.async ? (jsxRuntime.jsx(ReactAsyncCreatableSelect, { ...creatableSelect })) : (jsxRuntime.jsx(ReactCreatableSelect, { ...creatableSelect }));
 };
 
 /**
@@ -2345,7 +2337,7 @@ const cvaDropZoneLabel = cssClassVarianceUtilities.cvaMerge([
 ]);
 const cvaDropZoneIconBackground = cssClassVarianceUtilities.cvaMerge(["relative", "flex", "items-center", "justify-center", "rounded-full", "p-3"], {
     variants: {
-        invalid: { true: ["bg-red-100"], false: ["bg-neutral-200"] },
+        invalid: { true: ["bg-danger-100"], false: ["bg-neutral-200"] },
     },
 });
 
@@ -3069,7 +3061,7 @@ const validatePhoneNumber = (phoneNumber) => {
     const countryCode = asYouType.getCallingCode();
     const national = asYouType.getNationalNumber();
     const safePhoneNumber = getPhoneNumberWithPlus(phoneNumber.trim());
-    const number = parsePhoneNumberFromString__default.default(safePhoneNumber);
+    const number = parsePhoneNumberFromString(safePhoneNumber);
     if (phoneNumber && parsePhoneNumberFromString.isValidPhoneNumber(phoneNumber)) {
         return undefined;
     }
@@ -3241,7 +3233,7 @@ const cvaRadioItem = cssClassVarianceUtilities.cvaMerge([
             false: "",
         },
         invalid: {
-            true: ["border-red-600"],
+            true: ["border-danger-600"],
             false: "",
         },
         disabled: {
@@ -4485,10 +4477,7 @@ const useZodValidators = () => {
  */
 setupLibraryTranslations();
 
-Object.defineProperty(exports, "ValueType", {
-  enumerable: true,
-  get: function () { return ReactSelect__default.default; }
-});
+exports.ValueType = ReactSelect;
 exports.ActionButton = ActionButton;
 exports.BaseInput = BaseInput;
 exports.BaseSelect = BaseSelect;

package/index.esm.js

@@ -3,7 +3,7 @@ import { useNamespaceTranslation, registerTranslations, NamespaceTrans } from '@
 import { Temporal } from '@js-temporal/polyfill';
 import { IconButton, Icon, Tooltip, cvaMenu, cvaMenuList, Tag, useIsTextTruncated, ZStack, MenuItem, useMeasure, useDebounce, useMergeRefs, Spinner, useScrollBlock, Text, Heading, useIsFirstRender } from '@trackunit/react-components';
 import { themeSpacing } from '@trackunit/ui-design-tokens';
-import { forwardRef, useRef, useEffect, useImperativeHandle, useCallback, useState, isValidElement, cloneElement, useLayoutEffect, useReducer, useMemo, createContext, useContext } from 'react';
+import { forwardRef, useRef, useEffect, useImperativeHandle, useCallback, useState, cloneElement, isValidElement, useLayoutEffect, useReducer, useMemo, createContext, useContext } from 'react';
 import { cvaMerge } from '@trackunit/css-class-variance-utilities';
 import { titleCase } from 'string-ts';
 import { useCopyToClipboard } from 'usehooks-ts';
@@ -881,7 +881,7 @@ const cvaLabel = cvaMerge([
 ], {
     variants: {
         invalid: {
-            true: "text-red-600 hover:text-red-700 active:text-red-700 group-hover:text-red-700 group-active:text-red-700",
+            true: "text-danger-600 hover:text-danger-700 active:text-danger-700 group-hover:text-danger-700 group-active:text-danger-700",
             false: "",
         },
         disabled: {
@@ -940,7 +940,7 @@ const cvaCheckbox = cvaMerge([
 ], {
     variants: {
         invalid: {
-            true: ["border-red-600", "active:ring-red-700", "group-focus:ring-2", "group-focus:ring-inset"],
+            true: ["border-danger-600", "active:ring-danger-700", "group-focus:ring-2", "group-focus:ring-inset"],
             false: "",
         },
         state: {
@@ -989,17 +989,17 @@ const cvaCheckbox = cvaMerge([
             state: "selected",
             invalid: true,
             className: [
-                "bg-red-600",
-                "border-red-600",
-                "hover:bg-red-700",
-                "hover:border-red-700",
-                "group-hover:bg-red-700",
-                "group-hover:border-red-700",
-                "active:bg-red-700",
-                "active:ring-red-700",
-                "group-active:bg-red-700",
-                "group-active:border-red-700",
-                "group-active:ring-red-700",
+                "bg-danger-600",
+                "border-danger-600",
+                "hover:bg-danger-700",
+                "hover:border-danger-700",
+                "group-hover:bg-danger-700",
+                "group-hover:border-danger-700",
+                "active:bg-danger-700",
+                "active:ring-danger-700",
+                "group-active:bg-danger-700",
+                "group-active:border-danger-700",
+                "group-active:ring-danger-700",
                 "group-active:ring-2",
                 "group-active:ring-inset",
             ],
@@ -2336,7 +2336,7 @@ const cvaDropZoneLabel = cvaMerge([
 ]);
 const cvaDropZoneIconBackground = cvaMerge(["relative", "flex", "items-center", "justify-center", "rounded-full", "p-3"], {
     variants: {
-        invalid: { true: ["bg-red-100"], false: ["bg-neutral-200"] },
+        invalid: { true: ["bg-danger-100"], false: ["bg-neutral-200"] },
     },
 });
 
@@ -3232,7 +3232,7 @@ const cvaRadioItem = cvaMerge([
             false: "",
         },
         invalid: {
-            true: ["border-red-600"],
+            true: ["border-danger-600"],
             false: "",
         },
         disabled: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-form-components",
-  "version": "1.12.10-alpha-e76d0654d61.0",
+  "version": "1.12.11",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -14,12 +14,12 @@
     "zod": "^3.23.8",
     "react-hook-form": "7.62.0",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/css-class-variance-utilities": "1.11.9-alpha-e76d0654d61.0",
-    "@trackunit/react-components": "1.15.10-alpha-e76d0654d61.0",
-    "@trackunit/ui-icons": "1.11.9-alpha-e76d0654d61.0",
-    "@trackunit/shared-utils": "1.13.9-alpha-e76d0654d61.0",
-    "@trackunit/ui-design-tokens": "1.11.10-alpha-e76d0654d61.0",
-    "@trackunit/i18n-library-translation": "1.11.9-alpha-e76d0654d61.0",
+    "@trackunit/css-class-variance-utilities": "1.11.10",
+    "@trackunit/react-components": "1.15.11",
+    "@trackunit/ui-icons": "1.11.10",
+    "@trackunit/shared-utils": "1.13.10",
+    "@trackunit/ui-design-tokens": "1.11.11",
+    "@trackunit/i18n-library-translation": "1.11.10",
     "string-ts": "^2.0.0",
     "@js-temporal/polyfill": "^0.5.1",
     "es-toolkit": "^1.39.10",