npm - @integration-app/react - Versions diffs - 2.6.1 → 2.6.3 - Mend

@integration-app/react 2.6.1 → 2.6.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (628) hide show

package/dist/esm/styled-system/css/sva.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/helpers.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/jsx/box.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/jsx/center.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/jsx/circle.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/jsx/divider.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/jsx/factory-helper.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/jsx/factory.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/jsx/flex.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/jsx/is-valid-prop.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/jsx/visually-hidden.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/patterns/box.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/patterns/center.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/patterns/circle.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/patterns/divider.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/patterns/flex.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/patterns/visually-hidden.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/recipes/alert.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/recipes/avatar.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/recipes/badge.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/recipes/button.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/recipes/create-recipe.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/recipes/icon.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/recipes/input.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/recipes/menu.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/recipes/popover.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/recipes/skeleton.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/recipes/spinner.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/recipes/text.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/recipes/tooltip.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/styled-system/tokens/index.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/ui-kit/avatar.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/ui-kit/button.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/ui-kit/spinner.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/ui-kit/styled/alert.mjs CHANGED Viewed

@@ -3,7 +3,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/ui-kit/styled/avatar.mjs CHANGED Viewed

@@ -3,7 +3,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/ui-kit/styled/badge.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/ui-kit/styled/button.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/ui-kit/styled/icon-button.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/ui-kit/styled/icon.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/ui-kit/styled/input.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/ui-kit/styled/menu.mjs CHANGED Viewed

@@ -3,7 +3,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/ui-kit/styled/popover.mjs CHANGED Viewed

@@ -3,7 +3,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/ui-kit/styled/skeleton.mjs CHANGED Viewed

@@ -3,7 +3,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/ui-kit/styled/spinner.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/ui-kit/styled/text.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/ui-kit/styled/tooltip.mjs CHANGED Viewed

@@ -3,7 +3,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/esm/ui-kit/styled/utils/create-style-context.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.1
+ * v2.6.3
  */
 'use client';

package/dist/styles.css CHANGED Viewed

@@ -3117,18 +3117,34 @@
     border-radius: var(--iap-radii-md);
 }
-  .iap-gap_1 {
-    gap: var(--iap-spacing-1);
-}
   .iap-max-w_full {
     max-width: var(--iap-sizes-full);
 }
+  .iap-min-w_3\/6 {
+    min-width: 50%;
+}
   .iap-ov-wrap_break-word {
     overflow-wrap: break-word;
 }
+  .iap-c_slate\.9 {
+    color: var(--iap-colors-slate-9);
+}
+  .iap-min-w_1\/6 {
+    min-width: 16.666667%;
+}
+  .iap-max-w_2\/5 {
+    max-width: 40%;
+}
+  .iap-ta_right {
+    text-align: right;
+}
   .iap-bg_slate\.2 {
     background: var(--iap-colors-slate-2);
 }
@@ -3578,6 +3594,10 @@
     transition: opacity 0.1s;
 }
+  .iap-gap_1 {
+    gap: var(--iap-spacing-1);
+}
   .iap-max-h_full {
     max-height: var(--iap-sizes-full);
 }
@@ -4896,8 +4916,8 @@
     align-items: center;
 }
-  .iap-ai_baseline {
-    align-items: baseline;
+  .iap-mt_0\.5 {
+    margin-top: var(--iap-spacing-0\.5);
 }
   .iap-bd-c_slate\.3 {
@@ -4980,10 +5000,6 @@
     font-weight: var(--iap-font-weights-normal);
 }
-  .iap-flex-wrap_nowrap {
-    flex-wrap: nowrap;
-}
   .iap-ai_start {
     align-items: start;
 }
@@ -5105,6 +5121,9 @@
   @media screen and (min-width: 40rem) {
     .sm\:iap-offset_4 {
       offset: 4px;
+}
+    .sm\:iap-offset_0 {
+      offset: 0;
 }
     .sm\:iap-offset_8 {
       offset: 8px;

package/dist/types/components/ComboBox/types.d.ts CHANGED Viewed

@@ -52,6 +52,8 @@ export interface ComboBoxDropdownProps {
 export interface ComboBoxOption {
     value?: ValueDataType;
     label: ReactNode;
+    hint?: string;
+    hintPrefix?: string;
     searchLabel?: string;
     childrenCount?: number;
     isSection?: boolean;

package/dist/types/components/DropdownUI/ItemHint.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export declare function ItemHint({ value, prefix, }: {
+    value?: string;
+    prefix?: string;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/DropdownUI/index.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import { ItemHint } from './ItemHint';
 import { ItemIcon } from './ItemIcon';
 import { ItemNestingIndicator } from './ItemNestingIndicator';
 import { ItemTitle } from './ItemTitle';
@@ -36,4 +37,5 @@ export declare const DropdownUI: import("react").ForwardRefExoticComponent<impor
     ItemIcon: typeof ItemIcon;
     ItemTitle: typeof ItemTitle;
     ItemNestingIndicator: typeof ItemNestingIndicator;
+    ItemHint: typeof ItemHint;
 };

package/dist/types/components/DropdownUI/item-aria-context.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export declare const DropdownItemAriaContextProvider: import("react").Provider<{
+    titleId?: string;
+}>;
+export declare const useDropdownItemAriaContext: () => {
+    titleId?: string;
+};

package/dist/types/components/Tooltip/index.d.ts CHANGED Viewed

@@ -12,6 +12,8 @@ export type GenericTooltipProps = {
     disabled?: boolean;
     children: ReactElement;
     withArrow?: boolean;
+    usePortal?: boolean;
+    id?: string;
 };
 declare const tooltipRecipe: import("../../styled-system/types").SlotRecipeRuntimeFn<"content" | "arrow-tip", {
     type: {

package/dist/types/components/Truncate/index.d.ts CHANGED Viewed

@@ -1,7 +1,11 @@
-import { ReactNode } from 'react';
-export declare function Truncate({ mode, children, endLetters, className, }: {
-    mode?: 'end' | 'middle';
+import { HTMLAttributes, ReactNode } from 'react';
+import { GenericTooltipProps } from '../Tooltip';
+export declare function Truncate({ children, endLetters, className, id, placement, offset, usePortal, tooltipBuilder, ...rest }: {
     children: string | ReactNode;
     endLetters?: number;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+    placement?: GenericTooltipProps['placement'];
+    offset?: GenericTooltipProps['offset'];
+    usePortal?: GenericTooltipProps['usePortal'];
+    tooltipBuilder?: (children: GenericTooltipProps['tooltip']) => GenericTooltipProps['tooltip'];
+} & HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;

package/dist/types/recipes/dropdown.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import { SlotNames, SvaRecipeWithMeta } from './common';
-declare const SLOTS: readonly [readonly ["popover-container", "Main container of a dropdown. Emits keyboard navigation events"], readonly ["content", "Dropdown content container"], readonly ["panel", "Section panel. Can be multiple. Can be nested"], readonly ["search-input", "Search input element"], readonly ["search-divider", "Divider between search input and rest of elements"], readonly ["list", "Items list container"], readonly ["items-list-header", "Items list header"], readonly ["item", "Single list item container"], readonly ["item-title", "List item title"], readonly ["no-options-heading", "Heading title for empty search result"], readonly ["no-options-heading-icon", "No options heading icon"], readonly ["error-heading", "Heading for error when options failed to load"], readonly ["error-heading-icon", "Error heading icon"], readonly ["info-heading", "Heading for unsupported states within the dropdown"], readonly ["info-heading-icon", "Info heading icon"], readonly ["loading-item-container", "List item skeleton container"], readonly ["loading-item-icon", "List item icon skeleton"], readonly ["loading-item-title", "Loading item title skeleton"]];
+declare const SLOTS: readonly [readonly ["popover-container", "Main container of a dropdown. Emits keyboard navigation events"], readonly ["content", "Dropdown content container"], readonly ["panel", "Section panel. Can be multiple. Can be nested"], readonly ["search-input", "Search input element"], readonly ["search-divider", "Divider between search input and rest of elements"], readonly ["list", "Items list container"], readonly ["items-list-header", "Items list header"], readonly ["item", "Single list item container"], readonly ["item-title", "List item title"], readonly ["item-hint", "List item hint"], readonly ["no-options-heading", "Heading title for empty search result"], readonly ["no-options-heading-icon", "No options heading icon"], readonly ["error-heading", "Heading for error when options failed to load"], readonly ["error-heading-icon", "Error heading icon"], readonly ["info-heading", "Heading for unsupported states within the dropdown"], readonly ["info-heading-icon", "Info heading icon"], readonly ["loading-item-container", "List item skeleton container"], readonly ["loading-item-icon", "List item icon skeleton"], readonly ["loading-item-title", "Loading item title skeleton"]];
 export declare const dropdownRecipe: SvaRecipeWithMeta<SlotNames<typeof SLOTS>>;
 export {};