@trackunit/react-components 0.0.158 → 0.0.162

package/components/PhoneInput/PhoneInput.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { CommonProps } from "../../common";
+import { BaseInputProps } from "../BaseInput";
+export interface PhoneInputProps extends BaseInputProps, CommonProps {
+    /**
+     * A flag to disable the phone button.
+     */
+    disableAction?: boolean;
+}
+/**
+ * A Phone Input component is used for input of the type tel.
+ *
+ * It has an ActionButton which sends an phone call to the specified number using "tel:" link.
+ *
+ * Extends props of BaseInput.
+ *
+ * A reference to the input element is provided as the `ref` prop.
+ * For specific input types make sure to use the corresponding input component.
+ */
+export declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps & React.RefAttributes<HTMLInputElement>>;

package/index.js

@@ -3946,6 +3946,7 @@ const useCustomComponents = (componentsProps, disabled, menuIsClosing, refMenuIs
         };
         return jsx(components.Option, Object.assign({}, props, {
           innerProps: Object.assign(Object.assign({}, props.innerProps), {
+            role: "option",
             onClick: () => {}
           })
         }, {
@@ -5217,7 +5218,7 @@ const GridArea = ({
 const IntrinsicallyResponsiveGrid = ({
   children,
   occupation = "auto-fill",
-  minColumnWidth = "normal",
+  minColumnWidth = "md",
   gap = "auto",
   dataTestId,
   className
@@ -5249,18 +5250,21 @@ const Layout$2 = tw.span`
   $minColumnWidth
 }) => {
   switch ($minColumnWidth) {
-    case "slim":
-      return tws`tu-layout-IntrinsicallyResponsiveGrid--slim`;
+    case "xs":
+      return tws`tu-layout-IntrinsicallyResponsiveGrid--xs`;
 
-    case "narrow":
-      return tws`tu-layout-IntrinsicallyResponsiveGrid--narrow`;
+    case "sm":
+      return tws`tu-layout-IntrinsicallyResponsiveGrid--sm`;
 
-    case "wide":
-      return tws`tu-layout-IntrinsicallyResponsiveGrid--wide`;
+    case "lg":
+      return tws`tu-layout-IntrinsicallyResponsiveGrid--lg`;
 
-    case "normal":
+    case "xl":
+      return tws`tu-layout-IntrinsicallyResponsiveGrid--xl`;
+
+    case "md":
     default:
-      return tws`tu-layout-IntrinsicallyResponsiveGrid--normal`;
+      return tws`tu-layout-IntrinsicallyResponsiveGrid--md`;
   }
 }}
   
@@ -5297,7 +5301,7 @@ const Layout$2 = tw.span`
 
     case "auto":
     default:
-      return tws`gap-3 sm:gap-4 md:gap-6`;
+      return tws`tu-gap-responsive`;
   }
 }};
 `;

package/layout/responsive/IntrinsicallyResponsiveGrid.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { CommonProps } from "../../common/CommonProps";
-declare type ColumnWidth = "slim" | "narrow" | "normal" | "wide";
+declare type ColumnWidth = "xs" | "sm" | "md" | "lg" | "xl";
 declare type Space = "inherit" | "auto" | "none" | "tiny" | "mini" | "small" | "medium" | "large" | "giant" | "enormous";
 declare type Occupation = "auto-fill" | "auto-fit";
 interface IntrinsicallyResponsiveGridProps extends CommonProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.0.158",
+  "version": "0.0.162",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {